:root{
  color-scheme:dark;
  --brand-name:"Nova Rift Arena";--build-version:"v0.3 — Riftline Combat Build";
  --color-bg-void:#05070d;--color-bg-deep:#080c14;--color-bg-panel:rgba(10,15,27,.72);--color-bg-panel-strong:rgba(12,18,33,.88);--color-bg-panel-soft:rgba(16,24,41,.54);--color-bg-elevated:#101827;
  --color-text-primary:#f4f8ff;--color-text-secondary:#aab7cb;--color-text-muted:#6f7d92;--color-text-inverse:#031016;
  --color-primary:#67e8f9;--color-primary-strong:#22d3ee;--color-secondary:#a78bfa;--color-secondary-strong:#8b5cf6;--color-tertiary:#f0abfc;--color-warning:#fbbf24;--color-danger:#fb7185;--color-success:#34d399;--color-armor:#60a5fa;--color-battery:#fde68a;--color-neutral:#94a3b8;
  --color-health:#34d399;--color-health-glow:rgba(52,211,153,.45);--color-armor-glow:rgba(96,165,250,.42);--color-battery-glow:rgba(253,230,138,.42);--color-damage:#fb7185;--color-kill:#fbbf24;
  --border-subtle:rgba(148,163,184,.18);--border-primary:rgba(103,232,249,.34);--border-secondary:rgba(167,139,250,.34);--border-danger:rgba(251,113,133,.42);--border-warning:rgba(251,191,36,.42);
  --gradient-rift:radial-gradient(circle at 20% 15%,rgba(103,232,249,.20),transparent 30%),radial-gradient(circle at 80% 25%,rgba(167,139,250,.18),transparent 28%),radial-gradient(circle at 55% 80%,rgba(251,191,36,.08),transparent 34%),linear-gradient(135deg,#05070d 0%,#08111f 45%,#0d0a1a 100%);
  --gradient-primary:linear-gradient(135deg,#67e8f9 0%,#8b5cf6 100%);--gradient-danger:linear-gradient(135deg,#fb7185 0%,#f97316 100%);--gradient-panel:linear-gradient(180deg,rgba(15,23,42,.84),rgba(2,6,23,.70));--gradient-glass:linear-gradient(135deg,rgba(103,232,249,.12),rgba(167,139,250,.08));
  --font-display:ui-sans-serif,Inter,"SF Pro Display","Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-body:ui-sans-serif,Inter,"SF Pro Text","Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-mono:"SF Mono","Cascadia Code","Roboto Mono",Menlo,Consolas,monospace;
  --font-size-xs:.72rem;--font-size-sm:.84rem;--font-size-md:.96rem;--font-size-lg:1.12rem;--font-size-xl:1.45rem;--font-size-2xl:clamp(2rem,5vw,4.8rem);--tracking-label:.14em;
  --space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;
  --radius-xs:.35rem;--radius-sm:.55rem;--radius-md:.8rem;--radius-lg:1.15rem;--radius-xl:1.6rem;--radius-pill:999px;
  --shadow-soft:0 16px 42px rgba(0,0,0,.28);--shadow-panel:0 22px 70px rgba(0,0,0,.42);--shadow-primary:0 0 26px rgba(103,232,249,.24),0 0 58px rgba(139,92,246,.14);--shadow-danger:0 0 28px rgba(251,113,133,.24);--blur-panel:blur(18px);
  --motion-fast:120ms cubic-bezier(.2,.8,.2,1);--motion-med:220ms cubic-bezier(.2,.8,.2,1);--motion-slow:520ms cubic-bezier(.2,.8,.2,1);
  --hud-gap:14px;--hud-panel-width:268px;--crosshair-size:22px;--crosshair-thickness:2px;--safe-area:24px;
}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--color-bg-void);color:var(--color-text-primary);font-family:var(--font-body)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(103,232,249,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(167,139,250,.035) 1px,transparent 1px);background-size:42px 42px;opacity:.52;mask-image:radial-gradient(circle at center,black,transparent 80%);z-index:1}#gameCanvas{position:fixed;inset:0;width:100%;height:100%;display:block;background:var(--gradient-rift);z-index:0}.hidden{display:none!important}.mono{font-family:var(--font-mono)}.tiny{font-size:.78rem;color:var(--color-text-secondary)}button,input{font:inherit}.overlay{position:fixed;inset:0;z-index:10;display:grid;place-items:center;background:var(--gradient-rift)}.menu-overlay{padding:36px}.menu-overlay:before{content:"";position:absolute;inset:26px;border:1px solid rgba(103,232,249,.1);border-radius:30px;pointer-events:none}.menu-grid{position:relative;z-index:2;width:min(1180px,100%);min-height:min(720px,calc(100vh - 72px));display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;align-items:end}.menu-copy h1{margin:12px 0 0;font-family:var(--font-display);font-size:clamp(3.6rem,10vw,8.6rem);line-height:.82;text-transform:uppercase;letter-spacing:-.08em;text-shadow:0 0 44px rgba(103,232,249,.18)}.lead{max-width:640px;margin:18px 0 0;color:#cbd5e1;font-size:1.07rem}.kicker{color:var(--color-primary);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--tracking-label);font-weight:850}.menu-actions{display:flex;flex-direction:column;gap:10px;margin-top:26px;max-width:390px}.menu-actions.compact{max-width:none}.input-row{display:flex;gap:8px}.input{width:100%;min-height:44px;border-radius:var(--radius-pill);border:1px solid var(--border-subtle);background:rgba(2,6,23,.62);color:var(--color-text-primary);padding:0 14px;outline:none;font:800 var(--font-size-sm)/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.input:focus{border-color:var(--border-primary);box-shadow:0 0 0 3px rgba(103,232,249,.10)}.btn{appearance:none;border:0;cursor:pointer;border-radius:var(--radius-pill);min-height:46px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font:850 var(--font-size-sm)/1 var(--font-body);letter-spacing:.04em;text-transform:uppercase;transition:transform var(--motion-fast),box-shadow var(--motion-fast),border-color var(--motion-fast),background var(--motion-fast);user-select:none}.btn:active{transform:translateY(1px) scale(.99)}.btn:hover{transform:translateY(-1px)}.btn-primary{color:var(--color-text-inverse);background:var(--gradient-primary);box-shadow:var(--shadow-primary)}.btn-secondary{color:var(--color-text-primary);background:rgba(15,23,42,.72);border:1px solid var(--border-primary);box-shadow:0 0 0 1px rgba(103,232,249,.06) inset}.btn-ghost{color:var(--color-text-secondary);background:rgba(15,23,42,.36);border:1px solid var(--border-subtle)}.btn-danger{color:white;background:var(--gradient-danger);box-shadow:var(--shadow-danger)}.panel{background:var(--gradient-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-panel);backdrop-filter:var(--blur-panel);overflow:hidden}.panel-header{padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border-subtle)}.panel-header h2,.pause-card h2,.scoreboard h2,.settings-card h2{margin:4px 0 0;font-family:var(--font-display);letter-spacing:-.04em}.menu-side{display:flex;flex-direction:column;gap:10px}.system-card{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:rgba(15,23,42,.52);padding:14px;backdrop-filter:blur(10px)}.stat-label,.hud-label{color:var(--color-text-muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.12em}.stat-value,.hud-number{font-family:var(--font-mono);font-weight:950;color:var(--color-text-primary);letter-spacing:-.04em}.status-chip{display:inline-flex;align-items:center;gap:8px;min-height:30px;padding:5px 10px;border-radius:var(--radius-pill);border:1px solid var(--border-subtle);background:rgba(15,23,42,.62);color:var(--color-text-secondary);font-size:var(--font-size-xs);letter-spacing:.05em;text-transform:uppercase;backdrop-filter:var(--blur-panel)}.status-dot{width:7px;height:7px;border-radius:999px;background:var(--color-success);box-shadow:0 0 14px var(--color-success)}.status-dot.offline{background:var(--color-danger);box-shadow:0 0 14px var(--color-danger)}.side-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.reactor-orb{position:absolute;right:9vw;top:9vh;width:360px;height:360px;border-radius:50%;opacity:.75;background:radial-gradient(circle,rgba(103,232,249,.08) 0 26%,transparent 27%),conic-gradient(from 0deg,rgba(103,232,249,0),rgba(103,232,249,.58),rgba(167,139,250,.04),rgba(167,139,250,.52),rgba(103,232,249,0));filter:blur(.1px);animation:spin 22s linear infinite}.reactor-orb:before,.reactor-orb:after{content:"";position:absolute;inset:44px;border-radius:50%;border:1px solid rgba(103,232,249,.28)}.reactor-orb:after{inset:118px;box-shadow:0 0 48px rgba(103,232,249,.4)}@keyframes spin{to{transform:rotate(360deg)}}.boot-screen{position:fixed;inset:0;z-index:40;display:grid;place-items:center;align-content:center;gap:14px;background:var(--gradient-rift);transition:opacity var(--motion-slow)}.boot-title{font:950 2rem/1 var(--font-display);letter-spacing:-.05em}.boot-sub{color:var(--color-text-muted);font-size:.84rem;text-transform:uppercase;letter-spacing:.12em}.brand-mark{width:48px;height:48px;border-radius:16px;position:relative;background:conic-gradient(from 210deg,#67e8f9,#8b5cf6,#fb7185,#67e8f9);box-shadow:var(--shadow-primary)}.brand-mark:after{content:"";position:absolute;inset:9px;border-radius:10px;background:var(--color-bg-deep);border:1px solid rgba(255,255,255,.18)}.hud{position:fixed;inset:0;z-index:6;pointer-events:none;font-family:var(--font-body)}.hud-panel{position:absolute;background:rgba(5,9,18,.62);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);backdrop-filter:blur(12px);box-shadow:0 10px 38px rgba(0,0,0,.25)}.hud-top-left{left:var(--safe-area);top:var(--safe-area);padding:10px 12px}.hud-top-center{left:50%;top:var(--safe-area);transform:translateX(-50%);padding:10px 18px;display:flex;gap:18px;align-items:center}.hud-top-right{right:var(--safe-area);top:var(--safe-area);width:330px;padding:12px}.hud-bottom-left{left:var(--safe-area);bottom:var(--safe-area);width:var(--hud-panel-width);padding:14px}.hud-bottom-center{left:50%;bottom:26px;transform:translateX(-50%);display:flex;gap:10px;padding:10px}.hud-bottom-right{right:var(--safe-area);bottom:var(--safe-area);width:var(--hud-panel-width);padding:14px;text-align:right}.resource-line{display:grid;grid-template-columns:64px 1fr 44px;gap:9px;align-items:center;margin-top:9px}.bar{height:8px;border-radius:999px;background:rgba(148,163,184,.16);overflow:hidden}.bar>span{display:block;height:100%;border-radius:inherit;width:100%;transition:width var(--motion-med)}.health{background:linear-gradient(90deg,var(--color-health),var(--color-primary));box-shadow:0 0 18px var(--color-health-glow)}.armor{background:linear-gradient(90deg,var(--color-armor),var(--color-secondary));box-shadow:0 0 18px var(--color-armor-glow)}.battery{background:linear-gradient(90deg,var(--color-battery),var(--color-primary));box-shadow:0 0 18px var(--color-battery-glow)}.weapon-name{color:var(--color-primary);font-weight:950;font-size:1.1rem}.ammo{font:950 2.1rem/1 var(--font-mono);letter-spacing:-.08em}.abilities{display:flex!important}.ability{width:64px;height:60px;border-radius:16px;border:1px solid var(--border-primary);background:rgba(15,23,42,.65);display:grid;place-items:center;position:relative;overflow:hidden}.ability span{font:950 1.2rem/1 var(--font-mono);position:relative;z-index:2}.ability small{font-size:.58rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);position:relative;z-index:2;margin-top:-16px}.ability em{position:absolute;inset:auto 0 0;height:0%;background:rgba(103,232,249,.26);transition:height 80ms linear}.crosshair{position:absolute;left:50%;top:50%;width:var(--crosshair-size);height:var(--crosshair-size);transform:translate(-50%,-50%)}.crosshair:before,.crosshair:after{content:"";position:absolute;background:rgba(244,248,255,.92);box-shadow:0 0 10px rgba(103,232,249,.9)}.crosshair:before{left:50%;top:0;width:var(--crosshair-thickness);height:100%;transform:translateX(-50%)}.crosshair:after{top:50%;left:0;height:var(--crosshair-thickness);width:100%;transform:translateY(-50%)}.hitmarker{position:absolute;left:50%;top:50%;width:54px;height:54px;transform:translate(-50%,-50%) rotate(45deg);opacity:1;animation:hitmark 150ms ease-out}.hitmarker:before,.hitmarker:after{content:"";position:absolute;inset:0;border:2px solid transparent;border-top-color:var(--color-kill);border-bottom-color:var(--color-kill);filter:drop-shadow(0 0 10px var(--color-kill))}@keyframes hitmark{from{opacity:0;transform:translate(-50%,-50%) rotate(45deg) scale(.7)}to{opacity:1;transform:translate(-50%,-50%) rotate(45deg) scale(1)}}.toast-stack{position:absolute;left:50%;top:61%;transform:translateX(-50%);display:grid;gap:8px;justify-items:center}.pickup-toast{padding:9px 14px;border-radius:var(--radius-pill);border:1px solid var(--border-primary);background:rgba(5,9,18,.72);color:var(--color-primary);font-weight:850;box-shadow:var(--shadow-primary);animation:toast 1.2s ease both}@keyframes toast{0%{opacity:0;transform:translateY(12px)}12%,75%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-22px)}}.damage-layer{position:absolute;inset:0}.damage-number{position:absolute;color:var(--color-kill);font:950 1.55rem/1 var(--font-mono);text-shadow:0 0 18px rgba(251,191,36,.7);animation:damageFloat .8s ease-out both}@keyframes damageFloat{from{opacity:0;transform:translate(-50%,-30%) scale(.8)}15%{opacity:1}to{opacity:0;transform:translate(-50%,-115%) scale(1.1)}}.kill-row{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid rgba(148,163,184,.10);font-size:var(--font-size-sm)}.kill-row:last-child{border-bottom:0}.killer{color:var(--color-primary);font-weight:850}.victim{color:var(--color-danger);font-weight:850}.respawn-prompt{position:absolute;left:50%;top:56%;transform:translate(-50%,-50%);padding:16px 22px;border-radius:var(--radius-pill);border:1px solid var(--border-danger);background:rgba(5,9,18,.8);color:var(--color-danger);font:900 .95rem/1 var(--font-body);text-transform:uppercase;letter-spacing:.08em;box-shadow:var(--shadow-danger)}.scoreboard{position:absolute;inset:0;display:grid;place-items:center;background:rgba(2,6,23,.26);backdrop-filter:blur(4px)}.scoreboard-card{width:min(780px,calc(100vw - 40px))}.scoreboard table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.scoreboard th,.scoreboard td{padding:12px 14px;border-bottom:1px solid rgba(148,163,184,.12);text-align:left}.scoreboard th{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:.68rem}.scoreboard tr.player{background:rgba(103,232,249,.08);color:var(--color-primary)}.pause-overlay,.modal-overlay{background:rgba(2,6,23,.48);backdrop-filter:blur(8px)}.pause-card{width:min(480px,calc(100vw - 40px));padding:24px}.pause-card p,.end-card p{color:var(--color-text-secondary);margin-top:8px}.settings-card{width:min(640px,calc(100vw - 40px))}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:20px}.settings-grid label{display:grid;gap:8px;color:var(--color-text-secondary);font-size:.86rem;text-transform:uppercase;letter-spacing:.08em}.settings-grid input[type=range]{width:100%}.settings-grid .toggle{display:flex;align-items:center;gap:10px;text-transform:none;letter-spacing:0}.end-card{padding:26px}.damage-vignette{position:fixed;inset:0;pointer-events:none;border:0 solid rgba(251,113,133,.0);box-shadow:inset 0 0 150px rgba(251,113,133,.55);animation:vignette .38s ease-out both}@keyframes vignette{from{opacity:.9}to{opacity:0}}@media(max-width:900px){.menu-grid{grid-template-columns:1fr;align-items:center}.menu-side{max-width:420px}.hud-top-right{width:250px}.hud-bottom-left,.hud-bottom-right{width:230px}.settings-grid{grid-template-columns:1fr}.reactor-orb{opacity:.35}}
@media(max-width:640px){
  :root{--safe-area:10px;--hud-panel-width:auto}
  .menu-overlay{padding:14px}.menu-overlay:before{inset:10px;border-radius:20px}.menu-copy h1{font-size:clamp(3rem,18vw,4.8rem);letter-spacing:-.06em}.lead{font-size:.92rem}.menu-grid{min-height:calc(100vh - 28px);gap:14px}.menu-actions{max-width:none}.menu-side{display:none}
  .hud-top-left{left:8px;top:8px;padding:8px 10px;max-width:136px}
  .hud-top-center{display:none}
  .hud-top-center>div:nth-child(3){display:none}
  .hud-top-right{display:none}
  .hud-bottom-left{left:10px;right:10px;bottom:10px;width:auto;padding:10px}
  .resource-line{grid-template-columns:62px 1fr 36px;gap:7px;margin-top:7px}
  .hud-bottom-center{bottom:112px;padding:7px;gap:7px}
  .ability{width:55px;height:54px;border-radius:14px}.ability span{font-size:1rem}.ability small{font-size:.52rem;margin-top:-14px}
  .hud-bottom-right{display:none}
  .hud-bottom-right .hud-label,#reloadState,.weapon-name{display:none}
  .ammo{font-size:1.55rem;letter-spacing:-.05em}
  .scoreboard-card{width:calc(100vw - 18px)}.scoreboard th,.scoreboard td{padding:8px 7px;font-size:.72rem}
}
/* Reference-style tactical HUD polish */
.mini-map{left:24px;top:88px;width:206px;height:206px;border-radius:18px;background:linear-gradient(135deg,rgba(226,232,240,.24),rgba(15,23,42,.68));border:2px solid rgba(244,248,255,.62);box-shadow:0 16px 42px rgba(0,0,0,.26),inset 0 0 0 1px rgba(103,232,249,.24);overflow:hidden;opacity:.94}
.mini-map:before{content:"";position:absolute;inset:13px;border:1px solid rgba(255,255,255,.42);clip-path:polygon(0 8%,44% 8%,44% 0,68% 0,68% 22%,100% 22%,100% 58%,76% 58%,76% 100%,34% 100%,34% 72%,0 72%);background:rgba(2,6,23,.22)}
.mini-map:after{content:"";position:absolute;left:50%;top:50%;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:22px solid #fff;filter:drop-shadow(0 0 8px rgba(103,232,249,.8));transform:translate(-50%,-50%) rotate(0deg)}
.map-lane{position:absolute;border:2px solid rgba(255,255,255,.38);background:rgba(15,23,42,.28)}.lane-a{left:32px;top:42px;width:118px;height:28px}.lane-b{right:28px;bottom:38px;width:32px;height:116px}.map-site{position:absolute;width:34px;height:34px;border:2px solid rgba(255,255,255,.54);background:rgba(15,23,42,.38)}.site-a{left:28px;bottom:44px}.site-b{right:38px;top:34px}.map-dot{position:absolute;width:11px;height:11px;border-radius:50%;box-shadow:0 0 10px currentColor}.map-dot.self{left:98px;top:96px;background:#fff;color:#fff}.map-dot.enemy{background:#ff405f;color:#ff405f}.map-dot.ally{background:#18d5d9;color:#18d5d9}.map-dot.e1{left:42px;top:148px}.map-dot.e2{right:42px;top:54px}.map-dot.a1{left:66px;top:60px}
.score-ribbon{left:50%;top:22px;transform:translateX(-50%);height:48px;min-width:430px;display:flex;align-items:center;justify-content:center;gap:18px;padding:0 18px;border-radius:0;background:transparent;border:0;box-shadow:none;backdrop-filter:none}.score-ribbon .team{height:42px;min-width:154px;display:flex;align-items:center;gap:10px;padding:0 16px;background:rgba(15,23,42,.64);border:1px solid rgba(255,255,255,.22);clip-path:polygon(0 0,100% 0,90% 100%,8% 100%)}.score-ribbon .team.red{clip-path:polygon(10% 0,100% 0,92% 100%,0 100%)}.score-ribbon b{font:950 1.45rem/1 var(--font-mono);color:#f8fbff}.score-ribbon span{display:flex;gap:4px}.score-ribbon i{display:block;width:18px;height:7px;border-radius:2px;background:#43e3ff;box-shadow:0 0 10px rgba(67,227,255,.5)}.score-ribbon .red i{background:#ff596f;box-shadow:0 0 10px rgba(255,89,111,.5)}.round-time{font:850 1.42rem/1 var(--font-mono);color:#f8fbff;text-shadow:0 2px 18px rgba(0,0,0,.42)}
.hud-top-center{top:76px}.hud-top-left{top:310px}.hud-bottom-right{border-radius:0 18px 18px 0;clip-path:polygon(8% 0,100% 0,100% 100%,0 100%);border-color:rgba(255,255,255,.2)}.hud-bottom-center{border-radius:4px;clip-path:polygon(8% 0,92% 0,100% 100%,0 100%);padding:8px 22px}.ability{border-radius:4px;background:rgba(15,23,42,.72);border-color:rgba(255,255,255,.35)}.crosshair:before,.crosshair:after{background:#f8fbff}
@media(max-width:900px){.mini-map{display:none}.score-ribbon{min-width:330px;gap:8px}.score-ribbon .team{min-width:112px;padding:0 10px}.score-ribbon i{width:12px}.score-ribbon b,.round-time{font-size:1rem}.hud-top-center{top:64px}}
@media(max-width:640px){.score-ribbon,.mini-map,.hud-top-center,.hud-top-right,.hud-bottom-right{display:none}.hud-top-left{left:8px;top:8px;padding:8px 10px;max-width:136px}.hud-bottom-left{left:10px;right:10px;bottom:10px;width:auto;padding:10px}.hud-bottom-center{bottom:112px;padding:7px;gap:7px}.ability{width:55px;height:54px;border-radius:14px}.resource-line{grid-template-columns:62px 1fr 36px;gap:7px;margin-top:7px}}