@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Caveat:wght@600&family=Space+Mono:wght@400;700&display=swap);#root,body,html{background:#08090d;height:100%;margin:0;overflow:hidden}body{-webkit-font-smoothing:antialiased;font-family:Space Mono,monospace}.app{background:#08090d;inset:0;overflow:hidden;position:fixed}.app canvas{touch-action:none}.lensflare{inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .15s linear;z-index:5}.lensflare .f{border-radius:50%;left:0;mix-blend-mode:screen;position:absolute;top:0}.lensflare .veil{background:radial-gradient(circle,#ffa06421 0,#ff8c500d 35%,#0000 65%);height:150vmax;width:150vmax}.lensflare .main{background:radial-gradient(circle,#ffd7af80 0,#ff965a24 30%,#0000 62%);filter:blur(6px);height:460px;width:460px}.lensflare .streak{background:linear-gradient(90deg,#0000,#ffbe9638 40%,#ffe1c859 50%,#ffbe9638 60%,#0000);filter:blur(2px);height:2px;width:32vw}.lensflare .g1,.lensflare .g2,.lensflare .g3,.lensflare .g4{background:radial-gradient(circle,#ffaa781a 0,#ffaa781a 45%,#0000 70%);background:radial-gradient(circle,var(--tint,#ffaa781a) 0,var(--tint,#ffaa781a) 45%,#0000 70%);filter:blur(4px)}.lensflare .g1{--tint:#ffaf7d1c;height:70px;width:70px}.lensflare .g2{--tint:#bed7c314;height:130px;width:130px}.lensflare .g3{--tint:#a5aff517;height:85px;width:85px}.lensflare .g4{--tint:#ffbe910f;height:210px;width:210px}.corners i{border:2px solid #f2efe859;height:26px;pointer-events:none;position:absolute;width:26px}.corners i:first-child{border-bottom:none;border-right:none;left:18px;top:18px}.corners i:nth-child(2){border-bottom:none;border-left:none;right:18px;top:18px}.corners i:nth-child(3){border-right:none;border-top:none;bottom:18px;left:18px}.corners i:nth-child(4){border-left:none;border-top:none;bottom:18px;right:18px}.hud{color:#f2efe8;left:44px;pointer-events:none;position:absolute;top:34px;-webkit-user-select:none;user-select:none}.hud h1{font-family:Bebas Neue,Arial Black,sans-serif;font-size:46px;font-weight:400;letter-spacing:.32em;line-height:1;margin:0;text-shadow:0 0 24px #ffc87840}.hud p{color:#b9b39f;font-size:12px;letter-spacing:.28em;margin:8px 0 0 3px;text-transform:uppercase}.hud p,.readout{font-family:Space Mono,monospace}.readout{align-items:center;color:#e8dcc0;display:flex;font-size:13px;gap:10px;letter-spacing:.18em;pointer-events:none;position:absolute;right:46px;top:40px;-webkit-user-select:none;user-select:none}.readout .dot{background:#4a4a52;border-radius:50%;height:10px;width:10px}.readout .dot.live{animation:blink 1.2s steps(2,start) infinite;background:#ff2b1a;box-shadow:0 0 12px #ff2b1ae6}@keyframes blink{to{visibility:hidden}}.hint{background:#0c0d1299;border:1px solid #ffffff1f;border-radius:999px;bottom:32px;color:#cfc9b8;font-family:Space Mono,monospace;font-size:12px;left:50%;letter-spacing:.14em;padding:10px 22px;pointer-events:none;transform:translateX(-50%);-webkit-user-select:none;user-select:none;white-space:nowrap}.hint,.nav{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:absolute}.nav{background:#0c0d128c;border:1px solid #ffffff40;border-radius:50%;color:#f2efe8;cursor:pointer;font-size:28px;height:52px;line-height:1;top:50%;transform:translateY(-50%);transition:background .2s,border-color .2s;width:52px;z-index:12}.nav:hover{background:#ffffff1f;border-color:#ffffff80}.nav.prev{left:28px}.nav.next{right:28px}.back,.nav{touch-action:manipulation}.back{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0c0d128c;border:1px solid #ffffff40;border-radius:999px;bottom:calc(30px + env(safe-area-inset-bottom));color:#f2efe8;cursor:pointer;font-family:Space Mono,monospace;font-size:12px;left:26px;letter-spacing:.1em;padding:10px 18px;position:absolute;transition:background .2s;z-index:12}.back:hover{background:#ffffff1f}@media (max-width:700px){.hud{left:16px;top:16px}.hud h1{font-size:26px;letter-spacing:.24em}.hud p{font-size:9px;letter-spacing:.2em}.readout{font-size:10px;letter-spacing:.1em;right:14px;top:20px}.corners i{height:16px;width:16px}.hint{bottom:calc(14px + env(safe-area-inset-bottom));box-sizing:border-box;font-size:10px;max-width:82vw;padding:8px 14px;text-align:center;white-space:normal}.nav{font-size:22px;height:44px;width:44px}.nav.prev{left:10px}.nav.next{right:10px}.back{bottom:calc(66px + env(safe-area-inset-bottom));font-size:11px;left:12px;padding:8px 14px}}