:root{--ink: #16110e;--board: #241812;--walnut: #3a2519;--brass: #c19a56;--brass-dim: #8a6b3a;--sienna: #b26c3c;--indigo: #46648a;--chalk: #e4dacb;--muted: #a2917c;--rule: rgba(228, 218, 203, .14);--rule-soft: rgba(228, 218, 203, .07);--scrim: rgba(14, 10, 8, .82);--pad: 12px;--tap: 44px;--serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;--mono: ui-monospace, "SF Mono", "Cascadia Mono", "Roboto Mono", Menlo, Consolas, monospace}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:var(--ink);color:var(--chalk);font-family:var(--mono);overscroll-behavior:none;touch-action:none}#app{position:fixed;inset:0;isolation:isolate}#game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}#scrim{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,#0e0a08a8,#0e0a0800 16%),linear-gradient(to top,#0e0a08c2,#0e0a0800 22%);z-index:1}#grain{position:absolute;inset:0;pointer-events:none;z-index:2;opacity:.4;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='140' height='140' filter='url(%23n)' opacity='0.5'/></svg>");background-size:140px 140px}body.reduced #grain{opacity:.22}#hud{position:absolute;top:0;left:0;right:0;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 14px;pointer-events:none}#hud[hidden]{display:none}.mark{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.22em;color:var(--chalk);text-shadow:0 1px 3px rgba(0,0,0,.7)}.mark i{width:8px;height:8px;border-radius:50%;background:var(--brass);box-shadow:0 0 10px #c19a568c;flex:none}.mark span{display:flex;flex-direction:column;line-height:1.25}.mark small{font-size:9px;letter-spacing:.3em;color:var(--muted)}.hud-actions{display:flex;gap:6px;pointer-events:auto}button{font-family:var(--mono);color:var(--chalk);background:#16110eb8;border:1px solid var(--rule);border-radius:2px;letter-spacing:.16em;font-size:10px;padding:0 10px;min-height:28px;cursor:pointer;transition:border-color .14s ease,background-color .14s ease,color .14s ease}button:hover,button:focus-visible{border-color:var(--brass);color:#f4ecdf;outline:none}button:focus-visible{box-shadow:0 0 0 2px #c19a5673}button[aria-pressed=true],button.is-on{border-color:var(--brass);color:#f6efe2;background:#3a2519cc}button:disabled{opacity:.36;cursor:default}button.primary{background:var(--brass);border-color:var(--brass);color:#1a120c;font-weight:600;letter-spacing:.2em;min-height:42px;padding:0 20px}button.primary:hover,button.primary:focus-visible{background:#d8ae67;color:#1a120c}#commission{position:absolute;left:50%;transform:translate(-50%);top:10.5%;z-index:5;width:min(430px,70vw);text-align:center;padding:10px 18px 12px;border-radius:3px;background:radial-gradient(120% 150% at 50% 40%,#0c0907e0,#0c090799 58%,#0c090700)}#commission[hidden]{display:none}#commission.dismissed{opacity:0;transform:translate(-50%,-8px)}#commission .plate{margin:0 0 4px;font-size:9px;letter-spacing:.34em;color:var(--brass)}#commission h2{margin:0 0 6px;font-family:var(--serif);font-size:27px;font-weight:400;letter-spacing:.14em;color:#f2e9db;text-shadow:0 2px 14px rgba(0,0,0,.85)}#commission .client{margin:0;font-size:11.5px;line-height:1.6;opacity:.86;text-shadow:0 1px 8px rgba(0,0,0,.9)}#rail{position:absolute;left:0;right:0;bottom:0;z-index:6;padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:6px;background:linear-gradient(to top,#0e0a08eb 40%,#0e0a0800)}#rail[hidden]{display:none}#rail .row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}#rail .row-commit{justify-content:space-between;gap:8px}.group{display:flex;align-items:center;gap:3px;padding:3px 6px;border:1px solid var(--rule-soft);border-radius:2px;background:#16110e80}.group b{font-size:8.5px;letter-spacing:.26em;font-weight:400;color:var(--muted);margin-right:3px}.group button{min-height:26px;padding:0 7px;font-size:9px;border-color:transparent;background:transparent}.group button.is-on,.group button[aria-pressed=true]{border-color:var(--brass);background:#3a2519d9}.swatch{position:relative;width:30px;height:26px;padding:0!important;border:1px solid var(--rule)!important;border-radius:1px;overflow:hidden}.swatch:after{content:"";position:absolute;inset:0;opacity:.85}.swatch.warm:after{background:linear-gradient(160deg,#c98450,#8a4b28)}.swatch.cool:after{background:linear-gradient(160deg,#5b7ea6,#2f4a68)}.swatch span{position:absolute;left:0;right:0;bottom:1px;font-size:6px;letter-spacing:.1em;color:#fff8ece6;text-shadow:0 1px 2px rgba(0,0,0,.85);z-index:1}.swatch.is-on{box-shadow:0 0 0 1px var(--brass)}.clips button{font-size:12px;min-width:28px;padding:0 4px;line-height:1}#blot-button{min-height:32px;padding:0 12px;border-color:var(--rule)}#level{position:relative;width:62px;height:62px;margin-left:auto;border:1px solid var(--rule);border-radius:50%;background:radial-gradient(circle at 38% 30%,#c19a5629,#0e0a0899 70%),#0e0a088c;cursor:grab;touch-action:none;flex:none;display:grid;place-items:center}#level:active{cursor:grabbing}#level i{width:15px;height:15px;border-radius:50%;background:radial-gradient(circle at 34% 30%,#f0dcb4,#8d6c36 70%);box-shadow:0 0 8px #c19a5666;transform:translate(0);will-change:transform}#level em{position:absolute;bottom:4px;font-style:normal;font-size:7px;letter-spacing:.24em;color:var(--muted)}.light{margin:0;font-size:9.5px;letter-spacing:.2em;color:var(--muted);text-transform:uppercase}.light.fading{color:var(--brass)}button.sign{min-height:40px;padding:0 18px;border-color:var(--brass-dim);color:#f1e6d5;background:#3a2519b8}.screen{position:absolute;inset:0;z-index:8;display:flex;align-items:flex-end;padding:24px;pointer-events:none}.screen[hidden]{display:none}.screen.modal{align-items:center;justify-content:center;background:#0a0706bd;pointer-events:auto;padding:18px}.screen.modal.bare{background:linear-gradient(to top,#0a0706db 12%,#0a070614 68%);align-items:flex-end;pointer-events:auto}.title-card,.modal-card,.verdict-card{pointer-events:auto;max-width:460px;width:100%;background:linear-gradient(160deg,#1e1611f2,#100c0af2);border:1px solid var(--rule);border-radius:3px;padding:22px;box-shadow:0 22px 60px #0009}.modal-card.wide{max-width:560px}.title-card .eyebrow,.verdict-plate{margin:0 0 6px;font-size:9px;letter-spacing:.34em;color:var(--brass)}.title-card h1{margin:0 0 10px;font-family:var(--serif);font-size:46px;line-height:1;font-weight:400;letter-spacing:.16em}.title-card .pitch{margin:0 0 18px;font-size:12px;line-height:1.7;color:var(--chalk);opacity:.84;max-width:40ch}.title-card .records{margin:14px 0 0;font-size:9.5px;letter-spacing:.16em;color:var(--muted)}.modal-card h2,.verdict-card h2{margin:0 0 8px;font-family:var(--serif);font-size:26px;font-weight:400;letter-spacing:.1em}.modal-card p,.verdict-note{margin:0 0 16px;font-size:12px;line-height:1.7;color:var(--chalk);opacity:.82}.modal-actions{display:flex;gap:8px;flex-wrap:wrap}.toggle{display:flex;align-items:center;gap:8px;margin:0 0 18px;font-size:10px;letter-spacing:.18em;color:var(--muted);cursor:pointer}.toggle input{accent-color:var(--brass);width:16px;height:16px}.keys{margin:0 0 18px;display:grid;gap:7px}.keys div{display:grid;grid-template-columns:108px 1fr;gap:10px;align-items:baseline}.keys dt{font-size:9.5px;letter-spacing:.14em;color:var(--brass)}.keys dd{margin:0;font-size:11px;line-height:1.55;color:var(--chalk);opacity:.8}.verdict-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:8px;margin-bottom:18px}.verdict-stats div{border-top:1px solid var(--rule);padding-top:6px}.verdict-stats b{display:block;font-family:var(--serif);font-size:17px;font-weight:400;color:#f2e9db;letter-spacing:.04em}.verdict-stats span{font-size:8px;letter-spacing:.2em;color:var(--muted)}.verdict-card{max-width:520px}.gallery{display:grid;gap:8px;margin-bottom:18px}.gallery article{display:grid;grid-template-columns:6px 1fr auto;gap:10px;align-items:center;border:1px solid var(--rule-soft);border-radius:2px;padding:9px 11px}.gallery article i{width:6px;height:6px;border-radius:50%;background:var(--brass)}.gallery article[data-ending=SPOILED] i{background:#7a4038}.gallery article b{display:block;font-size:10px;letter-spacing:.18em;color:#f2e9db}.gallery article span{font-size:9.5px;color:var(--muted);letter-spacing:.1em}.gallery article em{font-style:normal;font-size:9px;letter-spacing:.16em;color:var(--brass)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(orientation:portrait),(max-width:760px){.title-card h1{font-size:34px}.title-card{padding:18px}#commission{top:44%;width:min(400px,86vw)}#commission h2{font-size:26px}#rail{padding:6px 8px calc(8px + env(safe-area-inset-bottom,0px));gap:6px}#rail .row-tools{gap:6px}.group b{display:none}.group button{min-height:var(--tap);padding:0 9px}.swatch{width:40px;height:var(--tap)}.clips button{min-width:var(--tap)}#level{width:var(--tap);height:var(--tap);margin-left:auto}#blot-button{min-height:var(--tap)}button.sign{flex:1}.screen{padding:12px}.keys div{grid-template-columns:92px 1fr}}@media(min-width:761px)and (orientation:landscape){#level{position:absolute;right:3.2%;bottom:27%;margin:0}#rail .row-tools{max-width:1080px}}body.reduced *{transition-duration:1ms!important}