:root{--cream:#fff3cf;--orange:#ff6b35;--yellow:#ffd166;--green:#8ac926;--ground:#11130f}*{box-sizing:border-box}html,body{width:100%;height:100%;color:var(--cream);background:var(--ground);margin:0;font-family:ui-monospace,Cascadia Mono,monospace;font-size:1rem;overflow:hidden}button{font:inherit}#shell{isolation:isolate;width:100%;height:100%;position:relative}#game{touch-action:none;width:100%;height:100%;position:absolute;inset:0}.hud{z-index:2;pointer-events:none;align-items:flex-start;gap:clamp(1.125rem,4vw,3.875rem);padding:1.5rem clamp(1.25rem,4vw,3.5rem);display:flex;position:absolute;top:0;left:0;right:0}.brand{color:var(--cream);letter-spacing:.08em;pointer-events:auto;margin-right:auto;font-weight:800;text-decoration:none}.brand b{color:var(--orange)}.hud div{text-align:right}.hud small{color:#7b816f;letter-spacing:.18em;font-size:.5625rem;display:block}.hud strong{margin-top:.25rem;font-size:1.1875rem;font-weight:500;display:block}.panel{z-index:3;opacity:0;visibility:hidden;pointer-events:none;width:min(38.75rem,100vw - 3rem);transition:opacity .25s;position:absolute;top:50%;left:clamp(1.5rem,8vw,8.125rem);transform:translateY(-47%)}.panel.active{opacity:1;visibility:visible;pointer-events:auto}.eyebrow{color:var(--green);letter-spacing:.24em;margin:0 0 1.125rem;font-size:.625rem}.panel h1,.panel h2{letter-spacing:-.08em;margin:0;font:800 clamp(3.25rem,8vw,7rem)/.8 system-ui,sans-serif}.panel h1 em,.panel h2 em{color:var(--orange);font-style:normal}.panel>p:not(.eyebrow){color:#b7bda9;max-width:32.5rem;margin:1.75rem 0;font:1.0625rem/1.55 system-ui,sans-serif}.panel button{color:var(--ground);background:var(--cream);box-shadow:.4375rem .4375rem 0 var(--orange);cursor:pointer;letter-spacing:.1em;border:0;padding:.9375rem 1.125rem;font-size:.75rem;font-weight:800}.panel button span{margin-left:1.875rem}.panel>small{color:#6d7264;letter-spacing:.1em;margin-top:1.5rem;font-size:.5625rem;display:block}#prompt{z-index:2;color:var(--cream);text-align:center;letter-spacing:.18em;opacity:0;pointer-events:none;font-size:.625rem;transition:opacity .18s;position:absolute;bottom:1.75rem;left:0;right:0}#prompt.active{opacity:.82}@media (width<=620px){.hud{gap:.9375rem;padding:1.125rem}.brand{width:4.375rem;line-height:.9}.panel{left:1.5rem}.panel h1,.panel h2{font-size:clamp(3rem,18vw,4.625rem)}}@media (prefers-reduced-motion:reduce){.panel,#prompt{transition:none}}