:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;background:#0e1216;color:#e8eaed}.app{position:relative;width:100vw;height:100vh;overflow:hidden}.canvas-host{position:absolute;top:0;right:0;bottom:0;left:0}.overlay{position:absolute;padding:12px 14px;background:#0e1216d1;border:1px solid #2a3340;border-radius:10px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;display:flex;flex-direction:column;gap:8px}.top-left{top:16px;left:16px;max-width:320px}.top-right{top:16px;right:16px;align-items:flex-end}.side-right{top:80px;right:16px;width:260px}.bottom-left{bottom:16px;left:16px;padding:8px 12px;font-size:12px;color:#9aa3b2}h1{margin:0;font-size:16px;font-weight:700;letter-spacing:1.5px;color:#f1f5f9}.scenario-row{display:flex;align-items:baseline;gap:8px;font-size:13px}.scenario-name{color:#e8eaed;font-weight:600}.scenario-sides{color:#9aa3b2;font-size:12px}.share-link{display:flex;flex-direction:column;gap:4px;padding-top:4px}.share-row{display:flex;align-items:center;gap:6px;margin-top:2px}.share-url{font-size:11px;padding:4px 7px;background:#1a2028;border:1px solid #2a3340;border-radius:6px;flex:1;overflow-x:auto;white-space:nowrap}.pill{padding:5px 10px;border-radius:999px;border:1px solid #2a3340;background:#1a2028;color:#cbd2dc;font-size:12px;cursor:pointer;font-family:inherit;transition:background .15s,border-color .15s}.pill:hover{background:#232a35}.pill.active{background:#2d5e8a;border-color:#3d77ad;color:#fff}.status{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:#1a2028;border:1px solid #2a3340;font-size:13px}.dot{width:8px;height:8px;border-radius:50%;background:#6b7280}.dot.connected{background:#22c55e;box-shadow:0 0 6px #22c55e99}.dot.connecting,.dot.reconnecting{background:#eab308;animation:pulse 1.2s ease-in-out infinite}.dot.error{background:#ef4444}.dot.disconnected{background:#6b7280}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.meta{font-size:11px;color:#9aa3b2}.hint{font-size:11px;letter-spacing:.3px}.side-panel{display:flex;flex-direction:column;gap:14px}.panel-block{display:flex;flex-direction:column;gap:4px}.panel-block.selected{background:#1a2028;border:1px solid #2a3340;border-radius:8px;padding:10px}.panel-label{font-size:10px;letter-spacing:1px;color:#9aa3b2;text-transform:uppercase}.panel-value{font-size:16px;font-weight:600;color:#f1f5f9}.panel-sub{font-size:12px;color:#9aa3b2}.turn-pill{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600}.turn-pill.mine{background:#14532d;color:#bbf7d0;border:1px solid #166534}.turn-pill.theirs{background:#292524;color:#d6d3d1;border:1px solid #44403c}.faction-dot{display:inline-block;width:9px;height:9px;border-radius:50%;border:1px solid rgba(255,255,255,.25);flex-shrink:0}.faction-dot.allies{background:#3d77ad;box-shadow:0 0 4px #3d77ad99}.faction-dot.axis{background:#c44d44;box-shadow:0 0 4px #c44d4499}.faction-dot.neutral{background:#6b7280}.panel-value.with-dot{display:inline-flex;align-items:center;gap:8px}.panel-label-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.tag{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:999px;font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.tag.yours{background:#1f3a5a;color:#c5e0f7;border:1px solid #2d5e8a}.tag.enemy{background:#4b1c1a;color:#f5c9c5;border:1px solid #7b2a26}.tag.amphib{background:#1e3a3a;color:#99e2e2;border:1px solid #2d5e5e}.panel-sub.muted{color:#6b7280;font-style:italic}.panel-attack-grid{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:2px 8px;margin-top:4px;padding:6px 8px;background:#0e1216;border:1px solid #1f2933;border-radius:6px;font-size:11px}.ag-label{color:#6b7280;text-transform:uppercase;letter-spacing:.6px;font-size:10px}.ag-val{color:#cbd2dc;font-weight:600}.buy-block{background:#1a2028;border:1px solid #2a3340;border-radius:8px;padding:10px;gap:6px}.small-cap{text-transform:uppercase;letter-spacing:.5px;font-size:10px;margin-top:2px}.buy-list{display:flex;flex-direction:column;gap:3px}.buy-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 8px;border-radius:6px;border:1px solid #2a3340;background:#0e1216;color:#e8eaed;font-size:12px;font-family:inherit;cursor:pointer;text-align:left;transition:background .1s,border-color .1s}.buy-row:hover:not(:disabled){background:#1f2933;border-color:#3d77ad}.buy-row:disabled{opacity:.45;cursor:not-allowed}.buy-name{color:#e8eaed}.amphib-marker{color:#99e2e2}.buy-cost{font-weight:700;font-variant-numeric:tabular-nums;color:#f1f5f9;font-size:11px;background:#2a3340;padding:1px 6px;border-radius:999px;min-width:22px;text-align:center}.buy-cost.short{background:#4b1c1a;color:#f5c9c5}.heal-btn{margin-top:6px;background:#166534;border-color:#22c55e;font-size:12px}.heal-btn:hover:not(:disabled){background:#15803d}.attach-btn{margin-top:6px;background:#1e3a3a;border-color:#2d5e5e;color:#99e2e2;font-size:12px}.attach-btn:hover:not(:disabled){background:#2c4d4d}.fort-build{margin-top:8px}.fort-blurb{color:#6b7280;font-weight:400;font-size:10px;margin-left:4px}.game-over{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000c7;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.game-over-card{background:#14181d;border:1px solid #2a3340;padding:36px 48px;border-radius:16px;text-align:center;display:flex;flex-direction:column;gap:14px;min-width:340px;box-shadow:0 12px 40px #00000080}.game-over-banner{font-size:40px;font-weight:800;letter-spacing:6px;margin-bottom:4px}.game-over-banner.victory{color:#22c55e;text-shadow:0 0 18px rgba(34,197,94,.45)}.game-over-banner.defeat{color:#ef4444;text-shadow:0 0 18px rgba(239,68,68,.45)}.game-over-side{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:15px;font-weight:600;color:#e8eaed}.game-over-reason{font-size:13px;color:#cbd5e1;max-width:380px;line-height:1.45}.game-over-meta{font-size:11px;color:#6b7280;letter-spacing:.4px}.game-over .primary{margin-top:8px;align-self:center;padding:10px 22px}.disconnect-banner{bottom:16px;left:50%;transform:translate(-50%);max-width:480px;background:#1f2937eb;border:1px solid #44403c;color:#fde68a;font-size:12px;padding:12px 16px}.disconnect-row{display:flex;align-items:center;gap:8px}.disconnect-sub{font-size:11px;color:#cbd5e1}.disconnect-sub.muted{color:#6b7280}button.primary{padding:10px 14px;border-radius:8px;border:1px solid #3d77ad;background:#2d5e8a;color:#fff;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit}button.primary:hover:not(:disabled){background:#3a72a8}button.primary:disabled{opacity:.4;cursor:not-allowed}button.secondary{padding:8px 12px;border-radius:8px;border:1px solid #2a3340;background:#1a2028;color:#cbd2dc;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit}button.secondary:hover{background:#232a35}button.danger{padding:8px 12px;border-radius:8px;border:1px solid #7b2a26;background:#4b1c1a;color:#f5c9c5;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit}button.danger:hover{background:#6b2520}.confirm-block{display:flex;flex-direction:column;gap:8px;padding:10px;background:#1a2028;border:1px solid #44403c;border-radius:8px}.confirm-msg{font-size:12px;color:#fde68a}.confirm-row{display:flex;gap:6px}.confirm-row>button{flex:1}.panel-sub.with-dot{display:inline-flex;align-items:center;gap:6px}.lobby-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(800px 600px at 20% 20%,rgba(45,94,138,.15),transparent 60%),radial-gradient(800px 600px at 80% 80%,rgba(196,77,68,.1),transparent 60%),#0e1216}.lobby-shell{position:relative;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.lobby{width:min(640px,100%);background:#0e1216db;border:1px solid #2a3340;border-radius:14px;padding:32px;display:flex;flex-direction:column;gap:18px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.lobby h1{font-size:22px;letter-spacing:2px}.lobby-subtitle{margin:0;color:#9aa3b2;font-size:13px}.lobby-section{display:flex;flex-direction:column;gap:8px}.lobby-section-label{font-size:11px;letter-spacing:1px;color:#9aa3b2;text-transform:uppercase}.scenario-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.scenario-card{text-align:left;padding:12px;border-radius:10px;background:#1a2028;border:1px solid #2a3340;color:#e8eaed;cursor:pointer;display:flex;flex-direction:column;gap:4px;font-family:inherit;transition:background .15s,border-color .15s,transform .05s}.scenario-card:hover{background:#20283288}.scenario-card.active{background:#1f3a5a;border-color:#3d77ad}.scenario-card-name{font-size:15px;font-weight:600}.scenario-card-sides{font-size:11px;color:#9aa3b2}.scenario-card-desc{font-size:12px;color:#cbd2dc;line-height:1.4}.lobby-footnote{font-size:11px;color:#9aa3b2;margin:0}.lobby-conn{position:absolute;top:16px;right:16px}.lobby-error{position:absolute;bottom:16px;background:#7f1d1d;color:#fee2e2;border:1px solid #991b1b;padding:8px 12px;border-radius:8px;font-size:12px;cursor:pointer}.error-toast{bottom:16px;right:16px;background:#7f1d1d;color:#fee2e2;border:1px solid #991b1b;font-size:12px;cursor:pointer;max-width:360px}.win-goals{display:flex;flex-direction:column;gap:8px;padding-top:6px;margin-top:4px;border-top:1px solid #2a3340}.win-goals-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:4px 0;background:transparent;border:none;color:#cbd2dc;font-family:inherit;font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;cursor:pointer}.win-goals-toggle:hover{color:#f1f5f9}.win-goals-chevron{color:#6b7280;font-size:10px}.win-goals-body{display:flex;flex-direction:column;gap:12px}.win-goal-group-label{margin:0 0 6px;font-size:10px;font-weight:700;letter-spacing:1.1px;text-transform:uppercase;color:#9aa3b2}.win-goal-group.mine .win-goal-group-label{color:#9fc6e9}.win-goal-group.enemy .win-goal-group-label,.win-goal-group.side-axis.mine .win-goal-group-label{color:#efb1ad}.win-goal-group.side-axis.enemy .win-goal-group-label{color:#9fc6e9}.win-goal-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.win-goal{padding:8px 10px;background:#1a2028;border:1px solid #2a3340;border-radius:8px;display:flex;flex-direction:column;gap:4px}.win-goal.satisfied{border-color:#22c55e;background:#102017}.win-goal-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.win-goal-title{font-size:12px;font-weight:700;color:#e8eaed}.win-goal-badge{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background:#22c55e;color:#0a160e;border-radius:50%;font-size:10px;font-weight:900}.win-goal-desc{font-size:11px;color:#9aa3b2;line-height:1.35}.win-goal-bar{position:relative;height:4px;background:#0e1216;border-radius:2px;overflow:hidden}.win-goal-bar-fill{height:100%;border-radius:2px;transition:width .4s ease-out}.win-goal-bar-fill.mine{background:linear-gradient(90deg,#3d77ad,#5b9fd9)}.win-goal-bar-fill.enemy{background:linear-gradient(90deg,#c44d44,#e57267)}.win-goal.satisfied .win-goal-bar-fill{background:linear-gradient(90deg,#22c55e,#4ade80)}.win-goal-progress{font-size:11px;color:#cbd2dc;font-variant-numeric:tabular-nums}.zoom-controls{position:absolute;bottom:16px;right:16px;display:flex;flex-direction:column;gap:4px;background:#0e1216d1;border:1px solid #2a3340;border-radius:10px;padding:6px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:5;pointer-events:auto}.zoom-btn{width:36px;height:36px;border-radius:8px;border:1px solid #2a3340;background:#1a2028;color:#e8eaed;font-size:16px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s,border-color .15s,color .15s;display:flex;align-items:center;justify-content:center;padding:0}.zoom-btn:hover{background:#232a35;border-color:#3a4452}.zoom-btn:active{background:#2d5e8a;border-color:#3d77ad;color:#fff}.tool-btn-wide{height:32px;padding:0 12px;border-radius:8px;border:1px solid #2a3340;background:#1a2028;color:#e8eaed;font-size:12px;font-weight:600;letter-spacing:.5px;cursor:pointer;font-family:inherit;transition:background .15s,border-color .15s,color .15s;display:flex;align-items:center;justify-content:center;width:100%}.tool-btn-wide:hover{background:#232a35;border-color:#3a4452}.tool-btn-wide:active{background:#2d5e8a;border-color:#3d77ad;color:#fff}.tool-sep{height:1px;background:#1f2730;margin:4px 2px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#070a0dbd;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:24px}.modal-card{background:#11161c;border:1px solid #2a3340;border-radius:14px;box-shadow:0 24px 80px #0009;display:flex;flex-direction:column;overflow:hidden}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #1f2730;gap:16px}.modal-head h2{margin:0;font-size:18px;font-weight:700;letter-spacing:.5px;color:#f1f5f9}.modal-sub{font-size:12px;color:#9aa3b2;margin-top:2px}.catalog-modal{width:min(1100px,100%);max-height:calc(100vh - 48px)}.catalog-body{display:grid;grid-template-columns:280px 1fr;gap:0;overflow:hidden;flex:1;min-height:0}.catalog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;padding:14px;overflow-y:auto;border-right:1px solid #1f2730;background:#0e1216}.catalog-tile{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px 6px;background:#161c24;border:1px solid #2a3340;border-radius:8px;cursor:pointer;font-family:inherit;transition:background .12s,border-color .12s,transform .12s}.catalog-tile:hover{background:#1d2530}.catalog-tile.focused{background:#1d2c44;border-color:#3d77ad;box-shadow:0 0 0 1px #3d77ad inset}.catalog-tile-sprite{width:48px;height:48px;display:flex;align-items:center;justify-content:center}.catalog-tile-sprite img{max-width:100%;max-height:100%;image-rendering:auto}.catalog-tile-name{font-size:11px;color:#cbd2dc;text-align:center;line-height:1.2}.catalog-detail{overflow-y:auto;padding:20px 22px}.catalog-article{display:flex;flex-direction:column;gap:16px;max-width:720px}.catalog-hero{display:flex;gap:16px;align-items:center}.catalog-hero-sprite{width:96px;height:96px;object-fit:contain;background:#161c24;border:1px solid #2a3340;border-radius:12px;padding:6px}.catalog-hero-meta{display:flex;flex-direction:column;gap:6px}.catalog-hero-meta h3{margin:0;font-size:20px;color:#f1f5f9;font-weight:700}.catalog-hero-tags{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-block;padding:3px 8px;font-size:10px;letter-spacing:.5px;text-transform:uppercase;border-radius:999px;background:#1a2028;border:1px solid #2a3340;color:#cbd2dc}.chip-cat-armor{background:#2a1f0e;border-color:#5a4520;color:#f3c97a}.chip-cat-infantry{background:#21171b;border-color:#4a2c33;color:#efaab2}.chip-cat-artillery{background:#21261b;border-color:#3f4a2c;color:#c8d99c}.chip-cat-aa{background:#1a1f2a;border-color:#2c3a4a;color:#9cb6d9}.chip-cat-naval{background:#0e1f2a;border-color:#1f4a5a;color:#8dd0e9}.chip-cat-air{background:#1a1428;border-color:#3a2c5a;color:#b8a4d9}.chip-dom-land{color:#c8d99c}.chip-dom-sea{color:#8dd0e9}.chip-dom-air{color:#b8a4d9}.chip-cost{background:#14241a;border-color:#1f4a30;color:#86efac}.catalog-lore{margin:0;font-size:13px;line-height:1.55;color:#d4dae3}.catalog-doctrine{margin:0;font-size:12px;color:#9aa3b2;line-height:1.5;padding:8px 12px;background:#161c24;border-left:3px solid #3d77ad;border-radius:0 6px 6px 0}.catalog-section-label{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#9aa3b2;margin-bottom:6px}.catalog-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.catalog-stat{background:#161c24;border:1px solid #2a3340;border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:4px;min-width:0}.catalog-stat-label{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#9aa3b2}.catalog-stat-value{font-size:15px;font-weight:600;color:#f1f5f9;font-variant-numeric:tabular-nums;word-break:break-word}.catalog-attack-table{width:100%;border-collapse:collapse;font-size:12px;background:#161c24;border:1px solid #2a3340;border-radius:8px;overflow:hidden}.catalog-attack-table th,.catalog-attack-table td{padding:6px 10px;text-align:left;border:1px solid #1f2730}.catalog-attack-table th{color:#9aa3b2;font-weight:500;font-size:10px;letter-spacing:.5px;text-transform:uppercase;background:#0e1216}.catalog-attack-table td{color:#e8eaed;font-variant-numeric:tabular-nums}.catalog-counters{display:grid;grid-template-columns:1fr 1fr;gap:12px}.catalog-counter{background:#161c24;border:1px solid #2a3340;border-radius:8px;padding:10px 12px}.catalog-counter-positive{border-color:#1f4a30}.catalog-counter-positive .catalog-section-label{color:#86efac}.catalog-counter-negative{border-color:#4a1f1f}.catalog-counter-negative .catalog-section-label{color:#efaba4}.catalog-counter-empty{font-size:11px;color:#6b7280;font-style:italic}.catalog-counter-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.catalog-counter-list li{display:flex;align-items:center;gap:8px;font-size:12px;color:#e8eaed}.catalog-counter-list li img{width:24px;height:24px;object-fit:contain}.catalog-counter-tag{margin-left:auto;font-size:10px;color:#9aa3b2;letter-spacing:.4px}.catalog-counter-positive .catalog-counter-tag{color:#86efac}.catalog-counter-negative .catalog-counter-tag{color:#efaba4}@media(max-width:760px){.catalog-body{grid-template-columns:1fr}.catalog-grid{border-right:none;border-bottom:1px solid #1f2730;max-height:220px}.catalog-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-counters{grid-template-columns:1fr}}