:root{font-family:Inter,system-ui,sans-serif;color:#e5e7eb;background:radial-gradient(circle at top,#0f172a,#020617 60%)}*{box-sizing:border-box}body,html,#root{margin:0;width:100%;height:100%}.app-shell{width:100%;height:100%;display:flex;flex-direction:column}.topbar{height:52px;border-bottom:1px solid #1f2937;background:#020617cc;display:flex;align-items:center;justify-content:space-between;padding:0 16px}.app{height:calc(100% - 52px);min-height:0}.game-stage{position:relative;min-width:0;min-height:0;width:100%;height:100%;overflow:hidden}canvas{background:#f8fafc;width:100%;height:100%;display:block;touch-action:none}.leave-btn{position:absolute;z-index:2;top:18px;right:22px;background:#0f172ad6;color:#f8fafc;border:1px solid rgba(148,163,184,.55);border-radius:8px;padding:9px 12px;cursor:pointer;pointer-events:auto}.game-ui{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hud-card{position:absolute;top:14px;left:0;width:min(480px,43vw);min-width:250px;display:grid;gap:7px;color:#263238;text-transform:uppercase;font-weight:900;text-shadow:0 1px 0 rgba(255,255,255,.48)}.hud-progress{position:relative;height:40px;overflow:hidden;border-radius:0 999px 999px 0;background:#ffffffc7;box-shadow:0 4px #0f172a47}.hud-progress span{position:absolute;inset:0 auto 0 0;min-width:42px;border-radius:inherit;background:var(--hud-color)}.hud-progress strong{position:relative;z-index:1;display:block;padding:6px 18px;font-size:25px;line-height:1.1}.hud-best{color:#2632389e;padding-left:12px;font-size:25px}.hud-kills{width:max-content;display:inline-flex;align-items:center;gap:6px;margin-left:12px;padding:3px 10px;border-radius:8px;background:#2632387a;color:#f8fafc;text-shadow:none;box-shadow:0 3px #0f172a2e}.hud-kills span{font-size:13px}.hud-kills strong{font-size:24px}.hud-captures{padding-left:12px;color:#26323885;font-size:13px}.overlay-title{color:#f8fafc;font-size:13px;font-weight:800;letter-spacing:0;text-transform:uppercase;margin-bottom:9px}.leaderboard-overlay{position:absolute;top:30px;right:0;width:min(430px,37vw);min-width:270px;display:grid;justify-items:end}.leader-list{margin:0;padding:0;list-style:none;display:grid;gap:7px;width:100%;justify-items:end}.leader-row{--leader-color: #38bdf8;display:grid;grid-template-columns:34px 82px minmax(70px,1fr);align-items:center;gap:8px;width:calc(100% - var(--rank-offset, 0px));min-height:42px;padding:5px 14px 6px 12px;border-radius:999px 0 0 999px;color:#0f172abd;background:color-mix(in srgb,var(--leader-color) 76%,white 24%);box-shadow:0 6px color-mix(in srgb,var(--leader-color) 48%,#0f172a 52%);font-size:18px;font-weight:950;text-shadow:0 1px 0 rgba(255,255,255,.32)}.leader-row:nth-child(1){--rank-offset: 0px}.leader-row:nth-child(2){--rank-offset: 26px}.leader-row:nth-child(3){--rank-offset: 48px}.leader-row:nth-child(4){--rank-offset: 70px}.leader-row:nth-child(5){--rank-offset: 92px}.leader-row:nth-child(6){--rank-offset: 114px}.leader-row.is-me{color:#111827;background:#fff15a;box-shadow:0 6px #715e0057}.leader-rank{text-align:center}.leader-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leader-score{text-align:center}.minimap{position:absolute;right:18px;bottom:18px;width:154px;height:154px;border-radius:50%;background:#0f172ac2;box-shadow:0 18px 38px #0f172a42;pointer-events:none}.minimap canvas{width:154px;height:154px;border-radius:50%;background:transparent}.minimap span{position:absolute;left:50%;bottom:-4px;transform:translate(-50%,100%);background:#f97316;color:#fff7ed;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800;white-space:nowrap}.gameover-backdrop{position:absolute;z-index:8;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0206179e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.gameover-panel{width:min(460px,calc(100vw - 32px));border:1px solid rgba(148,163,184,.32);background:#0f172af0;border-radius:8px;padding:24px;box-shadow:0 24px 60px #00000052;text-align:center}.gameover-kicker{margin:0;color:#fbbf24;font-weight:900;text-transform:uppercase;font-size:12px}.gameover-panel h1{margin:6px 0 18px;font-size:42px}.gameover-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.gameover-grid div{border:1px solid rgba(148,163,184,.24);border-radius:8px;padding:12px;background:#1e293bb3}.gameover-grid strong{display:block;color:#f8fafc;font-size:24px}.gameover-grid span,.gameover-detail{color:#cbd5e1}.gameover-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.gameover-actions button{border:1px solid #22c55e;background:#16a34a;color:#f0fdf4;border-radius:8px;padding:11px 12px;font-weight:800;cursor:pointer}.gameover-actions button.secondary{border-color:#94a3b866;background:transparent;color:#e5e7eb}.home-wrap{height:100%;position:relative;isolation:isolate;overflow:auto;display:grid;align-items:center;padding:clamp(18px,4.8vw,56px);background:linear-gradient(135deg,#030712fa,#081220f5 48%,#0c1b23f0),#030712}.home-wrap:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:linear-gradient(rgba(148,163,184,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.035) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 72%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 72%,transparent)}.home-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;display:grid;place-items:center end;padding-right:clamp(10px,5vw,96px);pointer-events:none}.home-shell{width:min(1180px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,400px);align-items:end;gap:clamp(22px,6vw,92px)}.home-copy{max-width:680px;padding-bottom:clamp(4px,2vw,26px)}.home-eyebrow{display:inline-flex;align-items:center;min-height:30px;padding:5px 11px;border:1px solid rgba(45,212,191,.26);border-radius:999px;color:#ccfbf1;background:#082f4952;font-size:12px;font-weight:900;text-transform:uppercase}.home-copy h1{margin:14px 0 0;color:#f8fafc;font-size:clamp(48px,9vw,112px);line-height:.86;max-width:9ch;text-wrap:balance}.home-copy p,.home-card p{color:#cbd5e1;font-size:clamp(14px,1.6vw,17px);line-height:1.55}.home-copy p{max-width:420px;margin:18px 0 0;color:#e2e8f0;font-weight:700}.home-card{width:100%;border:1px solid rgba(148,163,184,.2);border-radius:8px;padding:clamp(14px,2vw,18px);background:#030712b8;box-shadow:0 26px 70px #00000057;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.home-card-head{display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:center;margin-bottom:14px}.home-card h2{margin:0;color:#f8fafc;font-size:22px}.home-card p{margin:4px 0 0}.brand-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;color:#020617;background:conic-gradient(from 45deg,#14b8a6,#f59e0b,#38bdf8,#14b8a6);font-weight:950;box-shadow:0 0 0 5px #f8fafc1a}.home-stats{display:grid;grid-template-columns:repeat(3,minmax(84px,128px));gap:10px;margin-top:clamp(24px,5vw,46px)}.home-stats div{min-height:72px;border:1px solid rgba(148,163,184,.16);border-radius:8px;padding:12px;background:#0f172a75;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.home-stats strong{display:block;color:#f8fafc;font-size:clamp(20px,3vw,26px)}.home-stats span,.auth-panel label{color:#94a3b8;font-size:12px;font-weight:800;text-transform:uppercase}.mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 12px;padding:4px;border:1px solid rgba(148,163,184,.16);border-radius:8px;background:#0f172a6b}.sub-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:4px;border:1px solid rgba(148,163,184,.16);border-radius:8px;background:#0f172a6b}.sub-tabs button{background:transparent;border:1px solid transparent;color:#cbd5e1;border-radius:6px;padding:9px 10px;font-weight:800;cursor:pointer}.sub-tabs button.active{background:#22c55e2e;border-color:#22c55e;color:#f0fdf4}.mode-tabs button,.auth-panel button,.ghost-btn{background:transparent;color:#e2e8f0;border:1px solid transparent;border-radius:6px;padding:10px 12px;cursor:pointer;font-weight:800}.mode-tabs button.active{background:#14b8a6eb;border-color:#99f6e46b;color:#042f2e}.auth-panel{display:grid;gap:10px}.auth-panel label{display:grid;gap:6px}.auth-panel input{width:100%;background:#0f172ab8;color:#e5e7eb;border:1px solid rgba(148,163,184,.24);border-radius:8px;padding:12px;font-size:15px;outline:none}.auth-panel input:focus{border-color:#2dd4bf;box-shadow:0 0 0 3px #2dd4bf26}.primary-play{min-height:48px;background:#f8fafc!important;color:#020617!important;border:0!important;font-size:16px;box-shadow:0 14px 34px #f8fafc24}.primary-play:disabled,.mode-tabs button:disabled,.ghost-btn:disabled{opacity:.58;cursor:not-allowed}.ghost-btn{width:100%;margin-top:12px;border-color:#94a3b838;background:#0f172a61}.queue-text{margin:0 0 10px!important;color:#fbbf24!important;font-weight:800}.error-text{color:#f87171;margin-bottom:0}.preview-map{position:relative;width:min(54vw,680px);min-width:420px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 45% 44%,#f8fafcfa,#e2e8f0f0 58%,#cbd5e1e0),#f8fafc;box-shadow:inset 0 0 0 12px #0f172af5,inset 0 0 0 16px #14b8a6,0 36px 120px #00000070;overflow:hidden;opacity:.84;transform:translate(8%)}.preview-zone,.preview-trail,.preview-player,.preview-gridline{position:absolute;display:block}.preview-gridline{top:13%;right:13%;bottom:13%;left:13%;border:1px solid rgba(15,23,42,.08);border-radius:50%}.preview-gridline.line-b{top:26%;right:26%;bottom:26%;left:26%}.preview-zone{border-radius:999px;opacity:.78}.zone-a{width:38%;height:22%;left:13%;top:53%;background:#f59e0b;transform:rotate(-18deg)}.zone-b{width:30%;height:19%;right:15%;top:20%;background:#14b8a6;transform:rotate(22deg)}.zone-c{width:23%;height:18%;right:22%;bottom:19%;background:#38bdf8;transform:rotate(-28deg)}.preview-trail{width:42%;height:28%;left:30%;top:38%;border:10px solid #f59e0b;border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(18deg)}.preview-player{width:34px;height:34px;left:67%;top:40%;border-radius:50%;background:#f59e0b;border:6px solid #0f172a;box-shadow:0 0 0 4px #f8fafccc}@media(max-width:980px){.topbar{height:44px}.app{height:calc(100% - 44px)}.hud-card{width:min(360px,62vw);min-width:220px}.hud-progress{height:34px}.hud-progress strong,.hud-best{font-size:20px}.leaderboard-overlay{top:18px;right:0;width:min(320px,42vw);min-width:230px}.leader-row{grid-template-columns:28px 68px minmax(52px,1fr);min-height:34px;padding:4px 10px;font-size:14px;box-shadow:0 4px color-mix(in srgb,var(--leader-color) 48%,#0f172a 52%)}.leader-row.is-me{box-shadow:0 4px #715e0057}.minimap{right:12px;bottom:14px}.home-wrap{align-items:start;padding:22px}.home-backdrop{place-items:start center;padding:80px 0 0;opacity:.46}.home-shell{grid-template-columns:1fr;align-items:start;gap:22px}.home-copy{padding-bottom:0}.home-copy h1{max-width:100%}.home-card{max-width:440px}.preview-map{width:min(76vw,520px);min-width:300px;transform:none}}@media(max-width:620px){.home-wrap{min-height:100%;padding:16px}.home-backdrop{padding-top:96px}.hud-card{width:min(260px,66vw);min-width:0;top:10px}.hud-progress{height:30px}.hud-progress strong,.hud-best{font-size:17px}.hud-kills{padding:2px 8px}.hud-kills strong{font-size:19px}.hud-captures{display:none}.leaderboard-overlay{top:50px;width:min(220px,48vw);min-width:0}.leader-list{gap:5px}.leader-row{grid-template-columns:20px 50px minmax(42px,1fr);min-height:27px;gap:4px;padding:3px 7px;font-size:11px}.leader-row:nth-child(n+5){display:none}.home-copy h1{font-size:clamp(46px,17vw,78px);max-width:8ch}.home-copy p{margin-top:12px}.preview-map{width:min(94vw,410px);min-width:280px}.home-stats{grid-template-columns:1fr 1fr 1fr;margin-top:22px}.home-stats div{min-height:64px;padding:9px}.home-card{padding:14px}.home-card-head{grid-template-columns:44px 1fr}.brand-mark{width:44px;height:44px}}@media(max-width:430px){.topbar{padding:0 10px;font-size:12px}.home-wrap,.home-card{padding:12px}.home-stats{gap:6px}.home-stats span{font-size:10px}.mode-tabs,.sub-tabs{gap:6px}.mode-tabs button,.sub-tabs button,.auth-panel button,.ghost-btn{padding-inline:8px}}