:root{color-scheme:dark;font-family:Inter,Arial,sans-serif;background:#101e25;color:#edf4f5}*{box-sizing:border-box}body{margin:0;overflow:hidden}canvas.webgl{position:fixed;inset:0;width:100%;height:100%;z-index:0}#intro{position:absolute;z-index:2;inset:0 auto 0 0;width:min(530px,100%);padding:clamp(26px,5vw,70px);background:linear-gradient(90deg,rgba(9,24,31,.97),rgba(9,24,31,.88) 88%,transparent);overflow:auto}.eyebrow{font-size:11px;font-weight:bold;letter-spacing:2px;color:#a1bec8;display:flex;gap:12px;align-items:center}.beacon{width:8px;height:8px;border-radius:50%;background:#429eff;box-shadow:0 0 15px #248eff}h1{font-size:clamp(58px,7vw,100px);line-height:.96;letter-spacing:-5px;font-weight:700;margin:60px 0 28px}em{font-style:normal;color:#7bd9c5}.lead{font-size:18px;line-height:1.65;color:#bdcdd3}.badge{font-size:10px;letter-spacing:1.2px;margin:30px 0;color:#b4c6ce;white-space:nowrap}.badge span{margin:0 8px;color:#62b5aa}button{cursor:pointer;font:inherit;border:0;border-radius:5px;background:#83e4ce;color:#102c2b;font-weight:bold;padding:16px 24px}button:disabled{opacity:.5;cursor:wait}#start{width:100%;text-align:left;font-size:15px}#support{font-size:12px;line-height:1.5;color:#9fb9c5}details{font-size:12px;color:#acbec7;line-height:1.65;margin:24px 0}summary{cursor:pointer;color:#d4e2e7}.source{font-size:11px;color:#90b0be;text-decoration:none}#hud{position:fixed;z-index:2;top:22px;left:22px;width:min(390px,calc(100vw - 44px));background:rgba(10,28,37,.94);border:1px solid #3a5660;border-radius:12px;padding:24px;box-shadow:0 10px 60px #0004;pointer-events:none}.hud-title{font-size:10px;letter-spacing:1.8px;color:#8eadaf;display:flex;justify-content:space-between}h2{font-size:24px;letter-spacing:-.5px;margin:18px 0 10px}#instruction{font-size:13px;line-height:1.6;color:#c7d8de}#feedback{font-size:13px;line-height:1.5;color:#83e4ce;min-height:40px;margin:15px 0}.meter{background:#25404a;height:3px;border-radius:2px}#meter-fill{height:100%;background:#83e4ce;transition:width .2s}.hud-bottom{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#99b2bd;margin-top:18px}.hud-bottom button{pointer-events:auto;padding:7px 13px;background:#25454f;color:#d2e6e9;font-size:11px}#crosshair{position:fixed;z-index:1;left:50%;top:50%;color:#fff8;pointer-events:none}#loading-error{position:fixed;z-index:9;bottom:20px;left:20px;right:20px;background:#642a2a;padding:20px;border-radius:8px;font-size:14px}#VRButton{z-index:5!important;bottom:24px!important;border:1px solid #83e4ce!important;background:#102c2bdd!important;font-family:Arial,sans-serif!important}@media(max-height:700px){h1{margin:26px 0;font-size:62px}#intro{padding:30px}details{margin:15px 0}}