:root{color-scheme:dark;--iron-950: #08090c;--iron-900: #0f1216;--iron-850: #141821;--iron-800: #1b2029;--iron-700: #2b323d;--iron-600: #3d4653;--iron-500: #55606f;--iron-400: #78859a;--iron-300: #9aa6b8;--iron-100: #dbe2ec;--iron-050: #f1f5fa;--ember-700: #7a2e06;--ember-600: #a6420a;--ember-500: #d4620f;--ember-400: #f0842a;--ember-300: #ffa857;--heat-500: #ffc24d;--heat-300: #ffe3a3;--heat-100: #fff6e0;--quench-500: #5aa9e6;--surface-0: var(--iron-950);--surface-1: var(--iron-900);--surface-2: var(--iron-850);--surface-3: var(--iron-800);--border-subtle: var(--iron-700);--text: var(--iron-100);--text-strong: var(--iron-050);--text-muted: var(--iron-300);--tile-face-empty: transparent;--tile-rim-empty: var(--iron-600);--tile-face-filled: var(--tile-skin-face, var(--iron-800));--tile-rim-filled: var(--tile-skin-rim, var(--iron-400));--tile-face-correct: var(--heat-100);--tile-rim-correct: var(--heat-500);--tile-text-correct: var(--iron-950);--tile-face-present: var(--ember-500);--tile-rim-present: var(--ember-600);--tile-text-present: var(--heat-100);--tile-face-absent: var(--iron-600);--tile-rim-absent: var(--iron-600);--tile-text-absent: var(--iron-100);--glow-hot: 0 0 0 var(--px) rgb(255 194 77 / .55), 0 0 0 calc(var(--px) * 2) rgb(255 194 77 / .2);--glow-ember: 0 0 0 var(--px) rgb(240 132 42 / .45), 0 0 0 calc(var(--px) * 2) rgb(240 132 42 / .16);--glow-none: 0 0 0 0 transparent;--rim-light: inset 0 var(--px) 0 rgb(255 255 255 / .14), inset 0 calc(var(--px) * -1) 0 rgb(0 0 0 / .35);--shadow-panel: calc(var(--px) * 2) calc(var(--px) * 2) 0 rgb(0 0 0 / .6);--metal-sheen: linear-gradient( 180deg, rgb(255 255 255 / .14) 0 25%, rgb(255 255 255 / .06) 25% 50%, rgb(0 0 0 / .06) 50% 75%, rgb(0 0 0 / .16) 75% 100% );--dither: repeating-conic-gradient( rgb(255 255 255 / .03) 0% 25%, transparent 0% 50%) 0 0 / 6px 6px;--font-display: "Pixelify Sans", ui-monospace, monospace;--font-body: "VT323", "Pixelify Sans", ui-monospace, monospace;--fs-12: .9375rem;--fs-14: 1rem;--fs-16: 1rem;--fs-18: 1.125rem;--fs-22: 1.375rem;--fs-28: 1.75rem;--fs-36: clamp(1.75rem, 5vw, 2.25rem);--fs-48: clamp(2rem, 7vw, 3rem);--sp-1: .125rem;--sp-2: .25rem;--sp-3: .375rem;--sp-4: .5rem;--sp-6: .75rem;--sp-8: 1rem;--sp-12: 1.5rem;--sp-16: 2rem;--sp-24: 3rem;--radius-tile: 0;--radius-control: 0;--radius-panel: 0;--radius-pill: 0;--px: 3px;--dur-pop: 90ms;--dur-flip: .5s;--stagger-flip: .3s;--dur-shake: .6s;--dur-slide: .5s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.645, .045, .355, 1);--tile: clamp(1.9rem, min(12vw, 6.2vh), 3rem);--hex-w: calc(var(--tile) * 1.55);--hex-h: calc(var(--hex-w) * 1.15470054);--hex-row-pitch: calc(var(--hex-h) * -.25);--scene-floor: clamp(52px, 11vh, 88px);--key-w: clamp(1.75rem, calc((100vw - 2 * var(--sp-8) - 9 * var(--sp-3)) / 10), 2.75rem)}@media(prefers-contrast:more){:root:not([data-contrast=normal]){--tile-face-correct: var(--heat-500);--tile-rim-correct: var(--heat-300);--tile-face-present: var(--quench-500);--tile-rim-present: #8fc7f0;--tile-text-present: var(--iron-950);--glow-hot: var(--glow-none);--glow-ember: var(--glow-none)}}:root[data-contrast=more]{--tile-face-correct: var(--heat-500);--tile-rim-correct: var(--heat-300);--tile-face-present: var(--quench-500);--tile-rim-present: #8fc7f0;--tile-text-present: var(--iron-950);--glow-hot: var(--glow-none);--glow-ember: var(--glow-none)}@media(prefers-reduced-motion:reduce){:root:not([data-motion=full]){--dur-pop: 1ms;--dur-flip: .12s;--stagger-flip: 0ms;--dur-shake: 1ms;--dur-slide: 1ms}}:root[data-motion=off],:root[data-motion=reduced]{--dur-pop: 1ms;--dur-flip: .12s;--stagger-flip: 0ms;--dur-shake: 1ms;--dur-slide: 1ms}:root[data-hex-skin=iron]{--hex-idle-face: #4a5568;--hex-idle-rim: #6b7789}:root[data-hex-skin=copper]{--hex-idle-face: #7a4a2c;--hex-idle-rim: #a9663a}:root[data-hex-skin=damascus]{--hex-idle-face: #3f4a57;--hex-idle-rim: #8b97a8}:root[data-hex-skin=quench]{--hex-idle-face: #2f5068;--hex-idle-rim: #5aa9e6}:root[data-tile-skin=slate]{--tile-skin-face: #262e39;--tile-skin-rim: #55606f}:root[data-tile-skin=brass]{--tile-skin-face: #4a3c1c;--tile-skin-rim: #b08d3a}:root[data-tile-skin=damascus]{--tile-skin-face: #303a46;--tile-skin-rim: #8b97a8}:root[data-tile-skin=crystal]{--tile-skin-face: #1f3d4d;--tile-skin-rim: #7fd2f0}:root[data-backdrop=ashfall]{--scene-tint: rgb(154 166 184 / .16)}:root[data-backdrop=quenchroom]{--scene-tint: rgb(90 169 230 / .16)}:root[data-backdrop=crucible]{--scene-tint: rgb(255 194 77 / .14)}*,*:before,*:after{box-sizing:border-box}img,svg{image-rendering:pixelated;shape-rendering:crispEdges}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;background:radial-gradient(140% 30% at 50% -14%,rgb(122 46 6 / .3) 0 34%,rgb(122 46 6 / .14) 34% 62%,transparent 62%),var(--surface-0);background-attachment:fixed;image-rendering:pixelated;color:var(--text);font-family:var(--font-body);font-size:var(--fs-16)}#root{min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto}html[data-view=case] #root{height:100dvh}button{font:inherit;color:inherit}:focus-visible{outline:var(--px) solid var(--heat-500);outline-offset:var(--px);border-radius:0}:focus:not(:focus-visible){outline:none}.visuallyHidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skipLink{position:absolute;left:var(--sp-4);top:var(--sp-4);z-index:100;padding:var(--sp-4) var(--sp-8);background:var(--surface-2);border-radius:var(--radius-control);transform:translateY(-200%);transition:transform .15s var(--ease-out);min-height:44px;display:inline-flex;align-items:center}.skipLink:focus{transform:translateY(0)}.pixelCorner{clip-path:polygon(var(--px) 0,calc(100% - var(--px)) 0,100% var(--px),100% calc(100% - var(--px)),calc(100% - var(--px)) 100%,var(--px) 100%,0 calc(100% - var(--px)),0 var(--px))}