.setup-screen{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-deep)}.setup-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;padding:40px 48px;text-align:center;min-width:320px}.setup-title{font-size:32px;font-weight:700;color:var(--text-primary);letter-spacing:2px;margin-bottom:4px}.setup-subtitle{color:var(--text-dim);font-size:12px;text-transform:uppercase;letter-spacing:2px;margin-bottom:32px}.setup-section{margin-bottom:24px}.setup-label{display:block;color:var(--text-secondary);font-size:10px;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.setup-player-select{display:flex;gap:8px;justify-content:center}.setup-player-btn{width:44px;height:44px;border-radius:8px;border:1px solid var(--border-medium);background:var(--bg-surface);color:var(--text-primary);font-size:18px;font-weight:600;cursor:pointer;transition:all .15s}.setup-player-btn:hover{border-color:var(--blue);background:var(--blue-dim)}.setup-player-btn.active{border-color:var(--blue);background:var(--blue-dim);color:var(--blue);box-shadow:0 0 12px var(--blue-glow)}.setup-players-preview{display:flex;flex-direction:column;gap:6px;align-items:center;margin-bottom:28px}.setup-player-row{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary)}.setup-player-pip{width:10px;height:10px;border-radius:50%}.setup-start-btn{padding:12px 40px;border-radius:6px;border:1px solid var(--blue);background:var(--blue-dim);color:var(--blue);font-size:14px;font-weight:600;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all .2s}.setup-start-btn:hover{background:#4488ff40;box-shadow:0 0 20px var(--blue-glow)}.setup-divider{color:var(--text-dim);font-size:11px;text-transform:uppercase;letter-spacing:2px;margin:16px 0}.setup-online-btn{padding:10px 32px;border-radius:6px;border:1px solid var(--green);background:#44cc661f;color:var(--green);font-size:13px;font-weight:600;letter-spacing:1px;cursor:pointer;transition:all .2s}.setup-online-btn:hover{background:#44cc6640;box-shadow:0 0 16px #44cc664d}.strategic-marker-group{animation:strategic-spin 12s linear infinite}.strategic-marker{filter:drop-shadow(0 0 4px rgba(176,240,255,.6))}@keyframes strategic-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lobby-screen{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-deep);position:relative;overflow:hidden}.lobby-preview-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.3;z-index:0}.lobby-preview-bg svg{width:100%;height:100%}.lobby-container{position:relative;z-index:1;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;padding:32px 40px;max-width:560px;width:100%;max-height:80vh;overflow-y:auto}.lobby-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;padding-bottom:16px;border-bottom:1px solid var(--border-subtle)}.lobby-title{font-size:24px;font-weight:700;color:var(--text-primary);letter-spacing:2px}.lobby-identity{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.lobby-name-display,.lobby-name-edit{display:flex;align-items:center;gap:8px}.lobby-player-name{font-size:14px;font-weight:600;color:var(--blue)}.lobby-name-input{background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:4px;color:var(--text-primary);padding:4px 8px;font-size:13px;outline:none}.lobby-name-input:focus{border-color:var(--blue)}.lobby-status{font-size:10px;text-transform:uppercase;letter-spacing:1px}.lobby-status.connected{color:var(--green)}.lobby-status.connecting{color:var(--yellow)}.lobby-status.disconnected{color:var(--red)}.lobby-ai-btn{display:block;width:100%;padding:14px;margin-bottom:24px;border-radius:8px;border:1px solid var(--green);background:#44cc661a;color:var(--green);font-size:15px;font-weight:600;letter-spacing:.5px;cursor:pointer;transition:all .15s}.lobby-ai-btn:hover{background:#4c63;box-shadow:0 0 16px #44cc6626}.lobby-section{margin-bottom:24px}.lobby-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.lobby-section-title{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.lobby-section-header .lobby-section-title{margin-bottom:0}.lobby-quickmatch{display:flex;gap:8px}.lobby-quickmatch-btn{width:56px;height:44px;border-radius:8px;border:1px solid var(--border-medium);background:var(--bg-surface);color:var(--text-primary);font-size:16px;font-weight:600;cursor:pointer;transition:all .15s}.lobby-quickmatch-btn:hover{border-color:var(--blue);background:var(--blue-dim);color:var(--blue)}.lobby-quickmatch-btn.active{border-color:var(--green);background:#44cc6626;color:var(--green);box-shadow:0 0 8px #4c63}.lobby-qm-searching{margin-top:10px;font-size:11px;color:var(--yellow);letter-spacing:.5px;animation:lobby-pulse 1.5s ease-in-out infinite}@keyframes lobby-pulse{0%,to{opacity:.6}50%{opacity:1}}.lobby-room-table{width:100%;border-collapse:collapse;font-size:13px}.lobby-room-table th{text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);padding:6px 8px;border-bottom:1px solid var(--border-subtle)}.lobby-room-row td{padding:8px;color:var(--text-secondary);border-bottom:1px solid rgba(100,120,200,.06)}.lobby-room-row:hover td{background:#4488ff0a}.lobby-lock{display:inline-block;font-size:11px;margin-right:6px;color:var(--yellow)}.lobby-live-tag{display:inline-block;font-size:9px;font-weight:700;color:var(--green);background:#44cc661f;padding:1px 5px;border-radius:3px;letter-spacing:.5px;margin-left:6px;vertical-align:middle}.lobby-btn-watch{border-color:#44dcdc;color:#44dcdc}.lobby-btn-watch:hover{border-color:#44dcdc;color:#44dcdc;background:#44dcdc1a}.lobby-empty{text-align:center;color:var(--text-dim);font-size:13px;padding:24px}.lobby-collapse-btn{display:flex;align-items:center;gap:6px;background:none;border:none;padding:0;cursor:pointer;margin-bottom:12px}.lobby-collapse-btn .lobby-section-title{margin-bottom:0}.lobby-collapse-arrow{display:inline-block;font-size:10px;color:var(--text-dim);transition:transform .15s}.lobby-collapse-arrow.expanded{transform:rotate(90deg)}.lobby-load-more-btn{display:block;width:100%;margin-top:8px;padding:8px;border-radius:4px;border:1px solid var(--border-subtle);background:transparent;color:var(--text-secondary);font-size:11px;cursor:pointer;transition:all .15s}.lobby-load-more-btn:hover:not(:disabled){border-color:var(--blue);color:var(--text-primary)}.lobby-load-more-btn:disabled{opacity:.4;cursor:not-allowed}.lobby-btn-sm{padding:4px 12px;border-radius:4px;border:1px solid var(--border-medium);background:var(--bg-surface);color:var(--text-secondary);font-size:11px;cursor:pointer;transition:all .15s}.lobby-btn-sm:hover{border-color:var(--blue);color:var(--text-primary)}.lobby-btn-sm:disabled{opacity:.4;cursor:not-allowed}.lobby-btn-primary{padding:8px 20px;border-radius:6px;border:1px solid var(--blue);background:var(--blue-dim);color:var(--blue);font-size:12px;font-weight:600;letter-spacing:.5px;cursor:pointer;transition:all .15s}.lobby-btn-primary:hover{background:#4488ff40;box-shadow:0 0 12px var(--blue-glow)}.lobby-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100}.lobby-modal{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:12px;padding:28px 32px;min-width:340px}.lobby-modal-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:20px}.lobby-field{display:block;margin-bottom:16px}.lobby-field span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);margin-bottom:6px}.lobby-field input{width:100%;background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:4px;color:var(--text-primary);padding:8px 10px;font-size:13px;outline:none;box-sizing:border-box}.lobby-field input:focus{border-color:var(--blue)}.lobby-modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:20px}.lobby-local-divider{text-align:center;color:var(--text-dim);font-size:11px;margin:16px 0 12px}.lobby-local-btn{display:block;width:100%;padding:10px;border-radius:6px;border:1px solid var(--border-subtle);background:transparent;color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all .15s}.lobby-local-btn:hover{border-color:var(--text-secondary);color:var(--text-primary)}.room-screen{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-deep)}.room-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;padding:32px 40px;min-width:380px}.room-header{margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid var(--border-subtle)}.room-name{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.room-info-tag{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px}.room-settings{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-subtle)}.room-settings-title{font-size:10px;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.room-settings-field{display:block;margin-bottom:10px}.room-settings-field span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);margin-bottom:4px}.room-settings-field input{width:100%;background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:4px;color:var(--text-primary);padding:6px 8px;font-size:13px;outline:none;box-sizing:border-box}.room-settings-field input:focus{border-color:var(--blue)}.room-settings-row{display:flex;gap:12px}.room-settings-row .room-settings-field{flex:1}.room-player-list{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.room-player-slot{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:6px;background:var(--bg-surface);border:1px solid var(--border-subtle);font-size:13px}.room-slot-clickable{cursor:pointer;transition:all .15s}.room-slot-clickable:hover{border-color:var(--blue);background:#4488ff0f}.room-slot-ai{border-style:dashed;border-color:#44dcdc4d}.room-player-pip{width:10px;height:10px;border-radius:50%;flex-shrink:0}.room-player-color{color:var(--text-dim);font-size:11px;min-width:40px}.room-player-name{color:var(--text-primary);font-weight:500;flex:1}.room-empty-slot{color:var(--text-dim);font-style:italic;flex:1}.room-host-badge{font-size:9px;font-weight:700;color:var(--yellow);background:#ccaa441f;padding:2px 6px;border-radius:3px;letter-spacing:.5px}.room-ready-badge{font-size:9px;font-weight:700;color:var(--green);background:#44cc661f;padding:2px 6px;border-radius:3px;letter-spacing:.5px}.room-ai-badge{font-size:9px;font-weight:700;color:#44dcdc;background:#44dcdc1f;padding:2px 6px;border-radius:3px;letter-spacing:.5px}.room-ai-hint,.room-remove-hint{font-size:10px;color:var(--text-dim);font-style:italic}.room-add-slot-btn{width:100%;padding:8px 12px;border-radius:6px;border:1px dashed var(--border-medium);background:transparent;color:var(--text-dim);font-size:12px;cursor:pointer;transition:all .15s}.room-add-slot-btn:hover{border-color:var(--blue);color:var(--blue);background:#4488ff0f}.room-kick-btn{width:22px;height:22px;border-radius:4px;border:1px solid var(--border-medium);background:transparent;color:var(--text-dim);font-size:10px;font-weight:700;cursor:pointer;transition:all .15s}.room-kick-btn:hover{border-color:var(--red);color:var(--red);background:var(--red-dim)}.room-spectators{margin-bottom:16px;padding-top:12px;border-top:1px solid var(--border-subtle)}.room-spectators-header{font-size:10px;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.room-spectator-slot{display:flex;align-items:center;gap:10px;padding:6px 12px;border-radius:6px;background:var(--bg-surface);border:1px solid var(--border-subtle);font-size:12px;margin-bottom:4px}.room-spectator-name{color:var(--text-secondary);flex:1}.room-actions{display:flex;gap:8px;justify-content:flex-end}.room-btn-leave{padding:8px 20px;border-radius:6px;border:1px solid var(--border-medium);background:var(--bg-surface);color:var(--text-secondary);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.room-btn-leave:hover{border-color:var(--red);color:var(--red)}.room-btn-start{padding:8px 24px;border-radius:6px;border:1px solid var(--blue);background:var(--blue-dim);color:var(--blue);font-size:12px;font-weight:600;letter-spacing:.5px;cursor:pointer;transition:all .15s}.room-btn-start:hover{background:#4488ff40;box-shadow:0 0 12px var(--blue-glow)}.room-btn-start:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}#hud{height:38px;flex-shrink:0;background:linear-gradient(180deg,#101028,#0c0c20);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;padding:0 16px;gap:16px;font-size:.75rem;z-index:110}.hud-group{display:flex;align-items:center;gap:5px;white-space:nowrap}.hud-sep{width:1px;height:16px;background:var(--border-subtle)}.hud-label{color:var(--text-secondary);font-size:.625rem;text-transform:uppercase;letter-spacing:.5px}.hud-val{color:var(--text-primary);font-weight:600;font-variant-numeric:tabular-nums}.hud-pos{color:var(--positive);font-weight:600}.hud-neg{color:var(--negative);font-weight:600}.player-pip{width:10px;height:10px;border-radius:50%}.hud-status{margin-left:auto;padding:3px 12px;border-radius:3px;font-size:.625rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.hud-status.ready{background:#44cc6626;color:var(--green);border:1px solid rgba(68,204,102,.3)}.hud-status.awaiting{background:#ccaa4426;color:var(--yellow);border:1px solid rgba(204,170,68,.3)}.hud-status.spectating{background:#44dcdc26;color:#44dcdc;border:1px solid rgba(68,220,220,.3)}.hud-resign{padding:3px 10px;border-radius:3px;font-size:.625rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;background:var(--red-dim);border:1px solid rgba(255,68,85,.3);color:var(--red);cursor:pointer;transition:all .15s}.hud-resign:hover{background:#ff445540;border-color:var(--red)}.hud-back{padding:3px 10px;border-radius:3px;font-size:.625rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;background:var(--bg-surface);border:1px solid var(--border-medium);color:var(--text-secondary);cursor:pointer;transition:all .15s}.hud-back:hover{border-color:var(--blue);color:var(--text-primary)}.hud-hover-wrap{position:relative;display:flex;align-items:center}.hud-breakdown{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:8px;min-width:160px;padding:8px 10px;background:#0c0c20f2;border:1px solid var(--border-medium);border-radius:6px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 16px #00000080;z-index:200;font-size:.6875rem}.hud-bd-row{display:flex;justify-content:space-between;gap:16px;padding:2px 0;color:var(--text-secondary)}.hud-bd-subheader{font-size:.5625rem;text-transform:uppercase;letter-spacing:.8px;color:var(--text-dim);margin-top:6px;margin-bottom:2px}.hud-bd-subheader:first-child{margin-top:0}.hud-bd-subtotal{display:flex;justify-content:space-between;gap:16px;padding:2px 0;margin-top:2px;border-top:1px solid rgba(255,255,255,.06);color:var(--text-secondary);font-weight:500;font-size:.625rem}.hud-bd-total{display:flex;justify-content:space-between;gap:16px;padding:4px 0 0;margin-top:4px;border-top:1px solid var(--border-subtle);color:var(--text-primary);font-weight:600}.hud-resource-icons{display:flex;gap:6px;font-size:.875rem}.hud-res-stack{position:relative;display:inline-flex;align-items:center;padding-right:var(--stack-pad, 0px)}.hud-res-front{position:relative;z-index:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}.hud-res-shadow{position:absolute;left:0;top:0;transform:translate(var(--shadow-offset),var(--shadow-offset));opacity:.25;z-index:0;pointer-events:none}.hud-res-deficit{opacity:.4}.hud-vp-rate{color:var(--positive);font-weight:600;font-size:.6875rem}.hud-vp-inactive{color:var(--red);animation:vp-warn-pulse 1.5s ease-in-out infinite}@keyframes vp-warn-pulse{0%,to{opacity:1}50%{opacity:.5}}.hud-vp-other,.hud-conquest-other{font-size:.6875rem;font-weight:600;margin-left:4px}.hud-conquest-danger .hud-label,.hud-conquest-danger .hud-val{animation:vp-warn-pulse 1.5s ease-in-out infinite}.hud-freighter-warn .hud-label,.hud-freighter-warn .hud-val{color:var(--red)}.hud-bd-warning{padding:4px 0 0;margin-top:4px;border-top:1px solid rgba(255,68,85,.3);color:var(--red);font-size:.625rem;line-height:1.4}.hud-turn-timer{color:var(--text-secondary);font-weight:600;font-size:.6875rem;font-variant-numeric:tabular-nums;transition:color .3s}.hud-timer-warn{color:var(--yellow)}.hud-timer-critical{color:var(--red);font-weight:700;animation:timer-pulse .8s ease-in-out infinite}@keyframes timer-pulse{0%,to{opacity:1}50%{opacity:.4}}.hud-bankruptcy-warn{background:#ff44551f;padding:2px 8px;margin:-2px -4px;border-radius:4px;border:1px solid rgba(255,68,85,.4);animation:bankruptcy-pulse 1.5s ease-in-out infinite}.hud-bankruptcy-warn .hud-label,.hud-bankruptcy-warn .hud-val{color:var(--red)}.hud-bankruptcy-tag{font-size:.625rem;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--red);opacity:.9}@keyframes bankruptcy-pulse{0%,to{border-color:#f456;background:#ff44551f}50%{border-color:#ff4455b3;background:#f453}}#legend{position:absolute;bottom:12px;left:12px;background:#0a0a1ce0;border:1px solid var(--border-subtle);border-radius:6px;padding:7px 12px;font-size:.625rem;z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.legend-title{color:var(--text-dim);font-size:.625rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:3px}.legend-grid{display:grid;grid-template-columns:repeat(4,auto);gap:2px 12px}.legend-item{position:relative;display:flex;align-items:center;gap:4px;color:var(--text-secondary);cursor:default;padding:1px 3px;border-radius:3px}.legend-item:hover,.legend-item--active{background:#ffffff0f}.legend-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.legend-tooltip{position:absolute;bottom:100%;left:0;margin-bottom:6px;min-width:180px;padding:8px 10px;background:#0c0c20f2;border:1px solid var(--border-medium);border-radius:6px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 16px #00000080;z-index:200;font-size:.6875rem;pointer-events:none;white-space:nowrap}.legend-tooltip-title{font-size:.75rem;font-weight:600;color:var(--text-primary);margin-bottom:4px}.legend-tooltip-section{font-size:.5625rem;text-transform:uppercase;letter-spacing:.8px;color:var(--text-dim);margin-top:6px;margin-bottom:2px}.legend-tooltip-section:first-child{margin-top:0}.legend-tooltip-row{display:flex;justify-content:space-between;gap:16px;padding:1px 0;color:var(--text-secondary)}.legend-tooltip-note{color:var(--text-dim);font-size:.625rem}#readiness-border{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;border:3px solid var(--green);box-shadow:inset 0 0 40px #44cc660f;transition:all .5s}#readiness-border.not-ready{border-color:#ccaa4480;box-shadow:inset 0 0 40px #ccaa440a;animation:pulse-border 3s ease-in-out infinite}@keyframes pulse-border{0%,to{border-color:#ccaa4459}50%{border-color:#ccaa44b3}}.player-tabs{display:flex;gap:0;height:30px;flex-shrink:0;background:#0a0a1c;border-bottom:1px solid var(--border-subtle);z-index:100}.player-tab{display:flex;align-items:center;gap:6px;padding:0 16px;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:11px;color:var(--text-secondary);transition:all .15s}.player-tab:hover{background:#ffffff08}.player-tab.active{color:var(--text-primary);border-bottom-width:2px}.player-tab-pip{width:8px;height:8px;border-radius:50%}.player-tab-name{font-weight:600;letter-spacing:.5px}.player-tab-status{font-size:10px;font-weight:700}.player-tab-status.ready{color:var(--green)}.player-tab-status.not-ready{color:var(--text-dim)}#tooltip{position:absolute;pointer-events:none;background:#0a0a1e99;border:1px solid var(--border-medium);border-radius:8px;padding:10px 14px;min-width:180px;max-width:260px;z-index:200;opacity:0;transition:opacity .12s;box-shadow:0 6px 24px #0009;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);font-size:11px;line-height:1.5}#tooltip.visible{opacity:1}.tt-header{display:flex;align-items:center;gap:7px;margin-bottom:6px}.tt-icon{font-size:16px}.tt-name{font-weight:600;font-size:13px}.tt-type{color:var(--text-secondary);font-size:10px}.tt-divider{height:1px;background:var(--border-subtle);margin:6px 0}.tt-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.tt-label{color:var(--text-secondary);font-size:10px}.tt-val{font-weight:600}.tt-section{margin-top:6px}.tt-section-title{color:var(--text-dim);font-size:9px;text-transform:uppercase;letter-spacing:.8px;margin-bottom:2px}.tt-demand-row{display:flex;align-items:center;gap:5px;padding:1px 0}.tt-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.tt-dot.unmet{opacity:.25}.tt-dot.future{opacity:.12}.tt-check{font-size:10px;font-weight:700}.tt-check.met{color:var(--green)}.tt-check.unmet{color:var(--negative)}.tt-check.future{color:var(--text-dim)}.tt-res-name{font-size:10px}.tt-res-name.dim{color:var(--text-dim)}.tt-prod-dots{display:flex;gap:3px;align-items:center}.tt-prod-dot{width:6px;height:6px;border-radius:50%}.tt-prod-dot.potential{opacity:.2}.tt-enh-supply{font-size:10px}.tt-enh-supply.ok{color:var(--green)}.tt-enh-supply.fail{color:var(--negative)}.tt-route-indicator{font-size:9px;font-weight:700;margin-left:auto;padding-left:4px}.tt-route-indicator.source{color:var(--green)}.tt-route-indicator.dest{color:var(--yellow)}.tt-colonize-hint{color:var(--blue);font-size:10px;margin-top:4px}.tt-desc{font-size:11px;color:var(--text-secondary)}.tt-detail{font-size:9px;color:var(--text-dim);margin-top:1px}.tt-queued-tag{font-size:9px;color:var(--yellow);font-weight:400}.tt-priority-hint{color:#f0a030;font-size:10px;margin-top:6px}#action-queue{position:absolute;top:10px;right:10px;width:230px;background:#0c0c20eb;border:1px solid var(--border-subtle);border-radius:8px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:80;overflow:hidden;box-shadow:0 4px 20px #0006}.aq-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px 6px;border-bottom:1px solid var(--border-subtle)}.aq-title{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary)}.aq-pause-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;width:90px;height:38px;background:#ff44551f;border:1px solid rgba(255,68,85,.4);color:var(--red);border-radius:4px;font-size:10px;font-weight:600;cursor:pointer;transition:all .15s;text-transform:uppercase;letter-spacing:.5px;line-height:1.2}.aq-pause-btn:hover:not(.disabled){background:#ff445540;border-color:var(--red)}.aq-pause-btn.disabled{background:#80808014;border-color:var(--border-medium);color:var(--text-dim);cursor:default}.aq-pause-hint{font-size:8px;font-weight:400;opacity:.5;letter-spacing:0;text-transform:none}.aq-list{padding:4px 0}.aq-item{display:flex;align-items:center;gap:6px;padding:7px 10px;cursor:grab;transition:all .15s;position:relative;border-left:3px solid transparent}.aq-item:hover{background:#ffffff08}.aq-item.dragging{opacity:.3}.aq-item.drop-target{border-top:2px solid var(--cyan)}.aq-item.enabled{border-left-color:var(--green)}.aq-item.disabled{border-left-color:transparent;opacity:.3;filter:grayscale(.5)}.aq-drag{color:var(--text-dim);font-size:9px;cursor:grab;-webkit-user-select:none;user-select:none}.aq-checkbox{width:24px;height:24px;border-radius:4px;flex-shrink:0;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;transition:all .15s}.aq-checkbox.checked{background:#4c63;border:1px solid var(--green);color:var(--green)}.aq-checkbox.unchecked{background:transparent;border:1px solid var(--text-dim);color:transparent}.aq-icon{font-size:13px;flex-shrink:0}.aq-details{flex:1;min-width:0}.aq-action-name{font-size:11px;color:var(--text-primary)}.aq-action-cost{font-size:9px;color:var(--text-secondary)}.aq-hint{padding:6px 12px 10px;text-align:center;color:var(--text-dim);font-size:9px;font-style:italic}.aq-wait-btn{display:block;width:calc(100% - 16px);margin:4px 8px 8px;background:none;border:1px solid var(--border-medium);color:var(--text-secondary);padding:5px 0;border-radius:4px;font-size:10px;cursor:pointer;transition:all .15s;text-transform:uppercase;letter-spacing:.5px}.aq-wait-btn:hover{color:var(--yellow);border-color:var(--yellow)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:300}.modal-card{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:10px;padding:0;min-width:300px;max-width:420px;box-shadow:0 8px 32px #0009;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-subtle)}.modal-title{font-size:13px;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.modal-close{background:none;border:none;color:var(--text-dim);font-size:18px;cursor:pointer;padding:0 4px}.modal-close:hover{color:var(--text-primary)}.modal-section{padding:12px 16px}.modal-section-title{font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.modal-enh-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.modal-enh-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:6px;cursor:pointer;transition:all .15s;color:var(--text-primary)}.modal-enh-btn:hover{border-color:var(--blue);background:var(--blue-dim)}.modal-enh-btn.disabled{opacity:.3;cursor:not-allowed}.modal-enh-icon{font-size:18px}.modal-enh-label{font-size:9px;color:var(--text-secondary)}.modal-enh-desc{font-size:9px;color:var(--text-dim)}.modal-enh-cost{font-size:10px;font-weight:600;color:var(--yellow)}.modal-enh-upkeep{font-size:10px;display:flex;gap:2px}.modal-action-btn{width:100%;display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:6px;cursor:pointer;color:var(--text-primary);font-size:12px;transition:all .15s}.modal-action-btn:hover{border-color:var(--blue);background:var(--blue-dim)}.modal-cost{margin-left:auto;color:var(--yellow);font-weight:600}.gameover-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:500;animation:gameover-fade-in .4s ease}@keyframes gameover-fade-in{0%{opacity:0}to{opacity:1}}.gameover-panel{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:12px;width:720px;max-width:95vw;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 12px 60px #000000b3;animation:gameover-slide-up .4s ease}@keyframes gameover-slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.gameover-header{padding:20px 24px 16px;border-bottom:2px solid var(--border-medium);text-align:center}.gameover-title{font-size:22px;font-weight:800;text-transform:uppercase;letter-spacing:2px}.gameover-subtitle{font-size:12px;color:var(--text-secondary);margin-top:4px;text-transform:uppercase;letter-spacing:1px}.gameover-body{display:flex;flex:1;min-height:0;overflow:hidden}.gameover-tabs{display:flex;flex-direction:column;gap:2px;padding:12px 0 12px 12px;min-width:120px;border-right:1px solid var(--border-subtle)}.gameover-tab{padding:8px 14px;border:none;border-radius:6px 0 0 6px;background:transparent;color:var(--text-secondary);font-size:12px;font-weight:500;text-align:left;cursor:pointer;transition:all .15s}.gameover-tab:hover{background:#6478c814;color:var(--text-primary)}.gameover-tab.active{background:#6478c826;color:var(--text-primary);font-weight:700;border-right:2px solid var(--blue)}.gameover-content{flex:1;padding:16px 20px;overflow-y:auto;display:flex;align-items:center;justify-content:center}.gameover-summary{width:100%}.gameover-table{width:100%;border-collapse:collapse;font-size:13px}.gameover-table th{padding:8px 12px;text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim);border-bottom:1px solid var(--border-subtle)}.gameover-table td{padding:8px 12px;color:var(--text-secondary);border-bottom:1px solid rgba(100,120,200,.06)}.gameover-table tr.winner-row td{color:var(--gold);font-weight:600}.gameover-player-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px;vertical-align:middle}.gameover-final-stats{margin-top:16px;display:flex;flex-direction:column;gap:6px}.gameover-player-stat{display:flex;justify-content:space-between;align-items:center;font-size:12px;padding:4px 0}.stat-detail{color:var(--text-dim);font-size:11px}.gameover-chart{font-family:inherit}.gameover-footer{padding:12px 24px 16px;border-top:1px solid var(--border-subtle);display:flex;justify-content:center}.gameover-btn{padding:10px 32px;border-radius:6px;border:1px solid var(--blue);background:var(--blue-dim);color:var(--blue);font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;transition:all .2s}.gameover-btn:hover{background:#4488ff40;box-shadow:0 0 16px var(--blue-glow)}.toast-container{position:absolute;top:8px;left:50%;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}.toast{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#0e0e22d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(0,229,255,.3);border-radius:8px;color:#d0d0e8;font-size:13px;font-weight:500;white-space:nowrap;animation:toast-in .3s ease-out,toast-out .4s ease-in 3.6s forwards}.toast-icon{font-size:16px}.toast-player-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}@keyframes toast-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-out{0%{opacity:1}to{opacity:0}}.tutorial-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:200;animation:tutorial-fade-in .2s ease-out}.tutorial-dialog{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:12px;padding:28px 32px;max-width:440px;width:90%}.tutorial-dialog-title{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.tutorial-dialog-content{font-size:14px;line-height:1.55;color:var(--text-secondary);margin-bottom:20px}.tutorial-dismiss-row{display:flex;align-items:center;gap:8px;margin-bottom:16px;cursor:pointer}.tutorial-dismiss-row input[type=checkbox]{accent-color:var(--blue)}.tutorial-dismiss-label{font-size:12px;color:var(--text-dim);-webkit-user-select:none;user-select:none}.tutorial-dialog-actions{display:flex;gap:8px;justify-content:flex-end}.tutorial-popover{position:fixed;z-index:190;max-width:320px;background:var(--bg-card);border:1px solid var(--blue);border-radius:10px;padding:16px 18px;box-shadow:0 4px 24px #00000080,0 0 12px var(--blue-glow);animation:tutorial-fade-in .2s ease-out}.tutorial-popover-title{font-size:14px;font-weight:600;color:var(--blue);margin-bottom:6px}.tutorial-popover-content{font-size:13px;line-height:1.5;color:var(--text-secondary);margin-bottom:14px}.tutorial-popover-arrow{position:absolute;width:12px;height:12px;background:var(--bg-card);border:1px solid var(--blue);transform:rotate(45deg)}.tutorial-popover-arrow.arrow-top{top:-7px;border-right:none;border-bottom:none}.tutorial-popover-arrow.arrow-bottom{bottom:-7px;border-left:none;border-top:none}.tutorial-popover-arrow.arrow-left{left:-7px;border-right:none;border-top:none}.tutorial-popover-arrow.arrow-right{right:-7px;border-left:none;border-bottom:none}.tutorial-btn-next{padding:6px 18px;border:1px solid var(--blue);background:var(--blue-dim);color:var(--blue);border-radius:6px;font-size:13px;cursor:pointer;transition:background .15s}.tutorial-btn-next:hover{background:#4488ff40}.tutorial-btn-skip{padding:6px 14px;border:1px solid var(--border-subtle);background:transparent;color:var(--text-dim);border-radius:6px;font-size:13px;cursor:pointer;transition:color .15s}.tutorial-btn-skip:hover{color:var(--text-secondary)}.tutorial-spotlight{position:fixed;top:0;right:0;bottom:0;left:0;z-index:189;pointer-events:none}@keyframes tutorial-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.replay-controls{flex-shrink:0;background:var(--bg-card);border-top:1px solid var(--border-subtle);padding:10px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;z-index:20}.replay-controls-info{display:flex;align-items:center;gap:12px;flex-shrink:0}.replay-controls-room{font-size:13px;font-weight:600;color:var(--text-primary)}.replay-controls-result{font-size:11px;color:var(--text-secondary)}.replay-controls-bar{display:flex;align-items:center;gap:12px;flex:1}.replay-controls-turn{font-size:12px;font-weight:600;color:var(--text-secondary);white-space:nowrap;min-width:90px}.replay-controls-progress{flex:1;height:4px;background:var(--bg-surface);border-radius:2px;overflow:hidden}.replay-controls-progress-fill{height:100%;background:var(--blue);border-radius:2px;transition:width .3s ease}.replay-controls-btn{padding:6px 16px;border-radius:4px;border:1px solid var(--border-medium);background:var(--bg-surface);color:var(--text-secondary);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.replay-controls-btn:hover:not(:disabled){border-color:var(--blue);color:var(--text-primary)}.replay-controls-btn:disabled{opacity:.4;cursor:not-allowed}.replay-controls-btn.active{border-color:var(--green);background:#44cc6626;color:var(--green)}.replay-viewer{width:100vw;height:100vh;display:flex;flex-direction:column;background:var(--bg-deep);position:relative}.replay-back-btn{position:absolute;top:52px;left:10px;z-index:120;padding:6px 16px;border-radius:4px;border:1px solid var(--border-medium);background:var(--bg-card);color:var(--text-secondary);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.replay-back-btn:hover{border-color:var(--blue);color:var(--text-primary)}.replay-version-warning{position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:30;padding:6px 16px;border-radius:6px;border:1px solid var(--yellow);background:#ffc8321a;color:var(--yellow);font-size:11px;font-weight:500;white-space:nowrap}.replay-loading,.replay-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.replay-loading-text{font-size:16px;color:var(--text-secondary);animation:replay-pulse 1.5s ease-in-out infinite}@keyframes replay-pulse{0%,to{opacity:.5}50%{opacity:1}}.replay-error-text{font-size:14px;color:var(--red)}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-deep: #080816;--bg-surface: #0e0e22;--bg-card: #141430;--border-subtle: rgba(100, 120, 200, .15);--border-medium: rgba(100, 120, 200, .3);--text-primary: #d0d0e8;--text-secondary: #8888aa;--text-dim: #555570;--blue: #4488ff;--blue-glow: rgba(68, 136, 255, .4);--blue-dim: rgba(68, 136, 255, .12);--red: #ff4455;--red-glow: rgba(255, 68, 85, .4);--red-dim: rgba(255, 68, 85, .12);--green: #44cc66;--yellow: #ccaa44;--positive: #44cc66;--negative: #ff4455;--silver: #b0bcc8;--gold: #d4a830}body{background:var(--bg-deep);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;width:100vw;height:100vh;overflow:hidden}.version-tag{position:fixed;bottom:6px;left:8px;font-size:.625rem;color:var(--text-dim);opacity:.5;pointer-events:none;z-index:9999;font-family:monospace}.game-screen{width:100vw;height:100vh;display:flex;flex-direction:column}#map-area{flex:1;position:relative;overflow:hidden;background:var(--bg-deep)}#galaxy{width:100%;height:100%;display:block}.lane{stroke:#2a2a48;stroke-width:1;stroke-dasharray:4 4;fill:none}.lane-active{stroke:#3a3a58;stroke-dasharray:none;stroke-width:1.4}.sys-node{cursor:pointer}.sys-node:hover .sys-shape{filter:brightness(1.3)}.sys-shape{transition:filter .15s}.sys-label{fill:var(--text-secondary);font-size:.625rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;pointer-events:none}.chevron{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.enh-badge{cursor:pointer}.enh-badge:hover .enh-bracket{stroke:#888}.enh-bracket{fill:none;stroke-width:1;stroke-linecap:round}.fleet-ship{cursor:pointer}.fleet-ship:hover path{filter:brightness(1.4)}.trade-line{fill:none;stroke-width:1.8;opacity:.5;stroke-dasharray:3 13}.trade-line-preview{fill:none;stroke-width:1.8;opacity:.35;stroke-dasharray:4 6}.trade-highlight{opacity:.9;stroke-width:2.5;filter:brightness(1.4)}.trade-dimmed{opacity:.12}.wormhole-glow{fill:none;stroke:#95d;opacity:.12;stroke-linecap:round}.wormhole-core{fill:none;stroke:#96c;opacity:.3;stroke-linecap:round}.wormhole-goods{fill:none;stroke-width:1.8;opacity:.5;stroke-dasharray:3 13;stroke-linecap:round}.wormhole-route-highlight .wormhole-glow{opacity:.25}.wormhole-route-highlight .wormhole-core{opacity:.5}.wormhole-goods-highlight{opacity:.9;stroke-width:2.5;filter:brightness(1.4)}.wormhole-route-dimmed .wormhole-glow{opacity:.03}.wormhole-route-dimmed .wormhole-core{opacity:.06}.wormhole-goods-dimmed{opacity:.08}.trade-source-ring{fill:none;stroke:#4c69;stroke-width:1.5;pointer-events:none}.trade-dest-ring{fill:none;stroke:#f459;stroke-width:1.5;pointer-events:none}.preview-shape{opacity:.35;stroke-dasharray:5 4}.preview-route{fill:none;opacity:.2;stroke-width:1.5}.preview-levelup{fill:none;opacity:.3;stroke-dasharray:3 3;stroke-width:1.5}.resolve-turn-btn{position:absolute;bottom:20px;left:50%;transform:translate(-50%);padding:12px 32px;border-radius:6px;border:2px solid var(--green);background:#44cc6626;color:var(--green);font-size:.875rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;cursor:pointer;z-index:90;transition:all .2s;box-shadow:0 0 20px #4c63}.resolve-turn-btn:hover{background:#44cc664d;box-shadow:0 0 30px #4c66}.deploy-hint{position:absolute;top:50px;left:50%;transform:translate(-50%);padding:8px 20px;background:#4488ff26;border:1px solid var(--blue);border-radius:6px;color:var(--blue);font-size:.75rem;font-weight:600;z-index:90;pointer-events:none}.countdown-overlay{position:absolute;bottom:60px;left:50%;transform:translate(-50%);padding:8px 24px;background:#ccaa4426;border:1px solid var(--yellow);border-radius:6px;color:var(--yellow);font-size:.875rem;font-weight:700;letter-spacing:1px;z-index:90;pointer-events:none}.readiness-indicators{position:absolute;bottom:24px;right:20px;display:flex;gap:10px;z-index:90}.readiness-item{display:flex;align-items:center;gap:4px}.readiness-dot{width:10px;height:10px;border-radius:50%;border:2px solid;transition:all .3s}.readiness-dot.ready{box-shadow:0 0 8px #44cc6680}.readiness-label{font-size:.625rem;font-weight:600;letter-spacing:.5px}@keyframes homePing{0%{r:8;stroke-width:3;opacity:1}to{r:50;stroke-width:.5;opacity:0}}.home-ping{animation:homePing 2s ease-out forwards}.bankruptcy-overlay{animation:bankruptcyFlash 1.5s ease-in-out infinite}@keyframes bankruptcyFlash{0%,to{opacity:.7}50%{opacity:1}}.clash-overlay{animation:clashFlash 1.5s ease-in-out infinite}@keyframes clashFlash{0%,to{opacity:.6}50%{opacity:1}}.turn-marker-overlay{animation:markerFade 2.5s ease-out forwards}@keyframes markerFade{0%{opacity:1}60%{opacity:.9}to{opacity:0}}.fleet-picker{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-card);border:1px solid var(--border-medium);border-radius:8px;padding:12px 16px;z-index:100;display:flex;flex-direction:column;align-items:center;gap:8px;box-shadow:0 4px 20px #00000080;min-width:120px}.fleet-picker-title{font-size:.6875rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.fleet-picker-stepper{display:flex;align-items:center;gap:10px}.fleet-picker-btn{width:28px;height:28px;border-radius:4px;border:1px solid var(--border-medium);background:var(--bg-surface);color:var(--text-primary);font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center}.fleet-picker-btn:hover:not(:disabled){background:var(--blue-dim);border-color:var(--blue)}.fleet-picker-btn:disabled{opacity:.3;cursor:default}.fleet-picker-count{font-size:1.125rem;font-weight:700;color:var(--text-primary);min-width:24px;text-align:center}.fleet-picker-actions{display:flex;gap:6px;width:100%}.fleet-picker-deploy{flex:1;padding:6px 0;border-radius:4px;border:1px solid var(--blue);background:var(--blue-dim);color:var(--blue);font-size:.6875rem;font-weight:700;text-transform:uppercase;cursor:pointer}.fleet-picker-deploy:hover{background:#4488ff40}.fleet-picker-cancel{flex:1;padding:6px 0;border-radius:4px;border:1px solid var(--border-subtle);background:transparent;color:var(--text-secondary);font-size:.6875rem;font-weight:700;text-transform:uppercase;cursor:pointer}.fleet-picker-cancel:hover{border-color:var(--text-secondary)}.colorblind-toggle{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;border:1px solid var(--border-medium);background:var(--bg-surface);color:var(--text-secondary);font-size:.6875rem;cursor:pointer;transition:all .15s;margin-bottom:16px}.colorblind-toggle:hover{border-color:var(--blue);color:var(--text-primary)}.colorblind .colorblind-toggle{border-color:var(--blue);background:var(--blue-dim);color:var(--blue)}.colorblind-toggle-icon{font-size:.875rem}.colorblind-toggle-label{letter-spacing:.5px}.colorblind{--positive: #4488ff;--negative: #ff8800;--green: #4488ff;--red: #ff8800;--red-glow: rgba(255, 136, 0, .4);--red-dim: rgba(255, 136, 0, .12)}.colorblind .trade-source-ring{stroke:#48f9}.colorblind .trade-dest-ring{stroke:#f809;stroke-dasharray:4 3}.colorblind .resolve-turn-btn{border-color:var(--blue);background:#4488ff26;color:var(--blue);box-shadow:0 0 20px #48f3}.colorblind .resolve-turn-btn:hover{background:#4488ff4d;box-shadow:0 0 30px #48f6}.cost-hint-text{font-size:11px;font-weight:700;fill:var(--yellow);animation:cost-hint-float 1.5s ease-out forwards}@keyframes cost-hint-float{0%{opacity:1;transform:translateY(0)}70%{opacity:1}to{opacity:0;transform:translateY(-12px)}}.territory-glow{pointer-events:none}.territory-glow-danger{animation:territory-pulse 3s ease-in-out infinite}@keyframes territory-pulse{0%,to{opacity:1}50%{opacity:.6}}