:root{color-scheme:dark;--steel-900: #0e1014;--steel-800: #151820;--steel-700: #1e222c;--steel-600: #2a2f3b;--steel-500: #3a4150;--ash: #4a4a47;--khaki: #6e6b46;--khaki-bright: #a8a070;--rust: #b14f24;--rust-bright: #e07845;--amber: #d49228;--amber-bright: #ffbe52;--ink: #d9d1c4;--ink-dim: #8d8a80;--ink-faint: #5a5850;--danger: #c03a3a;--danger-bright: #e95b4f;--ok: #85a158;--warn: #d49228;--panel: rgba(21, 24, 32, .92);--panel-solid: #191c24;--panel-edge: rgba(58, 65, 80, .8);--panel-edge-strong: rgba(208, 122, 60, .7);--font-display: "Oswald", "Orbitron", "Chakra Petch", system-ui, sans-serif;--font-body: "Chakra Petch", ui-sans-serif, system-ui, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--ease: cubic-bezier(.2, .7, .1, 1);--speed: .22s;--theme-accent: var(--rust);--theme-accent-bright: var(--rust-bright);--theme-accent-rgb: 224, 120, 69;--theme-brand: var(--rust-bright);--theme-card-texture: url(/textures/ui/rust.jpg);--theme-btn-texture: url(/textures/ui/plates.jpg);--theme-card-wash: linear-gradient(90deg, rgba(150,60,20,.15), rgba(150,60,20,0) 120px);--theme-card-tint: linear-gradient(180deg, rgba(40,20,10,.65), rgba(18,10,4,.82));--theme-btn-primary-fill: #b14120;--theme-btn-primary-gradient: linear-gradient(180deg, rgba(220,100,40,.55), rgba(90,20,6,.9));--theme-btn-primary-border: #3b1508;--theme-btn-primary-color: #ffe7d2;--theme-btn-primary-shadow: rgba(150, 50, 20, .45);--theme-pill-active: linear-gradient(180deg, #c4521f 0%, #8f2a0e 100%);--theme-pill-active-border: #3b1508;--theme-pill-active-color: #fff1df;--theme-mode-active-bg: linear-gradient(180deg, rgba(70,30,15,.5), rgba(40,20,12,.75));--theme-nav-underline: rgba(120, 90, 40, .2);--theme-splash-glow-a: rgba(255, 180, 90, .35);--theme-splash-glow-b: rgba(200, 80, 30, .22);--theme-ctl-top: #d49228;--theme-ctl-bottom: #8c5d14;--theme-switch-on-bg: #6e4a10;--theme-switch-on-top: #ffc56e;--theme-switch-on-bottom: #a5631a;--theme-switch-off-bg: #1a1208;--theme-switch-off-track-tint: linear-gradient(180deg, rgba(60,55,40,.6), rgba(12,10,6,.9));--theme-switch-off-top: #8d7a4e;--theme-switch-off-bottom: #3a2d15}:root{--rank-recruit: #8a8477;--rank-private: #a8a070;--rank-corporal: #b8a050;--rank-sergeant: #d49228;--rank-lieutenant: #e07845;--rank-captain: #e85c25;--rank-major: #c03a3a;--rank-colonel: #9d2a7a;--rank-general: #ffd25e;--medal-gold: var(--rank-general);--medal-silver: #c4bfb0;--medal-bronze: #b87a4a;--medal-locked-top: #3a3a3a;--medal-locked-bottom: #121212;--medal-locked-text: #555;--btn-go-fill: #56612a;--btn-go-border: #1e2710;--btn-go-color: #e9f0c9;--btn-go-gradient: linear-gradient(180deg, rgba(140, 170, 70, .5), rgba(40, 52, 16, .88));--btn-go-shadow: rgba(60, 90, 25, .4);--btn-danger-fill: #8a2020;--btn-danger-border: #3b0808;--btn-danger-color: #ffd9d9;--btn-danger-gradient: linear-gradient(180deg, rgba(200, 60, 50, .55), rgba(60, 8, 8, .9));--btn-danger-shadow: rgba(150, 30, 30, .4);--btn-steel-fill: #243244;--btn-steel-border: #0d1621;--btn-steel-color: #c7d6e6;--btn-steel-gradient: linear-gradient(180deg, rgba(110, 150, 190, .3), rgba(14, 22, 32, .88));--btn-secondary-fill: #2e3440;--btn-secondary-gradient: linear-gradient(180deg, rgba(100, 110, 120, .35), rgba(20, 24, 30, .85));--battle-accent: #b14f24;--battle-accent-bright: #e07845;--fire-btn-idle-top: #4a2010;--fire-btn-idle-mid: #2a0e08;--fire-btn-idle-bottom: #180604;--fire-btn-idle-color: #7a4030;--fire-btn-idle-border: #1a0808;--fire-btn-ready-top: #ff8a5a;--fire-btn-ready-mid: #c0341a;--fire-btn-ready-bottom: #5a120a;--fire-btn-ready-color: #fff6e8;--gauge-base-top: #ffd25e;--gauge-base-bot: #e07838;--gauge-warm-top: #ff9a4a;--gauge-warm-bot: #c0341a;--gauge-hot-top: #ff5040;--gauge-hot-bot: #7a0e08;--gauge-lbl: #d4a87a;--gauge-lbl-ready: #ffd8a8;--fire-btn-rivet-top: #c9a478;--fire-btn-rivet-mid: #5a3a22;--fire-btn-rivet-bottom: #1a1008;--readiness-low: var(--danger);--readiness-mid: var(--warn);--readiness-high: var(--ok);--phaser-host-bg: #05070f}html,body{cursor:url(/cursors/arrow.svg) 2 1,default}a,button,[role=button],label,select,.pill,.mode-card,.switch,.part-tile,.swatch,.weapon-tile,input[type=checkbox],input[type=radio],input[type=range]{cursor:url(/cursors/pointer.svg) 8 1,pointer}input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],textarea{cursor:text}#phaser-host,#phaser-host canvas{cursor:url(/cursors/reticle.svg) 16 16,crosshair}button:disabled,.weapon-tile:disabled,.weapon-tile.empty{cursor:not-allowed}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background:transparent;cursor:default;user-select:none;-webkit-user-select:none}input,textarea,[contenteditable=true]{cursor:text;user-select:text;-webkit-user-select:text}input[type=text],input[type=password],input[type=email],input[type=search]{cursor:text}button,.swatch,.pill,.mode-card,.weapon-tile,.engagement-list li,.brass-list li,.part-tile,.switch,.mp-head,.mp-buttons button,.mp-collapse,.mp-toggle,a{cursor:pointer}body{overflow:hidden;background-color:#1a0f08}a{color:var(--theme-accent-bright);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer;color:inherit}input,select{font-family:inherit}h1,h2,h3{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;margin:0 0 12px;color:var(--ink);font-weight:700}h1{font-size:38px;letter-spacing:.12em;font-weight:800}h2{font-size:20px;letter-spacing:.1em}h3{font-size:14px;letter-spacing:.1em;font-weight:600;color:var(--khaki-bright)}p{line-height:1.55}.mono,code{font-family:var(--font-mono)}.backdrop{position:fixed;inset:0;z-index:-1;overflow:hidden;background-color:#0a0a0c}.backdrop .bd-sky,.backdrop .bd-scene,.backdrop .bd-aux,.backdrop .bd-fx,.backdrop .bd-streaks,.backdrop .bd-grain{position:absolute;inset:0;pointer-events:none}.backdrop .bd-grain{background:repeating-linear-gradient(-38deg,rgba(255,210,140,.035) 0 1px,transparent 1px 6px),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' seed='7'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.18 0'/></filter><rect width='220' height='220' filter='url(%23n)'/></svg>");background-size:auto,300px 300px;opacity:.8;mix-blend-mode:overlay}.backdrop .bd-particle{position:absolute;left:var(--px, 50%);top:var(--py, 50%);width:calc(3px * var(--pscale, 1));height:calc(3px * var(--pscale, 1));border-radius:50%;animation-delay:var(--pdelay, 0s);animation-duration:var(--pdur, 12s);animation-iteration-count:infinite;animation-timing-function:linear;will-change:transform,opacity;opacity:0}.backdrop .bd-streak{position:absolute;top:70%;left:-20%;width:140px;height:2px;border-radius:2px;transform-origin:left center;animation-iteration-count:infinite;animation-timing-function:linear;will-change:transform,opacity;opacity:0}:root,:root[data-theme=rust]{--bd-accent: 224, 120, 69}:root[data-theme=rust] .backdrop,:root:not([data-theme]) .backdrop{background-color:#2a160a}:root[data-theme=rust] .bd-sky,:root:not([data-theme]) .bd-sky{background:radial-gradient(ellipse at 50% 50%,transparent 45%,rgba(0,0,0,.55) 100%),url(/textures/ui/rust.jpg);background-size:cover,1200px 1200px;background-repeat:no-repeat,repeat;background-position:center,center top}:root[data-theme=rust] .bd-scene,:root:not([data-theme]) .bd-scene{background:transparent}:root[data-theme=rust] .bd-aux,:root:not([data-theme]) .bd-aux{background:transparent}:root[data-theme=rust] .bd-particle,:root:not([data-theme]) .bd-particle{background:radial-gradient(circle,#ffdc8c,#ff8c3ccc 40%,#e0784500 75%);box-shadow:0 0 5px #ffb450cc;animation-name:bd-ember-rise}@keyframes bd-ember-rise{0%{transform:translateY(30vh) scale(var(--pscale, 1));opacity:0}10%{opacity:.9}75%{opacity:.4}to{transform:translate(calc(var(--pscale, 1) * -30px),-70vh) scale(calc(var(--pscale, 1) * .6));opacity:0}}:root[data-theme=rust] .bd-streak,:root:not([data-theme]) .bd-streak{background:linear-gradient(90deg,#e0784500,#e0784559 40%,#ffc878e6 85%,#fff);box-shadow:0 0 6px #d4922899,0 0 14px #d4922859;animation-name:bd-rust-tracer;mix-blend-mode:screen}:root[data-theme=rust] .bd-streak:nth-child(1),:root:not([data-theme]) .bd-streak:nth-child(1){top:58%;animation-duration:13s;animation-delay:0s}:root[data-theme=rust] .bd-streak:nth-child(2),:root:not([data-theme]) .bd-streak:nth-child(2){top:72%;width:110px;animation-duration:17s;animation-delay:-5s}:root[data-theme=rust] .bd-streak:nth-child(3),:root:not([data-theme]) .bd-streak:nth-child(3){top:45%;width:170px;animation-duration:20s;animation-delay:-11s}@keyframes bd-rust-tracer{0%{transform:translate(0) rotate(-28deg);opacity:0}8%{opacity:.9}50%{transform:translate(70vw,-22vh) rotate(-4deg);opacity:.8}92%{opacity:0}to{transform:translate(140vw,10vh) rotate(22deg);opacity:0}}:root[data-theme=desert] .backdrop{background-color:#6a3a18}:root[data-theme=desert] .bd-sky{background:linear-gradient(180deg,#e9c37ba6,#d88a428c 40%,#8a3a12bf 75%,#2a1204eb),url(/textures/ui/desert.jpg);background-size:cover,900px 900px;background-repeat:no-repeat,repeat;background-position:center,center;background-blend-mode:multiply,normal}:root[data-theme=desert] .bd-aux{background:radial-gradient(circle at 78% 32%,rgba(255,230,160,1) 0%,rgba(255,180,90,.9) 2%,rgba(255,150,60,.35) 5%,rgba(255,150,60,.12) 12%,transparent 28%);animation:bd-desert-sun 16s ease-in-out infinite alternate}@keyframes bd-desert-sun{0%{filter:brightness(.95)}to{filter:brightness(1.1)}}:root[data-theme=desert] .bd-scene{background:radial-gradient(ellipse 120% 40% at 20% 100%,#3a1c08 0%,transparent 60%),radial-gradient(ellipse 100% 34% at 70% 100%,#2a1406 0%,transparent 62%),radial-gradient(ellipse 140% 26% at 50% 100%,#1a0c04 0%,transparent 55%);background-repeat:no-repeat}:root[data-theme=desert] .bd-particle{background:#e6c896b3;box-shadow:0 0 3px #e6c89659;animation-name:bd-desert-dust}@keyframes bd-desert-dust{0%{transform:translate(-10vw) scale(var(--pscale, 1));opacity:0}15%{opacity:.7}85%{opacity:.4}to{transform:translate(110vw,-15vh) scale(var(--pscale, 1));opacity:0}}:root[data-theme=desert] .bd-streak{height:18px;width:40vw;left:30%;border-radius:40%/100%;background:linear-gradient(180deg,#ffdc9600,#ffdc962e,#ffdc9600);filter:blur(2px);mix-blend-mode:screen;transform-origin:center;animation-name:bd-desert-shimmer}:root[data-theme=desert] .bd-streak:nth-child(1){top:60%;animation-duration:6s;animation-delay:0s}:root[data-theme=desert] .bd-streak:nth-child(2){top:70%;animation-duration:7.5s;animation-delay:-2s;left:10%;width:50vw}:root[data-theme=desert] .bd-streak:nth-child(3){top:80%;animation-duration:9s;animation-delay:-4s;left:40%;width:45vw}@keyframes bd-desert-shimmer{0%,to{opacity:.25;transform:translate(0) scaleY(1)}50%{opacity:.55;transform:translate(3vw) scaleY(1.2)}}:root[data-theme=arctic] .backdrop{background-color:#0c1624}:root[data-theme=arctic] .bd-sky{background:linear-gradient(180deg,#0a1828c7,#183452ad,#2c567a8c 70%,#0e2030d1),url(/textures/ui/arctic.jpg);background-size:cover,800px 800px;background-repeat:no-repeat,repeat;background-position:center,center;background-blend-mode:multiply,normal}:root[data-theme=arctic] .bd-aux{background:radial-gradient(circle at 22% 22%,rgba(230,240,255,.95) 0%,rgba(200,220,240,.5) 3%,rgba(160,200,230,.2) 8%,transparent 18%)}:root[data-theme=arctic] .bd-scene{background:linear-gradient(110deg,transparent 0%,rgba(90,220,180,.08) 25%,rgba(140,200,255,.18) 50%,rgba(90,220,180,.1) 75%,transparent 100%),linear-gradient(70deg,transparent 20%,rgba(120,200,240,.1) 45%,rgba(160,220,200,.12) 55%,transparent 80%);background-size:200% 100%,200% 100%;background-position:0% 30%,0% 55%;mix-blend-mode:screen;animation:bd-arctic-aurora 30s ease-in-out infinite alternate}@keyframes bd-arctic-aurora{0%{background-position:0% 30%,0% 55%;opacity:.7}to{background-position:60% 35%,40% 50%;opacity:1}}:root[data-theme=arctic] .bd-particle{background:radial-gradient(circle,rgba(255,255,255,1) 0%,rgba(200,220,240,.6) 50%,transparent 75%);box-shadow:0 0 2px #c8dcf099;animation-name:bd-arctic-snow;width:calc(4px * var(--pscale, 1));height:calc(4px * var(--pscale, 1))}@keyframes bd-arctic-snow{0%{transform:translateY(-20vh) scale(var(--pscale, 1));opacity:0}8%{opacity:.9}90%{opacity:.7}to{transform:translate(calc(var(--pscale, 1) * 40px),120vh) scale(var(--pscale, 1));opacity:0}}:root[data-theme=arctic] .bd-streaks{display:none}:root[data-theme=dusk] .backdrop{background-color:#0a0518}:root[data-theme=dusk] .bd-sky{background:linear-gradient(180deg,#0a0420eb,#2a1050d1 25%,#6a2070b3 55%,#d04060b8 78%,#f88040c7 92%,#2a0808eb),url(/textures/ui/dusk.jpg);background-size:cover,700px 700px;background-repeat:no-repeat,repeat;background-position:center,center;background-blend-mode:multiply,normal}:root[data-theme=dusk] .bd-aux{background:radial-gradient(circle at 80% 18%,rgba(255,240,220,.85) 0%,rgba(255,220,180,.4) 2%,rgba(255,180,150,.15) 6%,transparent 14%)}:root[data-theme=dusk] .bd-scene{background:radial-gradient(ellipse 80% 25% at 15% 100%,#0a0208 0%,transparent 60%),radial-gradient(ellipse 60% 20% at 45% 100%,#0a0208 0%,transparent 62%),radial-gradient(ellipse 70% 22% at 80% 100%,#0a0208 0%,transparent 60%);background-repeat:no-repeat}:root[data-theme=dusk] .bd-particle{background:radial-gradient(circle,rgba(255,255,255,1) 0%,rgba(220,200,255,.7) 45%,transparent 70%);box-shadow:0 0 4px #dcc8ffb3;animation-name:bd-dusk-twinkle;top:calc(var(--py, 50%) * .6)}@keyframes bd-dusk-twinkle{0%,to{transform:scale(calc(var(--pscale, 1) * .6));opacity:.3}50%{transform:scale(var(--pscale, 1));opacity:1}}:root[data-theme=dusk] .bd-streak{width:90px;height:1.5px;background:linear-gradient(90deg,#fff0,#dcc8ffb3 60%,#fff);box-shadow:0 0 5px #dcc8ffe6,0 0 12px #b478dc80;mix-blend-mode:screen;animation-name:bd-dusk-shoot}:root[data-theme=dusk] .bd-streak:nth-child(1){top:22%;animation-duration:11s;animation-delay:0s}:root[data-theme=dusk] .bd-streak:nth-child(2){top:35%;animation-duration:14s;animation-delay:-6s}:root[data-theme=dusk] .bd-streak:nth-child(3){top:15%;animation-duration:17s;animation-delay:-13s}@keyframes bd-dusk-shoot{0%{transform:translate(0) rotate(20deg);opacity:0}2%{opacity:1}8%{transform:translate(30vw,10vh) rotate(20deg);opacity:0}to{transform:translate(30vw,10vh) rotate(20deg);opacity:0}}:root[data-theme=jungle] .backdrop{background-color:#0a1408}:root[data-theme=jungle] .bd-sky{background:radial-gradient(ellipse at 50% 30%,#3a5a2099,#1a3010cc,#0a1608eb 70%,#050a04fa),url(/textures/ui/jungle.jpg);background-size:cover,900px 900px;background-repeat:no-repeat,repeat;background-position:center,center;background-blend-mode:multiply,normal}:root[data-theme=jungle] .bd-scene{background:repeating-linear-gradient(15deg,transparent 0 60px,rgba(200,240,140,.06) 60px 90px,transparent 90px 170px,rgba(200,240,140,.04) 170px 200px);background-size:200% 200%;mix-blend-mode:screen;animation:bd-jungle-rays 40s linear infinite}@keyframes bd-jungle-rays{0%{background-position:0% 0%}to{background-position:100% 100%}}:root[data-theme=jungle] .bd-aux{background:radial-gradient(ellipse 40% 18% at 10% 0%,#000 0%,transparent 70%),radial-gradient(ellipse 50% 22% at 35% 0%,#000 0%,transparent 70%),radial-gradient(ellipse 45% 20% at 60% 0%,#000 0%,transparent 70%),radial-gradient(ellipse 55% 24% at 90% 0%,#000 0%,transparent 70%);background-repeat:no-repeat;opacity:.9}:root[data-theme=jungle] .bd-particle{background:radial-gradient(circle,rgba(220,255,140,1) 0%,rgba(160,220,80,.8) 40%,transparent 75%);box-shadow:0 0 6px #b4f064cc,0 0 14px #8cc84666;animation-name:bd-jungle-firefly;width:calc(4px * var(--pscale, 1));height:calc(4px * var(--pscale, 1))}@keyframes bd-jungle-firefly{0%{transform:translate(0) scale(var(--pscale, 1));opacity:0}15%{transform:translate(2vw,-4vh) scale(calc(var(--pscale, 1) * 1.1));opacity:.9}50%{transform:translate(-2vw,-10vh) scale(calc(var(--pscale, 1) * .7));opacity:.4}85%{transform:translate(4vw,-16vh) scale(calc(var(--pscale, 1) * 1.1));opacity:.8}to{transform:translateY(-22vh) scale(var(--pscale, 1));opacity:0}}:root[data-theme=jungle] .bd-streaks{display:none}:root[data-reduced-motion="1"] .backdrop *,:root[data-reduced-motion="1"] .backdrop{animation:none!important}@media (prefers-reduced-motion: reduce){.backdrop *,.backdrop{animation:none!important}}:root[data-reduced-motion="1"] .backdrop .bd-particle,:root[data-reduced-motion="1"] .backdrop .bd-streaks,:root[data-reduced-motion="1"] .backdrop .bd-fx{display:none}@media (prefers-reduced-motion: reduce){.backdrop .bd-particle,.backdrop .bd-streaks,.backdrop .bd-fx{display:none}}.theme-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}.theme-swatch{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:6px;background:#0a0a0c80;border:1px solid var(--panel-edge);border-radius:3px;transition:border-color var(--speed) var(--ease),transform var(--speed) var(--ease)}.theme-swatch:hover{border-color:var(--panel-edge-strong);transform:translateY(-1px)}.theme-swatch.on{border-color:var(--theme-accent-bright);box-shadow:0 0 0 1px rgba(var(--theme-accent-rgb),.35),0 6px 16px #00000073}.theme-swatch .theme-chip{display:block;height:42px;border-radius:2px;border:1px solid rgba(0,0,0,.5);overflow:hidden}.theme-swatch[data-theme-preview=rust] .theme-chip{background:radial-gradient(ellipse at 50% 50%,transparent 40%,rgba(0,0,0,.55) 100%),url(/textures/ui/rust.jpg);background-size:cover,180px 180px}.theme-swatch[data-theme-preview=desert] .theme-chip{background:radial-gradient(circle at 78% 32%,rgba(255,230,160,.9) 0%,rgba(255,180,90,.5) 4%,transparent 20%),linear-gradient(180deg,#e9c37b80,#8a3a12b3),url(/textures/ui/desert.jpg);background-size:cover,cover,160px 160px;background-blend-mode:screen,multiply,normal}.theme-swatch[data-theme-preview=arctic] .theme-chip{background:radial-gradient(circle at 22% 28%,rgba(230,240,255,.9) 0%,rgba(200,220,240,.3) 5%,transparent 20%),linear-gradient(110deg,transparent 20%,rgba(140,220,200,.25) 45%,transparent 75%),linear-gradient(180deg,#0a1828a6,#2c567a80 70%,#0e2030bf),url(/textures/ui/arctic.jpg);background-size:cover,cover,cover,160px 160px;background-blend-mode:screen,screen,multiply,normal}.theme-swatch[data-theme-preview=dusk] .theme-chip{background:radial-gradient(circle at 18% 30%,rgba(255,255,255,.9) 0%,transparent 3%),radial-gradient(circle at 62% 20%,rgba(255,255,255,.8) 0%,transparent 3%),radial-gradient(circle at 85% 40%,rgba(255,255,255,.7) 0%,transparent 2.5%),linear-gradient(180deg,#0a0420e6,#6a2070bf 55%,#f88040bf 95%,#2a0808e6),url(/textures/ui/dusk.jpg);background-size:cover,cover,cover,cover,140px 140px;background-blend-mode:screen,screen,screen,multiply,normal}.theme-swatch[data-theme-preview=jungle] .theme-chip{background:radial-gradient(circle at 30% 40%,rgba(220,255,140,.95) 0%,transparent 3%),radial-gradient(circle at 70% 60%,rgba(180,240,100,.85) 0%,transparent 2.5%),radial-gradient(ellipse at 50% 30%,#3a5a2080,#0a1608e6 70%,#050a04f2),url(/textures/ui/jungle.jpg);background-size:cover,cover,cover,160px 160px;background-blend-mode:screen,screen,multiply,normal}.theme-swatch .theme-label{text-align:center;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);font-weight:600}.theme-swatch.on .theme-label{color:var(--theme-accent-bright)}.screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:24px}.center-card{position:relative;background:var(--theme-card-tint),var(--theme-card-texture);background-size:cover,360px 360px;background-blend-mode:multiply,normal;background-position:center;border:1px solid var(--panel-edge);border-top:2px solid var(--theme-accent);border-radius:4px;padding:28px 32px;width:min(480px,94vw);max-height:92vh;overflow-y:auto;box-shadow:0 30px 80px #000000c7,inset 0 1px #ffffff0f,inset 0 -1px #0006;animation:card-in .32s var(--ease)}.center-card:before{content:"";position:absolute;top:6px;right:6px;width:48px;height:18px;background:linear-gradient(90deg,transparent 45%,rgba(var(--theme-accent-rgb),.5) 45% 55%,transparent 55%),repeating-linear-gradient(-45deg,rgba(var(--theme-accent-rgb),.2) 0 2px,transparent 2px 4px);opacity:.7}.center-card h1{margin:0 0 4px}.center-card .tagline{color:var(--ink-dim);margin:0 0 22px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-family:var(--font-mono)}.nav{position:absolute;top:0;left:0;right:0;display:flex;gap:4px;align-items:center;padding:12px 20px;background:linear-gradient(180deg,#080a0ef2,#080a0e8c);border-bottom:1px solid var(--theme-nav-underline);z-index:5;backdrop-filter:blur(8px)}.nav .brand{font-family:var(--font-display);font-weight:900;letter-spacing:.35em;color:var(--theme-brand);cursor:pointer;padding:2px 10px;font-size:16px}.nav .brand:hover{color:var(--theme-accent-bright)}.nav button,.nav a{background:transparent;border:0;color:var(--ink-dim);padding:8px 12px;border-radius:2px;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.nav button:hover,.nav a:hover{background:rgba(var(--theme-accent-rgb),.08);color:var(--theme-accent-bright)}.nav .spacer{flex:1}.nav .user{color:var(--ink-dim);font-size:12px;display:flex;align-items:center;gap:10px}.nav .user strong{color:var(--ink)}.nav .mmr-chip{background:rgba(var(--theme-accent-rgb),.12);border:1px solid rgba(var(--theme-accent-rgb),.4);color:var(--theme-accent-bright);font-family:var(--font-mono);font-weight:700;font-size:11px;padding:3px 8px;border-radius:0;letter-spacing:.08em}.page{position:absolute;inset:56px 0 0;overflow-y:auto}.container{max-width:1040px;margin:0 auto;padding:28px 24px 64px}.card{position:relative;background:var(--theme-card-tint),var(--theme-card-wash),var(--theme-card-texture);background-size:cover,cover,320px 320px;background-blend-mode:multiply,multiply,normal;background-position:center;border:1px solid var(--panel-edge);border-left:3px solid var(--theme-accent);border-radius:3px;padding:26px 28px 22px;margin-bottom:18px;box-shadow:0 14px 44px #000000b3,inset 0 1px #ffffff0f,inset 0 -1px #0000008c}.card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 8px 8px,rgba(0,0,0,.9) 2px,rgba(var(--theme-accent-rgb),.45) 2.2px,transparent 3.2px),radial-gradient(circle at calc(100% - 8px) 8px,rgba(0,0,0,.9) 2px,rgba(var(--theme-accent-rgb),.45) 2.2px,transparent 3.2px),radial-gradient(circle at 8px calc(100% - 8px),rgba(0,0,0,.9) 2px,rgba(var(--theme-accent-rgb),.45) 2.2px,transparent 3.2px),radial-gradient(circle at calc(100% - 8px) calc(100% - 8px),rgba(0,0,0,.9) 2px,rgba(var(--theme-accent-rgb),.45) 2.2px,transparent 3.2px),repeating-linear-gradient(90deg,transparent 0 6px,rgba(0,0,0,.35) 6px 7px,transparent 7px 12px,rgba(0,0,0,.15) 12px 13px);background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,repeat-x;background-position:0 0,0 0,0 0,0 0,0 0;background-size:auto,auto,auto,auto,100% 3px}.card:after{content:"";position:absolute;top:-1px;right:26px;width:110px;height:14px;background:repeating-linear-gradient(-45deg,#d49228 0 10px,#1a1208 10px 20px);opacity:.7;clip-path:polygon(0 0,100% 0,96% 100%,4% 100%);box-shadow:0 1px 3px #00000080}.card h2{margin:0 0 16px;color:var(--ink);font-weight:800;position:relative;text-shadow:1px 0 0 rgba(var(--theme-accent-rgb),.45),-1px 1px 0 rgba(0,0,0,.6),0 2px 4px rgba(0,0,0,.6)}.card h2:before{content:"//";color:var(--theme-accent-bright);margin-right:10px;font-family:var(--font-mono);font-weight:900;opacity:.85}.card h2:after{content:"";position:absolute;left:0;bottom:-6px;height:2px;width:42px;background:linear-gradient(90deg,var(--theme-accent-bright),transparent)}.splash{position:relative;padding:56px 44px;overflow:hidden;background:var(--theme-card-tint),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 400' preserveAspectRatio='none'><path fill='%23110d08' d='M0 400 L0 260 L80 200 L160 240 L240 180 L320 230 L420 160 L520 220 L620 150 L720 210 L820 170 L920 230 L1020 190 L1120 220 L1200 180 L1200 400 Z'/><path fill='%23221811' d='M0 400 L0 310 L120 280 L260 300 L380 260 L520 300 L640 270 L780 310 L920 280 L1060 300 L1200 270 L1200 400 Z'/></svg>"),var(--theme-card-texture);background-size:cover,cover,420px;background-blend-mode:multiply,overlay,normal;border:1px solid var(--panel-edge);border-top:3px solid var(--theme-accent);border-radius:3px;margin-bottom:22px;min-height:280px;display:flex;flex-direction:column;justify-content:flex-end}.splash:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 18%,var(--theme-splash-glow-a),transparent 40%),radial-gradient(circle at 12% 88%,var(--theme-splash-glow-b),transparent 42%);pointer-events:none}.splash:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.08) 0 2px,transparent 2px 4px);pointer-events:none;mix-blend-mode:multiply}.splash .stencil{font-family:var(--font-display);font-weight:900;font-size:clamp(48px,9vw,96px);line-height:.9;letter-spacing:.06em;color:var(--ink);text-shadow:0 3px 0 rgba(0,0,0,.6),0 0 30px rgba(var(--theme-accent-rgb),.3);filter:drop-shadow(2px 0 0 rgba(var(--theme-accent-rgb),.55)) drop-shadow(-1px 0 0 rgba(0,0,0,.5));position:relative;z-index:1}.splash .stencil .sub{display:block;font-size:14px;font-weight:400;color:var(--theme-accent-bright);letter-spacing:.4em;margin-top:10px;text-transform:uppercase;font-family:var(--font-mono)}.splash .sub-line{color:var(--ink-dim);font-size:14px;margin:12px 0 22px;max-width:540px;position:relative;z-index:1}.splash .actions{display:flex;gap:10px;flex-wrap:wrap;position:relative;z-index:1}.splash .stamp{position:absolute;top:20px;right:28px;border:2px solid rgba(var(--theme-accent-rgb),.7);color:rgba(var(--theme-accent-rgb),.9);font-family:var(--font-display);font-weight:900;letter-spacing:.12em;padding:6px 12px;transform:rotate(-4deg);font-size:11px;background:#00000040}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:11px;color:var(--khaki-bright);text-transform:uppercase;letter-spacing:.14em;font-weight:600;font-family:var(--font-display)}.field input,.field select{background:#0a0c10b3;border:1px solid var(--panel-edge);color:var(--ink);padding:10px 12px;border-radius:2px;font-size:14px;outline:none;transition:border-color var(--speed) var(--ease)}.field input:focus,.field select:focus{border-color:var(--theme-accent-bright)}.primary-btn,.secondary-btn,.ghost-btn,.danger-btn,.go-btn,.steel-btn{position:relative;width:100%;padding:13px 16px;border-radius:2px;font-size:13px;font-weight:800;border:1px solid transparent;letter-spacing:.2em;text-transform:uppercase;font-family:var(--font-display);transition:transform .12s var(--ease),filter .16s var(--ease),border-color .18s var(--ease),color .18s var(--ease);text-shadow:0 1px 0 rgba(0,0,0,.55);background-image:var(--theme-btn-texture);background-size:400px;background-blend-mode:overlay}.primary-btn:hover:not(:disabled),.go-btn:hover:not(:disabled),.danger-btn:hover:not(:disabled),.secondary-btn:hover:not(:disabled),.steel-btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.15)}.primary-btn:active,.go-btn:active,.danger-btn:active,.secondary-btn:active,.steel-btn:active{transform:translateY(0);filter:brightness(.95)}.primary-btn:disabled,.go-btn:disabled,.danger-btn:disabled,.secondary-btn:disabled,.steel-btn:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.5)}.primary-btn{background-color:var(--theme-btn-primary-fill);background-image:var(--theme-btn-primary-gradient),var(--theme-btn-texture);background-blend-mode:multiply,overlay;border-color:var(--theme-btn-primary-border);color:var(--theme-btn-primary-color);box-shadow:0 6px 18px var(--theme-btn-primary-shadow),inset 0 1px #ffffff2e,inset 0 -2px #0009}.go-btn{background-color:var(--btn-go-fill);background-image:var(--btn-go-gradient),var(--theme-btn-texture);background-blend-mode:multiply,overlay;border-color:var(--btn-go-border);color:var(--btn-go-color);box-shadow:0 6px 18px var(--btn-go-shadow),inset 0 1px #ffffff24,inset 0 -2px #0000008c}.danger-btn{background-color:var(--btn-danger-fill);background-image:var(--btn-danger-gradient),var(--theme-btn-texture);background-blend-mode:multiply,overlay;border-color:var(--btn-danger-border);color:var(--btn-danger-color);box-shadow:0 6px 18px var(--btn-danger-shadow),inset 0 1px #ffffff1f,inset 0 -2px #0009}.secondary-btn{background-color:var(--btn-secondary-fill);background-image:var(--btn-secondary-gradient),var(--theme-btn-texture);background-blend-mode:multiply,overlay;border-color:var(--panel-edge);color:var(--ink)}.secondary-btn:hover{border-color:var(--theme-accent-bright);color:var(--theme-accent-bright)}.steel-btn{background-color:var(--btn-steel-fill);background-image:var(--btn-steel-gradient),var(--theme-btn-texture);background-blend-mode:multiply,overlay;border-color:var(--btn-steel-border);color:var(--btn-steel-color)}.ghost-btn{background:transparent;color:var(--ink-dim);padding:8px;border-color:transparent;background-image:none;text-shadow:none;letter-spacing:.14em;font-weight:600}.ghost-btn:hover{color:var(--theme-accent-bright);background:rgba(var(--theme-accent-rgb),.06)}input[type=range]{appearance:none;-webkit-appearance:none;background:transparent;width:100%;height:24px;margin:0;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:1px;background:linear-gradient(180deg,#0009,#000000d9),var(--theme-btn-texture);background-size:cover,200px 200px;background-blend-mode:multiply,normal;border:1px solid rgba(0,0,0,.6);box-shadow:inset 0 2px 4px #000c}input[type=range]::-moz-range-track{height:8px;border-radius:1px;background:#111;border:1px solid rgba(0,0,0,.6);box-shadow:inset 0 2px 4px #000c}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:20px;margin-top:-7px;background:linear-gradient(180deg,var(--theme-ctl-top) 0%,var(--theme-ctl-bottom) 100%),var(--theme-btn-texture);background-size:cover,120px 120px;background-blend-mode:multiply,overlay;border:1px solid #2a1a06;border-radius:1px;box-shadow:0 2px 6px #000000b3,inset 0 1px #ffffff40,inset 0 -2px #00000080}input[type=range]::-moz-range-thumb{width:18px;height:20px;background:var(--theme-ctl-top);border:1px solid #2a1a06;border-radius:1px}.switch{width:56px;height:26px;padding:0;border:0;background-color:var(--theme-switch-off-bg);background-image:var(--theme-switch-off-track-tint),var(--theme-btn-texture);background-size:cover,140px;background-blend-mode:multiply,overlay;border:1px solid #000;border-radius:0;position:relative;cursor:pointer;box-shadow:inset 0 2px 3px #000000e6;transition:background-color .18s var(--ease)}.switch[data-on=true]{background-color:var(--theme-switch-on-bg)}.switch .handle{position:absolute;top:2px;left:2px;width:22px;height:20px;background:linear-gradient(180deg,var(--theme-switch-off-top),var(--theme-switch-off-bottom)),var(--theme-btn-texture);background-size:cover,100px;background-blend-mode:multiply,overlay;border:1px solid #000;box-shadow:0 1px 3px #0009,inset 0 1px #ffe6964d,inset 0 -2px #0000008c;transition:left .16s var(--ease)}.switch[data-on=true] .handle{left:32px;background:linear-gradient(180deg,var(--theme-switch-on-top),var(--theme-switch-on-bottom)),var(--theme-btn-texture);background-size:cover,100px;background-blend-mode:multiply,overlay}.row{display:flex;gap:10px;flex-wrap:wrap}.row>*{flex:1 1 0;min-width:140px}.error{color:var(--danger-bright);background:#c03a3a1f;border-left:3px solid var(--danger-bright);padding:10px 12px;border-radius:2px;font-size:13px;margin-bottom:14px;font-family:var(--font-mono)}.mode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.mode-card{position:relative;background:var(--theme-card-tint),var(--theme-card-texture);background-size:cover,260px;background-blend-mode:multiply,normal;border:1px solid var(--panel-edge);border-radius:2px;padding:14px 16px;cursor:pointer;transition:transform var(--speed) var(--ease),border-color var(--speed) var(--ease),background var(--speed) var(--ease)}.mode-card:hover{transform:translateY(-1px);border-color:var(--theme-accent-bright)}.mode-card.active{border-color:var(--theme-accent-bright);background:var(--theme-mode-active-bg)}.mode-card.active:before{content:"SEL";position:absolute;top:6px;right:8px;font-family:var(--font-mono);font-size:9px;letter-spacing:.15em;color:var(--theme-accent-bright)}.mode-card h3{margin:0 0 6px;font-size:13px;letter-spacing:.14em;color:var(--ink)}.mode-card p{margin:0;font-size:12px;color:var(--ink-dim);line-height:1.45}.mode-card .meta{margin-top:10px;font-size:10px;letter-spacing:.1em;color:var(--ink-faint);text-transform:uppercase;font-family:var(--font-mono)}.pill-row{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0 0}.pill{background:#0f1116bf;border:1px solid var(--panel-edge);color:var(--ink-dim);padding:6px 10px;border-radius:2px;font-size:11px;letter-spacing:.1em;cursor:pointer;transition:all var(--speed) var(--ease);font-family:var(--font-display);font-weight:700;text-transform:uppercase}.pill:hover{color:var(--ink);border-color:var(--theme-accent-bright)}.pill.active{background:var(--theme-pill-active);border-color:var(--theme-pill-active-border);color:var(--theme-pill-active-color)}.table{width:100%;border-collapse:collapse;font-size:13px;font-family:var(--font-mono)}.table th,.table td{padding:10px 12px;border-bottom:1px solid rgba(58,65,80,.4);text-align:left}.table th{color:var(--khaki-bright);text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:700;font-family:var(--font-display)}.table tr{transition:background var(--speed) var(--ease)}.table tbody tr:hover{background:rgba(var(--theme-accent-rgb),.06);cursor:pointer}.rank-1{color:var(--medal-gold);font-weight:700}.rank-2{color:var(--medal-silver);font-weight:700}.rank-3{color:var(--medal-bronze);font-weight:700}.lobby-players{list-style:none;margin:0 0 18px;padding:0;max-height:260px;overflow-y:auto}.lobby-players li{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:2px;background:#0f1116b3;border:1px solid var(--panel-edge);border-left-width:3px;margin-bottom:6px;font-size:14px;animation:slide-in .22s var(--ease) both}.lobby-players li .dot{width:9px;height:9px;border-radius:50%;background:var(--ink-faint)}.lobby-players li .dot.ready{background:var(--ok);box-shadow:0 0 6px var(--ok)}.lobby-players .role{font-family:var(--font-mono);font-size:10px;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.08em}.invite-code{font-family:var(--font-mono);font-size:24px;letter-spacing:12px;background:linear-gradient(180deg,#0009,#000c),repeating-linear-gradient(-45deg,rgba(var(--theme-accent-rgb),.08) 0 4px,transparent 4px 8px);border:1px dashed var(--theme-accent);padding:14px;border-radius:2px;text-align:center;margin:8px 0 6px;color:var(--theme-accent-bright);cursor:pointer}.invite-code:hover{background:rgba(var(--theme-accent-rgb),.12)}.lobby-browser{list-style:none;margin:0;padding:0;max-height:420px;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.lobby-row{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:14px;padding:12px 14px;border-radius:2px;background:#0f1116b3;border:1px solid var(--panel-edge);border-left:3px solid var(--theme-accent, var(--khaki));font-size:14px}.lobby-row.private{border-left-color:var(--ink-faint);opacity:.82}.lobby-row-count{display:flex;align-items:baseline;justify-content:center;gap:2px;font-family:var(--font-mono);color:var(--ink);min-width:58px}.lobby-row-count-num{font-size:22px;font-weight:700;color:var(--theme-accent-bright, var(--ink))}.lobby-row.private .lobby-row-count-num{color:var(--ink-dim)}.lobby-row-count-sep,.lobby-row-count-cap{color:var(--ink-faint);font-size:14px}.lobby-row-main{min-width:0}.lobby-row-name{font-family:var(--font-display, inherit);font-weight:600;letter-spacing:.04em;font-size:15px;display:flex;align-items:center;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lobby-row-meta{font-family:var(--font-mono);font-size:11px;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.08em;margin-top:3px}.lobby-chip{font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;padding:2px 6px;border:1px solid currentColor;border-radius:2px;color:var(--ink-faint);line-height:1}.lobby-chip.ranked{color:var(--theme-accent-bright, var(--amber-bright))}.lobby-chip.private{color:var(--ink-dim)}.lobby-config{border:1px solid var(--panel-edge);border-left-width:3px;background:#0f11168c;padding:12px 14px;margin:8px 0 14px;border-radius:2px}.pill.disabled{opacity:.35;cursor:not-allowed}.play-screen{padding-bottom:48px}.play-heading{margin-bottom:18px}.play-heading h1{margin:0 0 4px;font-size:26px;letter-spacing:.04em;color:var(--theme-accent-bright, var(--ink))}.play-heading .tagline{margin:0;color:var(--ink-dim);font-size:13px;font-family:var(--font-mono);letter-spacing:.04em}.play-callsign{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:12px 16px;margin-bottom:10px;background:#0a0d1299;border:1px solid var(--panel-edge);border-left:3px solid var(--theme-accent, var(--khaki));border-radius:2px}.play-callsign label{font-family:var(--font-display, inherit);font-weight:700;font-size:11px;color:var(--ink-dim);letter-spacing:.18em;text-transform:uppercase}.play-callsign input{background:#04060abf;border:1px solid var(--panel-edge);color:var(--ink);padding:9px 12px;border-radius:2px;font-family:var(--font-mono);font-size:14px;letter-spacing:.08em;outline:none;min-width:0}.play-callsign input:focus{border-color:var(--theme-accent)}.play-callsign-status{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;padding:4px 10px;border:1px solid var(--panel-edge);color:var(--ink-faint);border-radius:2px}.play-callsign-status.ok{color:var(--ok);border-color:rgba(var(--ok-rgb, 100,190,120),.5)}.play-hero{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0 22px}.play-hero-card{text-align:left;padding:20px 22px 18px;background:linear-gradient(180deg,#141820eb,#0a0d12f0),var(--theme-card-texture);background-size:cover,260px 260px;background-blend-mode:multiply,normal;border:1px solid var(--panel-edge);border-top:3px solid var(--theme-accent, var(--khaki));border-radius:3px;cursor:pointer;color:var(--ink);font:inherit;transition:transform .14s var(--ease, ease),border-color .14s ease,box-shadow .18s ease;position:relative;overflow:hidden;box-shadow:0 10px 28px #0000008c}.play-hero-card:hover{transform:translateY(-2px);border-top-color:var(--theme-accent-bright, var(--amber-bright));box-shadow:0 14px 40px #000000a6}.play-hero-card:active{transform:translateY(0)}.play-hero-card.quick{border-top-color:var(--theme-accent-bright, var(--amber-bright))}.play-hero-card.quick:after{content:"";position:absolute;top:10px;right:-40px;width:160px;height:22px;background:repeating-linear-gradient(-45deg,rgba(var(--theme-accent-rgb, 208,122,60),.22) 0 8px,transparent 8px 16px);transform:rotate(20deg);pointer-events:none}.play-hero-eyebrow{font-family:var(--font-mono);font-size:10px;letter-spacing:.22em;color:var(--ink-faint);text-transform:uppercase;margin-bottom:6px}.play-hero-title{font-family:var(--font-display, inherit);font-weight:800;font-size:22px;letter-spacing:.03em;margin-bottom:8px;color:var(--ink)}.play-hero-card.quick .play-hero-title{color:var(--theme-accent-bright, var(--amber-bright))}.play-hero-blurb{color:var(--ink-dim);font-size:13px;line-height:1.5;margin-bottom:16px}.play-hero-cta{display:inline-block;padding:9px 16px;font-family:var(--font-display, inherit);font-weight:700;font-size:13px;letter-spacing:.18em;text-transform:uppercase;border:1px solid var(--theme-accent, var(--khaki));color:var(--theme-accent-bright, var(--amber-bright));background:rgba(var(--theme-accent-rgb, 208, 122, 60),.08);border-radius:2px}.play-hero-card:hover .play-hero-cta{background:rgba(var(--theme-accent-rgb, 208, 122, 60),.22);border-color:var(--theme-accent-bright, var(--amber-bright))}.play-section-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:10px;gap:14px}.play-section-header h2{margin:0;font-size:20px;letter-spacing:.04em}.play-section-eyebrow{font-family:var(--font-mono);font-size:10px;letter-spacing:.22em;color:var(--ink-faint);text-transform:uppercase;margin-bottom:3px}.play-live-bar{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;color:var(--ink-dim);padding:6px 12px;border:1px solid var(--panel-edge);background:#0a0d128c;border-radius:2px}.play-pulse{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 6px var(--ok);animation:play-pulse 1.6s infinite ease-in-out}@keyframes play-pulse{0%,to{opacity:.45;transform:scale(.9)}50%{opacity:1;transform:scale(1.2)}}.play-lobbies{margin-bottom:22px}.play-empty{padding:22px 24px;text-align:center;background:#0a0d128c;border:1px dashed var(--panel-edge);border-radius:3px}.play-empty-title{color:var(--ink-dim);font-family:var(--font-display, inherit);font-weight:700;letter-spacing:.04em;margin-bottom:4px}.play-empty-blurb{color:var(--ink-faint);font-size:13px}.lobby-row-age{color:var(--ink-faint);font-style:italic;letter-spacing:.08em;text-transform:none}.lobby-chip.muted{color:var(--ink-faint)}.play-invite{margin-top:22px}.play-invite-header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:8px}.play-invite-tag{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;color:var(--ink-faint);padding:3px 10px;border:1px solid var(--panel-edge);border-radius:2px}.play-invite-row{display:grid;grid-template-columns:180px 1fr auto;gap:10px;align-items:flex-end;padding:14px 16px;background:#0a0d1299;border:1px solid var(--panel-edge);border-radius:3px}.play-invite-row .field{margin:0}.play-invite-submit{min-width:120px}@media (max-width: 720px){.play-hero{grid-template-columns:1fr}.play-invite-row{grid-template-columns:1fr;gap:10px}.play-callsign{grid-template-columns:1fr}}.lobby-stage{position:absolute;inset:0;display:grid;grid-template-rows:auto 1fr auto;padding:20px 24px 18px;gap:14px;background:radial-gradient(1000px 500px at 20% -10%,rgba(var(--theme-accent-rgb, 208,122,60),.1),transparent 60%),radial-gradient(900px 540px at 95% 110%,rgba(var(--theme-accent-rgb, 208,122,60),.08),transparent 55%),linear-gradient(180deg,#0a0d14,#060810);overflow:hidden}.lobby-stage-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:4px 4px 10px;border-bottom:1px solid var(--panel-edge)}.lobby-stage-title h1{margin:0;font-size:30px;letter-spacing:.04em;color:var(--ink)}.lobby-stage-name-input{margin:0;padding:2px 8px;background:#0c0e1480;border:1px dashed var(--panel-edge);color:var(--ink);font:inherit;font-size:28px;font-weight:700;letter-spacing:.04em;min-width:320px;max-width:560px;border-radius:2px;outline:none}.lobby-stage-name-input:focus{border-color:var(--theme-accent);border-style:solid}.lobby-stage-sub{margin-top:6px;display:flex;gap:8px;flex-wrap:wrap;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;color:var(--ink-dim);text-transform:uppercase}.lobby-stage-chip{padding:2px 8px;border:1px solid var(--panel-edge);border-radius:2px;background:#0f111680;color:var(--ink-dim)}.lobby-stage-chip.ok{color:var(--ok);border-color:rgba(var(--ok-rgb, 100,190,120),.4)}.lobby-stage-chip.warn{color:var(--amber-bright, #f0b060);border-color:#f0b06059}.lobby-stage-chip.muted{color:var(--ink-faint)}.lobby-stage-countdown{color:var(--theme-accent-bright, var(--amber-bright));font-family:var(--font-mono);font-size:13px;letter-spacing:.2em;font-weight:700}.lobby-stage-invite{padding:8px 14px;background:#0f1116b3;border:1px solid var(--panel-edge);border-left:3px solid var(--theme-accent, var(--khaki));border-radius:2px;cursor:pointer;text-align:center;min-width:180px;transition:background .14s ease}.lobby-stage-invite:hover{background:rgba(var(--theme-accent-rgb, 208,122,60),.12)}.lobby-stage-invite-label{font-family:var(--font-mono);font-size:9px;color:var(--ink-faint);letter-spacing:.2em;margin-bottom:3px}.lobby-stage-invite-code{font-family:var(--font-mono);font-size:20px;letter-spacing:.35em;color:var(--theme-accent-bright, var(--ink))}.lobby-stage-body{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr) minmax(280px,360px);gap:14px;min-height:0}.lobby-stage-left,.lobby-stage-right{display:flex;flex-direction:column;gap:12px;padding:16px;background:#0a0d12b8;border:1px solid var(--panel-edge);border-radius:3px;overflow-y:auto}.lobby-stage-chat{display:flex;flex-direction:column;gap:10px;padding:16px;background:#0c0f14d1;border:1px solid var(--panel-edge);border-top:3px solid var(--theme-accent, var(--khaki));border-radius:3px;min-height:0}.lobby-stage-chat-welcome{color:var(--ink-dim);font-size:13px;font-family:var(--font-mono);letter-spacing:.04em;padding-bottom:6px;border-bottom:1px dashed var(--panel-edge)}.lobby-stage-section-title{font-family:var(--font-display, inherit);font-weight:700;font-size:12px;color:var(--ink-dim);letter-spacing:.18em;text-transform:uppercase;margin-bottom:4px}.lobby-stage-addbot{margin-top:auto;padding-top:10px;border-top:1px dashed var(--panel-edge)}.lobby-stage-stats{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0;font-family:var(--font-mono);font-size:12px}.lobby-stage-stats dt{color:var(--ink-faint);text-transform:uppercase;letter-spacing:.08em;font-size:10px}.lobby-stage-stats dd{margin:0;color:var(--ink)}.lobby-stage-footer{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center;padding:12px 14px;background:#0a0d12d1;border:1px solid var(--panel-edge);border-top:2px solid var(--theme-accent, var(--khaki));border-radius:3px}.lobby-stage-footer .go-btn,.lobby-stage-footer .danger-btn{justify-self:end;min-width:180px}.lobby-stage-footer .ghost-btn{justify-self:start}.lobby-stage-footer-hint{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);text-align:center}.chat-panel.embedded{position:static;inset:auto;width:100%;max-height:none;flex:1;min-height:0;background:transparent;border:none;border-left:none;padding:0;font-size:14px}.chat-panel.embedded .chat-log{background:#06080c8c;border:1px solid var(--panel-edge);border-radius:2px;padding:10px 12px;min-height:0;font-size:14px;line-height:1.45}.chat-panel.embedded .chat-input{margin-top:8px;font-size:14px;padding:10px 12px}@media (max-width: 960px){.lobby-stage{padding:12px}.lobby-stage-body{grid-template-columns:1fr;grid-template-rows:auto minmax(280px,1fr) auto}.lobby-stage-left,.lobby-stage-right{max-height:40vh}}.game-wrapper{position:relative;width:100%;height:100%}#phaser-host{position:absolute;inset:0;background:var(--phaser-host-bg)}.hud-overlay{position:absolute;background:linear-gradient(180deg,#100e0cd1,#08080ae6),url(/textures/ui/plates.jpg);background-size:cover,260px 260px;background-blend-mode:multiply,normal;border:1px solid var(--panel-edge);border-left:2px solid var(--khaki);border-radius:2px;padding:10px 12px;font-size:12px;color:var(--ink-dim);pointer-events:none;min-width:170px;box-shadow:0 8px 28px #0000008c,inset 0 1px #ffffff0a}.hud-overlay strong{color:var(--ink);font-weight:700}.hud-overlay .label{font-size:10px;letter-spacing:.14em;color:var(--khaki-bright);text-transform:uppercase;font-family:var(--font-display);font-weight:700}.hud-bar{height:6px;border-radius:1px;background:#00000080;border:1px solid rgba(58,65,80,.6);overflow:hidden;margin-top:2px}.hud-bar>div{height:100%;transition:width .12s linear}.turn-chip{position:absolute;top:14px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;background:linear-gradient(180deg,#0e1014eb,#080a0ef2);border:1px solid var(--panel-edge);color:var(--ink);padding:8px 18px;border-radius:2px;font-size:12px;font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;font-weight:800;pointer-events:none}.turn-chip.mine{border-color:var(--rust-bright);color:var(--amber-bright)}.turn-chip .dot{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}.weapon-tray{position:absolute;left:50%;bottom:16px;transform:translate(-50%);display:flex;gap:5px;background:linear-gradient(180deg,#0e1014f2,#080a0efa);border:1px solid var(--panel-edge);border-top:2px solid var(--khaki);border-radius:2px;padding:6px;box-shadow:0 10px 30px #00000080;transition:opacity .18s var(--ease),filter .18s var(--ease)}.weapon-tray.idle{opacity:.45;filter:grayscale(.5);pointer-events:none}.weapon-tile{position:relative;width:62px;min-height:66px;background:linear-gradient(180deg,#1e222cb3,#0f1116e6);border:1px solid var(--panel-edge);border-radius:2px;padding:5px 3px 4px;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;transition:transform .1s var(--ease),border-color .16s var(--ease),background .16s var(--ease);font-family:var(--font-display)}.weapon-tile:hover{transform:translateY(-1px);background:linear-gradient(180deg,#3c321eb3,#19160fe6)}.weapon-tile.active{background:linear-gradient(180deg,#461e0f99,#1e0e08d9)}.weapon-tile .hotkey{position:absolute;top:2px;right:4px;font-size:9px;color:var(--ink-faint);font-family:var(--font-mono)}.weapon-tile .glyph{width:28px;height:28px;border-radius:2px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:15px;margin-top:4px;border:1px solid rgba(0,0,0,.3)}.weapon-tile .label{font-size:9px;color:var(--ink-dim);letter-spacing:.08em;text-transform:uppercase;font-weight:700;text-align:center}.weapon-tile.active .label{color:var(--ink)}.weapon-tile .ammo{position:absolute;top:2px;right:4px;font-family:var(--font-mono);font-size:10px;font-weight:800;color:var(--khaki-bright);background:#0009;border:1px solid rgba(0,0,0,.8);padding:1px 4px;border-radius:2px;line-height:1;min-width:12px;text-align:center}.weapon-tile .ammo.empty{color:var(--rust-bright);border-color:var(--rust)}.weapon-tile.empty{opacity:.35;filter:grayscale(1) brightness(.7)}.weapon-tile.empty:hover{transform:none;background:inherit;cursor:not-allowed}.weapon-tile:disabled{cursor:not-allowed}.fire-btn{position:absolute;right:20px;bottom:110px;width:148px;padding:0;border:0;background:none;cursor:pointer;z-index:6;font-family:var(--font-display);display:flex;flex-direction:column;align-items:stretch;gap:6px;filter:drop-shadow(0 12px 24px rgba(0,0,0,.55));transition:transform .12s var(--ease),filter .18s var(--ease)}.fire-btn:disabled{cursor:not-allowed}.fire-btn:disabled .fire-btn-housing{filter:grayscale(.7) brightness(.72)}.fire-btn.ready:hover{transform:translateY(-2px);filter:drop-shadow(0 16px 28px rgba(220,80,40,.7))}.fire-btn.ready:active{transform:translateY(1px)}.fire-btn-housing{position:relative;height:116px;background:linear-gradient(180deg,#28120ceb,#0e0806fa),url(/textures/ui/plates.jpg);background-size:cover,180px;background-blend-mode:multiply,overlay;border:2px solid #000;border-top-color:var(--fire-btn-idle-top);display:flex;align-items:center;justify-content:center;padding:10px;box-shadow:inset 0 2px #b4502840,inset 0 -2px #0009}.fire-btn-rivet{position:absolute;width:5px;height:5px;background:radial-gradient(circle at 30% 30%,var(--fire-btn-rivet-top) 0%,var(--fire-btn-rivet-mid) 65%,var(--fire-btn-rivet-bottom) 100%);border-radius:50%;box-shadow:0 0 0 1px #000,inset 0 1px #ffdcb480}.fire-btn-rivet.r-tl{top:4px;left:4px}.fire-btn-rivet.r-tr{top:4px;right:4px}.fire-btn-rivet.r-bl{bottom:4px;left:4px}.fire-btn-rivet.r-br{bottom:4px;right:4px}.fire-btn-dome{position:relative;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle at 32% 28%,var(--fire-btn-idle-top) 0%,var(--fire-btn-idle-mid) 55%,var(--fire-btn-idle-bottom) 100%);border:2px solid var(--fire-btn-idle-border);box-shadow:inset 0 3px 6px #ff966426,inset 0 -4px 6px #000c,0 0 0 2px #ff783c00;color:var(--fire-btn-idle-color);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;transition:color .18s var(--ease),box-shadow .3s var(--ease),background .3s var(--ease)}.fire-btn.ready .fire-btn-dome{background:radial-gradient(circle at 32% 28%,var(--fire-btn-ready-top) 0%,var(--fire-btn-ready-mid) 55%,var(--fire-btn-ready-bottom) 100%);color:var(--fire-btn-ready-color);box-shadow:inset 0 3px 6px #ffe6c859,inset 0 -6px 10px #500a06d9,0 0 0 2px #ffb478b3,0 0 24px #ff8246a6;animation:fire-dome-pulse 1.4s ease-in-out infinite}@keyframes fire-dome-pulse{0%,to{box-shadow:inset 0 3px 6px #ffe6c859,inset 0 -6px 10px #500a06d9,0 0 0 2px #ffb478b3,0 0 24px #ff824680}50%{box-shadow:inset 0 3px 6px #fff0d780,inset 0 -6px 10px #640c08e6,0 0 0 3px #ffd2a0f2,0 0 38px #ff9650f2}}.fire-btn-reticle{width:52px;height:52px;margin-bottom:-6px;opacity:.55}.fire-btn.ready .fire-btn-reticle{opacity:.85}.fire-btn-label{font-size:16px;font-weight:900;letter-spacing:.28em;line-height:1;text-shadow:0 1px 0 rgba(0,0,0,.7)}.fire-btn-gauge{display:flex;flex-direction:column;align-items:stretch;gap:2px;padding:4px 6px 6px;background:linear-gradient(180deg,#140c08eb,#080402f2),url(/textures/ui/plates.jpg);background-size:cover,180px;background-blend-mode:multiply,overlay;border:2px solid #000}.fire-btn-gauge-track{position:relative;height:6px;background:#000000d9;border:1px solid rgba(60,30,10,.7);box-shadow:inset 0 1px 2px #000000e6;overflow:hidden}.fire-btn-gauge-fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(180deg,var(--gauge-base-top),var(--gauge-base-bot));transition:width 90ms linear,background .18s var(--ease);box-shadow:0 0 6px #ffb46499}.fire-btn-gauge.tier-warm .fire-btn-gauge-fill{background:linear-gradient(180deg,var(--gauge-warm-top),var(--gauge-warm-bot))}.fire-btn-gauge.tier-hot .fire-btn-gauge-fill{background:linear-gradient(180deg,var(--gauge-hot-top),var(--gauge-hot-bot));box-shadow:0 0 10px #ff5028f2}.fire-btn-gauge-tick{position:absolute;top:0;bottom:0;width:1px;background:#000c}.fire-btn-gauge-tick.t-25{left:25%}.fire-btn-gauge-tick.t-50{left:50%}.fire-btn-gauge-tick.t-75{left:75%}.fire-btn-gauge-lbl{font-family:var(--font-mono);font-size:9px;letter-spacing:.15em;color:var(--gauge-lbl);text-align:center}.fire-btn.ready .fire-btn-gauge-lbl{color:var(--gauge-lbl-ready)}.fire-btn-gauge-hint{color:#ffffff80;letter-spacing:.2em}.pause-menu{position:absolute;inset:0;background:#03050ab3;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:20;animation:fade-in .18s var(--ease)}.pause-menu .panel{width:min(400px,92vw);background:var(--panel);border:1px solid var(--panel-edge);border-top:2px solid var(--rust);padding:28px 30px;border-radius:3px}.kill-feed{position:absolute;right:16px;top:160px;display:flex;flex-direction:column;gap:5px;pointer-events:none;max-width:320px}.kill-feed .row{display:flex;align-items:center;gap:6px;background:linear-gradient(90deg,#0e1014e6,#0e1014b3);border:1px solid var(--panel-edge);border-left:3px solid var(--danger);padding:6px 10px;font-size:12px;animation:slide-in .2s var(--ease) both;font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase}.kill-feed .row .ico{font-size:13px;color:var(--ink-faint)}.kill-feed .row .victim{color:var(--danger-bright);font-weight:800}.kill-feed .row .killer{color:var(--amber-bright);font-weight:800}.kill-feed .row .weapon{color:var(--ink);font-weight:600}.minimap{position:absolute;right:16px;bottom:16px;width:220px;height:90px;background:#080a0ee0;border:1px solid var(--panel-edge);border-top:2px solid var(--khaki);padding:5px;border-radius:2px;box-shadow:0 8px 22px #0000008c}.minimap canvas{width:100%;height:100%;display:block}.chat-panel{position:absolute;left:16px;bottom:16px;width:300px;max-height:200px;background:#080a0ee0;border:1px solid var(--panel-edge);border-left:3px solid var(--khaki);padding:8px 10px;border-radius:2px;font-size:13px;display:flex;flex-direction:column;font-family:var(--font-mono)}.chat-log{flex:1;overflow-y:auto;margin-bottom:6px}.chat-log div{margin-bottom:2px;line-height:1.35;word-break:break-word}.chat-log .system{color:var(--ink-faint);font-style:italic}.chat-input{width:100%;background:#04060acc;border:1px solid var(--panel-edge);color:var(--ink);padding:6px 10px;border-radius:2px;font-size:13px;outline:none;font-family:var(--font-mono)}.chat-input:focus{border-color:var(--rust-bright)}.match-end{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#03050ab3;backdrop-filter:blur(8px);animation:fade-in .32s var(--ease);z-index:10}.match-end .panel{position:relative;width:min(640px,94vw);background:var(--panel);border:1px solid var(--panel-edge);border-top:3px solid var(--rust);padding:28px 32px;border-radius:3px}.match-end h1{margin:0 0 6px}.match-end .winner-line{color:var(--ink-dim);margin-bottom:18px;font-family:var(--font-mono);font-size:13px}.match-end table tr.winner td{color:var(--amber-bright);font-weight:700}.mobile-drive{position:absolute;left:16px;bottom:120px;display:none;gap:6px;z-index:6}.drive-btn{width:54px;height:54px;background:#0e1014d9;border:1px solid var(--panel-edge);color:var(--ink);border-radius:2px;font-size:20px;touch-action:none}.drive-btn:active{background:#d07a3c40}@media (pointer: coarse){.mobile-drive{display:flex}.chat-panel{width:220px;max-height:140px}.minimap{display:none}.fire-btn{width:96px;height:96px;bottom:110px}.weapon-tile{width:52px;min-height:58px}.weapon-tile .label{font-size:8px}}.service-record{padding:0;overflow:hidden}.service-record-head{position:relative;padding:28px 32px 24px;background:var(--theme-card-tint),var(--theme-card-texture);background-size:cover,420px;background-blend-mode:multiply,normal;border-bottom:2px solid var(--theme-accent)}.service-record-head:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-45deg,rgba(var(--theme-accent-rgb),.06) 0 3px,transparent 3px 6px);pointer-events:none}.dogtag{position:relative;z-index:1}.service-label{font-family:var(--font-mono);font-size:10px;color:var(--theme-accent-bright);letter-spacing:.2em;text-transform:uppercase}.codename{font-family:var(--font-display);font-size:48px;font-weight:900;margin:6px 0 10px;letter-spacing:.08em;text-shadow:2px 0 0 rgba(var(--theme-accent-rgb),.55),-1px 1px 0 rgba(0,0,0,.65);color:var(--ink)}.rank-row{display:flex;align-items:baseline;gap:14px;margin-bottom:14px}.rank-chip{font-family:var(--font-display);font-weight:800;letter-spacing:.18em;padding:5px 12px;border:1.5px solid currentColor;text-transform:uppercase;font-size:13px;background:#0006}.rank-mmr{font-family:var(--font-mono);font-size:28px;font-weight:800;color:var(--ink)}.rank-mmr-lbl{font-size:11px;color:var(--ink-dim);letter-spacing:.2em;margin-left:6px}.rank-progress{margin-top:2px}.rank-progress-bar{height:8px;background:#000000b3;border:1px solid rgba(0,0,0,.8);box-shadow:inset 0 1px 3px #000c}.rank-progress-bar>div{height:100%;transition:width .42s var(--ease)}.rank-progress-labels{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:11px;color:var(--ink-dim);text-transform:uppercase;letter-spacing:.1em;margin-top:4px}.dogtag-stamp{position:absolute;top:18px;right:20px;border:2px solid rgba(var(--theme-accent-rgb),.7);color:rgba(var(--theme-accent-rgb),.9);font-family:var(--font-display);font-weight:900;letter-spacing:.18em;padding:5px 10px;transform:rotate(-4deg);font-size:10px;background:#00000059;text-transform:uppercase}.combat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.combat-tile{position:relative;padding:14px 16px;background:var(--theme-card-tint),var(--theme-card-texture);background-size:cover,220px;background-blend-mode:multiply,normal;border:1px solid var(--panel-edge);border-left:3px solid var(--theme-accent)}.combat-tile.big{grid-column:span 1}.combat-tile.big .combat-value{font-size:34px}.combat-label{font-family:var(--font-display);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--khaki-bright);font-weight:700}.combat-value{font-family:var(--font-mono);font-weight:700;font-size:22px;margin-top:4px;letter-spacing:.02em;text-shadow:1px 0 0 rgba(var(--theme-accent-rgb),.5),-1px 1px 0 rgba(0,0,0,.7),0 2px 4px rgba(0,0,0,.7)}.combat-tile.big .combat-value{font-size:28px;letter-spacing:.04em}.medal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.medal{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--theme-card-tint),var(--theme-card-texture);background-size:cover,220px;background-blend-mode:multiply,normal;border:1px solid var(--panel-edge);position:relative}.medal.earned{border-left:3px solid var(--theme-accent-bright)}.medal.locked{opacity:.45;filter:grayscale(.5)}.medal-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:22px;font-weight:900;color:var(--theme-accent-bright);background:radial-gradient(circle at 30% 30%,rgba(var(--theme-accent-rgb),.55),transparent 70%),linear-gradient(135deg,var(--theme-accent),rgba(0,0,0,.85));border:2px solid rgba(0,0,0,.7);border-radius:50%;box-shadow:inset 0 2px 3px rgba(var(--theme-accent-rgb),.35),0 2px 6px #0009}.medal.locked .medal-icon{background:linear-gradient(135deg,var(--medal-locked-top),var(--medal-locked-bottom));color:var(--medal-locked-text)}.medal-body{flex:1}.medal-name{font-family:var(--font-display);font-weight:700;letter-spacing:.1em;font-size:13px;color:var(--ink);text-transform:uppercase}.medal-blurb{font-size:11px;color:var(--ink-dim);margin-top:2px;line-height:1.3}.medal-status{font-family:var(--font-mono);font-size:9px;color:var(--ink-faint);letter-spacing:.12em}.medal.earned .medal-status{color:var(--ok)}.music-player{position:fixed;z-index:30;background:var(--theme-card-tint),var(--theme-card-wash),var(--theme-card-texture);background-size:cover,cover,220px;background-blend-mode:multiply,multiply,normal;border:1px solid var(--panel-edge);border-top:2px solid var(--theme-accent);box-shadow:0 10px 30px #0009;color:var(--ink-dim);font-family:var(--font-display);user-select:none;cursor:default}.music-player *{cursor:inherit}.music-player [data-drag-handle]{cursor:grab;padding:2px 4px;color:var(--ink-faint)}.music-player [data-drag-handle]:active{cursor:grabbing}.music-player [data-no-drag]{cursor:pointer}html.mp-dragging,html.mp-dragging *{cursor:grabbing!important}.music-player.floating{left:16px;top:76px;width:240px;padding:10px 12px}.music-player.docked{left:0;right:0;bottom:0;width:auto;padding:6px 14px;display:flex;flex-direction:row;align-items:center;gap:14px;min-height:48px;border-top:2px solid var(--theme-accent);border-left:0;border-right:0;border-bottom:0;border-radius:0}.mp-dock-glyph{color:var(--theme-accent-bright);font-size:20px;flex:0 0 auto;padding:0 4px}.mp-dock-id{display:flex;flex-direction:column;justify-content:center;min-width:180px;max-width:280px;overflow:hidden;flex:0 0 auto}.mp-dock-id .mp-title,.mp-dock-id .mp-artist{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp-dock-id.idle .mp-title{color:var(--ink-faint);font-style:italic}.mp-dock-id.idle .mp-artist{opacity:.6}.mp-scrub-dock{flex:1 1 auto;min-width:120px;margin:0}.mp-dock-time{flex:0 0 auto;font-family:var(--font-mono);font-size:10px;color:var(--ink-faint);letter-spacing:.1em;white-space:nowrap}.music-player.docked .mp-buttons{flex:0 0 auto;gap:4px}.music-player.docked .mp-btn{min-width:36px;height:30px;padding:4px 8px;font-size:11px}@media (max-width: 820px){.mp-dock-id{min-width:120px;max-width:180px}.mp-dock-time{display:none}.mp-scrub-dock{min-width:60px}}@media (max-width: 560px){.mp-dock-id{min-width:0;max-width:110px}.mp-dock-id .mp-artist{display:none}}.mp-mode-btn{background:#00000059;border:1px solid var(--panel-edge);color:var(--ink);cursor:pointer;font-size:16px;line-height:1;width:28px;height:26px;display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:2px;flex:0 0 auto;margin-left:4px}.mp-mode-btn:hover{color:var(--theme-accent-bright);border-color:var(--theme-accent)}.mp-mode-btn:active{transform:translateY(1px)}html.mp-docked .weapon-tray{bottom:68px}html.mp-docked .fire-btn{bottom:170px}html.mp-docked .chat-panel,html.mp-docked .hud-overlay-bottom,html.mp-docked .minimap{bottom:68px}html.mp-docked .mobile-drive{bottom:172px}html.mp-docked .lobby-stage{padding-bottom:68px}@media (max-width: 820px){html.mp-docked .fire-btn{bottom:162px}}.mp-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.mp-label{font-size:10px;letter-spacing:.16em;color:var(--khaki-bright);font-weight:700;text-transform:uppercase}.mp-collapse{background:#00000059;border:1px solid var(--panel-edge);color:var(--ink);cursor:pointer;font-size:16px;line-height:1;width:26px;height:22px;display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:2px;margin-left:4px;flex:0 0 auto}.mp-collapse:hover{color:var(--theme-accent-bright);border-color:var(--theme-accent)}.mp-collapse:active{transform:translateY(1px)}.mp-track{display:flex;flex-direction:column;margin-bottom:8px}.mp-title{color:var(--ink);font-weight:700;font-size:14px;letter-spacing:.04em}.mp-artist{font-family:var(--font-mono);font-size:10px;color:var(--ink-faint);letter-spacing:.1em}.mp-scrub{height:8px;background:#000000b3;border:1px solid rgba(0,0,0,.8);box-shadow:inset 0 1px 3px #000c;cursor:pointer;position:relative;margin-bottom:4px}.mp-scrub-fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(180deg,var(--theme-ctl-top),var(--theme-ctl-bottom));transition:width .2s linear}.mp-time{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:10px;color:var(--ink-faint);margin-bottom:8px}.mp-buttons{display:flex;gap:6px;justify-content:center}.mp-buttons button{flex:1;background:var(--theme-card-tint),var(--theme-btn-texture);background-size:cover,140px;background-blend-mode:multiply,overlay;border:1px solid #000;color:var(--ink);font-family:var(--font-display);font-size:12px;padding:6px 8px;cursor:pointer;letter-spacing:.1em;transition:filter .12s var(--ease),transform .1s var(--ease)}.mp-buttons button:hover{filter:brightness(1.2)}.mp-buttons button:active{transform:translateY(1px)}.mp-buttons .mp-mute{max-width:42px;display:inline-flex;align-items:center;justify-content:center}.mp-buttons .mp-mute .mp-mute-icon{width:16px;height:16px;background:currentColor;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;display:inline-block}.mp-buttons .mp-mute.muted{background:linear-gradient(180deg,rgba(var(--theme-accent-rgb),.45),#000000e6),var(--theme-btn-texture);background-size:cover,140px;background-blend-mode:multiply,overlay;color:var(--theme-accent-bright);border-color:var(--theme-accent)}.music-player .mp-track.idle .mp-title{color:var(--ink-faint);font-style:italic}.music-player .mp-track.idle .mp-artist{opacity:.6}.music-player .mp-buttons button:disabled{opacity:.35;cursor:not-allowed;filter:grayscale(.6)}.arsenal-grid{display:grid;grid-template-columns:1fr;gap:14px}@media (min-width: 1024px){.arsenal-grid{grid-template-columns:1fr 1fr}}.arsenal-card{position:relative;background:var(--theme-card-tint),var(--theme-card-texture);background-size:cover,240px;background-blend-mode:multiply,normal;border:1px solid var(--panel-edge);border-left:3px solid var(--theme-accent);padding:14px;display:flex;flex-direction:column;gap:12px}.arsenal-head{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.arsenal-glyph{width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:#00000073;border-radius:2px}.arsenal-identity{min-width:0}.arsenal-name{font-family:var(--font-display);font-weight:800;font-size:18px;letter-spacing:.04em;text-transform:uppercase}.arsenal-blurb{font-size:12px;color:var(--ink-dim);margin-top:2px;line-height:1.4}.arsenal-ammo{text-align:right;font-family:var(--font-mono)}.arsenal-ammo-num{font-size:22px;font-weight:800;color:var(--theme-accent-bright);line-height:1}.arsenal-ammo-lbl{font-size:9px;color:var(--ink-faint);letter-spacing:.2em;text-transform:uppercase;margin-top:3px}.arsenal-preview{display:block;width:100%;background:var(--theme-card-tint),var(--theme-card-texture);background-size:cover,260px;background-blend-mode:multiply,normal;border:1px solid var(--panel-edge)}.arsenal-stats{display:flex;flex-wrap:wrap;gap:10px}.arsenal-stat{flex:1 1 80px;min-width:80px;padding:6px 10px;background:#00000073;border-left:2px solid var(--panel-edge)}.arsenal-stat-val{font-family:var(--font-mono);font-size:14px;font-weight:800;color:var(--ink)}.arsenal-stat-lbl{font-size:9px;color:var(--ink-faint);letter-spacing:.2em;text-transform:uppercase;margin-top:2px}.mute-chip{display:inline-flex;align-items:center;justify-content:center;width:32px;height:26px;padding:0;background:#00000080;border:1px solid var(--panel-edge);color:var(--ink-faint);cursor:pointer;border-radius:2px;transition:all .12s var(--ease)}.mute-chip .mute-chip-icon{width:16px;height:16px;background:currentColor}.mute-chip:hover{color:var(--ink);border-color:var(--theme-accent)}.mute-chip.on{background:linear-gradient(180deg,rgba(var(--theme-accent-rgb),.45),#000000d9);border-color:var(--theme-accent-bright);color:var(--theme-accent-bright)}.mp-buttons .mp-play{background:var(--theme-btn-primary-gradient),var(--theme-btn-texture);background-size:cover,140px;background-blend-mode:multiply,overlay;color:var(--theme-btn-primary-color);border-color:var(--theme-btn-primary-border);font-size:14px}.icon-mask{-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;display:inline-block}.rank-icon{width:16px;height:16px;margin-right:6px;vertical-align:middle}.kick-btn{width:20px;height:20px;background:#3c1414a6;border:1px solid var(--danger);color:var(--danger-bright);font-family:var(--font-display);font-weight:900;line-height:1;padding:0;cursor:pointer;border-radius:2px}.kick-btn:hover{background:var(--danger);color:#fff}.bot-diff-btn{background:#0006;border:1px solid var(--panel-edge);color:var(--theme-accent-bright);font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;padding:3px 8px;cursor:pointer;border-radius:2px}.bot-diff-btn:hover{border-color:var(--theme-accent-bright);color:var(--ink)}.match-settings{margin:10px 0 14px;padding:10px 12px;background:#00000059;border:1px dashed var(--panel-edge);border-left:2px solid var(--theme-accent)}.match-settings-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;color:var(--theme-accent-bright);margin-bottom:8px}.match-setting-row{margin-bottom:8px}.match-setting-head{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--ink-dim);margin-bottom:2px}.match-setting-value{color:var(--theme-accent-bright);font-weight:700}.ops{padding-bottom:40px}.ops-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;max-width:1280px;margin:0 auto;padding:24px 20px}.ops-card{position:relative;background:var(--theme-card-tint),var(--theme-card-texture);background-size:cover,280px;background-blend-mode:multiply,normal;border:1px solid var(--panel-edge);padding:18px 20px;min-height:180px;box-shadow:0 10px 28px #0000008c,inset 0 1px #ffffff0a}.ops-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:repeating-linear-gradient(180deg,var(--theme-accent) 0 12px,transparent 12px 18px)}.ops-briefing{grid-column:span 7}.ops-deploy{grid-column:span 5}.ops-weather{grid-column:span 4}.ops-weapon{grid-column:span 5}.ops-clock{grid-column:span 3}.ops-intel{grid-column:span 7}.ops-engagements{grid-column:span 5}.ops-brass{grid-column:span 12}@media (max-width: 960px){.ops-grid>*{grid-column:span 12}}.ops-header{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;color:var(--theme-accent-bright);text-transform:uppercase;padding-bottom:8px;margin-bottom:12px;border-bottom:1px dashed rgba(var(--theme-accent-rgb),.25)}.ops-live{display:inline-flex;align-items:center;gap:6px;color:var(--danger-bright);font-weight:700}.pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--danger-bright);box-shadow:0 0 8px var(--danger-bright);animation:pulse 1.4s ease-in-out infinite;display:inline-block}@keyframes pulse{0%,to{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}.ops-muted{color:var(--ink-faint);font-family:var(--font-mono);font-size:12px}.commander{display:flex;gap:18px;align-items:flex-start}.avatar{width:110px;height:110px;flex-shrink:0;background:radial-gradient(circle at 30% 30%,rgba(var(--theme-accent-rgb),.25),#060404);border:1px solid rgba(var(--theme-accent-rgb),.5);box-shadow:inset 0 0 30px #000000bf;padding:4px}.radar{width:100%;height:100%;display:block}.radar-sweep{transform-origin:50px 50px;animation:sweep 4.2s linear infinite}@keyframes sweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.commander-info{flex:1;min-width:0}.callsign-label{font-family:var(--font-mono);font-size:10px;color:var(--ink-faint);letter-spacing:.2em}.callsign{font-family:var(--font-display);font-size:30px;font-weight:900;letter-spacing:.1em;color:var(--ink);text-shadow:1px 0 0 rgba(var(--theme-accent-rgb),.5),-1px 1px 0 rgba(0,0,0,.55);margin-bottom:8px}.commander-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.chip{display:inline-flex;align-items:center;gap:6px;background:#0000008c;border:1px solid rgba(var(--theme-accent-rgb),.35);padding:4px 8px;font-family:var(--font-mono);font-size:11px}.chip-label{color:var(--ink-faint);letter-spacing:.1em}.chip-value{color:var(--ink);font-weight:700}.chip.accent .chip-value{color:var(--theme-accent-bright)}.readiness{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:10px;color:var(--khaki-bright);letter-spacing:.16em}.readiness-bar{flex:1;height:6px;background:#0009;border:1px solid rgba(0,0,0,.8)}.readiness-bar>div{height:100%;background:linear-gradient(90deg,var(--readiness-low),var(--readiness-mid),var(--readiness-high))}.orders{margin-top:14px;padding-top:12px;border-top:1px dashed rgba(var(--theme-accent-rgb),.2)}.orders-label{font-family:var(--font-mono);font-size:10px;color:var(--danger-bright);letter-spacing:.2em}.orders-body{font-size:13px;color:var(--ink);margin-top:4px;line-height:1.5}.deploy-big{display:flex;flex-direction:column;gap:10px;align-items:stretch}.deploy-cta{font-size:18px!important;padding:20px!important;letter-spacing:.3em!important;box-shadow:0 10px 32px rgba(var(--theme-accent-rgb),.55),inset 0 2px #ffffff40,inset 0 -4px #0009!important;animation:deploy-breath 2.4s ease-in-out infinite}@keyframes deploy-breath{0%,to{filter:brightness(1)}50%{filter:brightness(1.12)}}.deploy-row{display:flex;gap:8px}.deploy-row>*{flex:1}.deploy-note{font-family:var(--font-mono);font-size:10px;color:var(--ink-faint);letter-spacing:.15em;display:flex;align-items:center;gap:8px;padding:6px 8px;background:#0006;border-left:2px solid var(--ok)}.weather-body{display:flex;justify-content:space-between;align-items:center;gap:10px}.weather-main{flex:1}.weather-label{font-family:var(--font-mono);font-size:10px;color:var(--ink-faint);letter-spacing:.18em}.weather-theater{font-family:var(--font-display);font-size:22px;font-weight:800;letter-spacing:.08em;margin:4px 0}.weather-blurb{font-size:12px;color:var(--ink-dim);line-height:1.4}.wind-dial{width:90px;height:90px;display:block}.weapon-feature{display:flex;gap:16px;align-items:center}.weapon-big{width:90px;height:90px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 30%,rgba(var(--theme-accent-rgb),.25),#060404e6);border:1px solid rgba(var(--theme-accent-rgb),.4);box-shadow:inset 0 0 24px #000000b3}.weapon-info{flex:1}.weapon-name{font-family:var(--font-display);font-weight:800;font-size:18px;letter-spacing:.1em;color:var(--ink)}.weapon-stats{display:flex;gap:10px;margin:6px 0}.statlet{display:flex;align-items:baseline;gap:4px;font-family:var(--font-mono);font-size:11px;color:var(--ink-faint);letter-spacing:.12em}.statlet strong{color:var(--theme-accent-bright);font-size:14px}.weapon-blurb{font-size:12px;color:var(--ink-dim);line-height:1.4}.clock{position:relative;overflow:hidden;text-align:center}.clock-time{font-family:var(--font-mono);font-size:30px;font-weight:700;color:var(--theme-accent-bright);letter-spacing:.08em}.clock-date{font-family:var(--font-mono);font-size:11px;color:var(--ink-dim);letter-spacing:.14em;margin-top:4px}.clock-sector{font-family:var(--font-mono);font-size:9px;color:var(--ok);letter-spacing:.2em;margin-top:8px}.scanline{position:absolute;left:0;right:0;top:0;height:100%;background:linear-gradient(180deg,transparent,rgba(var(--theme-accent-rgb),.08) 48%,transparent 52%);animation:scan 3.2s linear infinite;pointer-events:none}@keyframes scan{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.intel{display:flex;flex-direction:column;gap:10px}.intel-line{font-family:var(--font-mono);font-size:14px;color:var(--theme-accent-bright);letter-spacing:.06em;padding:10px 12px;background:#0000008c;border-left:3px solid var(--theme-accent);animation:intel-in .28s var(--ease)}@keyframes intel-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.intel-ticker{display:flex;flex-direction:column;font-family:var(--font-mono);font-size:11px;color:var(--ink-faint);gap:2px}.intel-ticker .current{color:var(--khaki-bright)}.engagement-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.engagement-list li{display:grid;grid-template-columns:80px 1fr auto auto;gap:10px;align-items:center;padding:7px 10px;font-family:var(--font-mono);font-size:12px;background:#00000073;border-left:2px solid var(--theme-accent);cursor:pointer;transition:background .14s var(--ease),border-color .14s var(--ease)}.engagement-list li:hover{background:rgba(var(--theme-accent-rgb),.08);border-left-color:var(--theme-accent-bright)}.eng-mode{color:var(--theme-accent-bright);font-weight:700;letter-spacing:.14em}.eng-victor{color:var(--ink);font-weight:700}.eng-score{color:var(--ink-dim);font-size:11px}.eng-time{color:var(--ink-faint);font-size:10px;letter-spacing:.1em}.brass-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:6px}.brass-list li{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#00000073;border-left:2px solid var(--theme-accent);font-family:var(--font-mono);font-size:13px}.brass-rank{color:var(--ink-faint);font-weight:700;letter-spacing:.1em;width:36px}.brass-rank.rank-1{color:var(--theme-accent-bright)}.brass-rank.rank-2{color:var(--medal-silver)}.brass-rank.rank-3{color:var(--medal-bronze)}.brass-name{flex:1;color:var(--ink);font-weight:700;font-family:var(--font-display);letter-spacing:.06em}.brass-mmr{color:var(--theme-accent-bright);font-weight:700}.self-vehicle{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.self-vehicle .tank-plate{width:min(320px,100%)}.self-vehicle-spec{flex:1;display:flex;flex-direction:column;gap:4px;font-family:var(--font-mono);font-size:12px;color:var(--ink-dim);text-transform:uppercase;letter-spacing:.1em}.self-vehicle-spec strong{color:var(--theme-accent-bright);margin-right:6px}.podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0;align-items:stretch}@media (max-width: 640px){.podium{grid-template-columns:1fr}}.podium-slot{position:relative;padding:22px 18px;background:var(--theme-card-tint),var(--theme-card-texture);background-size:cover,240px;background-blend-mode:multiply,normal;border:1px solid var(--panel-edge);text-align:center;cursor:pointer;transition:transform .14s var(--ease);display:flex;flex-direction:column;align-items:center;gap:6px}.podium-slot:hover{transform:translateY(-2px)}.podium-slot.place-1{border-top:3px solid var(--medal-gold);border-bottom:3px solid var(--medal-gold);box-shadow:0 14px 40px #ffbe5033}.podium-slot.place-2{border-top:3px solid var(--medal-silver)}.podium-slot.place-3{border-top:3px solid var(--medal-bronze)}.podium-slot.empty{visibility:hidden;min-height:1px;padding:0;border:0}.podium-slot.demo,.roster-row.demo{opacity:.86}.podium-slot.demo:after,.roster-row.demo:after{content:"DEMO";position:absolute;top:6px;right:8px;font-family:var(--font-mono);font-size:9px;color:var(--ink-faint);letter-spacing:.18em;background:#00000080;padding:1px 4px;border:1px solid var(--panel-edge);pointer-events:none}.podium-place{font-family:var(--font-display);font-weight:900;font-size:30px;letter-spacing:.08em;color:var(--ink);text-shadow:1px 0 0 rgba(var(--theme-accent-rgb),.55),-1px 1px 0 rgba(0,0,0,.7)}.podium-slot.place-1 .podium-place{color:var(--medal-gold);font-size:38px}.tank-plate{width:min(170px,100%);aspect-ratio:16 / 9;height:auto;display:block;background:var(--theme-card-tint),var(--theme-card-texture);background-size:cover,220px;background-blend-mode:multiply,normal;border:1px solid rgba(0,0,0,.6);image-rendering:auto}.tank-plate.big{width:min(200px,100%)}.podium-name{font-family:var(--font-display);font-weight:800;letter-spacing:.08em;font-size:16px;color:var(--ink);text-transform:uppercase;margin-top:6px}.podium-rank{display:inline-flex;align-items:center;margin:6px auto;padding:3px 8px;border:1px solid;font-family:var(--font-display);font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:700}.podium-mmr{font-family:var(--font-mono);font-weight:700;font-size:22px;color:var(--theme-accent-bright);margin-top:4px;letter-spacing:.04em}.podium-mmr-lbl{font-size:10px;color:var(--ink-faint);margin-left:6px;letter-spacing:.2em}.podium-stats{display:flex;justify-content:center;gap:10px;margin-top:8px;font-family:var(--font-mono);font-size:11px;color:var(--ink-dim);letter-spacing:.1em}.roster{display:flex;flex-direction:column;gap:4px;margin-top:16px}.roster-row{position:relative;display:grid;grid-template-columns:44px 110px minmax(0,1fr) 70px 44px 44px 44px 44px;gap:12px;align-items:center;padding:8px 12px;background:#00000073;border-left:2px solid var(--theme-accent);cursor:pointer;transition:background .14s var(--ease),border-color .14s var(--ease);font-family:var(--font-mono)}.roster-row .tank-plate{width:100%}@media (max-width: 640px){.roster-row{grid-template-columns:36px 80px 1fr 60px}.roster-row>:nth-child(n+5){display:none}}.roster-row:hover{background:rgba(var(--theme-accent-rgb),.08);border-left-color:var(--theme-accent-bright)}.roster-rank{font-weight:800;color:var(--ink-faint);letter-spacing:.08em}.roster-id{display:flex;flex-direction:column;min-width:0;overflow:hidden}.roster-name{font-family:var(--font-display);font-weight:800;letter-spacing:.06em;color:var(--ink);text-transform:uppercase}.roster-rankchip{display:inline-flex;align-items:center;font-family:var(--font-display);font-size:9px;letter-spacing:.14em;margin-top:2px;border:1px solid;padding:1px 6px;text-transform:uppercase;width:fit-content}.roster-mmr{color:var(--theme-accent-bright);font-weight:700}.roster-num{color:var(--ink-dim);font-size:11px;letter-spacing:.06em}.customize-layout{display:grid;grid-template-columns:minmax(280px,1fr) 2fr;gap:20px;align-items:start}@media (max-width: 720px){.customize-layout{grid-template-columns:1fr}}.customize-preview{position:sticky;top:16px;align-self:start;background:var(--theme-card-tint),var(--theme-card-texture);background-size:cover,320px;background-blend-mode:multiply,normal;border:1px solid var(--panel-edge);border-left:3px solid var(--theme-accent);padding:14px;min-height:220px;z-index:2}@media (max-width: 720px){.customize-preview{position:static}}.customize-preview canvas{width:100%;height:auto;display:block;image-rendering:auto;background:var(--theme-card-tint),var(--theme-card-texture);background-size:cover,260px;background-blend-mode:multiply,normal;border:1px solid var(--panel-edge)}.customize-stamp{position:absolute;top:20px;right:22px;font-family:var(--font-mono);font-size:10px;color:var(--theme-accent-bright);letter-spacing:.2em;background:#000000b3;padding:3px 6px;border:1px solid rgba(var(--theme-accent-rgb),.5)}.customize-panels{display:flex;flex-direction:column;gap:14px}.customize-section{border-bottom:1px solid var(--panel-edge);padding-bottom:12px}.customize-label{font-family:var(--font-display);font-weight:800;font-size:11px;letter-spacing:.16em;color:var(--khaki-bright);text-transform:uppercase;margin-bottom:8px}.part-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.part-tile{padding:10px 12px;background:var(--theme-card-tint),var(--theme-card-texture);background-size:cover,220px;background-blend-mode:multiply,normal;border:1px solid var(--panel-edge);border-radius:2px;cursor:pointer;transition:transform .1s var(--ease),border-color .16s var(--ease)}.part-tile:hover{transform:translateY(-1px);border-color:var(--theme-accent)}.part-tile.active{border-color:var(--theme-accent-bright)}.part-name{font-family:var(--font-display);font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}.part-blurb{font-size:11px;color:var(--ink-dim);line-height:1.3;margin-top:3px}.swatch-row{display:flex;flex-wrap:wrap;gap:8px}.swatch{width:32px;height:32px;border:2px solid rgba(0,0,0,.6);border-radius:2px;cursor:pointer;position:relative;box-shadow:inset 0 2px 3px #fff3,inset 0 -2px 3px #0006;padding:0}.swatch.active{border-color:var(--theme-accent-bright);box-shadow:0 0 0 2px var(--theme-accent-bright),inset 0 2px 3px #ffffff4d}.customize-actions{display:flex;gap:10px;margin-top:8px}.hex-picker{display:flex;gap:8px;align-items:center;margin-top:8px}.hex-picker-swatch{position:relative;width:32px;height:32px;border:2px solid rgba(0,0,0,.6);border-radius:2px;cursor:pointer;overflow:hidden;box-shadow:inset 0 2px 3px #fff3,inset 0 -2px 3px #0006}.hex-picker-swatch input[type=color]{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer;border:0;padding:0;background:none}.hex-picker-chip{display:block;width:100%;height:100%}.hex-picker-text{flex:1;background:#0a0c10b3;border:1px solid var(--panel-edge);color:var(--ink);padding:8px 10px;border-radius:2px;font-family:var(--font-mono);font-size:13px;letter-spacing:.06em;text-transform:uppercase;outline:none}.hex-picker-text:focus{border-color:var(--theme-accent-bright)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.stat-tile{background:#0e1014b3;border:1px solid var(--panel-edge);border-left:2px solid var(--theme-accent);padding:14px;border-radius:2px}.stat-tile .label{font-size:10px;color:var(--khaki-bright);letter-spacing:.14em;text-transform:uppercase;font-family:var(--font-display);font-weight:700}.stat-tile .value{font-size:24px;font-weight:700;font-family:var(--font-mono);margin-top:4px;color:var(--ink);letter-spacing:.02em;text-shadow:1px 0 0 rgba(var(--theme-accent-rgb),.5),-1px 1px 0 rgba(0,0,0,.7),0 2px 4px rgba(0,0,0,.6)}@keyframes card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in{0%{opacity:0;transform:translate(6px)}to{opacity:1;transform:translate(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}:root[data-theme=desert]{--theme-accent: #c47a2c;--theme-accent-bright: #ffb456;--theme-accent-rgb: 255, 180, 86;--theme-brand: #ffc878;--theme-card-texture: url(/textures/ui/desert.jpg);--theme-btn-texture: url(/textures/ui/desert.jpg);--theme-card-wash: linear-gradient(90deg, rgba(210,130,50,.18), rgba(210,130,50,0) 120px);--theme-card-tint: linear-gradient(180deg, rgba(80,40,12,.6), rgba(30,18,6,.8));--theme-btn-primary-fill: #a8621a;--theme-btn-primary-gradient: linear-gradient(180deg, rgba(240,170,70,.55), rgba(110,50,10,.9));--theme-btn-primary-border: #3a1c04;--theme-btn-primary-color: #fff2d4;--theme-btn-primary-shadow: rgba(200, 120, 40, .45);--theme-pill-active: linear-gradient(180deg, #e09040 0%, #8a4010 100%);--theme-pill-active-border: #3a1c04;--theme-pill-active-color: #fff2d4;--theme-mode-active-bg: linear-gradient(180deg, rgba(120,60,20,.5), rgba(60,30,10,.75));--theme-nav-underline: rgba(200, 140, 60, .25);--theme-splash-glow-a: rgba(255, 210, 110, .35);--theme-splash-glow-b: rgba(220, 130, 50, .22);--theme-ctl-top: #e4a644;--theme-ctl-bottom: #8c5510;--theme-switch-on-bg: #6a3e0a;--theme-switch-on-top: #ffc878;--theme-switch-on-bottom: #a55a12;--theme-switch-off-bg: #1f1206;--theme-switch-off-track-tint: linear-gradient(180deg, rgba(90,60,20,.55), rgba(16,10,4,.9));--theme-switch-off-top: #a4834e;--theme-switch-off-bottom: #422e12}:root[data-theme=arctic]{--theme-accent: #4a7a9a;--theme-accent-bright: #7acfff;--theme-accent-rgb: 122, 207, 255;--theme-brand: #a8dcff;--theme-card-texture: url(/textures/ui/arctic.jpg);--theme-btn-texture: url(/textures/ui/arctic.jpg);--theme-card-wash: linear-gradient(90deg, rgba(100,150,200,.14), rgba(100,150,200,0) 120px);--theme-card-tint: linear-gradient(180deg, rgba(20,50,80,.6), rgba(8,18,30,.82));--theme-btn-primary-fill: #2b5a7e;--theme-btn-primary-gradient: linear-gradient(180deg, rgba(100,180,230,.55), rgba(20,50,80,.9));--theme-btn-primary-border: #08141f;--theme-btn-primary-color: #e0f0ff;--theme-btn-primary-shadow: rgba(60, 140, 200, .4);--theme-pill-active: linear-gradient(180deg, #4a95c8 0%, #1a3e5c 100%);--theme-pill-active-border: #0a1a2a;--theme-pill-active-color: #e6f4ff;--theme-mode-active-bg: linear-gradient(180deg, rgba(30,70,110,.55), rgba(14,30,50,.8));--theme-nav-underline: rgba(110, 180, 230, .2);--theme-splash-glow-a: rgba(170, 220, 255, .3);--theme-splash-glow-b: rgba(80, 140, 200, .2);--theme-ctl-top: #7acfff;--theme-ctl-bottom: #2b5a7e;--theme-switch-on-bg: #1a3e5c;--theme-switch-on-top: #a8dcff;--theme-switch-on-bottom: #3c6d90;--theme-switch-off-bg: #0a1420;--theme-switch-off-track-tint: linear-gradient(180deg, rgba(40,70,100,.5), rgba(4,10,20,.92));--theme-switch-off-top: #6c8fa8;--theme-switch-off-bottom: #1a2e42}:root[data-theme=dusk]{--theme-accent: #9644c4;--theme-accent-bright: #d488ff;--theme-accent-rgb: 212, 136, 255;--theme-brand: #e2a6ff;--theme-card-texture: url(/textures/ui/dusk.jpg);--theme-btn-texture: url(/textures/ui/dusk.jpg);--theme-card-wash: linear-gradient(90deg, rgba(160,90,200,.18), rgba(160,90,200,0) 120px);--theme-card-tint: linear-gradient(180deg, rgba(60,20,100,.6), rgba(20,8,40,.82));--theme-btn-primary-fill: #6a2a9a;--theme-btn-primary-gradient: linear-gradient(180deg, rgba(200,110,255,.5), rgba(60,20,100,.92));--theme-btn-primary-border: #220a3a;--theme-btn-primary-color: #f3e0ff;--theme-btn-primary-shadow: rgba(140, 60, 200, .4);--theme-pill-active: linear-gradient(180deg, #b060e0 0%, #4a1a70 100%);--theme-pill-active-border: #220a3a;--theme-pill-active-color: #f5e5ff;--theme-mode-active-bg: linear-gradient(180deg, rgba(70,30,110,.55), rgba(40,15,60,.8));--theme-nav-underline: rgba(180, 110, 220, .22);--theme-splash-glow-a: rgba(220, 160, 255, .32);--theme-splash-glow-b: rgba(150, 80, 200, .22);--theme-ctl-top: #d488ff;--theme-ctl-bottom: #6a2a9a;--theme-switch-on-bg: #4a1a70;--theme-switch-on-top: #e2a6ff;--theme-switch-on-bottom: #7a3ab0;--theme-switch-off-bg: #140a24;--theme-switch-off-track-tint: linear-gradient(180deg, rgba(70,30,110,.55), rgba(14,4,22,.92));--theme-switch-off-top: #8c6ca8;--theme-switch-off-bottom: #2e1a4a}:root[data-theme=jungle]{--theme-accent: #5a8a2e;--theme-accent-bright: #a6d860;--theme-accent-rgb: 166, 216, 96;--theme-brand: #c0e878;--theme-card-texture: url(/textures/ui/jungle.jpg);--theme-btn-texture: url(/textures/ui/jungle.jpg);--theme-card-wash: linear-gradient(90deg, rgba(90,140,60,.16), rgba(90,140,60,0) 120px);--theme-card-tint: linear-gradient(180deg, rgba(30,70,20,.6), rgba(10,22,8,.82));--theme-btn-primary-fill: #446a20;--theme-btn-primary-gradient: linear-gradient(180deg, rgba(160,220,90,.5), rgba(30,60,15,.92));--theme-btn-primary-border: #0e1c06;--theme-btn-primary-color: #eef8dc;--theme-btn-primary-shadow: rgba(90, 160, 40, .4);--theme-pill-active: linear-gradient(180deg, #78b03a 0%, #2a5010 100%);--theme-pill-active-border: #0e1c06;--theme-pill-active-color: #eff9d6;--theme-mode-active-bg: linear-gradient(180deg, rgba(50,80,20,.55), rgba(20,36,10,.82));--theme-nav-underline: rgba(140, 200, 80, .22);--theme-splash-glow-a: rgba(200, 240, 120, .3);--theme-splash-glow-b: rgba(100, 160, 50, .2);--theme-ctl-top: #a6d860;--theme-ctl-bottom: #446a20;--theme-switch-on-bg: #2a5010;--theme-switch-on-top: #c0e878;--theme-switch-on-bottom: #5a8a2e;--theme-switch-off-bg: #0a1608;--theme-switch-off-track-tint: linear-gradient(180deg, rgba(50,80,20,.55), rgba(6,12,4,.92));--theme-switch-off-top: #7a9858;--theme-switch-off-bottom: #1e2e14}