@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter:wght@500;700;900&display=swap";:root{font-family:Inter,system-ui,sans-serif;color:#f3f1ea;background:#090b10;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#090b10}#game{position:fixed;inset:0;width:100%;height:100%;display:block}.grain{position:fixed;inset:0;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.grain,header,main,#hud,.panel{z-index:2}header{position:fixed;top:0;left:0;right:0;padding:28px 34px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff18}.brand{color:#fff;text-decoration:none;font-weight:900;letter-spacing:-.06em;font-size:20px}.brand span{color:#dfff00}.status{font:11px DM Mono,monospace;letter-spacing:.08em}.status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#dfff00;box-shadow:0 0 14px #dfff00;margin-right:8px}.status b{border:1px solid #ffffff33;padding:5px 7px;margin-left:8px}main{position:fixed;inset:0;display:flex;align-items:center;padding:90px 8vw 40px;pointer-events:none}.panel{pointer-events:auto}.hero{max-width:750px}.eyebrow{font:500 12px DM Mono,monospace;color:#dfff00;letter-spacing:.15em}.hero h1{font-size:clamp(58px,8.5vw,130px);letter-spacing:-.085em;line-height:.77;margin:30px 0}.hero h1 em{color:transparent;-webkit-text-stroke:1.5px #f3f1ea;font-style:normal}.lede{max-width:560px;color:#b4b5b5;font-size:16px;line-height:1.6}.actions{display:flex;gap:10px;margin-top:35px}button{border:0;background:#dfff00;color:#0a0c0c;padding:17px 22px;font:700 12px DM Mono,monospace;letter-spacing:.06em;cursor:pointer}button:hover{filter:brightness(1.15)}button span{margin-left:32px}.ghost{background:#11151cdd;color:#fff;border:1px solid #ffffff35}.controls{font:10px DM Mono,monospace;color:#787d83;margin-top:26px;word-spacing:7px}.controls b{color:#fff}.course-card{position:absolute;right:5vw;bottom:8vh;width:210px;border-top:2px solid #dfff00;background:#0b0e14cc;padding:18px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.course-card>span,.course-card dt{font:9px DM Mono,monospace;color:#787d83;letter-spacing:.12em}.course-card strong{font-size:34px;line-height:.85;display:block;margin:18px 0 26px}.course-card dl{margin:0;display:flex;gap:24px}.course-card dl div{border-left:1px solid #ffffff22;padding-left:9px}.course-card dd{font:16px DM Mono,monospace;margin:5px 0 0}#hud{position:fixed;inset:0;pointer-events:none;padding:100px 34px 30px;display:flex;justify-content:space-between;align-items:flex-start}#hud[hidden],.finish[hidden]{display:none}.metric small,.checkpoint small{font:10px DM Mono,monospace;color:#8a8e92;display:block}.metric strong,.checkpoint strong{font:500 24px DM Mono,monospace}.checkpoint{text-align:right}.reticle{position:absolute;left:50%;top:50%;width:6px;height:6px;border:1px solid #dfff00;transform:translate(-50%,-50%) rotate(45deg)}#message{position:absolute;left:50%;top:70%;transform:translate(-50%);font:500 12px DM Mono,monospace;color:#dfff00;letter-spacing:.15em}.finish{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);background:#0b0e14ee;border-top:3px solid #dfff00;padding:42px;text-align:center;min-width:340px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.finish h2{font:500 46px DM Mono,monospace;margin:15px}.finish>p:nth-of-type(2){font:11px DM Mono,monospace;color:#888}.finish button{margin-top:18px}@media(max-width:800px){header{padding:20px}.course-card{display:none}main{padding:80px 22px 25px}.hero h1{font-size:17vw}.actions{flex-direction:column;align-items:stretch}.status{display:none}}#room{position:absolute;right:34px;top:155px;text-align:right;font:11px DM Mono,monospace}#room small{display:block;color:#777}#room strong{display:block;color:#dfff00;margin:4px 0}#room span{color:#aaa}#powers{position:absolute;left:34px;bottom:30px;display:flex;gap:7px}#powers span{font:10px DM Mono,monospace;border:1px solid #ffffff28;color:#6e7378;padding:7px 9px}#powers span.active{color:#0b0d0e;background:#dfff00;border-color:#dfff00}#quality{position:absolute;right:34px;bottom:30px;font:9px DM Mono,monospace;color:#686d72}#quality b{color:#dfff00}
