*,:before,:after{box-sizing:border-box}html,body,#root{color:#e2e8f0;-webkit-user-select:none;user-select:none;background:#0f172a;width:100%;height:100%;margin:0;font-family:Segoe UI,system-ui,sans-serif;overflow:hidden}button{font:inherit}.combat-replay{color:#e2e8f0;background:#0f172a;flex-direction:column;flex:1;width:100%;min-height:0;display:flex}.combat-replay-app{flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.combat-replay__header{background:#0f172af2;border-bottom:1px solid #94a3b833;justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;display:flex}.combat-replay__header h1{margin:0;font-size:1.15rem;font-weight:600}.combat-replay__header p{color:#94a3b8;margin:4px 0 0;font-size:.85rem}.combat-replay__status{white-space:nowrap;border-radius:8px;padding:8px 14px;font-size:.9rem;font-weight:600}.combat-replay__status--ok{color:#86efac;background:#22c55e26;border:1px solid #22c55e59}.combat-replay__status--warn{color:#fde047;background:#eab3081f;border:1px solid #eab30859}.combat-replay__body{flex:1;grid-template-columns:1fr 280px;min-height:0;display:grid}.combat-replay__canvas-wrap{background:#0b1220;min-height:0;position:relative}.combat-replay__canvas{width:100%;height:100%;display:block}.combat-replay__legend{color:#cbd5e1;background:#0f172ad1;border:1px solid #94a3b833;border-radius:8px;flex-wrap:wrap;gap:10px 14px;padding:8px 12px;font-size:.75rem;display:flex;position:absolute;bottom:12px;left:12px}.combat-replay__legend span{align-items:center;gap:6px;display:inline-flex}.combat-replay__legend .dot{width:10px;height:10px;display:inline-block}.combat-replay__legend .dot.player.melee{background:#3b82f6;border-radius:50%}.combat-replay__legend .dot.player.archer{background:#3b82f6;transform:rotate(45deg)}.combat-replay__legend .dot.enemy.melee{background:#ef4444;border-radius:50%}.combat-replay__legend .dot.enemy.archer{background:#ef4444;transform:rotate(45deg)}.combat-replay__sidebar{background:#0f172ab3;border-left:1px solid #94a3b826;padding:12px;overflow:auto}.combat-replay__sidebar section+section{margin-top:16px}.combat-replay__sidebar h2{text-transform:uppercase;letter-spacing:.04em;color:#94a3b8;margin:0 0 8px;font-size:.8rem}.combat-replay__stat-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.combat-replay__stat-grid div{background:#1e293bb3;border-radius:6px;padding:8px}.combat-replay__stat-grid span{color:#94a3b8;font-size:.72rem;display:block}.combat-replay__stat-grid strong{font-size:.95rem}.combat-replay__units{flex-direction:column;gap:6px;margin:0;padding:0;font-size:.78rem;list-style:none;display:flex}.combat-replay__units li{background:#1e293b99;border-radius:6px;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 8px;display:flex}.combat-replay__units li.team-player{border-left:3px solid #3b82f6}.combat-replay__units li.team-enemy{border-left:3px solid #ef4444}.combat-replay__units .path{color:#38bdf8;font-size:.7rem}.combat-replay__issues{flex-direction:column;gap:6px;margin:0;padding:0;font-size:.78rem;list-style:none;display:flex}.combat-replay__issues li{border-radius:6px;padding:6px 8px}.combat-replay__issues li.warn{color:#fde047;background:#eab3081f}.combat-replay__issues li.error{color:#fca5a5;background:#ef44441f}.combat-replay__issues li.info{color:#cbd5e1;background:#33415580}.combat-replay__controls{background:#0f172af2;border-top:1px solid #94a3b833;align-items:center;gap:10px;padding:10px 16px;display:flex}.combat-replay__controls button,.combat-replay__controls select{pointer-events:auto}.combat-replay__controls button{color:#e2e8f0;cursor:pointer;background:#1e293be6;border:1px solid #94a3b840;border-radius:6px;padding:8px 12px}.combat-replay__controls button:hover:not(:disabled){background:#334155e6}.combat-replay__controls button:disabled{opacity:.45;cursor:not-allowed}.combat-replay__scrubber{flex:1;min-width:120px}.combat-replay__speed{color:#94a3b8;align-items:center;gap:8px;font-size:.85rem;display:flex}.combat-replay__speed select{color:#e2e8f0;background:#1e293be6;border:1px solid #94a3b840;border-radius:6px;padding:6px 8px}.combat-replay__frame-counter{color:#94a3b8;text-align:right;min-width:72px;font-size:.85rem}.combat-replay-app__picker{background:#0f172acc;border-bottom:1px solid #94a3b826;flex-wrap:wrap;gap:8px;padding:12px 20px;display:flex}.combat-replay-app__picker button{color:#e2e8f0;cursor:pointer;background:#1e293bb3;border:1px solid #94a3b840;border-radius:8px;padding:8px 12px}.combat-replay-app__picker button.active{background:#3b82f633;border-color:#3b82f6}.combat-replay-app__picker button:hover{background:#334155cc}.combat-replay-app__back{margin-left:auto;color:#94a3b8!important}.combat-replay-app__empty{color:#94a3b8;background:#0b1220;flex:1;place-items:center;font-size:1rem;display:grid}.combat-custom-setup{background:#0f172ae0;border-bottom:1px solid #94a3b826;padding:12px 20px}.combat-custom-setup__groups{flex-wrap:wrap;gap:16px;display:flex}.combat-custom-setup__group{background:#1e293b8c;border:1px solid #94a3b833;border-radius:10px;flex-wrap:wrap;align-items:flex-end;gap:12px;min-width:min(100%,320px);padding:12px 14px;display:flex}.combat-custom-setup__group h3{width:100%;margin:0 0 4px;font-size:.9rem;font-weight:600}.combat-custom-setup__group--player h3{color:#93c5fd}.combat-custom-setup__group--enemy h3{color:#fca5a5}.combat-custom-setup__field{color:#94a3b8;flex-direction:column;gap:4px;font-size:.78rem;display:flex}.combat-custom-setup__field input{color:#e2e8f0;width:72px;font:inherit;background:#0f172ae6;border:1px solid #94a3b840;border-radius:6px;padding:6px 8px}.combat-custom-setup__field input:focus{border-color:#3b82f6;outline:2px solid #3b82f673}.combat-custom-setup__actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.combat-custom-setup__actions button{color:#e2e8f0;cursor:pointer;font:inherit;background:#1e293bb3;border:1px solid #94a3b840;border-radius:8px;padding:8px 12px}.combat-custom-setup__actions button:hover:not(:disabled){background:#334155cc}.combat-custom-setup__actions button:disabled{opacity:.55;cursor:wait}.combat-custom-setup__run{font-weight:600;background:#3b82f638!important;border-color:#3b82f673!important}.combat-custom-setup__error{color:#fca5a5;margin:10px 0 0;font-size:.85rem}.combat-custom-setup__hint{color:#64748b;margin:8px 0 0;font-size:.78rem}.building-preview-app{color:#e2e8f0;background:#0b1220;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.building-preview-app__picker{background:#0f172af2;border-bottom:1px solid #94a3b833;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;padding:12px 16px;display:flex}.building-preview-app__picker button{color:#e2e8f0;cursor:pointer;background:#1e293bcc;border:1px solid #94a3b840;border-radius:8px;padding:8px 12px;font-size:.88rem}.building-preview-app__picker button.active{color:#fde68a;background:#eab3082e;border-color:#facc158c}.building-preview-app__picker button:hover{background:#334155e6}.building-preview-app__back{color:#93c5fd;margin-left:auto;font-size:.9rem;text-decoration:none}.building-preview-app__controls{background:#0f172ab3;border-bottom:1px solid #94a3b826;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:12px 20px;padding:12px 16px;display:flex}.building-preview-app__mode{flex-wrap:wrap;gap:8px;display:flex}.building-preview-app__mode button{color:#cbd5e1;cursor:pointer;background:#1e293bb3;border:1px solid #94a3b840;border-radius:6px;padding:6px 10px;font-size:.82rem}.building-preview-app__mode button.active{color:#bfdbfe;background:#3b82f62e;border-color:#3b82f680}.building-preview-app__scrubber{flex:1;align-items:center;gap:10px;min-width:240px;font-size:.85rem;display:flex}.building-preview-app__scrubber input{flex:1}.building-preview-app__actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.building-preview-app__actions button{color:#e2e8f0;cursor:pointer;background:#1e293bcc;border:1px solid #94a3b840;border-radius:6px;padding:6px 10px;font-size:.82rem}.building-preview-app__actions button:disabled{opacity:.45;cursor:not-allowed}.building-preview-app__speed select{color:#e2e8f0;background:#1e293b;border:1px solid #94a3b840;border-radius:6px;margin-left:6px;padding:4px 8px}.building-preview-app__toggle{color:#cbd5e1;align-items:center;gap:6px;font-size:.82rem;display:flex}.building-preview{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.building-preview__header{flex-shrink:0;padding:12px 16px 8px}.building-preview__header h1{margin:0;font-size:1.25rem}.building-preview__header p{color:#94a3b8;margin:4px 0 0;font-size:.92rem}.building-preview__status{color:#86efac;background:#22c55e24;border:1px solid #22c55e4d;border-radius:999px;margin-top:6px;padding:4px 10px;font-size:.8rem;display:inline-block}.building-preview__canvas-wrap{background:#0b1220;border:1px solid #94a3b833;border-radius:12px;flex:1;min-height:0;margin:0 16px 16px;position:relative;overflow:hidden}.building-preview__canvas{width:100%;height:100%;display:block}.building-preview__legend{color:#94a3b8;pointer-events:none;background:#0f172ac7;border:1px solid #94a3b833;border-radius:8px;flex-wrap:wrap;gap:8px 14px;padding:6px 10px;font-size:.75rem;display:flex;position:absolute;bottom:12px;left:12px}.app{-webkit-user-select:none;user-select:none;width:100vw;height:100vh;position:relative}.game-viewport{-webkit-user-select:none;user-select:none;outline:none;width:100%;height:100%}.hud{pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.hud *{-webkit-user-select:none;user-select:none}.hud__panel{pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ad1;border:1px solid #94a3b840;border-radius:8px;padding:12px 16px}.hud__resources{gap:16px;min-width:auto;padding:8px 14px;display:flex;position:absolute;top:12px;left:12px}.hud__resources span{color:#e2e8f0;font-size:.9rem;font-weight:600}.hud__combat-test{color:#bfdbfe;cursor:pointer;pointer-events:auto;background:#3b82f62e;border:1px solid #3b82f673;border-radius:6px;padding:4px 10px;font-size:.82rem;font-weight:600}.hud__combat-test:hover{background:#3b82f64d}.hud__building-preview{color:#fde68a;cursor:pointer;pointer-events:auto;background:#eab30829;border:1px solid #eab30873;border-radius:6px;padding:4px 10px;font-size:.82rem;font-weight:600}.hud__building-preview:hover{background:#eab30847}.hud__unit-preview{color:#bbf7d0;cursor:pointer;pointer-events:auto;background:#4ade8024;border:1px solid #4ade8073;border-radius:6px;padding:4px 10px;font-size:.82rem;font-weight:600}.hud__unit-preview:hover{background:#4ade8042}.hud__debug-badge{color:#fde68a;white-space:nowrap;pointer-events:none;font-size:.75rem;position:absolute;top:12px;left:50%;transform:translate(-50%)}.hud__fps-badge{pointer-events:none;align-items:baseline;gap:6px;padding:6px 10px;display:flex;position:absolute;top:12px;right:12px}.hud__fps-value{font-variant-numeric:tabular-nums;font-size:1.1rem;font-weight:700}.hud__fps-value--good{color:#4ade80}.hud__fps-value--warn{color:#fbbf24}.hud__fps-value--bad{color:#f87171}.hud__fps-label{color:#94a3b8;letter-spacing:.06em;font-size:.68rem;font-weight:600}.hud__perf-panel{pointer-events:none;min-width:168px;padding:10px 12px;position:absolute;top:52px;left:12px}.hud__perf-title{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;margin:0 0 8px;font-size:.72rem;font-weight:600}.hud__perf-grid{color:#cbd5e1;grid-template-columns:auto 1fr;gap:4px 12px;font-size:.78rem;display:grid}.hud__perf-value{text-align:right;font-weight:700}.hud__perf-value--good{color:#4ade80}.hud__perf-value--warn{color:#fbbf24}.hud__perf-value--bad{color:#f87171}.hud__build-panel{pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ae0;border:1px solid #94a3b840;border-radius:8px;width:168px;padding:10px;position:absolute;top:52px;right:12px}.hud__build-panel-title{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;margin:0 0 10px;font-size:.8rem;font-weight:600}.hud__build-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.hud__build-cell{color:#e2e8f0;cursor:pointer;background:#1e293bb3;border:1px solid #94a3b840;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:72px;padding:6px 4px;transition:background .12s,border-color .12s;display:flex}.hud__build-cell:hover:not(:disabled){background:#334155cc;border-color:#94a3b873}.hud__build-cell--active{background:#fbbf242e;border-color:#fbbf24bf;box-shadow:0 0 0 1px #fbbf244d}.hud__build-cell--empty{pointer-events:none;background:#0f172a66;border:1px dashed #94a3b826;border-radius:6px;min-height:72px}.hud__build-cell:disabled{opacity:.38;cursor:not-allowed}.hud__build-cell-icon{font-size:1.35rem;line-height:1}.hud__build-cell-label{font-size:.72rem;font-weight:600}.hud__build-cell-cost{color:#fbbf24;font-size:.68rem}.hud__build-cell-hint{color:#64748b;font-size:.6rem}.hud__build-hint{color:#fde68a;text-align:center;margin:10px 0 0;font-size:.72rem;line-height:1.35}.hud__context-menu{pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ae0;border:1px solid #94a3b840;border-radius:8px;flex-direction:column;align-items:center;gap:8px;min-width:200px;max-width:420px;padding:10px 14px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.hud__context-title{color:#e2e8f0;font-size:.9rem;font-weight:600}.hud__context-line{color:#cbd5e1;font-size:.82rem}.hud__context-hint{color:#94a3b8;text-align:center;font-size:.75rem}.hud__context-tags{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.hud__unit-tag{color:#e2e8f0;font-size:.85rem}.hud__build-label{color:#94a3b8;font-size:.75rem}.hud__progress-block{width:100%}.hud__progress-bar{background:#334155;border-radius:4px;height:10px;margin:6px 0;overflow:hidden}.hud__progress-fill{background:#22c55e;height:100%;transition:width .15s linear}.hud__progress-fill--train{background:#facc15}.hud__unit-summaries{flex-direction:column;gap:10px;margin-top:6px;display:flex}.hud__unit-summary{background:#0f172a73;border-radius:6px;flex-direction:column;gap:2px;padding:6px 8px;display:flex}.hud__unit-summary-title{color:#e2e8f0;font-size:.82rem;font-weight:600}.hud__context-menu--left{align-items:flex-start;min-width:180px;max-width:260px;left:12px;transform:none}.hud__context-menu--production{align-items:stretch;width:max-content;min-width:0;max-width:min(96vw,520px)}.hud__production{flex-direction:column;gap:8px;width:100%;display:flex}.hud__production-row{flex-direction:column;gap:4px;display:flex}.hud__production-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;font-size:.68rem;font-weight:600;display:block}.hud__prod-grid{gap:4px;margin:0;padding:0;list-style:none;display:grid}.hud__prod-grid--train{grid-template-columns:repeat(9,34px)}.hud__prod-grid--queue{grid-template-columns:repeat(7,34px)}.hud__prod-grid--build{grid-template-columns:repeat(5,48px)}.hud__prod-square--build{width:48px;height:48px}.hud__prod-square--active{background:#22c55e2e;border-color:#4ade80;box-shadow:0 0 0 1px #4ade8059}.hud__prod-square{box-sizing:border-box;background:#1e293bb3;border:1px solid #94a3b840;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;width:34px;height:34px;padding:0;display:flex;position:relative;overflow:hidden}.hud__prod-square--train{color:#e2e8f0;cursor:pointer;transition:background .12s,border-color .12s}.hud__prod-square--train:hover:not(:disabled){background:#334155cc;border-color:#94a3b873}.hud__prod-square--train:disabled{opacity:.45;cursor:not-allowed}.hud__prod-square--empty{pointer-events:none;opacity:.55;background:#1e293b59;border-color:#94a3b81f}.hud__prod-square--filled{background:#1e293bcc}.hud__prod-square-icon{font-size:.95rem;line-height:1}.hud__prod-square-cost{color:#fde68a;margin-top:1px;font-size:.5rem;line-height:1}.hud__prod-square-progress{background:#334155;border-radius:2px;height:3px;position:absolute;bottom:3px;left:3px;right:3px;overflow:hidden}.hud__prod-square-progress-fill{background:#facc15;height:100%;transition:width .15s linear}.hud__prod-square-cancel{color:#94a3b8;cursor:pointer;background:#0f172abf;border:none;border-radius:0 4px;width:14px;height:14px;padding:0;font-size:.55rem;line-height:1;position:absolute;top:0;right:0}.hud__prod-square-cancel:hover{color:#f87171}.hud__prod-grid--upgrades{grid-template-columns:repeat(5,34px)}.hud__prod-square--upgrade{color:#e2e8f0;cursor:pointer;transition:background .12s,border-color .12s}.hud__prod-square--upgrade:hover:not(:disabled){background:#334155cc;border-color:#94a3b873}.hud__prod-square--upgrade:disabled{opacity:.55;cursor:not-allowed}.hud__prod-square-level{color:#94a3b8;margin-top:1px;font-size:.48rem;line-height:1}.hud__prod-grid--research{grid-template-columns:repeat(3,34px)}.hud__prod-square-progress-fill--research{background:#38bdf8}.hud__prod-square--upgrade-queued{opacity:.7}.hud__progress-bar--sm{flex:1;width:auto;height:6px;margin:0}.hud__btn{color:#bbf7d0;cursor:pointer;background:#22c55e26;border:1px solid #4ade8066;border-radius:6px;width:100%;margin-top:0;padding:8px 12px;font-size:.85rem;display:block}.hud__btn:hover:not(:disabled){background:#22c55e47}.hud__btn:disabled{opacity:.45;cursor:not-allowed}.hud__btn--icon{width:auto;min-width:88px}.hud__queue-cancel{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:.75rem}.hud__queue-cancel:hover{color:#f87171}.minimap{pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-user-select:none;user-select:none;background:#0f172ad1;border:1px solid #94a3b840;border-radius:8px;padding:10px;position:absolute;bottom:16px;right:16px}.minimap__canvas{border-radius:4px;display:block}.selection-box{pointer-events:none;z-index:10;-webkit-user-select:none;user-select:none;background:#4ade801f;border:1px solid #4ade80;position:fixed}