*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#080c17;color:#e5e5ef;font-family:Consolas,'Courier New',monospace}body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at top,#282137,#080c17 70%)}main{width:min(98vw,calc((100dvh - 52px)*16/9),1440px);margin:auto}.screen{position:relative;aspect-ratio:16/9;background:#111425;overflow:hidden;box-shadow:0 20px 90px #0008}canvas{display:block;width:100%;height:100%;image-rendering:pixelated}.screen:after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,#0000000b 0px,#0000000b 1px,transparent 1px,transparent 4px)}.bar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 3px;font-size:11px;color:#aab6c8}.bar b{color:#d992ee}button,select{font:inherit;background:#1f2b3c;border:1px solid #637086;color:#e3f4ef;padding:7px 12px;cursor:pointer}button:hover,button:focus-visible{background:#35455c;outline:2px solid #91f6c1}.panel{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;background:#0a0f20eb}.panel[hidden]{display:none}.card{width:86%;max-height:95%;overflow:auto}.kicker{color:#92ecc7;letter-spacing:3px;font-size:clamp(9px,1.3vw,15px)}h1{font-family:Impact,'Arial Black',sans-serif;font-style:italic;font-size:clamp(30px,5.5vw,76px);color:#d276eb;line-height:1;margin:14px 0;text-shadow:4px 4px #182338}h2{font-size:clamp(18px,3vw,35px);margin:12px 0;color:#ffe7b4}p{font-size:clamp(10px,1.3vw,15px);line-height:1.6;color:#bdc8d7}.menu-grid{display:grid;grid-template-columns:31% 1fr;gap:7%;align-items:center}.poster{width:100%;border:3px solid #3c354c;box-shadow:10px 10px #060a15}.primary{background:#9eebbf;color:#14252b;font-weight:bold;padding:12px 22px;border:0;margin:5px 5px 5px 0}.stages{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.stages button{font-size:clamp(8px,1vw,12px)}.notebook{display:grid;grid-template-columns:1fr 1fr;gap:10px}.note{padding:10px;border:1px solid #39455e;background:#192336}.note strong{color:#d9a3f1;font-size:clamp(10px,1.4vw,16px)}.note p{margin:4px 0}.note.done{border-color:#77d9a7}.note.done strong{color:#91f0b8}video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:6;background:#000}video[hidden]{display:none}#intro-skip{position:absolute;right:20px;bottom:20px;z-index:7}#intro-skip[hidden]{display:none}.screen:fullscreen{width:100vw;height:100vh;display:grid;place-items:center}.screen:fullscreen canvas{object-fit:contain}.touch{display:none;justify-content:space-between;gap:5px;padding:4px}.touch button{touch-action:none;padding:12px}.touch div{display:flex;gap:5px}@media(pointer:coarse){.touch{display:flex}main{width:min(98vw,142vh)}.bar span{display:none}}@media(max-height:650px){main{width:min(98vw,159vh)}.bar{font-size:9px;padding:5px}.bar button{padding:4px 8px}}@media(max-width:650px){.bar span{display:none}.menu-grid{grid-template-columns:24% 1fr;gap:5%}.notebook{gap:5px}.note{padding:5px}.card{width:92%}.primary{padding:8px}.stages{margin-top:4px;gap:3px}.stages button{padding:5px}h1{margin:8px 0}.menu-grid p{margin:6px 0}}