@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=Sora:wght@500;600;700&display=swap";:root{color:#f4fbff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top,#2763943d,#0000 24%),linear-gradient(#020409,#060c14 44%,#020409);font-family:Space Grotesk,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%}body{min-width:320px;margin:0}body:before{content:"";pointer-events:none;opacity:.38;background-color:#0000;background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:42px 42px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000 38%,#0000 100%);mask-image:radial-gradient(circle,#000 38%,#0000 100%)}h1,h2,strong{color:#f7fcff;font-family:Sora,sans-serif}button,input,textarea,select{font:inherit}button{color:inherit}.app-shell{gap:12px;padding:16px;display:grid}.app-header,.game-frame{background:linear-gradient(#0d1421eb,#060a12f0),#060a12f0;border:1px solid #72b1d62e;border-radius:28px;position:relative;overflow:hidden;box-shadow:0 24px 80px #00000057,inset 0 1px #ffffff0a}.app-header{justify-content:space-between;align-items:end;gap:10px;padding:12px 14px;display:flex}.app-header:after,.game-frame:after{content:"";pointer-events:none;background:radial-gradient(circle,#3bd0ff33,#0000 72%);border-radius:999px;width:320px;height:320px;position:absolute;inset:auto -10% -60% auto}.app-kicker,.hud-label,.stage-corner-copy span,.overlay-kicker{text-transform:uppercase;letter-spacing:.18em;margin:0;font-size:.68rem}.app-kicker,.hud-label,.overlay-kicker{color:#a5ecffb8}.app-header h1{letter-spacing:.12em;margin:2px 0 0;font-size:clamp(2rem,5vw,3.4rem);line-height:.94}.app-copy{color:#dbedf8b8;max-width:20rem;margin:0;font-size:.9rem;line-height:1.35}.game-frame{padding:9px}.drift-stage{touch-action:none;-webkit-user-select:none;user-select:none;background:#05070c;border:1px solid #7cbfe824;border-radius:24px;height:min(72svh,760px);min-height:520px;position:relative;overflow:hidden}.drift-stage:before{content:"";pointer-events:none;background:linear-gradient(#68daff0d,#0000 22%),linear-gradient(#0000 82%,#ffffff04);position:absolute;inset:0}.drift-canvas{width:100%;height:100%;display:block}.stage-hud{pointer-events:none;justify-content:space-between;gap:10px;display:flex;position:absolute;inset:16px 16px auto}.hud-cluster{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#070d187a;border:1px solid #8fcdff1f;border-radius:16px;gap:4px;padding:10px 12px;display:grid;box-shadow:inset 0 1px #ffffff06}.hud-cluster-right{justify-items:end}.hud-score,.hud-best{color:#f7fdff;line-height:1}.hud-score{letter-spacing:.02em;font-size:clamp(1.65rem,3.7vw,2.5rem)}.hud-best{letter-spacing:.02em;font-size:clamp(.98rem,1.8vw,1.16rem)}.hud-badge{color:#dcfbfff5;letter-spacing:.1em;text-transform:uppercase;background:#70efff1a;border:1px solid #70efff2e;border-radius:999px;justify-content:center;align-items:center;min-height:24px;padding:0 9px;font-size:.68rem;display:inline-flex}.is-pulsing{animation:.9s ease-out hudPulse}.stage-corner-copy{color:#e1eff8ad;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;background:#090e1870;border:1px solid #8fcdff1a;border-radius:14px;gap:4px;max-width:15rem;padding:9px 11px;display:grid;position:absolute;bottom:16px;left:16px}.stage-overlay-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#f7fdff;text-align:left;cursor:pointer;background:#080d16b8;border:1px solid #9adeff2e;border-radius:22px;gap:8px;width:min(28rem,100% - 28px);padding:20px 18px;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 20px 48px #0000004d,inset 0 1px #ffffff0a}.stage-overlay-card strong,.overlay-copy{margin:0}.stage-overlay-card strong{letter-spacing:.08em;font-size:clamp(1.8rem,5.2vw,3.2rem);line-height:.94}.overlay-copy{color:#dbedf8b8;font-size:.94rem;line-height:1.38}@keyframes hudPulse{0%{border-color:#70efff6b;transform:scale(.98)}65%{border-color:#70efff33;transform:scale(1.02)}to{border-color:#8fcdff29;transform:scale(1)}}@media (width<=900px){.app-shell{gap:10px;padding:12px}.app-header{flex-direction:column;align-items:start;gap:8px;padding:10px 12px}.app-copy{max-width:100%;font-size:.88rem}.drift-stage{height:min(70svh,640px);min-height:460px}}@media (width<=640px){.game-frame{border-radius:22px;padding:6px}.app-header{border-radius:22px;gap:6px;padding:9px 10px}.app-kicker{letter-spacing:.16em;font-size:.58rem}.app-header h1{letter-spacing:.08em;font-size:clamp(1.5rem,7.6vw,2.1rem);line-height:.96}.app-copy{max-width:15rem;font-size:.8rem;line-height:1.28}.stage-hud{gap:8px;inset:10px 10px auto}.hud-cluster,.stage-corner-copy{padding:8px 10px}.hud-cluster{background:#070d186b;border-color:#8fcdff17;border-radius:14px;gap:3px}.hud-label{letter-spacing:.16em;color:#a5ecff9e;font-size:.54rem}.hud-score{font-size:1.38rem}.hud-best{font-size:.88rem}.hud-badge{letter-spacing:.09em;min-height:20px;padding:0 7px;font-size:.58rem}.stage-corner-copy{border-radius:12px;gap:3px;max-width:12.75rem;bottom:10px;left:10px;right:auto}.stage-corner-copy span:first-child{letter-spacing:.16em;color:#b5f1ffc2;font-size:.54rem}.stage-corner-copy span:last-child{font-size:.7rem;line-height:1.2}.stage-overlay-card{background:#080d16a3;border-color:#9adeff24;border-radius:18px;gap:6px;width:calc(100% - 18px);padding:16px 14px}.overlay-kicker{letter-spacing:.16em;font-size:.56rem}.stage-overlay-card strong{letter-spacing:.06em;font-size:clamp(1.3rem,7vw,1.9rem)}.overlay-copy{font-size:.8rem;line-height:1.28}.drift-stage{height:min(68svh,560px);min-height:430px}}