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}: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}*{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(--amber-bright);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer;color:inherit}input,select{font-family:inherit}.backdrop{position:fixed;inset:0;z-index:-1;overflow:hidden;background-color:#2a160a;background-image:url(/textures/ui/rust.jpg);background-size:1200px 1200px;background-repeat:repeat;background-position:center top}.backdrop:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,transparent 45%,rgba(0,0,0,.55) 100%)}.backdrop:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(-38deg,rgba(255,210,140,.04) 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:.85;mix-blend-mode:overlay}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)}.screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:24px}.center-card{position:relative;background:linear-gradient(180deg,#14120ebf,#0a0808e0),url(/textures/ui/plates.jpg);background-size:cover,360px 360px;background-blend-mode:multiply,normal;background-position:center;border:1px solid var(--panel-edge);border-top:2px solid var(--khaki);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(180,70,30,.5) 45% 55%,transparent 55%),repeating-linear-gradient(-45deg,rgba(180,70,30,.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 rgba(120,90,40,.2);z-index:5;backdrop-filter:blur(8px)}.nav .brand{font-family:var(--font-display);font-weight:900;letter-spacing:.35em;color:var(--rust-bright);cursor:pointer;padding:2px 10px;font-size:16px}.nav .brand:hover{color:var(--amber-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:#d07a3c14;color:var(--amber-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:#b4461e1f;border:1px solid rgba(208,122,60,.4);color:var(--amber-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:linear-gradient(180deg,#18120cc7,#0a0806e0),linear-gradient(90deg,#963c1426,#963c1400 120px),url(/textures/ui/rust.jpg);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(--rust);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(100,80,40,.6) 2.2px,transparent 3.2px),radial-gradient(circle at calc(100% - 8px) 8px,rgba(0,0,0,.9) 2px,rgba(100,80,40,.6) 2.2px,transparent 3.2px),radial-gradient(circle at 8px calc(100% - 8px),rgba(0,0,0,.9) 2px,rgba(100,80,40,.6) 2.2px,transparent 3.2px),radial-gradient(circle at calc(100% - 8px) calc(100% - 8px),rgba(0,0,0,.9) 2px,rgba(100,80,40,.6) 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(120,50,20,.5),-1px 1px 0 rgba(0,0,0,.6),0 2px 4px rgba(0,0,0,.6)}.card h2:before{content:"//";color:var(--rust-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(--rust-bright),transparent)}.splash{position:relative;padding:56px 44px;overflow:hidden;background:linear-gradient(180deg,#18120aa6,#0c0a08d9),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>");background-size:cover;border:1px solid var(--panel-edge);border-top:3px solid var(--rust);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%,rgba(255,180,90,.35),transparent 40%),radial-gradient(circle at 12% 88%,rgba(200,80,30,.22),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(255,150,60,.3);filter:drop-shadow(2px 0 0 rgba(140,50,20,.7)) 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(--amber-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(224,120,69,.7);color:#e07845e6;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(--rust-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:url(/textures/ui/plates.jpg);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:#b14120;background-image:linear-gradient(180deg,#dc64288c,#5a1406e6),url(/textures/ui/plates.jpg);background-blend-mode:multiply,overlay;border-color:#3b1508;color:#ffe7d2;box-shadow:0 6px 18px #96321473,inset 0 1px #ffffff2e,inset 0 -2px #0009}.go-btn{background-color:#56612a;background-image:linear-gradient(180deg,#8caa4680,#283410e0),url(/textures/ui/plates.jpg);background-blend-mode:multiply,overlay;border-color:#1e2710;color:#e9f0c9;box-shadow:0 6px 18px #3c5a1966,inset 0 1px #ffffff24,inset 0 -2px #0000008c}.danger-btn{background-color:#8a2020;background-image:linear-gradient(180deg,#c83c328c,#3c0808e6),url(/textures/ui/plates.jpg);background-blend-mode:multiply,overlay;border-color:#3b0808;color:#ffd9d9;box-shadow:0 6px 18px #961e1e66,inset 0 1px #ffffff1f,inset 0 -2px #0009}.secondary-btn{background-color:#2e3440;background-image:linear-gradient(180deg,#646e7859,#14181ed9),url(/textures/ui/plates.jpg);background-blend-mode:multiply,overlay;border-color:var(--panel-edge);color:var(--ink)}.secondary-btn:hover{border-color:var(--khaki);color:var(--amber-bright)}.steel-btn{background-color:#243244;background-image:linear-gradient(180deg,#6e96be4d,#0e1620e0),url(/textures/ui/plates.jpg);background-blend-mode:multiply,overlay;border-color:#0d1621;color:#c7d6e6}.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(--amber-bright);background:#d07a3c0f}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),url(/textures/ui/plates.jpg);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,#d49228,#8c5d14),url(/textures/ui/plates.jpg);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:#d49228;border:1px solid #2a1a06;border-radius:1px}.switch{width:56px;height:26px;padding:0;border:0;background-color:#1a1208;background-image:linear-gradient(180deg,#3c372899,#0c0a06e6),url(/textures/ui/plates.jpg);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:#6e4a10}.switch .handle{position:absolute;top:2px;left:2px;width:22px;height:20px;background:linear-gradient(180deg,#8d7a4e,#3a2d15),url(/textures/ui/plates.jpg);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,#ffc56e,#a5631a),url(/textures/ui/plates.jpg);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:linear-gradient(180deg,#1e222ccc,#14161ee6);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(--khaki)}.mode-card.active{border-color:var(--rust-bright);background:linear-gradient(180deg,#461e0f80,#28140cbf)}.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(--amber-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(--khaki)}.pill.active{background:linear-gradient(180deg,#c4521f,#8f2a0e);border-color:#3b1508;color:#fff1df}.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:#d07a3c0f;cursor:pointer}.rank-1{color:var(--amber-bright);font-weight:700}.rank-2{color:#c4bfb0;font-weight:700}.rank-3{color:#b87a4a;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,#28140cb3,#140e0ad9),repeating-linear-gradient(-45deg,rgba(208,122,60,.06) 0 4px,transparent 4px 8px);border:1px dashed var(--amber);padding:14px;border-radius:2px;text-align:center;margin:8px 0 6px;color:var(--amber-bright);cursor:pointer}.invite-code:hover{background:#321a0ee6}.game-wrapper{position:relative;width:100%;height:100%}#phaser-host{position:absolute;inset:0;background:#05070f}.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:#3a1e14;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%,#c9a478,#5a3a22 65%,#1a1008);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%,#4a2010,#2a0e08 55%,#180604);border:2px solid #1a0808;box-shadow:inset 0 3px 6px #ff966426,inset 0 -4px 6px #000c,0 0 0 2px #ff783c00;color:#7a4030;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%,#ff8a5a,#c0341a 55%,#5a120a);color:#fff6e8;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,#ffd25e,#e07838);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,#ff9a4a,#c0341a)}.fire-btn-gauge.tier-hot .fire-btn-gauge-fill{background:linear-gradient(180deg,#ff5040,#7a0e08);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:#d4a87a;text-align:center}.fire-btn.ready .fire-btn-gauge-lbl{color:#ffd8a8}.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:linear-gradient(90deg,#0e0c0abf,#080606d9),url(/textures/ui/plates.jpg);background-size:cover,420px;background-blend-mode:multiply,normal;border-bottom:2px solid var(--rust)}.service-record-head:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-45deg,rgba(208,122,60,.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(--amber-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(140,50,20,.7),-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(224,120,69,.7);color:#e07845e6;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:linear-gradient(180deg,#16120ebf,#0a0806e6),url(/textures/ui/plates.jpg);background-size:cover,220px;background-blend-mode:multiply,normal;border:1px solid var(--panel-edge);border-left:3px solid var(--khaki)}.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(120,45,15,.7),-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:linear-gradient(180deg,#12100cd9,#080606f2),url(/textures/ui/plates.jpg);background-size:cover,220px;background-blend-mode:multiply,normal;border:1px solid var(--panel-edge);position:relative}.medal.earned{border-left:3px solid var(--amber-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(--amber-bright);background:radial-gradient(circle at 30% 30%,rgba(255,200,120,.5),transparent 70%),linear-gradient(135deg,#6a3b14,#2d1608);border:2px solid #2a1408;border-radius:50%;box-shadow:inset 0 2px 3px #ffdc8c4d,0 2px 6px #0009}.medal.locked .medal-icon{background:linear-gradient(135deg,#3a3a3a,#121212);color:#555}.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:linear-gradient(180deg,#0c0a0aeb,#060404f2),url(/textures/ui/plates.jpg);background-size:cover,220px;background-blend-mode:multiply,normal;border:1px solid var(--panel-edge);border-top:2px solid var(--khaki);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(--khaki);border-left:0;border-right:0;border-bottom:0;border-radius:0}.mp-dock-glyph{color:var(--amber-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(--amber-bright);border-color:var(--khaki)}.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{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(--amber-bright);border-color:var(--khaki)}.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,#d49228,#6a4010);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:linear-gradient(180deg,#322c1eb3,#120e08e6),url(/textures/ui/plates.jpg);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,#78281eb3,#320a06f2),url(/textures/ui/plates.jpg);background-size:cover,140px;background-blend-mode:multiply,overlay;color:#ffc9b3}.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:linear-gradient(180deg,#100c0ad1,#060404f0),url(/textures/ui/plates.jpg);background-size:cover,240px;background-blend-mode:multiply,normal;border:1px solid var(--panel-edge);border-left:3px solid var(--khaki);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(--amber-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:linear-gradient(180deg,#0e121ad9,#06060af2),url(/textures/ui/rust.jpg);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{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;font-weight:700;padding:4px 10px;background:#00000080;border:1px solid var(--panel-edge);color:var(--ink-faint);cursor:pointer;border-radius:2px;transition:all .12s var(--ease)}.mute-chip:hover{color:var(--ink);border-color:var(--khaki)}.mute-chip.on{background:linear-gradient(180deg,#82281ecc,#3c0c08f2);border-color:var(--rust);color:#ffc9b3}.mp-buttons .mp-play{background:linear-gradient(180deg,#dc6428b3,#641c0af2),url(/textures/ui/plates.jpg);background-size:cover,140px;background-blend-mode:multiply,overlay;color:#fff2df;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(--amber-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(--rust-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(--amber)}.match-settings-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;color:var(--amber-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(--amber-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:linear-gradient(180deg,#14100cd1,#0a0806ed),url(/textures/ui/plates.jpg);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(--rust) 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(--amber-bright);text-transform:uppercase;padding-bottom:8px;margin-bottom:12px;border-bottom:1px dashed rgba(208,122,60,.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%,#3c281480,#060404);border:1px solid rgba(208,122,60,.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(140,50,20,.55),-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(208,122,60,.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(--amber-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,#c03a3a,#d49228,#85a158)}.orders{margin-top:14px;padding-top:12px;border-top:1px dashed rgba(208,122,60,.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;height:100%}.deploy-cta{font-size:18px!important;padding:20px!important;letter-spacing:.3em!important;box-shadow:0 10px 32px #b43c188c,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;margin-top:auto;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%,#3c2d1480,#060404e6);border:1px solid rgba(208,122,60,.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(--amber-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(--amber-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(255,200,120,.06) 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(--amber-bright);letter-spacing:.06em;padding:10px 12px;background:#0000008c;border-left:3px solid var(--rust);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(--khaki);cursor:pointer;transition:background .14s var(--ease),border-color .14s var(--ease)}.engagement-list li:hover{background:#d07a3c14;border-left-color:var(--amber-bright)}.eng-mode{color:var(--amber-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(--khaki);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(--amber-bright)}.brass-rank.rank-2{color:#c4bfb0}.brass-rank.rank-3{color:#b87a4a}.brass-name{flex:1;color:var(--ink);font-weight:700;font-family:var(--font-display);letter-spacing:.06em}.brass-mmr{color:var(--amber-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(--amber-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:linear-gradient(180deg,#120e0ad1,#060404f0),url(/textures/ui/plates.jpg);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(--amber-bright);border-bottom:3px solid var(--amber-bright);box-shadow:0 14px 40px #ffbe5033}.podium-slot.place-2{border-top:3px solid #c4bfb0}.podium-slot.place-3{border-top:3px solid #b87a4a}.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(140,50,20,.6),-1px 1px 0 rgba(0,0,0,.7)}.podium-slot.place-1 .podium-place{color:var(--amber-bright);font-size:38px}.tank-plate{width:min(170px,100%);aspect-ratio:16 / 9;height:auto;display:block;background:linear-gradient(180deg,#0c080673,#060404b3),url(/textures/ui/rust.jpg);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(--amber-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(--khaki);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:#d07a3c14;border-left-color:var(--amber-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(--amber-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:linear-gradient(180deg,#0e0c0ad9,#060608f2),url(/textures/ui/plates.jpg);background-size:cover,320px;background-blend-mode:multiply,normal;border:1px solid var(--panel-edge);border-left:3px solid var(--rust);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:linear-gradient(180deg,#140e0a4d,#06040466),url(/textures/ui/rust.jpg);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(--amber-bright);letter-spacing:.2em;background:#000000b3;padding:3px 6px;border:1px solid rgba(208,122,60,.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:linear-gradient(180deg,#1a1610bf,#0a0806e6),url(/textures/ui/plates.jpg);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(--khaki)}.part-tile.active{border-color:var(--rust-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(--amber-bright);box-shadow:0 0 0 2px var(--rust-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(--rust-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(--khaki);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(120,45,15,.7),-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}}