:root{color-scheme:dark;--blue:#7ac8ff;--gold:#ffd58b;--muted:#a8b8cc}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 15% 30%,#19364a,transparent 55%),#101c32;color:#f8f7f2;font:16px 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:600 14px 'DM Sans',sans-serif;color:inherit;background:#ffffff0b;border:1px solid #ffffff2b;border-radius:9px;min-height:44px;padding:10px 15px;cursor:pointer;touch-action:manipulation}button:hover,a.quote:hover{background:#ffffff20}button:disabled{opacity:.5;cursor:wait}a:focus-visible,button:focus-visible,canvas:focus-visible{outline:3px solid var(--gold);outline-offset:3px}main{max-width:1180px;margin:auto;padding:0 30px}header{height:87px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff18}header img{width:60px;display:block}header>span{font-size:11px;letter-spacing:.22em;color:var(--muted)}.title-row{display:flex;align-items:center;justify-content:space-between;padding:26px 0}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--blue);margin:0 0 9px}h1{font:800 clamp(40px,5vw,61px)/1 'Outfit';letter-spacing:-.04em;margin:0}h1 em,h2 em{font-style:normal;color:var(--gold)}.tagline{font-size:14px;color:var(--muted);line-height:1.65}.game-layout{display:grid;grid-template-columns:1fr minmax(0,610px);gap:44px;align-items:start}aside{padding:25px 0}.edition{font-size:10px;letter-spacing:.15em;color:var(--muted)}aside h2{font:600 32px/1.12 'Outfit';letter-spacing:-.02em;margin:17px 0}.portrait{height:220px;width:130px;margin:20px auto;background:url('/game-assets/characters.png') left center/300% 100% no-repeat;filter:drop-shadow(0 10px 17px #0005)}aside p{font-size:15px;line-height:1.6;color:#c4d0df;max-width:270px}ol{padding-left:21px;font-size:14px;line-height:2.15;color:#dce6f1}li::marker{color:var(--gold);font-weight:700}.safe-key{font-size:12px;color:var(--muted);display:flex;gap:9px;align-items:center;margin:20px 0}.safe-key i{width:12px;height:12px;border-radius:3px;background:#467b88}.aside-note{font-size:11px;color:var(--muted);line-height:1.5}.cabinet{border:1px solid #506079;border-radius:17px;overflow:hidden;background:#17263e;box-shadow:0 20px 60px #0005}.hud{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;gap:14px}.hud small{display:block;color:var(--muted);font-size:10px;letter-spacing:.1em;margin-bottom:3px}.hud strong{font:600 23px 'Outfit'}#scene{font-size:18px}#pause{min-width:40px;padding:5px 10px;font-size:20px}.board{position:relative;aspect-ratio:9/10;overflow:hidden}canvas{display:block;width:100%;height:100%;touch-action:none}#overlay{position:absolute;inset:0;display:grid;place-items:center;background:#07142677;backdrop-filter:blur(3px)}.intro{width:85%;max-width:420px;padding:30px 24px;background:#12233bf5;border:1px solid #bcd9f142;border-radius:16px;text-align:center;box-shadow:0 10px 50px #0006}.intro>span{font-size:10px;letter-spacing:.14em;color:var(--blue)}.intro h2{font:700 35px/1.08 'Outfit';margin:18px 0}.intro p{font-size:14px;color:#bfcede;line-height:1.6}.primary{background:var(--gold);color:#17263d;border:0;width:100%;font-size:17px;font-weight:800;margin-top:7px;min-height:50px}.primary:hover{background:#ffe3b4}.intro .help{font-size:12px;margin-bottom:0}.hidden{display:none!important}#finish-cta{display:block;color:var(--gold);font-size:14px;text-decoration:underline;margin-top:15px}#toast{position:absolute;top:19%;left:50%;transform:translateX(-50%);max-width:90%;width:max-content;text-align:center;background:#09172ee8;border:1px solid #a7cfee40;border-radius:9px;padding:10px 15px;font-size:13px;pointer-events:none;opacity:0;transition:opacity .2s}#toast.show{opacity:1}.status{display:flex;justify-content:space-between;border-top:1px solid #ffffff16;padding:12px 20px;font-size:12px;color:var(--gold)}#lives{letter-spacing:.12em}#lives small{color:var(--muted);letter-spacing:.08em;font-size:9px;margin-left:6px}#photos{color:var(--muted);letter-spacing:.08em}.controls{display:flex;align-items:center;justify-content:space-between;padding:12px 20px 16px;background:#132038}.controls p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.controls b{color:#e1e9f1}.dpad{display:flex;gap:6px}.dpad button{width:45px;min-height:45px;font-size:22px;padding:0;background:#263d58}.dpad button:active{background:#3c6586}.invitation{display:flex;align-items:center;gap:22px;margin-top:30px;padding:25px 0;border-top:1px solid #ffffff1a;border-bottom:1px solid #ffffff1a}.invitation img{width:68px}.invitation h2{font:600 24px 'Outfit';margin:6px 0}.invitation p:not(.eyebrow){font-size:14px;color:var(--muted);margin:6px 0}.quote{border:1px solid #7398bc;border-radius:8px;padding:14px 18px;font-size:14px;white-space:nowrap;margin-left:auto}footer{display:flex;justify-content:space-between;gap:20px;padding:24px 0 32px;color:var(--muted);font-size:10px;letter-spacing:.06em}footer nav{display:flex;gap:20px}footer a{text-decoration:underline}@media(max-width:800px){main{padding:0 15px;max-width:640px}header{height:72px}header img{width:49px}header>span{font-size:9px;letter-spacing:.1em}header button{font-size:12px;padding:8px 12px}.title-row{padding:22px 0 20px}.eyebrow{font-size:9px}.tagline,aside{display:none}.game-layout{display:block}h1{font-size:43px}.hud{padding:12px 14px;gap:9px}.hud strong{font-size:21px}#scene{font-size:16px}.hud small{font-size:9px}.intro{padding:23px 18px}.intro h2{font-size:30px}.intro p{font-size:13px}.controls{padding:12px}.dpad{gap:5px}.dpad button{width:42px;min-height:44px}.controls p{font-size:11px}.status{padding:10px 14px}.invitation{gap:14px;flex-wrap:wrap;margin-top:22px}.invitation img{width:48px}.invitation>div{flex:1}.invitation h2{font-size:21px}.invitation p:not(.eyebrow){font-size:13px}.quote{margin-left:62px;white-space:normal}footer{font-size:9px;line-height:1.6}footer nav{gap:13px}}@media(prefers-reduced-motion:reduce){#toast{transition:none}}