:root{--canvas-w:1200px;--canvas-h:600px;--panel-w:264px;--stage-w:1464px;--stage-h:600px;--sky-0:#160d2e;--sky-1:#3a1d5e;--sky-2:#8e2f53;--sky-3:#d4562a;--sky-4:#f2a04b;--terrain-rim:#7a4f2e;--terrain-top:#5a3a22;--terrain-mid:#3c2516;--terrain-deep:#1d120b;--gold:#ffd23f;--ember:#ff7a1f;--ember-deep:#d4562a;--sun:#ffb24a;--sun-core:#ffe9a8;--tank-red:#e84d4d;--tank-red-lite:#ff7a7a;--tank-blue:#4d8ce8;--tank-blue-lite:#7fb0ff;--tread:#2a2118;--boom-core:#fff7d6;--boom-mid:#ffd23f;--boom-edge:#ff7a1f;--text:#e9e4f2;--text-gold:#ffe9a8;--text-dim:#9a86b8;--ink:#160d2e;--backdrop:#0c0716;--line-ink:#09040d;--line-gold:#ffd23f8c;--ambient-zenith:#1c1037;--ambient-mid:#120a24;--ambient-horizon:#8e2f5338;--ambient-ember:#ff7a1f2e;--ambient-star:#ffe9a829;--font-display:"SingedDisplay", "Trebuchet MS", "Segoe UI", Verdana, sans-serif;--font-mono:"Courier New", ui-monospace, "SFMono-Regular", monospace;--font-sans:system-ui, -apple-system, "Segoe UI", sans-serif;--crt-scanline-alpha:.1;--crt-vignette-alpha:.35;--ready:#6ff09a;--ui-rail:#0d0817;--ui-surface:#160d27c7;--ui-surface-raised:#221432f5;--ui-surface-active:#ff7a1f21;--ui-line:#ffe9a821;--ui-line-strong:#ffd23f57;--ui-copy:var(--text);--ui-muted:#aa98c2;--ui-action:var(--gold);--ui-action-hot:var(--ember);--ui-focus:0 0 0 2px var(--ui-rail), 0 0 0 4px var(--gold);--ui-glyph-line:#ffe9a83d;--ui-glyph-surface:#ffd23f0e;--ui-glyph-highlight:#ffe9a817;--ui-space-1:4px;--ui-space-2:8px;--ui-space-3:12px;--ui-space-4:16px;--ui-radius-sm:4px;--ui-radius-md:7px;--ui-radius-lg:10px;--ui-type-micro:9px;--ui-type-label:10px;--ui-type-body:12px;--ui-type-title:13px}html,body{margin:0}html{background:var(--backdrop)}body{background:radial-gradient(120% 100% at 50% 0%, #1a1033 0%, var(--backdrop) 60%);color:var(--text);font-family:var(--font-sans);place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}body:before{content:"";z-index:0;pointer-events:none;opacity:1;background:radial-gradient(circle at 13% 18%, var(--ambient-star) 0 1px, transparent 2px), radial-gradient(circle at 78% 11%, var(--ambient-star) 0 1px, transparent 2px), radial-gradient(circle at 91% 29%, var(--ambient-star) 0 1px, transparent 2px), radial-gradient(ellipse 58% 22% at 50% 100%, var(--ambient-ember), transparent 74%), radial-gradient(ellipse 72% 24% at 50% 64%, var(--ambient-ember), transparent 72%), radial-gradient(ellipse 112% 62% at 50% 54%, var(--ambient-horizon), transparent 68%), linear-gradient(180deg, var(--ambient-zenith) 0%, var(--ambient-mid) 54%, var(--backdrop) 100%);position:fixed;inset:0}#app{z-index:1;width:var(--stage-w);height:var(--stage-h);box-shadow:0 18px 70px #000000b8, 0 0 90px #8e2f5338, 0 0 0 3px var(--line-ink), inset 0 0 0 2px #ffd23f57, inset 0 0 34px #ff7a1f14;border-radius:6px;flex-direction:row;display:flex;position:relative;overflow:hidden}#app:before{content:"";z-index:30;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(120% 90% at 50% 38%,#8e2f5338 0%,#160d2e00 55%),radial-gradient(140% 120% at 50% 122%,#ff7a1f29 0%,#160d2e00 50%);position:absolute;inset:0}#app:after{content:"";z-index:31;pointer-events:none;background:repeating-linear-gradient(to bottom, rgba(0, 0, 0, var(--crt-scanline-alpha)) 0px, rgba(0, 0, 0, var(--crt-scanline-alpha)) 1px, #0000 2px, #0000 4px), radial-gradient(130% 130% at 50% 50%, #0000 58%, rgba(0, 0, 0, var(--crt-vignette-alpha)) 100%);position:absolute;inset:0}#stage{width:var(--canvas-w);height:var(--canvas-h);flex:none;position:relative}#stage:after{content:"";z-index:2;pointer-events:none;position:absolute;inset:0;box-shadow:inset -18px 0 26px #0c071657,inset 0 -34px 46px #0c07162e}#game{z-index:0;touch-action:none;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;display:block;position:absolute;inset:0}.boom-flash{z-index:1;pointer-events:none;opacity:0;mix-blend-mode:screen;background:radial-gradient(120% 90% at 50% 62%,#ffaa46e6 0%,#ff5a1447 42%,#ff5a1400 70%);position:absolute;inset:0}#game-overlay{z-index:5;pointer-events:none;position:absolute;inset:0}#battle-rail{top:var(--battle-rail-top-y);box-sizing:border-box;height:calc(var(--arena-height) - var(--battle-rail-top-y));z-index:6;pointer-events:none;background:linear-gradient(90deg,#090511f5,#190e2bf5 55%,#090511f5),radial-gradient(80% 120% at 50% 0,#ff7a1f21,#0000 70%);border-top:2px solid #ffd23f61;align-items:stretch;padding:8px 12px;display:flex;position:absolute;left:0;right:0;overflow:hidden;box-shadow:inset 0 1px #ffe9a81a,inset 0 18px 30px #ff7a1f0b,0 -10px 24px #0c071647}#hud{box-sizing:border-box;width:var(--panel-w);z-index:5;border-left:3px solid var(--line-ink);outline-offset:-2px;pointer-events:auto;background:radial-gradient(100% 45% at 50% 0,#ffd23f14,#ffd23f00 62%),radial-gradient(120% 75% at 50% 100%,#ff7a1f1a,#ff7a1f00 58%),linear-gradient(#170d2afb,#0a0612f9);outline:1px solid #ffd23f5c;flex-direction:column;flex:none;gap:0;height:100%;padding:10px 12px 12px;display:flex;position:relative;overflow:hidden;box-shadow:inset 1px 0 #ffe9a81a,inset 18px 0 28px #ff7a1f0b,-10px 0 24px #0c07165c}#hud:before{content:"";z-index:0;pointer-events:none;border:1px solid #ffd23f21;border-radius:6px;position:absolute;inset:7px;box-shadow:inset 0 0 22px #ffd23f0b,inset 0 -22px 34px #ff7a1f0e}#hud:after{content:"BATTLE STATUS";z-index:0;pointer-events:none;color:#ffe9a821;font-family:var(--font-display);letter-spacing:2.4px;font-size:9px;position:absolute;bottom:8px;right:13px}#hud>*{z-index:1;position:relative}#hud>.st-ui-section:not(.st-ui-section--instrument){box-sizing:border-box;width:100%;padding:var(--ui-section-padding,var(--ui-space-2) 0);border:0;border-bottom:1px solid var(--ui-line);box-shadow:none;background:0 0;border-radius:0;margin:0}#hud>.st-ui-section--instrument{margin:var(--ui-space-2) 0}#app.is-compact #hud>.st-ui-section--instrument{margin-block:var(--ui-space-1)}#hud>.st-ui-section--active{padding-block:0 var(--ui-space-2)}#hud>.st-ui-section.st-hud__command-console{margin:var(--ui-space-1) 0 var(--ui-space-2);border-radius:var(--ui-radius-lg);background:linear-gradient(135deg,#ffd23f0e,#0000 42%),#09051094;border:1px solid #ffd23f7a;padding:0;overflow:hidden;box-shadow:inset 0 0 24px #ff7a1f13,0 8px 18px #00000052}#app.is-compact #hud>.st-ui-section.st-hud__command-console{margin-block:0}#hud>.st-ui-section--actions{justify-content:flex-start;gap:var(--ui-space-2);color:var(--ui-copy)}#hud>.st-ui-section--roster{color:color-mix(in srgb, var(--ui-copy) 88%, transparent);background:linear-gradient(#09051038,#0000)}#hud>.st-hud__match-mode{color:var(--ui-muted);font-family:var(--font-mono);letter-spacing:1.2px;text-transform:uppercase;padding-top:13px;font-size:11px;font-weight:750}#hud>.st-hud__round{color:var(--text-gold);letter-spacing:.8px;font-size:13px}#hud>.st-hud__conn{z-index:1;border-color:var(--ui-line);color:var(--ui-copy);box-shadow:none;white-space:normal;background:0 0;border-radius:0;align-items:center;gap:7px;margin-top:auto;padding-block:10px;display:flex;position:relative;inset:auto;transform:none}#hud>.st-hud__conn:before{content:"";background:#6fd7a9;border-radius:50%;flex:0 0 8px;width:8px;height:8px;box-shadow:0 0 8px #6fd7a975}#hud>.st-hud__conn[data-connection-state=connecting]:before,#hud>.st-hud__conn[data-connection-state=reconnecting]:before{background:var(--ember);box-shadow:0 0 8px #ff7a1f85}#battle-rail .st-ui-section.st-hud__strip--open{z-index:20;width:auto;height:auto;max-height:calc(100% - 8px);padding:var(--ui-space-3);border:1px solid var(--ui-line-strong);border-radius:var(--ui-radius-lg);background:linear-gradient(180deg, #ffd23f0f, transparent 38%), var(--ui-surface-raised);margin:0;position:absolute;inset:4px;overflow:hidden;box-shadow:0 18px 42px #000000a8,0 0 0 1px #09040de6,inset 0 1px #ffe9a814}.st-ui-action:focus-visible,.st-ui-icon-action:focus-visible,.st-hud__weapon-btn:focus-visible,.st-hud__touch-btn:focus-visible{box-shadow:var(--ui-focus);outline:none}.st-ui-icon{stroke:currentColor;flex:none;display:block}.st-ui-glyph{box-sizing:border-box;border:1px solid var(--ui-glyph-line);border-radius:var(--ui-radius-sm);background:linear-gradient(145deg, var(--ui-glyph-highlight), transparent 48%), var(--ui-glyph-surface);flex:none;place-items:center;width:25px;height:25px;display:inline-grid;position:relative;box-shadow:inset 0 0 0 1px #09040d75,0 1px #ffe9a80d}.st-ui-glyph>.st-ui-icon{width:20px;height:20px}.st-ui-glyph:after{content:"";opacity:.42;background:currentColor;width:3px;height:1px;position:absolute;bottom:2px;right:2px}.st-ui-glyph[data-glyph=menu]{color:var(--ui-muted)}.st-ui-glyph[data-glyph=store]{color:var(--text-gold)}.st-ui-glyph[data-glyph=arsenal]{color:var(--gold);background:radial-gradient(circle at 45% 58%, #ff7a1f21, transparent 58%), linear-gradient(145deg, var(--ui-glyph-highlight), transparent 48%), var(--ui-glyph-surface);border-color:#ffd23f5c}.st-ui-glyph[data-glyph=fire]{color:var(--sun-core);background:#09040d3d;border-color:#ffe9a875}.st-ui-glyph[data-glyph=aim]{color:var(--tank-blue-lite);border-color:#7ad7ff61}.st-ui-glyph[data-glyph=power]{color:var(--ember);border-color:#ff7a1f61}.st-ui-glyph[data-glyph=move]{color:var(--gold);border-color:#ffd23f5c}.st-ui-glyph[data-glyph=weapon]{color:#c084fc;border-color:#c084fc61}.st-ui-icon[data-icon=arsenal] circle{fill:#ff7a1f24}.st-ui-icon[data-icon=store] circle{fill:#ffe9a814}#game-overlay button,#hud button{pointer-events:auto}#lobby{z-index:40;pointer-events:auto;place-items:center;display:grid;position:absolute;inset:0}#lobby[hidden]{display:none}#modal-layer{z-index:50;pointer-events:none;position:absolute;inset:0}#modal-layer button{pointer-events:auto}#portrait-warn{z-index:9999;box-sizing:border-box;isolation:isolate;background:radial-gradient(ellipse 90% 42% at 50% 18%, #ff7a1f33, transparent 72%), linear-gradient(180deg, #160d2e 0%, var(--backdrop,#0c0716) 72%);min-height:100dvh;color:var(--text-gold,#ffe9a8);font-family:var(--font-sans,system-ui, sans-serif);text-align:center;padding:max(22px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(22px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));flex-direction:column;justify-content:center;align-items:center;display:none;position:fixed;inset:0;overflow:hidden}#portrait-warn:before,#portrait-warn:after{content:"";pointer-events:none;position:absolute;inset:0}#portrait-warn:before{z-index:-1;background:linear-gradient(#0c071633 0%,#0c0716b8 44%,#0c0716 88%),radial-gradient(76% 38% at 50% 34%,#0000 0%,#0c071699 78%)}#portrait-warn:after{z-index:3;mix-blend-mode:multiply;background:repeating-linear-gradient(#00000017 0 1px,#0000 2px 4px)}.portrait-warn__art{z-index:-2;object-fit:cover;object-position:center;opacity:.58;filter:saturate(.9)contrast(1.08);width:100%;height:54%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0% 54%,#0000 100%);mask-image:linear-gradient(#000 0% 54%,#0000 100%)}.portrait-warn__panel{z-index:1;box-sizing:border-box;background:linear-gradient(180deg, #221432e0, #0c0716f5), var(--ui-surface-raised);border:1px solid #ffd23f61;border-radius:16px;justify-items:center;width:min(100%,390px);padding:clamp(22px,5.6vh,42px) clamp(18px,6vw,28px) 24px;display:grid;position:relative;box-shadow:0 18px 56px #000000a8,0 0 0 3px #09040dc7,inset 0 1px #ffe9a81f,0 0 36px #ff7a1f29}.portrait-warn__eyebrow{font-family:var(--font-mono);letter-spacing:.26em;color:var(--gold);text-transform:uppercase;margin-bottom:clamp(20px,4.4vh,34px);font-size:11px;font-weight:700}.portrait-warn__device{box-sizing:border-box;border:4px solid var(--text-gold);width:76px;height:46px;color:var(--text-gold);filter:drop-shadow(0 0 12px #ffd23f57);border-radius:10px;margin-bottom:24px;animation:2.1s cubic-bezier(.25,.8,.25,1) infinite portrait-device-turn;position:relative}.portrait-warn__device:before{content:"";border:2px solid #ff7a1f94;border-color:#ff7a1f94 #ff7a1f94 #0000 #0000;border-radius:50%;width:102px;height:72px;position:absolute;top:-18px;left:-18px;transform:rotate(-28deg)}.portrait-warn__device:after{content:"";border-left:7px solid var(--ember);border-top:5px solid #0000;border-bottom:5px solid #0000;width:0;height:0;position:absolute;top:-12px;right:-17px;transform:rotate(38deg)}.portrait-warn__device-screen{background:radial-gradient(circle at 28% 34%, var(--gold) 0 2px, transparent 3px), linear-gradient(165deg, transparent 48%, #ff7a1fb8 49% 54%, transparent 55%), #4d8ce81f;border-radius:4px;position:absolute;inset:6px 9px}#portrait-warn h2{max-width:320px;font-family:var(--font-display);letter-spacing:.01em;color:var(--text-gold);text-shadow:0 3px 16px #000000c2;margin:0;font-size:clamp(27px,8.4vw,36px);line-height:1.02}.portrait-warn__copy{max-width:310px;color:var(--ui-copy);margin:16px 0 22px;font-size:15px;line-height:1.45}#portrait-launch{box-sizing:border-box;width:min(100%,310px);min-height:52px;color:var(--ink);background:linear-gradient(180deg, #ffe979 0%, var(--gold) 58%, #eaa821 100%);font:800 15px/1.15 var(--font-sans);letter-spacing:.02em;cursor:pointer;border:1px solid #ffe9a88c;border-radius:8px;padding:12px 18px;box-shadow:0 8px 24px #0000006b,inset 0 1px #ffffff94}#portrait-launch:hover:not(:disabled){filter:brightness(1.07)}#portrait-launch:active:not(:disabled){transform:translateY(1px)}#portrait-launch:focus-visible{box-shadow:var(--ui-focus), 0 8px 24px #0000006b;outline:none}#portrait-launch:disabled{cursor:wait;opacity:.72}#portrait-warn-status{max-width:310px;min-height:34px;color:var(--ui-muted);font-family:var(--font-mono);margin:14px 0 0;font-size:11px;line-height:1.45}@media (orientation:portrait) and (width<=480px){#portrait-warn{display:flex}}@keyframes portrait-device-turn{0%,20%{transform:rotate(-90deg)scale(.92)}52%,82%,to{transform:rotate(0)scale(1)}}@media (height<=680px) and (orientation:portrait) and (width<=480px){.portrait-warn__panel{padding-top:20px;padding-bottom:18px}.portrait-warn__eyebrow{margin-bottom:16px}.portrait-warn__device{margin-bottom:17px}.portrait-warn__copy{margin-block:12px 16px}#portrait-warn-status{margin-top:10px}}@media (prefers-reduced-motion:reduce){.portrait-warn__device{animation:none}#portrait-launch{transition:none}}#lobby .production-diagnostics{box-sizing:border-box;color:#ffefcdeb;min-width:0;font-family:var(--font-sans)}#lobby .production-diagnostics,#lobby .production-diagnostics *{overflow-wrap:anywhere;min-width:0}#lobby .production-diagnostics__intro{max-width:760px;margin:0 0 var(--ui-space-4);color:#e1d6bfb8;font-size:var(--ui-type-body);line-height:1.5}#lobby .production-diagnostics__console{gap:var(--ui-space-4);grid-template-columns:minmax(0,1fr) minmax(280px,.9fr);align-items:start;display:grid}#lobby .production-diagnostics__column{gap:var(--ui-space-3);min-width:0;display:grid}#lobby .production-diagnostics__column--receipt{align-content:start}#lobby .production-diagnostics__status,#lobby .production-diagnostics__check,#lobby .production-diagnostics__fault,#lobby .production-diagnostics__provenance,#lobby .production-diagnostics__receipt{box-sizing:border-box;background-color:#070a0cc2;border:1px solid #ffbc5047;border-left:3px solid #ffbc50c7;min-width:0}#lobby .production-diagnostics__status{padding:var(--ui-space-3);gap:6px;display:grid}#lobby .production-diagnostics__status-label,#lobby .production-diagnostics__check h3,#lobby .production-diagnostics__receipt-heading{color:#ffe09fb8;font:700 var(--ui-type-label)/1.2 var(--font-mono);letter-spacing:.16em;margin:0}#lobby .production-diagnostics__status-value{color:#ffe0a0;font:700 16px/1.25 var(--font-mono)}#lobby .production-diagnostics__check{padding:var(--ui-space-3)}#lobby .production-diagnostics__fault,#lobby .production-diagnostics__provenance{gap:var(--ui-space-2);padding:var(--ui-space-3);display:grid}#lobby .production-diagnostics__provenance h3{color:#ffe09fb8;font:700 var(--ui-type-label)/1.2 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;margin:0}#lobby .production-diagnostics__provenance strong{color:#ffefcdd1;font:11px/1.45 var(--font-mono)}#lobby .production-diagnostics__fault h3,#lobby .production-diagnostics__fault p{margin:0}#lobby .production-diagnostics__fault h3{color:#ffe09fb8;font:700 var(--ui-type-label)/1.2 var(--font-mono);letter-spacing:.12em;text-transform:uppercase}#lobby .production-diagnostics__fault p,#lobby .production-diagnostics__fault-state,#lobby .production-diagnostics__fault code{color:#ffefcdd1;font:11px/1.45 var(--font-mono)}#lobby .production-diagnostics__fault-state{color:var(--gold)}#lobby .production-diagnostics__check h3{margin-bottom:var(--ui-space-2)}#lobby .production-diagnostics__check-line{gap:var(--ui-space-3);grid-template-columns:minmax(0,1fr) auto;align-items:baseline;display:grid}#lobby .production-diagnostics__check-line strong{color:#ffefcdf5;font-size:13px;line-height:1.35}#lobby .production-diagnostics__check-line code{color:var(--gold);font:700 11px/1.35 var(--font-mono);text-align:right}#lobby .production-diagnostics__actions{gap:var(--ui-space-2);flex-wrap:wrap;align-items:center;display:flex}#lobby .production-diagnostics__actions button,#lobby .production-diagnostics__fault button,#lobby .production-diagnostics__provenance button{box-sizing:border-box;color:#ffe0a0;min-height:44px;font:700 12px/1.2 var(--font-sans);letter-spacing:.02em;cursor:pointer;touch-action:manipulation;background-color:#070a0ce6;border:1px solid #ffbc50a3;border-radius:0;padding:10px 14px}#lobby .production-diagnostics__actions .production-diagnostics__run{color:#160d2e;background-color:var(--gold)}#lobby .production-diagnostics__actions button:hover:not(:disabled),#lobby .production-diagnostics__fault button:hover:not(:disabled),#lobby .production-diagnostics__provenance button:hover:not(:disabled){border-color:#ffe9a8}#lobby .production-diagnostics__actions button:active:not(:disabled),#lobby .production-diagnostics__fault button:active:not(:disabled),#lobby .production-diagnostics__provenance button:active:not(:disabled){transform:translateY(1px)}#lobby .production-diagnostics__actions button:focus-visible,#lobby .production-diagnostics__fault button:focus-visible,#lobby .production-diagnostics__provenance button:focus-visible{box-shadow:var(--ui-focus);outline:none}#lobby .production-diagnostics__actions button:disabled,#lobby .production-diagnostics__fault button:disabled,#lobby .production-diagnostics__provenance button:disabled{color:#e1d6bf6b;cursor:not-allowed;background-color:#070a0c8a;border-color:#ffbc5033}#lobby .production-diagnostics__receipt-heading{padding-bottom:var(--ui-space-1)}#lobby .production-diagnostics__receipt{border-left-color:var(--gold)}#lobby .production-diagnostics__receipt-data{box-sizing:border-box;padding:var(--ui-space-3);color:#ffefcde6;font:11px/1.45 var(--font-mono);white-space:pre;margin:0;overflow-x:auto}#lobby .production-diagnostics__receipt-placeholder,#lobby .production-diagnostics__copy-status{color:#e1d6bf9e;min-height:18px;font:11px/1.45 var(--font-mono);display:block}#lobby .production-diagnostics__receipt-placeholder{padding:var(--ui-space-3)}#lobby .production-diagnostics__copy-status{color:var(--gold)}@media (width<=700px){#lobby .production-diagnostics__console{grid-template-columns:minmax(0,1fr)}}@media (orientation:landscape) and (height<=520px){#lobby .production-diagnostics__console{gap:var(--ui-space-3);grid-template-columns:minmax(0,1fr) minmax(220px,.82fr)}#lobby .production-diagnostics__column{gap:var(--ui-space-2)}#lobby .production-diagnostics__intro{margin-bottom:var(--ui-space-2)}#lobby .production-diagnostics__status,#lobby .production-diagnostics__check{padding:var(--ui-space-2)}}@media (prefers-reduced-motion:reduce){#lobby .production-diagnostics__actions button{transition:none}#lobby .production-diagnostics,#lobby .production-diagnostics__receipt,#lobby .production-diagnostics__receipt-data{scroll-behavior:auto}}