:root{--bg:#0a0a0f;--text:#e9e9ef;--text-dim:#8a8a98;--accent:#c8ff00}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);width:100%;height:100%;color:var(--text);-webkit-font-smoothing:antialiased;cursor:default;font-family:-apple-system,Helvetica Neue,Segoe UI,system-ui,sans-serif;overflow:hidden}#scene{width:100%;height:100%;display:block;position:fixed;inset:0}.hidden{opacity:0!important;pointer-events:none!important}.hud{pointer-events:none;z-index:5;mix-blend-mode:difference;justify-content:space-between;padding:32px 40px;transition:opacity .5s;display:flex;position:fixed;top:0;left:0;right:0}.hud-block{flex-direction:column;gap:6px;display:flex}.hud-block--right{align-items:flex-end}.hud-label{letter-spacing:.22em;text-transform:uppercase;color:var(--text-dim);font-size:11px}.hud-value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:38px;font-weight:300;line-height:1}.hud-value small{color:var(--text-dim);margin-left:2px;font-size:16px}.overlay{z-index:10;-webkit-backdrop-filter:blur(3px);background:radial-gradient(120% 90% at 50% 30%,#0a0a0f59,#0a0a0fd9);justify-content:center;align-items:center;transition:opacity .6s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;inset:0}.overlay-inner{text-align:center;max-width:560px;padding:40px;animation:.8s cubic-bezier(.16,1,.3,1) both rise}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.eyebrow{letter-spacing:.32em;text-transform:uppercase;color:var(--text-dim);margin-bottom:22px;font-size:12px}.title{letter-spacing:-.04em;margin-bottom:28px;font-size:clamp(56px,13vw,132px);font-weight:200;line-height:.9}.title--small{font-size:clamp(40px,8vw,76px)}.sub{color:#b9b9c4;max-width:460px;margin:0 auto 38px;font-size:16px;line-height:1.6}.accent{color:var(--accent)}.btn{appearance:none;color:var(--text);font:inherit;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #ffffff40;border-radius:999px;padding:16px 48px;font-size:14px;transition:all .35s cubic-bezier(.16,1,.3,1)}.btn:hover{background:var(--accent);border-color:var(--accent);color:#0a0a0f;transform:translateY(-2px)}.controls{letter-spacing:.04em;color:var(--text-dim);flex-wrap:wrap;justify-content:center;gap:28px;margin-top:40px;font-size:12px;display:flex}.controls span{align-items:center;gap:6px;display:inline-flex}kbd{min-width:22px;color:var(--text);background:#ffffff0a;border:1px solid #ffffff2e;border-radius:5px;padding:3px 6px;font-family:inherit;font-size:11px;display:inline-block}.scoreline{justify-content:center;gap:56px;margin-bottom:38px;display:flex}.scoreline>div{flex-direction:column;gap:10px;display:flex}.score-value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:44px;font-weight:200}@media (width<=600px){.hud{padding:22px 24px}.hud-value{font-size:30px}.scoreline{gap:36px}}