*{box-sizing:border-box;margin:0}html,body,#root{height:100%}body{color:#e6e9ee;background:#10151c;font-family:system-ui,sans-serif;overflow:hidden}.app{flex-direction:column;height:100%;display:flex}.toolbar{background:#1a212b;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;display:flex}.toolbar input{color:inherit;background:#10151c;border:1px solid #38424f;border-radius:6px;width:150px;padding:8px 10px}.toolbar input.size-input{width:70px}.toolbar button{color:#fff;cursor:pointer;background:#3f8fd4;border:0;border-radius:6px;padding:8px 16px;font-weight:600}.toolbar button:disabled{opacity:.5;cursor:default}.status{opacity:.85;align-items:center;gap:6px;font-size:13px;display:inline-flex}.dot{background:#d4a53f;border-radius:50%;width:9px;height:9px}.dot.open{background:#57bb6b}.dot.closed{background:#d45050}.seed-label{opacity:.85;cursor:pointer;font-size:13px}.error{color:#ff8080;font-size:13px}.map-host{touch-action:none;flex:1;min-height:0;position:relative}.minimap{touch-action:none;cursor:pointer;z-index:2;background:#10151cbf;border:1px solid #38424f;border-radius:8px;width:176px;height:auto;max-height:35vh;padding:4px;position:absolute;bottom:8px;right:8px}@media (width<=480px){.minimap{width:112px}}.tile-details{background:#1a212b;border-top:1px solid #38424f;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;animation:.15s ease-out slide-up;display:flex}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.swatch{border-radius:3px;width:12px;height:12px}.chip{background:#10151c;border:1px solid #38424f;border-radius:999px;padding:2px 10px;font-size:13px}.river-chip{color:#7fc4f0}.coords{opacity:.7;font-size:13px}.tile-details .close{color:#e6e9ee;cursor:pointer;background:0 0;border:0;margin-left:auto;padding:4px 8px;font-size:14px}.pack-select{color:inherit;background:#10151c;border:1px solid #38424f;border-radius:6px;padding:8px 10px}.hud{background:#1a212b;border-bottom:1px solid #38424f;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;display:flex}.hud-resources{flex-wrap:wrap;gap:6px;display:flex}.hud-resource{align-items:center;gap:4px;display:inline-flex}.hud-resource-value{font-variant-numeric:tabular-nums}.hud-delta{font-variant-numeric:tabular-nums;font-size:11px;font-weight:600}.hud-delta.up{color:#57bb6b}.hud-delta.down{color:#ff8080}.hud-turn,.hud-moves{font-variant-numeric:tabular-nums}.hud-reconnecting{color:#ffcf6b;font-weight:600}.hud-end-turn{color:#fff;cursor:pointer;background:#3f8fd4;border:0;border-radius:6px;margin-left:auto;padding:8px 16px;font-weight:600}.hud-end-turn.idle{animation:1.6s ease-in-out infinite hud-pulse}.hud-end-turn:disabled{cursor:not-allowed;background:#4a5560;animation:none}@keyframes hud-pulse{0%,to{box-shadow:0 0 #3f8fd48c}50%{box-shadow:0 0 0 6px #3f8fd400}}@media (width<=480px){.hud{flex-wrap:wrap}.hud-end-turn{margin-left:0}}.toast{color:#e6e9ee;z-index:10;background:#1a212b;border:1px solid #38424f;border-radius:8px;max-width:min(90vw,420px);padding:10px 16px;font-size:13px;animation:.15s ease-out slide-up;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0006}.start-dialog-overlay{z-index:20;background:#10151cbf;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.start-dialog{background:#1a212b;border:1px solid #38424f;border-radius:10px;flex-direction:column;gap:14px;width:min(420px,100%);max-height:90vh;padding:20px;display:flex;overflow-y:auto}.start-dialog h2{font-size:18px}.start-dialog-field{opacity:.85;flex-direction:column;gap:4px;font-size:13px;display:flex}.start-dialog-field input{color:inherit;background:#10151c;border:1px solid #38424f;border-radius:6px;padding:8px 10px;font-size:14px}.start-dialog-size{gap:12px;display:flex}.start-dialog-size .start-dialog-field{flex:1}.start-dialog-error{color:#e0708f;font-size:12px}.start-cards{flex-direction:column;gap:8px;display:flex}.start-card{text-align:left;color:inherit;cursor:pointer;background:#10151c;border:1px solid #38424f;border-radius:8px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.start-card span{opacity:.75;font-size:12px}.start-card.selected{border-color:#3f8fd4;box-shadow:0 0 0 1px #3f8fd4}.start-dialog-actions{justify-content:flex-end;gap:8px;display:flex}.start-dialog-actions .cancel{color:inherit;cursor:pointer;background:0 0;border:1px solid #38424f;border-radius:6px;padding:8px 16px}.start-dialog-actions .create{color:#fff;cursor:pointer;background:#3f8fd4;border:0;border-radius:6px;padding:8px 16px;font-weight:600}.landing{justify-content:center;align-items:center;height:100%;padding:16px;display:flex}.landing-card{text-align:center;flex-direction:column;align-items:center;gap:14px;max-width:360px;display:flex}.landing-card h1{font-size:32px}.landing-tagline{opacity:.75}.landing-actions{gap:10px;display:flex}.landing-primary,.landing-secondary{cursor:pointer;border:0;border-radius:6px;padding:10px 20px;font-weight:600}.landing-primary{color:#fff;background:#3f8fd4}.landing-secondary{color:inherit;background:#10151c;border:1px solid #38424f}.landing-sandbox-link{color:#8fb8e0;margin-top:4px;font-size:13px}.sandbox-back-link{color:#8fb8e0;margin-left:auto;font-size:13px}.game-loading{opacity:.8;background:#1a212b;border-bottom:1px solid #38424f;padding:10px 12px;font-size:13px}.game-recovery{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;height:100%;padding:16px;display:flex}.game-recovery p{opacity:.85;max-width:360px}.game-recovery button{color:#fff;cursor:pointer;background:#3f8fd4;border:0;border-radius:6px;padding:10px 20px;font-weight:600}.move-mode-banner{z-index:3;background:#10151cd9;border:1px solid #57bb6b;border-radius:8px;align-items:center;gap:8px;padding:6px 10px;font-size:13px;display:flex;position:absolute;top:8px;left:8px}.move-mode-banner button{color:#10151c;cursor:pointer;background:#57bb6b;border:0;border-radius:4px;padding:4px 10px;font-weight:600}.tile-panel{background:#1a212b;border-top:1px solid #38424f;flex-direction:column;gap:10px;max-height:42vh;padding:10px 12px;animation:.15s ease-out slide-up;display:flex;overflow-y:auto}.tile-panel-section{flex-direction:column;gap:6px;display:flex}.tile-panel-section h3{text-transform:uppercase;letter-spacing:.04em;opacity:.65;font-size:13px}.tile-panel-section h4{opacity:.6;margin-top:4px;font-size:12px}.terrain-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.terrain-yields,.building-chips{flex-wrap:wrap;gap:6px;display:flex}.queue-list{flex-direction:column;gap:6px;list-style:none;display:flex}.queue-row{align-items:center;gap:8px;font-size:13px;display:flex}.queue-label{flex-shrink:0;min-width:90px}.queue-progress-track{background:#10151c;border:1px solid #38424f;border-radius:999px;flex:1;height:6px;overflow:hidden}.queue-progress-fill{background:#3f8fd4;height:100%;display:block}.queue-eta{opacity:.7;font-variant-numeric:tabular-nums;font-size:11px}.queue-cancel{color:#ff8080;cursor:pointer;background:0 0;border:0;padding:2px 6px;font-size:13px}.build-menu{flex-direction:column;gap:6px;display:flex}.build-options{flex-wrap:wrap;gap:6px;display:flex}.build-option{color:inherit;cursor:pointer;background:#10151c;border:1px solid #38424f;border-radius:6px;flex-direction:column;align-items:flex-start;gap:4px;padding:6px 10px;font-size:12px;display:flex}.build-option:disabled{opacity:.45;cursor:not-allowed}.build-option-label{font-weight:600}.cost-chips{flex-wrap:wrap;gap:4px;display:flex}.cost-chip{padding:1px 6px;font-size:11px}.unit-list{flex-direction:column;gap:6px;list-style:none;display:flex}.unit-row{align-items:center;gap:8px;font-size:13px;display:flex}.unit-id{opacity:.6;font-size:11px}.unit-move,.unit-found{color:inherit;cursor:pointer;background:#10151c;border:1px solid #38424f;border-radius:6px;padding:4px 10px;font-size:12px}.unit-found:disabled{opacity:.4;cursor:not-allowed}