:root{--poster-ink: #f5e7c8;--poster-ink-dim: #c9b890;--poster-sepia: #2a1f12;--poster-sepia-deep: #14100a;--poster-red: #b3342a;--poster-red-deep: #6e1d1e;--poster-gold: #d4a94a;--poster-gold-deep: #8a6c1f;--poster-navy: #1e3a52;--poster-paper: #d9c38a;--poster-paper-dark: #a78d51;--stencil-font: "Stencil Std", "Impact", "Arial Black", system-ui, sans-serif}.lobby-page{min-height:100vh;padding:48px 20px 80px;background:radial-gradient(ellipse at 20% -10%,rgba(212,169,74,.18),transparent 55%),radial-gradient(ellipse at 120% 110%,rgba(179,52,42,.22),transparent 60%),repeating-linear-gradient(45deg,rgba(0,0,0,.05) 0 2px,transparent 2px 6px),linear-gradient(180deg,#1b1407,#0c0804);color:var(--poster-ink);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;position:relative;overflow-x:hidden}.lobby-page:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(circle at 15% 25%,rgba(255,220,150,.05) 0,transparent 40%),radial-gradient(circle at 85% 75%,rgba(255,180,120,.04) 0,transparent 45%);mix-blend-mode:screen}.lobby-page:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.06) 0 1px,transparent 1px 3px);opacity:.55}.lobby-shell{max-width:980px;margin:0 auto;position:relative;z-index:1}.hero{position:relative;border:2px solid var(--poster-gold-deep);box-shadow:0 0 0 4px var(--poster-sepia-deep),0 20px 40px #0009,inset 0 0 80px #00000080;background:radial-gradient(ellipse at center top,#2b1f10,#100a05 80%),var(--poster-sepia);padding:32px 28px 28px;overflow:hidden}.hero-svg{display:block;width:100%;height:auto;max-height:340px;filter:drop-shadow(0 6px 12px rgba(0,0,0,.6))}.hero-illustration{display:flex;align-items:center;justify-content:center;gap:28px;padding:20px 16px 8px}.hero-flags{display:flex;flex-direction:column;gap:12px;align-items:center}.hero-flag-wrap{border:2px solid;border-radius:3px;overflow:hidden;box-shadow:0 3px 12px #0000008c;transition:transform .12s,box-shadow .12s}.hero-flag-wrap:hover{transform:scale(1.06);box-shadow:0 6px 20px #000000b3}.hero-globe-wrap{filter:drop-shadow(0 8px 24px rgba(0,0,0,.7));flex-shrink:0}.hero-title-block{text-align:center;margin-top:14px}.hero-title{font-family:var(--stencil-font);font-size:clamp(40px,7vw,84px);letter-spacing:.18em;margin:0;color:var(--poster-ink);text-shadow:2px 2px 0 var(--poster-red-deep),4px 4px 0 var(--poster-sepia-deep),0 0 24px rgba(212,169,74,.35);line-height:1;font-weight:900;transform:skew(-2deg)}.hero-title .amp{color:var(--poster-gold);font-style:italic;letter-spacing:.05em;margin:0 .1em}.hero-year{font-family:var(--stencil-font);font-size:clamp(28px,4vw,48px);letter-spacing:.4em;margin:4px 0 0;color:var(--poster-gold);text-shadow:1px 1px 0 var(--poster-sepia-deep),0 0 16px rgba(212,169,74,.4);font-weight:800}.hero-tagline{font-family:var(--stencil-font);font-size:clamp(14px,1.6vw,18px);letter-spacing:.32em;color:var(--poster-ink-dim);margin:14px 0 4px;text-transform:uppercase}.hero-rule{height:3px;margin:14px auto 0;max-width:320px;background:linear-gradient(90deg,transparent 0%,var(--poster-gold-deep) 20%,var(--poster-gold) 50%,var(--poster-gold-deep) 80%,transparent 100%);border-radius:2px}.hero-corner{position:absolute;width:22px;height:22px;fill:var(--poster-gold);opacity:.85}.hero-corner.tl{top:10px;left:10px}.hero-corner.tr{top:10px;right:10px}.hero-corner.bl{bottom:10px;left:10px}.hero-corner.br{bottom:10px;right:10px}.powers-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:24px 0 28px}.power-badge{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 8px 12px;border:2px solid var(--poster-sepia-deep);background:linear-gradient(180deg,#0003,#00000080),var(--badge-color, #555);color:#fff;box-shadow:inset 0 0 0 1px #ffffff14,0 6px 14px #0000008c;animation:badge-pulse 3.4s ease-in-out infinite;overflow:hidden}.power-badge:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 20%,rgba(255,255,255,.18),transparent 55%);pointer-events:none}.power-badge:nth-child(1){animation-delay:0s}.power-badge:nth-child(2){animation-delay:.5s}.power-badge:nth-child(3){animation-delay:1s}.power-badge:nth-child(4){animation-delay:1.5s}.power-badge:nth-child(5){animation-delay:2s}.power-flag{width:56px;height:36px;border:2px solid rgba(0,0,0,.4);box-shadow:0 3px 6px #0006;display:block}.power-badge-name{font-family:var(--stencil-font);font-size:13px;letter-spacing:.16em;text-transform:uppercase;text-shadow:1px 1px 0 rgba(0,0,0,.6);text-align:center}@keyframes badge-pulse{0%,to{transform:translateY(0);box-shadow:inset 0 0 0 1px #ffffff14,0 6px 14px #0000008c}50%{transform:translateY(-3px);box-shadow:inset 0 0 0 1px #ffffff2e,0 10px 22px #000000b3,0 0 24px var(--badge-accent, rgba(212, 169, 74, .3))}}.lobby-panel{background:linear-gradient(180deg,#d9c38a0f,#00000040),var(--poster-sepia);border:2px solid var(--poster-gold-deep);box-shadow:0 0 0 2px var(--poster-sepia-deep),0 10px 24px #00000080;padding:18px 22px;margin-bottom:20px;position:relative}.lobby-panel-title{font-family:var(--stencil-font);font-size:18px;letter-spacing:.22em;text-transform:uppercase;color:var(--poster-gold);margin:0 0 14px;padding-bottom:8px;border-bottom:1px dashed var(--poster-gold-deep);text-shadow:1px 1px 0 rgba(0,0,0,.7)}.lobby-field-row{display:flex;gap:10px;align-items:stretch;flex-wrap:wrap}.lobby-input{flex:1;min-width:180px;background:var(--poster-sepia-deep);border:1px solid var(--poster-gold-deep);color:var(--poster-ink);padding:10px 14px;font-size:15px;font-family:inherit;letter-spacing:.02em;box-shadow:inset 0 2px 4px #00000073;outline:none;transition:border-color .12s,box-shadow .12s}.lobby-input:focus{border-color:var(--poster-gold);box-shadow:inset 0 2px 4px #00000073,0 0 0 2px #d4a94a59}.lobby-input::placeholder{color:var(--poster-ink-dim);opacity:.65;letter-spacing:.04em}.lobby-select{background:var(--poster-sepia-deep);border:1px solid var(--poster-gold-deep);color:var(--poster-ink);padding:8px 10px;font-size:13px;font-family:inherit;letter-spacing:.04em;cursor:pointer;box-shadow:inset 0 2px 4px #00000059}.lobby-select:focus{outline:none;border-color:var(--poster-gold)}.lobby-btn{font-family:var(--stencil-font);font-size:14px;letter-spacing:.2em;text-transform:uppercase;padding:10px 18px;border:2px solid var(--poster-gold-deep);background:linear-gradient(180deg,#3a2a14,#1f1608);color:var(--poster-ink);cursor:pointer;transition:transform 80ms,box-shadow .12s,background .12s;box-shadow:inset 0 0 0 1px #ffffff0d,0 4px 8px #00000080;text-shadow:1px 1px 0 rgba(0,0,0,.6)}.lobby-btn:hover:not(:disabled){background:linear-gradient(180deg,#4c381c,#281c0d);box-shadow:inset 0 0 0 1px #ffffff1f,0 6px 14px #000000b3,0 0 0 1px var(--poster-gold)}.lobby-btn:active:not(:disabled){transform:translateY(1px)}.lobby-btn.primary{background:linear-gradient(180deg,#d4a94a,#8a6c1f);color:#1b1200;border-color:#5d4614;text-shadow:1px 1px 0 rgba(255,255,255,.2)}.lobby-btn.primary:hover:not(:disabled){background:linear-gradient(180deg,#f0c966,#a58226);box-shadow:inset 0 0 0 1px #ffffff40,0 6px 14px #000000b3,0 0 12px #f0c96699}.lobby-btn.danger{background:linear-gradient(180deg,#b3342a,#6e1d1e);color:#fff;border-color:#4a1414}.lobby-btn:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.4)}.games-empty{padding:22px;text-align:center;color:var(--poster-ink-dim);font-family:var(--stencil-font);letter-spacing:.25em;text-transform:uppercase;font-size:14px;border:1px dashed var(--poster-gold-deep);background:#00000040}.games-list{display:flex;flex-direction:column;gap:12px}.game-row{display:grid;grid-template-columns:1.2fr 1.4fr auto auto auto;gap:10px;align-items:center;padding:14px 16px;background:linear-gradient(180deg,#0003,#00000080),var(--poster-sepia-deep);border:1px solid var(--poster-gold-deep);border-left:6px solid var(--poster-red);box-shadow:0 4px 10px #00000080;transition:border-left-color .18s,transform .12s,box-shadow .18s}.game-row:hover{border-left-color:var(--poster-gold);transform:translate(2px);box-shadow:0 6px 14px #000000a6}.game-row.started{border-left-color:var(--poster-gold-deep);opacity:.75}.game-name{font-family:var(--stencil-font);font-size:16px;letter-spacing:.14em;color:var(--poster-ink);text-transform:uppercase;text-shadow:1px 1px 0 rgba(0,0,0,.6);display:flex;flex-direction:column;gap:2px}.game-id{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;color:var(--poster-ink-dim);letter-spacing:.08em;opacity:.7}.game-players{display:flex;flex-wrap:wrap;gap:6px;font-size:12px}.player-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border:1px solid rgba(0,0,0,.55);background:var(--chip-color, #333);color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.5);box-shadow:0 2px 4px #0006}.player-chip .player-chip-dot{width:8px;height:8px;border-radius:50%;background:#fff;opacity:.8;border:1px solid rgba(0,0,0,.3)}.game-players .none{color:var(--poster-ink-dim);font-family:var(--stencil-font);letter-spacing:.15em;font-size:11px;text-transform:uppercase;opacity:.6}.game-status{font-family:var(--stencil-font);font-size:11px;letter-spacing:.2em;text-transform:uppercase;padding:4px 8px;border:1px solid currentColor}.game-status.pending{color:var(--poster-gold)}.game-status.started{color:var(--poster-red)}.lobby-footnote{margin-top:24px;padding:14px 18px;text-align:center;color:var(--poster-ink-dim);font-size:13px;letter-spacing:.04em;border-top:1px dashed var(--poster-gold-deep)}.lobby-footnote b{color:var(--poster-gold);font-weight:700}.hero-clouds{position:absolute;top:0;left:0;right:0;height:100%;pointer-events:none;opacity:.35}.cloud-drift{animation:cloud-drift 60s linear infinite}.cloud-drift.slow{animation-duration:90s}@keyframes cloud-drift{0%{transform:translate(-10%)}to{transform:translate(10%)}}@media (max-width: 720px){.powers-strip{grid-template-columns:repeat(5,1fr);gap:6px}.power-flag{width:40px;height:26px}.power-badge{padding:10px 4px 8px}.power-badge-name{font-size:10px;letter-spacing:.08em}.game-row{grid-template-columns:1fr;gap:8px}}.lobby-profile-row{display:flex;align-items:center;gap:12px;padding:10px 12px;margin-bottom:12px;background:#ffffff0a;border:1px solid var(--panel-border);border-radius:6px}.lobby-profile-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.lobby-profile-name{font-size:14px;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-profile-email{font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-btn-logout{flex-shrink:0;font-size:12px;padding:5px 10px;background:#e05a5a1f;border:1px solid rgba(224,90,90,.35);color:#f3a8a8;border-radius:4px}.lobby-btn-logout:hover{background:#e05a5a38}.territory.land{stroke:#3a2a0a;stroke-width:1.8;stroke-linejoin:round}.territory.land.ru{fill:url(#land-ru)}.territory.land.de{fill:url(#land-de)}.territory.land.uk{fill:url(#land-uk)}.territory.land.jp{fill:url(#land-jp)}.territory.land.us{fill:url(#land-us)}.territory.land.neutral{fill:url(#land-neutral)}.territory.land:hover{stroke-width:3;opacity:1!important}.territory.sea{fill:#1c487038;stroke:#78b4dc59;stroke-width:1.2;stroke-dasharray:4 5;stroke-linejoin:round}.territory.sea:hover{fill:#285a8c59;stroke:#8cc8f08c}.territory.selected{stroke:#ffd05b!important;stroke-width:5!important;stroke-dasharray:none!important;opacity:1!important}.territory.reachable{stroke:#80ccff!important;stroke-width:4!important;stroke-dasharray:8 6!important;opacity:1!important}.territory-label.land-label{font-family:Garamond,Georgia,Times New Roman,serif;font-size:22px;font-weight:700;letter-spacing:.5px;text-anchor:middle;fill:#1a1005;paint-order:stroke;stroke:#fff8dcbf;stroke-width:5px;pointer-events:none}.territory-ipc{font-family:Garamond,Georgia,serif;font-size:16px;font-weight:600;text-anchor:middle;fill:#2a1a04;paint-order:stroke;stroke:#fff0b4b3;stroke-width:3.5px;pointer-events:none}.sea-zone-number{font-family:Arial,sans-serif;font-size:15px;font-weight:500;font-style:italic;text-anchor:middle;fill:#b4d2f0b3;paint-order:stroke;stroke:#0a1e3c66;stroke-width:2px;pointer-events:none}.capital-marker{fill:#ffd05b;stroke:#7a4d18;stroke-width:1.5;filter:drop-shadow(0 0 4px rgba(255,208,91,.8))}.stack-count{font-size:10px;font-weight:700;fill:#fff;text-anchor:middle;dominant-baseline:middle;pointer-events:none}.map-controls{position:absolute;right:14px;bottom:14px;display:flex;gap:6px;z-index:5;pointer-events:none}.map-controls .map-btn{pointer-events:auto;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-family:Stencil Std,Impact,Arial Black,system-ui,sans-serif;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#f2dfa0;background:linear-gradient(180deg,#1a2434eb,#0e1622f7);border:1px solid #6a4d18;border-radius:4px;box-shadow:0 0 0 1px #ffe6a01f inset,0 2px 6px #00000080;cursor:pointer;transition:background .14s,color .14s,box-shadow .14s}.map-controls .map-btn:hover{color:#fff3c4;background:linear-gradient(180deg,#283448f7,#162030fc);box-shadow:0 0 0 1px #ffe6a038 inset,0 0 14px #d6b66766,0 2px 8px #0009}.map-controls .map-btn:active{transform:translateY(1px)}.map-controls .map-btn svg{color:#d6b667}.map-controls .map-btn.map-btn-icon{padding:0;width:36px;height:36px;font-size:20px;font-family:system-ui,sans-serif;font-weight:400;letter-spacing:0;justify-content:center}.mj-panel{--mj-ink: var(--ink, #e5ecf3);--mj-muted: #8aa0b5;--mj-steel: #7c8a9a;--mj-steel-dark: #2a3340;--mj-panel-bg: #151b24;--mj-panel-raised:#1d2531;--mj-panel-sunk: #0e131a;--mj-brass: #c39a4a;--mj-brass-glow: #f4c87a;--mj-brass-dark: #6a4e1f;--mj-amber: #ffc764;--mj-blood: #a63535;--mj-paper: #d8d0b8;--mj-font-stencil: "Stencil Std", "Stencil", "Impact", "Arial Narrow", "Arial Black", sans-serif;--mj-font-mono: ui-monospace, "SF Mono", "JetBrains Mono", "Roboto Mono", Menlo, Consolas, monospace;position:relative;display:flex;flex-direction:column;background:linear-gradient(180deg,#161c26,#131922 60%,#101620);background-blend-mode:normal;color:var(--mj-ink);border-bottom:1px solid var(--mj-steel-dark);flex:0 0 auto;overflow-y:auto;font-feature-settings:"tnum" 1,"lnum" 1;font-variant-numeric:tabular-nums lining-nums}.mj-panel:before{content:"";position:absolute;left:3px;top:0;bottom:0;width:2px;background-image:radial-gradient(circle at 1px 6px,#3a4352 0 1.2px,transparent 1.3px),radial-gradient(circle at 1px 6px,rgba(255,255,255,.08) 0 .6px,transparent .7px);background-size:2px 22px;background-repeat:repeat-y;opacity:.9;pointer-events:none}.mj-accent-stripe{height:3px;width:100%;opacity:.9;box-shadow:0 1px #00000080,0 2px 6px #0006}.mj-section{position:relative;padding:14px 16px;border-bottom:1px solid var(--mj-steel-dark)}.mj-section:not(:last-child):after{content:"";position:absolute;left:16px;right:16px;bottom:-1px;height:1px;background-image:linear-gradient(90deg,transparent 0,transparent 3px,rgba(195,154,74,.25) 3px,rgba(195,154,74,.25) 7px,transparent 7px,transparent 10px);background-size:10px 1px;pointer-events:none}.mj-h3{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-family:var(--mj-font-stencil);font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:var(--mj-brass);margin:0 0 10px;padding-bottom:6px;border-bottom:1px solid rgba(195,154,74,.18)}.mj-h3-sub{font-family:var(--mj-font-mono);font-size:10px;letter-spacing:.5px;color:var(--mj-muted);text-transform:none;font-weight:400}.mj-empty{font-size:12px;color:var(--mj-muted);font-style:italic;padding:6px 2px}.mj-empty-inline{font-size:11px;color:var(--mj-muted)}.mj-command{background:radial-gradient(ellipse at top left,rgba(255,208,91,.05),transparent 60%),linear-gradient(180deg,#1a2230,#141a24)}.mj-command-head{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:start;margin-bottom:8px}.mj-active-badge{display:flex;gap:12px;align-items:center;min-width:0}.mj-pulse-dot{flex:0 0 14px;width:14px;height:14px;border-radius:50%;animation:mj-breathe 2.6s ease-in-out infinite}.mj-pulse-dot.mine{animation:mj-breathe-bright 1.8s ease-in-out infinite}@keyframes mj-breathe{0%,to{opacity:.55;transform:scale(.92)}50%{opacity:1;transform:scale(1.05)}}@keyframes mj-breathe-bright{0%,to{opacity:.7;transform:scale(.95);filter:saturate(.9)}50%{opacity:1;transform:scale(1.15);filter:saturate(1.25)}}.mj-active-names{min-width:0}.mj-power-stencil{font-family:var(--mj-font-stencil);font-size:20px;font-weight:900;letter-spacing:2px;line-height:1.05;text-transform:uppercase;filter:drop-shadow(0 1px 0 rgba(0,0,0,.55));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mj-turn-line{margin-top:2px;font-family:var(--mj-font-mono);font-size:10px;letter-spacing:1.4px;color:var(--mj-muted)}.mj-phase-block{text-align:right;border-left:1px solid rgba(195,154,74,.2);padding-left:10px}.mj-phase-label{font-family:var(--mj-font-mono);font-size:9.5px;letter-spacing:1.5px;color:var(--mj-brass)}.mj-phase-name{font-family:var(--mj-font-stencil);font-size:14px;letter-spacing:1.2px;text-transform:uppercase;color:var(--mj-ink);margin-top:2px}.mj-phase-sub{font-size:11.5px;line-height:1.45;color:var(--mj-muted);font-style:italic;margin-bottom:10px;padding:4px 0 2px;border-bottom:1px dashed rgba(195,154,74,.14)}.mj-phase-track{display:grid;grid-template-columns:repeat(6,1fr);gap:3px;margin-bottom:12px}.mj-phase-pip{height:3px;background:var(--mj-steel-dark);border-radius:1px;transition:background .2s ease}.mj-phase-pip.past{background:var(--mj-brass-dark)}.mj-phase-pip.active{background:linear-gradient(90deg,var(--mj-brass),var(--mj-brass-glow));box-shadow:0 0 6px #f4c87a80}.mj-command-actions{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:stretch}.mj-cta{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;padding:10px 14px;border-radius:4px;background:linear-gradient(180deg,#2a3544,#1b222d);border:1px solid #3d4a5c;border-top-color:#56657a;color:var(--mj-ink);font-family:var(--mj-font-stencil);letter-spacing:1.5px;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform 80ms ease;text-align:left}.mj-cta:hover:not(:disabled){border-color:var(--mj-brass);background:linear-gradient(180deg,#334050,#212a36)}.mj-cta:active:not(:disabled){transform:translateY(1px)}.mj-cta:disabled{opacity:.45;cursor:not-allowed}.mj-cta-label{font-size:13px;font-weight:700;color:var(--mj-brass-glow)}.mj-cta-sub{font-family:var(--mj-font-mono);font-size:10px;letter-spacing:.5px;color:var(--mj-muted);text-transform:none}.mj-cta.mj-cta-confirm:not(:disabled){background:linear-gradient(180deg,#e7b75a,#b88631);border-color:#7a5a22;border-top-color:#f4c87a;color:#1b1200}.mj-cta.mj-cta-confirm:not(:disabled) .mj-cta-label{color:#1b1200}.mj-cta.mj-cta-confirm:not(:disabled) .mj-cta-sub{color:#4a3508}.mj-cta.mj-cta-confirm:not(:disabled):hover{background:linear-gradient(180deg,#f4c87a,#c89638)}.mj-cta.mj-cta-roll:not(:disabled){background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.18),transparent 60%),linear-gradient(180deg,#9e2f2f,#6a1818);border-color:#3d0a0a;border-top-color:#d86060;color:#fff1e8}.mj-cta.mj-cta-roll:not(:disabled) .mj-cta-label{color:#ffe4cf;letter-spacing:3px}.mj-cta.mj-cta-roll:not(:disabled) .mj-cta-sub{color:#f4b9a3}.mj-cta.mj-cta-roll:not(:disabled):hover{background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.25),transparent 60%),linear-gradient(180deg,#b53838,#7b1c1c)}.mj-you-tag{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;padding:6px 10px;border-left:1px solid rgba(195,154,74,.2);gap:2px}.mj-you-label{font-family:var(--mj-font-mono);font-size:9px;letter-spacing:1.5px;color:var(--mj-muted)}.mj-you-name{font-family:var(--mj-font-stencil);font-size:12px;letter-spacing:1px;text-transform:uppercase}.mj-shipyard{background:linear-gradient(180deg,#171e29,#141a24)}.mj-budget-bar{position:relative;height:22px;margin:0 0 12px;border-radius:3px;background:var(--mj-panel-sunk);border:1px solid #2a3340;box-shadow:inset 0 1px 2px #0009;overflow:hidden}.mj-budget-fill{position:absolute;inset:0 auto 0 0;transition:width .22s cubic-bezier(.3,.7,.3,1);box-shadow:inset 0 1px #ffffff40}.mj-budget-bar.over .mj-budget-fill{background:linear-gradient(90deg,#6a1818,#a63535)!important}.mj-budget-labels{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:space-between;align-items:center;padding:0 10px;font-family:var(--mj-font-mono);font-size:11px;letter-spacing:.8px;color:var(--mj-ink);text-shadow:0 1px 2px rgba(0,0,0,.8);pointer-events:none}.mj-budget-remaining{color:var(--mj-brass-glow);font-weight:600}.mj-budget-remaining.over{color:#ffb3b3;font-weight:700;letter-spacing:1px}.mj-purchase-list{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.mj-purchase-row{display:grid;grid-template-columns:36px 1fr auto auto auto;align-items:center;gap:8px;padding:6px 8px;background:var(--mj-panel-raised);border:1px solid #262e3a;border-radius:3px;transition:border-color .14s ease,background .14s ease}.mj-purchase-row:hover{border-color:#3a4758;background:#222b38}.mj-purchase-row.picked{border-color:#c39a4a99;background:linear-gradient(180deg,#23283a,#1a2028);box-shadow:inset 0 0 0 1px #c39a4a26}.mj-purchase-piece{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:radial-gradient(circle,rgba(0,0,0,.4) 0%,transparent 70%);border-radius:3px}.mj-purchase-meta{min-width:0}.mj-purchase-name{font-size:12.5px;font-weight:600;letter-spacing:.3px;color:var(--mj-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mj-purchase-stats{display:flex;gap:6px;margin-top:2px}.mj-stat{display:inline-flex;align-items:baseline;gap:2px;font-family:var(--mj-font-mono);font-size:10px;color:var(--mj-steel)}.mj-stat-label{color:var(--mj-muted);letter-spacing:.5px}.mj-stat-val{color:var(--mj-ink);font-weight:700;font-variant-numeric:tabular-nums}.mj-stat.subtle .mj-stat-val{color:var(--mj-steel);font-weight:500}.mj-purchase-cost{display:flex;flex-direction:column;align-items:flex-end;line-height:1}.mj-cost-num{font-family:var(--mj-font-mono);font-size:14px;font-weight:700;color:var(--mj-brass-glow)}.mj-cost-unit{font-family:var(--mj-font-mono);font-size:8.5px;letter-spacing:1px;color:var(--mj-muted);margin-top:1px}.mj-stepper{display:inline-flex;align-items:center;gap:2px;background:var(--mj-panel-sunk);border:1px solid #2a3340;border-radius:3px;padding:1px}.mj-step-btn{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;color:var(--mj-brass-glow);font-size:15px;line-height:1;font-weight:700;cursor:pointer;border-radius:2px;transition:background .12s ease}.mj-step-btn:hover:not(:disabled){background:#c39a4a26}.mj-step-btn:disabled{opacity:.3;cursor:not-allowed}.mj-step-qty{min-width:20px;text-align:center;font-family:var(--mj-font-mono);font-variant-numeric:tabular-nums;font-size:13px;font-weight:700;color:var(--mj-ink)}.mj-purchase-subtotal{grid-column:1 / -1;justify-self:end;font-family:var(--mj-font-mono);font-size:10.5px;letter-spacing:.5px;color:var(--mj-brass);margin-top:2px;padding-top:3px;border-top:1px dashed rgba(195,154,74,.18);width:100%;text-align:right}.mj-mobilize{background:linear-gradient(180deg,#171e29,#141a24)}.mj-mobilize-target{display:flex;flex-direction:column;gap:2px;padding:8px 10px;margin-bottom:10px;background:var(--mj-panel-sunk);border:1px dashed rgba(195,154,74,.4);border-radius:3px}.mj-mobilize-target-label{font-family:var(--mj-font-mono);font-size:9px;letter-spacing:1.4px;color:var(--mj-brass)}.mj-mobilize-target-name{font-family:var(--mj-font-stencil);font-size:13px;letter-spacing:1px;text-transform:uppercase;color:var(--mj-ink)}.mj-mobilize-list{display:flex;flex-direction:column;gap:6px}.mj-mobilize-row{display:grid;grid-template-columns:30px 1fr;align-items:start;gap:8px;padding:7px 8px;background:var(--mj-panel-raised);border:1px solid #262e3a;border-radius:3px}.mj-mobilize-piece{display:flex;justify-content:center;padding-top:2px}.mj-mobilize-info{display:flex;flex-direction:column;gap:5px}.mj-mobilize-name{font-size:12.5px;font-weight:600}.mj-mobilize-qty{font-family:var(--mj-font-mono);font-size:12px;color:var(--mj-brass-glow);font-variant-numeric:tabular-nums}.mj-mobilize-no-target{font-size:11px;color:#e05050;font-style:italic}.mj-btn-deploy{font-size:11px;padding:4px 10px;width:100%;text-align:left;background:#c39a4a1f;border-color:var(--mj-brass);color:var(--mj-brass)}.mj-btn-deploy:hover{background:#c39a4a38!important}.mj-btn-primary{background:#c39a4a26;border-color:var(--mj-brass);color:var(--mj-brass)}.mj-btn-primary:hover:not(:disabled){background:#c39a4a47!important}.mj-deploy-targets{display:flex;flex-direction:column;gap:3px}.mj-btn-deploy-sm{font-size:11px;padding:3px 8px;text-align:left;width:100%;color:#9ab;border-color:#3a4558}.mj-btn-deploy-sm:hover:not(:disabled){color:var(--mj-brass)!important;border-color:var(--mj-brass)!important;background:#c39a4a1a!important}.mj-battles{background:linear-gradient(180deg,#1a1518,#14101a)}.mj-battle-stack{display:flex;flex-direction:column;gap:10px}.mj-battle-card{position:relative;padding:10px 12px 12px;background:linear-gradient(180deg,#e4dcc0,#c9bd9a);color:#2a220f;border-radius:4px;border:1px solid #3a2f1a;box-shadow:0 2px #00000080,0 6px 18px #00000073,inset 0 1px #ffffff80;font-family:inherit}.mj-battle-clip{position:absolute;top:-6px;left:50%;transform:translate(-50%);width:46px;height:12px;background:linear-gradient(180deg,#888,#444);border-radius:2px;box-shadow:0 2px 3px #00000080,inset 0 1px #fff6}.mj-battle-clip:after{content:"";position:absolute;left:50%;top:3px;width:6px;height:6px;transform:translate(-50%);background:#222;border-radius:50%}.mj-battle-head{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid rgba(58,47,26,.35);padding-bottom:4px;margin-bottom:8px}.mj-battle-title{font-family:var(--mj-font-stencil);font-size:15px;letter-spacing:1.5px;text-transform:uppercase;color:#2a1a0a}.mj-battle-meta{font-family:var(--mj-font-mono);font-size:10px;letter-spacing:.8px;color:#5a4a28}.mj-battle-vs{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:start;margin-bottom:8px}.mj-battle-side{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}.mj-battle-side-head{display:flex;flex-direction:column;align-items:center;gap:0}.mj-battle-side-label{font-family:var(--mj-font-mono);font-size:9px;letter-spacing:2px;color:#6a5a30}.mj-battle-side-name{font-family:var(--mj-font-stencil);font-size:12px;letter-spacing:1px;text-transform:uppercase;filter:drop-shadow(0 1px 0 rgba(255,255,255,.3))}.mj-battle-silhouette{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#2a220f11;box-shadow:inset 0 0 0 1px #3a2f1a40}.mj-battle-side-roster{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.mj-roster-chip{display:inline-flex;align-items:center;gap:3px;padding:2px 5px;background:#2a220f1f;border:1px solid rgba(58,47,26,.25);border-radius:3px;font-family:var(--mj-font-mono);font-size:10px;color:#2a1a0a}.mj-roster-n{font-variant-numeric:tabular-nums;font-weight:600}.mj-battle-vs-mark{display:flex;flex-direction:column;align-items:center;gap:3px;margin-top:16px}.mj-vs-line{width:14px;height:1px;background:linear-gradient(90deg,transparent,#3a2f1a,transparent)}.mj-vs-txt{font-family:var(--mj-font-stencil);font-size:11px;letter-spacing:2px;color:#6a1818}.mj-battle-log{display:flex;flex-direction:column;gap:4px;padding:6px 8px;background:#2a220f1a;border-left:2px solid rgba(166,53,53,.4);border-radius:2px;margin-bottom:10px}.mj-log-row{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:6px}.mj-log-label{font-family:var(--mj-font-stencil);font-size:10px;letter-spacing:1.5px}.mj-pips{display:flex;flex-wrap:wrap;gap:2px}.mj-pip{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;background:#efe7ce;border:1px solid #3a2f1a;border-radius:2px;font-family:var(--mj-font-mono);font-size:9px;font-weight:700;color:#3a2f1a;box-shadow:inset 0 -1px #00000026}.mj-pip.hit{background:linear-gradient(180deg,#d84444,#8a1818);color:#fff3e0;border-color:#3a0808;box-shadow:inset 0 -1px #0006,0 0 4px #d8444480}.mj-pip.muted{background:transparent;color:#7a6a48}.mj-log-hits{font-family:var(--mj-font-mono);font-size:10px;color:#3a2f1a}.mj-battle-actions{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:stretch}.mj-btn-retreat{padding:6px 12px;background:#2a220f26;border:1px solid rgba(58,47,26,.45);border-radius:3px;color:#3a2f1a;font-family:var(--mj-font-stencil);font-size:11px;letter-spacing:1.5px;cursor:pointer;transition:background .14s ease,border-color .14s ease}.mj-btn-retreat:hover:not(:disabled){background:#2a220f40;border-color:#6a1818;color:#6a1818}.mj-btn-retreat:disabled{opacity:.35;cursor:not-allowed}.mj-intel{background:linear-gradient(180deg,#151b25,#11161f)}.mj-powers-list{display:flex;flex-direction:column;gap:3px}.mj-power-row{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:8px;padding:6px 8px;background:var(--mj-panel-raised);border:1px solid #222a35;border-radius:3px;transition:border-color .15s ease,background .15s ease}.mj-power-row.active{border-color:var(--mj-brass);background:linear-gradient(90deg,rgba(195,154,74,.1),transparent 70%);box-shadow:inset 0 0 0 1px #c39a4a26}.mj-power-row.mine{background:linear-gradient(90deg,rgba(79,195,137,.08),transparent 70%)}.mj-power-row.mine.active{background:linear-gradient(90deg,rgba(79,195,137,.12),transparent 50%),linear-gradient(270deg,rgba(195,154,74,.12),transparent 50%)}.mj-power-row.eliminated{opacity:.4;filter:grayscale(.6)}.mj-power-flag{width:10px;height:22px;border-radius:1px;border:1px solid;box-shadow:inset 0 1px #ffffff4d}.mj-power-name{font-family:var(--mj-font-stencil);font-size:13px;letter-spacing:1.2px;text-transform:uppercase;display:inline-flex;align-items:baseline;gap:8px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mj-alliance-tag{font-family:var(--mj-font-mono);font-size:8.5px;letter-spacing:1.2px;padding:1px 4px;border-radius:2px;color:var(--mj-muted);border:1px solid rgba(138,160,181,.3)}.mj-alliance-tag.axis{color:#d08a8a;border-color:#d08a8a66}.mj-alliance-tag.allies{color:#8ec9b0;border-color:#8ec9b066}.mj-power-nums{display:inline-flex;align-items:baseline;gap:10px;font-family:var(--mj-font-mono);font-variant-numeric:tabular-nums lining-nums}.mj-treasury{font-size:13px;font-weight:700;color:var(--mj-brass-glow);min-width:28px;text-align:right}.mj-income{font-size:11px;color:var(--mj-steel)}.mj-inspector{position:relative;padding-left:20px;background:linear-gradient(180deg,#151b25,#11161f)}.mj-inspector:before{content:"";position:absolute;left:8px;top:10px;bottom:10px;width:4px;background:linear-gradient(180deg,var(--strip, #3a4656),var(--strip-accent, #1e2530));border-radius:2px;box-shadow:0 0 0 1px #0006,inset 0 1px #fff3}.mj-inspector.neutral:before{opacity:.6}.mj-inspector-body{display:flex;flex-direction:column;gap:8px}.mj-inspector-title{display:flex;justify-content:space-between;align-items:center;gap:8px}.mj-inspector-name{font-family:var(--mj-font-stencil);font-size:15px;letter-spacing:1.3px;text-transform:uppercase;color:var(--mj-ink)}.mj-ipc-badge{display:inline-flex;align-items:baseline;gap:3px;padding:3px 7px;background:linear-gradient(180deg,#e7b75a,#a37c2a);color:#1b1200;border:1px solid #5a3e10;border-top-color:#f4c87a;border-radius:2px;font-family:var(--mj-font-mono);box-shadow:0 1px #00000059,inset 0 1px #ffffff4d}.mj-ipc-num{font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}.mj-ipc-unit{font-size:8.5px;letter-spacing:1px;font-weight:700}.mj-inspector-owner{font-family:var(--mj-font-mono);font-size:10.5px;letter-spacing:1.2px;color:var(--mj-muted)}.mj-inspector-orig{margin-left:6px;font-size:10px;color:var(--mj-steel);font-style:italic;letter-spacing:.3px;text-transform:none}.mj-inspector-groups{display:flex;flex-direction:column;gap:6px;margin-top:2px}.mj-inspector-group{padding:6px 8px;background:var(--mj-panel-raised);border:1px solid #222a35;border-left:2px solid var(--g-color, #3a4656);border-radius:2px}.mj-inspector-group-head{display:flex;align-items:center;gap:8px;margin-bottom:5px}.mj-inspector-group-name{font-family:var(--mj-font-stencil);font-size:11.5px;letter-spacing:1.2px;text-transform:uppercase}.mj-inspector-group-meta{margin-left:auto;font-family:var(--mj-font-mono);font-size:10px;letter-spacing:.5px;color:var(--mj-muted)}.mj-inspector-pieces{display:flex;flex-wrap:wrap;gap:4px}.mj-inspector-chip{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;background:var(--mj-panel-sunk);border:1px solid #2a3340;border-radius:2px;font-family:var(--mj-font-mono);font-size:10.5px;color:var(--mj-ink)}.mj-inspector-chip-n{font-variant-numeric:tabular-nums;font-weight:700;color:var(--mj-brass-glow)}.mj-btn{background:#212935;border:1px solid #37435a;color:var(--mj-ink);padding:5px 10px;font-family:var(--mj-font-stencil);font-size:11px;letter-spacing:1.3px;border-radius:3px;cursor:pointer;transition:border-color .14s ease,background .14s ease}.mj-btn:hover:not(:disabled){border-color:var(--mj-brass);background:#2a3342}.mj-btn:disabled{opacity:.4;cursor:not-allowed}.mj-btn-ghost{background:transparent}.mj-h3-collapsible{cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:8px}.mj-h3-collapsible:hover{color:#fff3c4}.mj-collapse-caret{display:inline-block;width:12px;color:#c39a4a;font-size:11px;line-height:1;transition:color .14s}.mj-h3-collapsible:hover .mj-collapse-caret{color:#f4c87a}.mj-section.collapsed{padding-bottom:8px}:root{color-scheme:dark;--bg: #10141a;--panel: #1a2029;--panel-border: #2a3340;--ink: #e5ecf3;--muted: #8aa0b5;--sea: #1b3a58;--sea-deep: #122839;--land: #c8b88e;--land-edge: #8a7a50;--accent: #ffd05b;--danger: #e05a5a;--ok: #4fc389;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;background:var(--bg);color:var(--ink)}button{font:inherit;cursor:pointer}.app{display:grid;grid-template-columns:1fr 360px;height:100vh}.board-wrap{position:relative;background:radial-gradient(ellipse at center,#13283b,#08121d 80%);overflow:hidden}.side{border-left:1px solid var(--panel-border);background:var(--panel);display:flex;flex-direction:column}.header{padding:10px 14px;border-bottom:1px solid var(--panel-border);display:flex;gap:10px;align-items:center}.header .brand{font-weight:700;letter-spacing:.4px}.header .turn{font-size:13px;color:var(--muted)}.header .save-status{margin-left:auto;font-size:11px;color:var(--muted);opacity:.7}.quit-btn,.logout-btn{padding:4px 8px;font-size:12px}.profile-chip{font-size:12px;color:var(--muted);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel{padding:12px 14px;border-bottom:1px solid var(--panel-border)}.panel h3{margin:0 0 8px;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.power-chip{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600;color:#fff}.power-chip .dot{width:8px;height:8px;border-radius:50%;background:#fff;opacity:.85}.btn{background:#263242;border:1px solid #3a4a5e;color:var(--ink);padding:6px 10px;border-radius:6px;font-size:13px}.btn:hover{background:#2f3e52}.btn.primary{background:var(--accent);color:#1b1200;border-color:#c59c30;font-weight:600}.btn.primary:hover{background:#ffe08c}.btn.danger{background:#3a1f1f;border-color:#5a2b2b;color:#f3a8a8}.btn:disabled{opacity:.45;cursor:not-allowed}.log{flex:1;overflow-y:auto;padding:8px 14px;font-size:12px;line-height:1.5;color:#bcd}.log>div{padding:2px 0;border-bottom:1px dashed #2a3340}.board-svg{width:100%;height:100%;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}.board-svg.grabbing{cursor:grabbing}.territory{transition:fill .12s}.territory.land{fill:var(--land);stroke:var(--land-edge);stroke-width:1}.territory.sea{fill:var(--sea);stroke:var(--sea-deep);stroke-width:1}.territory.selected{stroke:var(--accent);stroke-width:3}.territory.reachable{stroke:#8cf;stroke-width:2;stroke-dasharray:4 4}.territory:hover{filter:brightness(1.1)}.territory.land.ru{fill:#d7a3a3}.territory.land.de{fill:#a5a5a5}.territory.land.uk{fill:#e5cf94}.territory.land.jp{fill:#f1c083}.territory.land.us{fill:#a8cdb5}.territory-label{pointer-events:none;fill:#15202c;font-size:11px;font-weight:600;text-anchor:middle}.territory-ipc{pointer-events:none;fill:#3f3514;font-size:10px;text-anchor:middle}.capital-marker{fill:var(--accent);stroke:#7a5a10;stroke-width:1}.stack{cursor:pointer}.stack-count{fill:#fff;font-size:10px;font-weight:700;text-anchor:middle;pointer-events:none}.purchase-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.purchase-item{display:flex;align-items:center;gap:6px;padding:4px 6px;background:#222c38;border-radius:6px;border:1px solid #2f3b4a}.purchase-item .cost{margin-left:auto;color:var(--accent);font-weight:600;font-size:12px}.purchase-item input{width:40px;background:#0e1520;border:1px solid #2f3b4a;color:var(--ink);padding:2px 4px;border-radius:3px}.stat-row{display:flex;justify-content:space-between;font-size:13px;padding:2px 0}.stat-row .muted{color:var(--muted)}.lobby{max-width:620px;margin:60px auto;padding:24px;background:var(--panel);border-radius:10px;border:1px solid var(--panel-border)}.lobby h1{margin:0 0 16px;font-weight:700;letter-spacing:.5px}.lobby input[type=text]{width:100%;background:#0e1520;border:1px solid #2f3b4a;color:var(--ink);padding:8px 10px;border-radius:5px;font-size:14px}.lobby .row{display:flex;gap:8px;margin:6px 0}.games-list .game-row{display:flex;gap:8px;align-items:center;padding:8px 0;border-bottom:1px dashed #2a3340}.games-list .game-row .players{flex:1;font-size:12px;color:var(--muted)}.battle{background:#2a1a1a;border:1px solid #5a2a2a;padding:8px 10px;border-radius:6px;margin-bottom:6px}.battle .title{font-weight:600;font-size:13px}.battle .hits{font-size:12px;color:var(--muted)}.battle .row{display:flex;gap:6px;margin-top:6px}.toast{position:absolute;top:12px;left:50%;transform:translate(-50%);padding:6px 12px;border-radius:4px;font-size:13px;pointer-events:none;white-space:nowrap}.toast-error{background:#2a1a1a;color:#fdd;border:1px solid #5a2a2a}.toast-notice{background:#1a2030;color:#cde;border:1px solid #2a405a}.toast-victory{background:#0f2a18;color:#cfe;border:1px solid #2a5a3a}.phase-banner{position:absolute;left:12px;top:12px;background:#0a0e14d9;padding:8px 14px;border-radius:6px;border:1px solid var(--panel-border);display:flex;gap:12px;align-items:center}.phase-banner .phase-name{font-weight:700;letter-spacing:.5px;text-transform:uppercase;font-size:13px}.legend{position:absolute;bottom:12px;left:12px;background:#0a0e14cc;padding:8px 10px;border-radius:6px;border:1px solid var(--panel-border);font-size:11px;color:var(--muted)}.quit-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000000a6;display:flex;align-items:center;justify-content:center}.quit-dialog{background:var(--panel);border:1px solid var(--panel-border);border-radius:10px;padding:24px;max-width:380px;width:90%}.quit-title{font-size:17px;font-weight:700;margin-bottom:10px;color:var(--danger)}.quit-body{font-size:13px;color:var(--muted);line-height:1.6;margin-bottom:20px}.quit-actions{display:flex;gap:10px;justify-content:flex-end}