:root{color-scheme:dark;--ink:#0c0d0b;--paper:#e8e7df;--acid:#c8ff4d;--red:#ff4d35;--muted:#adb1a1;--rule:#e8e7df30;font-family:Manrope,Arial,sans-serif;background:var(--ink);color:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body,h1,h2,h3,p{margin:0}body{min-width:320px}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}button:disabled{opacity:.4;cursor:default}a,button,canvas{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}:focus-visible{outline:2px solid var(--acid);outline-offset:5px}::selection{color:var(--ink);background:var(--acid)}
.page{max-width:1440px;margin:auto;padding:0 clamp(1.1rem,5vw,5rem)}.mono,kbd{font-family:"DM Mono",monospace;font-size:.59rem;line-height:1.6;letter-spacing:.06em;font-weight:400}.site-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--rule);min-height:6rem}.identity{display:flex;align-items:center;gap:.85rem;font:500 .65rem/1.2 "DM Mono",monospace;letter-spacing:.06em}.identity-mark{display:grid;place-items:center;width:1.8rem;height:1.8rem;border:1px solid var(--paper);font-size:1.5rem;font-weight:400;transform:rotate(45deg)}.site-header>.mono{color:var(--muted)}.back-link{padding:.5rem 0;border-bottom:1px solid #777d69}.back-link:hover,.page-footer a:hover{color:var(--acid)}
main{padding-top:clamp(3rem,6vw,6rem)}.introduction{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2.75rem}.eyebrow{color:var(--muted);margin-bottom:1.5rem}h1{font-size:clamp(4.3rem,9vw,9rem);font-weight:400;line-height:.9;letter-spacing:-.075em}h1 em{font-family:Newsreader,Georgia,serif;font-weight:400;color:var(--red)}.premise{color:#b7bbac;font-size:.83rem;line-height:1.8;max-width:14rem;padding-right:2rem}
.game{border:1px solid #686e594d;background:#11130e}.game-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid var(--rule);flex-wrap:wrap}.game-bar h2{display:flex;align-items:center;gap:.6rem;color:#c4c9b7}.status-dot{width:.35rem;height:.35rem;background:var(--acid);border-radius:50%}.readouts{display:flex;gap:2rem;color:#929b82}.readouts strong{display:inline-block;margin-left:.65rem;color:var(--paper);font-weight:400;font-variant-numeric:tabular-nums}.game-actions{display:flex;gap:1.25rem}.game-actions button{font-size:.68rem;padding:.2rem 0}.game-actions button:not(:disabled):hover{color:var(--acid)}kbd{font-size:.47rem;border:1px solid #69715c;padding:.1rem .25rem;margin-left:.35rem;color:#b4bba5}
.game-frame{position:relative;overflow:hidden;background:#0d100b}canvas{display:block;width:100%;aspect-ratio:2/1;height:auto;touch-action:none}canvas:focus-visible{outline-offset:-5px}.game-overlay{position:absolute;inset:0;display:grid;place-items:center;padding:1rem;background:linear-gradient(90deg,#0c0d0bd9,#0c0d0ba8);backdrop-filter:blur(2px)}.game-overlay[hidden]{display:none}.overlay-card{width:min(29rem,100%);padding:clamp(1rem,3vw,2.5rem);border:1px solid #70795b;background:#11140f;box-shadow:0 1.5rem 5rem #0005}.overlay-card>.mono{color:#9da98b;font-size:.5rem}.overlay-card h3{font-size:clamp(2rem,4.4vw,4rem);font-weight:400;letter-spacing:-.06em;line-height:1.05;margin:1.1rem 0}.overlay-card h3 em{font-family:Newsreader,Georgia,serif;color:var(--acid);font-weight:400}.overlay-card>p:not(.mono){color:#b6bfa8;font-size:.8rem;line-height:1.8;max-width:23rem}.start-button{display:flex;justify-content:space-between;align-items:center;gap:2rem;width:100%;border-top:1px solid #70795b;margin-top:1.5rem;padding:1rem 0 0;font-size:.8rem}.start-button span{color:var(--acid);font-size:1.2rem}.start-button:hover{color:var(--acid)}
.game-bottom{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:.85rem 1.25rem;border-top:1px solid var(--rule);min-height:4rem}.game-bottom>p{font-size:.71rem;line-height:1.65;color:#b8c0aa;max-width:42rem}.touch-controls{display:flex;flex-shrink:0;gap:.5rem}.touch-controls button{display:flex;align-items:center;justify-content:center;gap:.6rem;border:1px solid #626d50;width:5.5rem;min-height:2.5rem;color:var(--paper);touch-action:none;user-select:none;-webkit-user-select:none}.touch-controls span{font:400 .5rem "DM Mono",monospace;letter-spacing:.07em}.touch-controls button:active,.touch-controls button.is-held{background:var(--acid);color:var(--ink);border-color:var(--acid)}
.instructions{display:grid;grid-template-columns:.6fr 1.2fr 1fr;gap:2rem;padding:2rem 0;border-bottom:1px solid var(--rule)}.instructions>.mono{color:#9da98b;padding-top:.1rem}.instructions>p:not(.mono){font-size:.75rem;line-height:1.8;color:#9fa98f}.instructions strong{color:#d7ddcb;font-weight:500}.game-note{color:#89947a;font-size:.65rem;line-height:1.8;margin-top:1.2rem}.page-footer{display:flex;justify-content:space-between;gap:1rem;padding:4rem 0 1.5rem;color:#969f89;font-size:.49rem}.page-footer a{color:var(--paper)}
@media(max-width:850px){.site-header{min-height:5rem}.site-header>.mono{display:none}.introduction{margin-bottom:2rem}.premise{padding-right:0}.game-bar{gap:.75rem;padding:.85rem 1rem}.game-bar h2{width:100%;font-size:.52rem}.readouts{gap:1rem;font-size:.5rem}.game-actions{gap:.85rem}.game-actions button{font-size:.62rem}.instructions{grid-template-columns:1fr 1fr;gap:1rem 2rem}.instructions>.mono{grid-column:1/-1}.game-bottom{align-items:start;padding:1rem;gap:1rem}.touch-controls{flex-direction:column}.touch-controls button{min-height:2.4rem;width:5rem}.page-footer{padding-top:3rem;flex-wrap:wrap}}
@media(max-width:520px){main{padding-top:3rem}.introduction{align-items:start;flex-direction:column;gap:1.5rem}.eyebrow{margin-bottom:1.1rem}.premise{font-size:.75rem;line-height:1.7}.premise br{display:none}.premise{max-width:22rem}h1{font-size:clamp(4rem,17vw,5.5rem)}.readouts{gap:.75rem;font-size:.47rem}.readouts strong{margin-left:.3rem}.game-actions{gap:.75rem}.game-actions kbd{display:none}.game-actions button{font-size:.6rem}.game-frame{display:grid;align-items:center;min-height:14rem;background:#0d100b}canvas{aspect-ratio:2/1}.game-overlay{padding:.65rem;backdrop-filter:none}.overlay-card{padding:.9rem;max-width:20rem}.overlay-card>.mono{font-size:.41rem}.overlay-card h3{font-size:1.8rem;margin:.6rem 0}.overlay-card>p:not(.mono){font-size:.64rem;line-height:1.6}.start-button{margin-top:.75rem;padding-top:.55rem;font-size:.7rem}.game-bottom{flex-direction:column;gap:.75rem}.game-bottom>p{font-size:.66rem}.touch-controls{flex-direction:row;width:100%}.touch-controls button{width:50%;min-height:2.9rem}.instructions{grid-template-columns:1fr;gap:.85rem}.instructions>p:not(.mono){font-size:.71rem}.page-footer{font-size:.45rem;row-gap:1rem}.page-footer>span:first-child{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}*,*::before,*::after{transition:none!important;animation:none!important}}
