:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#ecf4ff;background:#070a0f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 0 0,#1d385d 0,#070a0f 520px);min-width:0;margin:0}button,select{font:inherit}button{cursor:pointer}.appShell{width:min(1760px,100vw - 36px);min-width:1244px;margin:0 auto;padding:22px 0 34px}.landingShell{width:min(1120px,100vw - 32px);margin:0 auto;padding:12px 0 54px}.landingHero{align-items:start;padding:10px 0 18px;display:grid}.landingHeroContent{gap:18px;display:grid}.landingHero h1{color:#f8fbff;letter-spacing:0;white-space:nowrap;text-align:center;text-shadow:0 10px 35px #000c;max-width:none;font-size:clamp(36px,4.5vw,58px);line-height:1}.raceButtonGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.raceLaunchButton{color:#f8fbff;background:#101827e8;border:1px solid #334766;border-radius:8px;grid-template-columns:38px 1fr;align-items:center;gap:10px;min-height:76px;padding:12px 14px;font-size:17px;font-weight:950;text-decoration:none;transition:transform .16s,border-color .16s,background .16s;display:grid;box-shadow:0 16px 50px #0008}.raceLaunchButton:hover{background:#172033;border-color:#facc15;transform:translateY(-2px)}.raceLaunchButton img{object-fit:cover;background:#070d17;border:1px solid #4b5f7c;border-radius:7px;width:38px;height:38px}.raceLaunchButton--human{border-color:#3b82f6}.raceLaunchButton--orc{border-color:#ef4444}.raceLaunchButton--nightElf{border-color:#22c55e}.raceLaunchButton--undead{border-color:#a855f7}.landingSection{border-top:1px solid #263852;margin-top:10px;padding-top:14px}.landingSection h2{color:#dbeafe;margin-bottom:12px;font-size:24px;line-height:1.1}.videoFrame{aspect-ratio:16/9;background:#050814;border:1px solid #334766;border-radius:8px;width:min(760px,100%);margin:0 auto;overflow:hidden;box-shadow:0 18px 60px #0009}.videoFrame iframe{border:0;width:100%;height:100%;display:block}.newsSection{gap:12px;display:grid}.newsSection h2{margin-bottom:4px}.newsEntry{background:#101827e8;border:1px solid #263852;border-radius:8px;grid-template-columns:142px minmax(0,1fr);gap:18px;padding:16px 18px;display:grid;box-shadow:0 12px 38px #0007}.newsEntry time{color:#7dd3fc;white-space:nowrap;font-weight:950}.newsEntry p{color:#eff6ff;margin:0;font-weight:800;line-height:1.45}.newsEntry ul{color:#cfe5ff;gap:4px;margin:8px 0 0;padding-left:18px;display:grid}@media (width<=820px){.landingShell{width:min(100% - 24px,640px);padding-top:18px}.landingHero{padding:20px 0 18px}.landingHero h1{white-space:normal;font-size:34px}.raceButtonGrid{grid-template-columns:1fr 1fr;gap:10px}.raceLaunchButton{grid-template-columns:40px 1fr;min-height:84px;padding:12px;font-size:16px}.raceLaunchButton img{width:40px;height:40px}.landingSection h2{font-size:23px}.newsEntry{grid-template-columns:1fr;gap:8px;padding:14px}}.topBar{justify-content:space-between;align-items:end;gap:24px;margin-bottom:16px;display:flex}.eyebrow{color:#7dd3fc;text-transform:uppercase;letter-spacing:.14em;margin:0 0 5px;font-size:12px}h1{letter-spacing:-.045em;margin:0;font-size:38px}h2{margin:0;font-size:16px}.muted{color:#91a4c0;margin:0;font-size:13px}.raceSelect{background:#111827d9;border:1px solid #263852;border-radius:16px;align-items:center;gap:10px;padding:12px 14px;display:flex}.raceSelect span{color:#93a4bc;font-size:13px}select{color:#eff6ff;background:#070d17;border:1px solid #334766;border-radius:10px;min-width:150px;padding:7px 9px}.paletteGrid{grid-template-columns:repeat(4,1fr);gap:12px;height:260px;display:grid}.categoryPanel,.workerPanel,.assignmentPanel,.warningPanel{background:#101827e8;border:1px solid #263852;border-radius:18px;box-shadow:0 16px 50px #0008}.categoryPanel{flex-direction:column;min-width:0;padding:12px;display:flex;overflow:hidden}.categoryPanel h2{color:#cfe5ff;margin-bottom:10px}.entityScroller{scrollbar-color:#3f5f88 #0a111e;gap:8px;padding-right:4px;display:grid;overflow-y:auto}.entityCard{width:100%;color:inherit;text-align:left;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background:linear-gradient(135deg,#0d1625,#101827);border:1px solid #2b405d;border-radius:12px;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;min-height:48px;padding:7px 9px;display:grid}.entityCard:hover{border-color:#7dd3fc;transform:translateY(-1px)}.entityCard img{-webkit-user-drag:none;object-fit:cover;background:#060a12;border-radius:7px;width:34px;height:34px}.entityName{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:750;overflow:hidden}.cost{color:#dbeafe;white-space:nowrap;font-size:12px}.goldIcon{color:#facc15;text-shadow:0 0 8px #facc1588;margin:0 3px 0 0}.woodIcon{color:#22c55e;text-shadow:0 0 8px #22c55e88;margin:0 3px 0 8px}.workerPanel{margin-top:14px;padding:14px}.workerPanelHeader{justify-content:space-between;align-items:center;gap:18px;margin-bottom:12px;display:flex}.workerPanelHeader p{color:#91a4c0;margin:4px 0 0;font-size:13px}.workerLiveCounts{white-space:nowrap;background:#08111f;border:1px solid #36557d;border-radius:14px;align-items:center;gap:10px;padding:9px 12px;font-size:13px;display:flex}.workerCounterGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.workerCounterCard{background:#0b1421;border:1px solid #203552;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:9px 10px;display:flex}.workerCounterCard>span{color:#cfe5ff;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:800;overflow:hidden}.counterControl{grid-template-columns:28px 34px 28px;align-items:center;gap:5px;display:grid}.counterControl button{color:#ecf4ff;background:#122039;border:1px solid #36557d;border-radius:8px;width:28px;height:28px;font-weight:900}.counterControl button:disabled{opacity:.35;cursor:not-allowed}.counterControl strong{text-align:center;color:#f8fbff;font-size:18px}.timelineMain{min-width:0}.startWorkersPanel{border-radius:14px;margin-top:0;padding:10px 11px;position:sticky;top:10px}.startWorkersPanel h2{color:#cfe5ff;margin-bottom:8px;font-size:14px}.startWorkerRows{gap:5px;display:grid}.startWorkerRow{color:#cfe5ff;grid-template-columns:1fr auto;align-items:center;gap:8px;min-height:28px;padding:4px 0;font-size:12px;font-weight:800;display:grid}.compactCounter{grid-template-columns:20px 24px 20px;justify-self:end;align-items:center;gap:2px;display:grid}.compactCounter button{color:#ecf4ff;background:#122039;border:1px solid #36557d;border-radius:6px;width:20px;height:20px;padding:0;font-weight:900;line-height:18px}.compactCounter button:disabled{opacity:.35;cursor:not-allowed}.compactCounter strong{text-align:right;color:#f8fbff;min-width:18px;font-size:14px}.timelineHeader{justify-content:space-between;align-items:center;gap:16px;margin:0 0 10px;display:flex}.timelineHeader p{color:#91a4c0;margin:5px 0 0;font-size:13px}.timelineStatus{background:#101827;border:1px solid #36557d;border-radius:16px;flex-wrap:wrap;justify-content:end;align-items:center;gap:8px 12px;min-width:620px;padding:9px 12px;font-size:13px;display:flex}.timelineStatus .statusTime{color:#7dd3fc;min-width:42px;font-weight:900}.workerBreakdown{color:#cfe5ff;flex-wrap:wrap;justify-content:end;align-items:center;gap:6px;width:100%;display:flex}.workerBreakdown b{background:#0b1421;border:1px solid #28415f;border-radius:999px;padding:3px 7px;font-size:12px}.timelineViewport{background:#09111d;border:1px solid #2a415f;border-radius:20px;height:344px;position:relative;overflow:auto;box-shadow:inset 0 0 0 1px #07101b,0 18px 60px #0008}.timelineCanvas{min-width:100%;position:relative}.secondGrid{opacity:.7;pointer-events:none;background-image:linear-gradient(90deg,#16243a 1px,#0000 1px),linear-gradient(90deg,#29405f 1px,#0000 1px);background-size:4px 100%,40px 100%;position:absolute;inset:0}.timelineHoverMarker{z-index:9;pointer-events:none;background:#facc15;width:2px;position:absolute;top:30px;bottom:0;transform:translate(-1px);box-shadow:0 0 0 1px #713f12,0 0 14px #facc15cc}.timeRuler{z-index:8;background:linear-gradient(#101827,#0b1220);border-bottom:1px solid #263852;height:30px;position:sticky;top:0}.timeRuler span{color:#93a4bc;font-size:11px;position:absolute;top:8px;transform:translate(-50%)}.timelineRow{background:#0b142155;border-bottom:1px solid #1e314a;position:absolute;left:0;right:0}.timelineRow:nth-child(2n){background:#0e182855}.rowLabel{color:#bcd3ef;z-index:3;pointer-events:none;background:linear-gradient(90deg,#111827 0 84%,#0000);flex-direction:column;justify-content:center;gap:2px;width:146px;height:100%;padding-left:12px;font-size:12px;font-weight:800;display:flex;position:sticky;left:0}.rowLabel small{color:#7186a3;font-size:10px;font-weight:700}.timelineBlock{z-index:6;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background:linear-gradient(135deg,#1d4ed8,#2563eb);border:1px solid #7db7ff;border-radius:8px;grid-template-rows:1fr;grid-template-columns:20px 1fr;align-items:center;column-gap:5px;padding:3px 20px 3px 4px;display:grid;position:absolute;overflow:hidden;box-shadow:0 8px 18px #0008}.timelineBlock.invalid{background:linear-gradient(135deg,#7f1d1d,#dc2626);border-color:#fecaca}.timelineBlock.preview{opacity:.72;pointer-events:none;color:#fff;font-weight:900}.timelineBlock img{-webkit-user-drag:none;object-fit:cover;background:#07101b;border-radius:5px;width:20px;height:20px}.timelineBlock span{white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:900;overflow:hidden}.timelineBlock small{display:none}.timelineBlock button{color:#fff;background:#0005;border:0;border-radius:5px;width:16px;height:16px;padding:0;font-size:12px;line-height:16px;position:absolute;top:4px;right:3px}.assignmentPrompt{background:linear-gradient(135deg,#172554,#111827);border:1px solid #60a5fa;border-radius:18px;grid-template-columns:minmax(220px,1fr) auto auto auto;align-items:end;gap:12px;margin-top:14px;padding:14px 16px;display:grid;box-shadow:0 16px 50px #0008}.assignmentPrompt p{color:#bfdbfe;margin:4px 0 0;font-size:13px}.assignmentPrompt label{gap:5px;display:grid}.assignmentPrompt label span{color:#bfdbfe;font-size:12px}.primaryButton{color:#031126;background:#7dd3fc;border:0;border-radius:11px;padding:9px 13px;font-weight:900}.assignmentPanel,.warningPanel{margin-top:14px;padding:14px 16px}.assignmentPanel h2,.warningPanel h2{margin-bottom:8px}.assignmentList{gap:8px;display:grid}.assignmentRow{background:#0b1421;border:1px solid #203552;border-radius:12px;grid-template-columns:32px minmax(160px,1fr) auto auto 28px;align-items:center;gap:10px;padding:8px;display:grid}.assignmentRow img{-webkit-user-drag:none;object-fit:cover;background:#07101b;border-radius:7px;width:32px;height:32px}.assignmentTitle{gap:2px;display:grid}.assignmentTitle strong{font-size:13px}.assignmentTitle span,.assignmentRow label span{color:#93a4bc;font-size:11px}.assignmentRow label{gap:4px;display:grid}.assignmentRow select{min-width:165px;padding:6px 8px;font-size:12px}.assignmentRow button{color:#fff;background:#7f1d1d;border:0;border-radius:8px;width:26px;height:26px;padding:0}.warningPanel{min-height:88px}.warningPanel ul{color:#fecaca;gap:5px;margin:0;padding-left:20px;display:grid}.ok{color:#86efac;margin:0}.dragGhost{z-index:99999;color:#fff;pointer-events:none;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#1d4ed8,#7c3aed);border:1px solid #bae6fd;border-radius:11px;align-items:center;gap:8px;height:42px;padding:6px 8px;font-weight:900;display:flex;position:fixed;box-shadow:0 14px 40px #000a}.dragGhost img{-webkit-user-drag:none;border-radius:7px;width:28px;height:28px}.workerTransferGhost{background:linear-gradient(135deg,#14532d,#16a34a);border-color:#86efac}.itemSellGhost{background:linear-gradient(135deg,#854d0e,#ca8a04);border-color:#fde68a}.appShell.isDragging,.appShell.isDragging *{cursor:grabbing!important}@media (width<=1400px){.paletteGrid{grid-template-columns:repeat(2,1fr);height:430px}.workerCounterGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.assignmentPrompt,.timelineWorkArea{grid-template-columns:1fr}.startWorkersPanel{width:150px;position:static}}.timelineHeader{align-items:stretch}.timelineControls{background:#101827;border:1px solid #36557d;border-radius:16px;align-items:center;gap:10px;padding:8px 11px;display:flex}.timelineControls label{color:#bfdbfe;align-items:center;gap:8px;font-size:12px;font-weight:800;display:flex}.timelineControls input[type=range]{accent-color:#7dd3fc;width:150px}.timelineControls strong{color:#7dd3fc;min-width:48px}.workerTransferBar{background:#0d1727;border:1px solid #2d4b71;border-radius:16px;align-items:end;gap:10px;margin:0 0 10px;padding:10px 12px;display:flex;box-shadow:0 12px 35px #0006}.workerTransferDragHandle{color:#dcfce7;white-space:nowrap;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background:linear-gradient(135deg,#14532d,#166534);border:1px solid #86efac;border-radius:12px;align-self:center;padding:9px 11px;font-weight:900}.workerTransferBar label{gap:4px;display:grid}.workerTransferBar label span{color:#93a4bc;font-size:11px}.workerTransferBar input{color:#eff6ff;background:#070d17;border:1px solid #334766;border-radius:10px;width:76px;padding:7px 9px}.workerTransferBar select{min-width:120px}.timelineViewport{height:520px}.secondGrid{top:0;bottom:0;right:0;opacity:.7;pointer-events:none;background-image:linear-gradient(90deg,#16243a 1px,#0000 1px),linear-gradient(90deg,#29405f 1px,#0000 1px);position:absolute;inset-inline-start:auto}.timeRuler{height:34px}.timelineHoverMarker{top:34px}.timelineRow{overflow:hidden}.preConstructionCover{z-index:1;pointer-events:none;background:linear-gradient(90deg,#07101f 0,#07101fcc 76%,#0000);border-right:1px dashed #334155;position:absolute;top:0;bottom:0;left:0}.rowLabel{z-index:4;grid-template-rows:auto auto;grid-template-columns:38px 1fr;align-content:center;column-gap:8px;width:168px;padding-left:10px;display:grid}.rowLabel img{object-fit:cover;background:#07101b;border-radius:8px;grid-row:1/3;width:36px;height:36px}.rowLabel span{text-overflow:ellipsis;white-space:nowrap;align-self:end;overflow:hidden}.rowLabel small{align-self:start}.timelineBlock{border-radius:10px;grid-template-rows:1fr 1fr;grid-template-columns:36px 1fr;align-items:center;gap:0 6px;padding:4px 22px 4px 4px}.timelineBlock img{border-radius:7px;grid-row:1/3;width:36px;height:36px}.timelineBlock span{text-align:center;white-space:normal;align-self:end;font-size:10px;line-height:1.05}.timelineBlock small{text-align:center;color:#bfdbfe;white-space:nowrap;text-overflow:ellipsis;align-self:start;font-size:8px;font-weight:800;display:block;overflow:hidden}.timelineBlock button{top:5px;right:5px}.underConstructionBlock{background:repeating-linear-gradient(135deg,#713f12 0 9px,#422006 9px 18px);border-color:#fbbf24}.underConstructionBlock .completionIcon{border:2px solid #fef3c7;width:36px;height:36px;position:absolute;bottom:4px;right:20px;box-shadow:0 0 12px #facc15aa}.workerTransferBlock{cursor:grab;background:linear-gradient(135deg,#14532d,#16a34a);border-color:#86efac}.itemSellBlock{cursor:grab;background:linear-gradient(135deg,#854d0e,#ca8a04);border-color:#fde68a}.transferIcon{color:#bbf7d0;background:#052e16;border-radius:8px;place-items:center;width:36px;height:36px;font-size:20px;font-weight:900;display:grid}.collapseButton{color:#cfe5ff;text-align:left;background:#0b1421;border:1px solid #36557d;border-radius:10px;width:100%;padding:8px 9px;font-weight:900}.startWorkersPanel{min-height:42px}.workerTransferAssignment{grid-template-columns:32px minmax(160px,1fr) auto auto auto 28px}.workerTransferAssignment input{color:#eff6ff;background:#070d17;border:1px solid #334766;border-radius:10px;width:72px;padding:6px 8px}@media (width<=1400px){.workerTransferBar{flex-wrap:wrap}.timelineControls input[type=range]{width:100px}}.appShell{padding-top:12px}.paletteGrid{grid-template-columns:repeat(5,minmax(0,1fr));height:208px;margin-bottom:10px}.categoryPanel{border-radius:16px;padding:9px}.categoryPanel h2{margin-bottom:7px;font-size:14px}.entityScroller{gap:5px}.entityGroup{gap:5px;display:grid}.groupToggle{color:#cfe5ff;text-align:left;background:#0b1421;border:1px solid #28415f;border-radius:6px;justify-content:space-between;align-items:center;gap:6px;width:100%;min-height:14px;padding:1px 5px;font-size:10px;font-weight:900;line-height:1.05;display:flex}.groupToggle span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.groupToggle small{color:#7dd3fc;font-size:9px;font-weight:900;line-height:1}.entityCard{border-radius:10px;grid-template-columns:28px minmax(0,1fr) auto;gap:6px;min-height:38px;padding:5px 7px}.entityCard img{border-radius:6px;width:28px;height:28px}.entityName{font-size:12px}.cost{font-size:11px}.entityCard.disabled{opacity:.38;filter:grayscale(.75);cursor:not-allowed;transform:none}.entityCard.disabled:hover{border-color:#2b405d;transform:none}.managementPanel{gap:7px}.managementField{gap:4px;display:grid}.managementField span,.transferCompactGrid label span{color:#93a4bc;font-size:11px;font-weight:800}.managementField select{width:100%;min-width:0;padding:6px 8px}.managementBlock{gap:6px;padding-top:2px;display:grid}.startWorkerRows{gap:3px}.startWorkerRow{min-height:23px;padding:1px 0}.workerTransferCompact .workerTransferDragHandle{width:100%;padding:7px 8px;font-size:12px}.transferCompactGrid{grid-template-columns:1fr 1fr;gap:5px;display:grid}.transferCompactGrid label{gap:2px;min-width:0;display:grid}.transferCompactGrid input,.transferCompactGrid select{color:#eff6ff;background:#070d17;border:1px solid #334766;border-radius:8px;width:100%;min-width:0;padding:5px 6px;font-size:12px}.compactInsert{padding:7px 8px;font-size:12px}.timelineWorkArea{grid-template-columns:minmax(0,1fr);margin-top:8px}.timelineHeader{margin-bottom:8px}.timelineHeader p{font-size:12px}.timelineStatus{min-width:560px;padding:7px 10px}@media (width<=1400px){.paletteGrid{grid-template-columns:repeat(5,minmax(0,1fr));height:230px}.timelineWorkArea{grid-template-columns:minmax(0,1fr)}}.productionPanel{grid-template-columns:minmax(220px,1fr) minmax(0,3fr) minmax(220px,1fr);gap:12px;min-height:160px;max-height:520px;margin-bottom:14px;display:grid;position:relative}.buildColumn,.neutralColumn,.productionColumn{min-height:0}.productionColumn{background:#101827e8;border:1px solid #263852;border-radius:18px;flex-direction:column;min-width:0;padding:9px;display:flex;overflow:hidden;box-shadow:0 16px 50px #0008}.productionHeader{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:7px;display:flex}.productionHeader h2{color:#cfe5ff;font-size:14px}.producerGrid{scrollbar-color:#3f5f88 #0a111e;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-right:4px;display:grid;overflow-y:auto}.producerPanel{background:#0b1421;border:1px solid #28415f;border-radius:13px;gap:6px;min-width:0;padding:7px;display:grid}.producerTitle{color:#dbeafe;align-items:center;gap:7px;font-size:12px;font-weight:900;display:flex}.producerTitle img{object-fit:cover;background:#07101b;border-radius:6px;width:26px;height:26px}.producerProducts{gap:5px;display:grid}.specialActions{gap:5px;margin-top:2px;display:grid}.greenToggle{color:#bbf7d0;background:#052e16;border-color:#166534}.specialActionGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid}.workerTransferMini{color:#dcfce7;text-align:left;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background:linear-gradient(135deg,#064e3b,#14532d);border:1px solid #16a34a;border-radius:9px;padding:6px;font-size:10px;font-weight:900}.resizeHandle{cursor:ns-resize;z-index:5;background:linear-gradient(90deg,#0000,#7dd3fc88,#0000);border-radius:999px;height:12px;position:absolute;bottom:-7px;left:18px;right:18px}.resizeHandle:after{content:"";background:#bae6fd;border-radius:999px;width:72px;height:3px;position:absolute;top:4px;left:50%;transform:translate(-50%);box-shadow:0 0 12px #7dd3fc}.toastMessage{z-index:999999;color:#fef3c7;background:linear-gradient(135deg,#422006,#78350f);border:1px solid #fbbf24;border-radius:14px;max-width:420px;padding:11px 14px;font-weight:900;animation:2.6s both toastFade;position:fixed;top:20px;right:24px;box-shadow:0 18px 60px #000b}@keyframes toastFade{0%{opacity:0;transform:translateY(-8px)}10%,82%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.timelineWorkArea{grid-template-columns:178px minmax(0,1fr);align-items:stretch;gap:12px;margin-top:8px;display:grid}.timelineWorkArea.startManagementIsCollapsed{grid-template-columns:34px minmax(0,1fr)}.timelineWorkArea.hasCreepPlanner{grid-template-columns:178px minmax(440px,520px) minmax(0,1fr)}.timelineWorkArea.hasCreepPlanner.startManagementIsCollapsed{grid-template-columns:34px minmax(440px,520px) minmax(0,1fr)}.timelineWorkArea.hasCreepPlanner.creepPlannerIsCollapsed{grid-template-columns:178px 34px minmax(0,1fr)}.timelineWorkArea.hasCreepPlanner.startManagementIsCollapsed.creepPlannerIsCollapsed{grid-template-columns:34px 34px minmax(0,1fr)}.startManagementPanel{background:#101827e8;border:1px solid #263852;border-radius:18px;align-content:start;gap:10px;min-height:520px;padding:10px;display:grid;box-shadow:0 16px 50px #0008}.verticalStartToggle{color:#cfe5ff;writing-mode:vertical-rl;letter-spacing:.02em;background:#0b1421;border:1px solid #36557d;border-radius:12px;width:100%;height:100%;min-height:220px;font-weight:900;transform:rotate(180deg)}.creepPlannerPanel{background:#101827e8;border:1px solid #263852;border-radius:18px;align-content:start;gap:10px;min-width:0;height:fit-content;min-height:0;padding:10px;display:grid;box-shadow:0 16px 50px #0008}.creepPlannerPanel.collapsed{padding:10px}.creepPlannerHeader{display:block}.creepPlannerCollapseButton{justify-content:center;width:100%}.creepRouteMapGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.creepRouteMapCard{gap:5px;min-width:0;display:grid}.creepRouteMapCard h3{color:#bfdbfe;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:11px;line-height:1.1;overflow:hidden}.creepRouteMap{aspect-ratio:1;touch-action:none;background-color:#07101b;background-position:50%;background-size:cover;border:1px solid #36557d;border-radius:10px;width:100%;position:relative;overflow:hidden}.creepRouteMap:after{content:"";pointer-events:none;background:linear-gradient(#02061722,#02061744);position:absolute;inset:0}.creepRouteSvg{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.creepRouteSvg line{stroke:#facc15;stroke-width:1.25px;stroke-linecap:round;filter:drop-shadow(0 1px 1px #000b);vector-effect:non-scaling-stroke}.creepRouteSvg marker path{fill:#facc15}.creepMapPoint{z-index:4;color:#020617;touch-action:none;border:2px solid #f8fbff;border-radius:999px;place-items:center;width:13px;height:13px;padding:0;font-size:8px;font-weight:950;line-height:1;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 8px #000d}.creepMapStart{background:#38bdf8;border-color:#e0f2fe;width:17px;height:17px}.creepMapEnemy{color:#fff7ed;background:#dc2626;border-color:#fee2e2;width:17px;height:17px}.creepMapCamp{background:#94a3b8}.creepMapCamp-green{background:#22c55e}.creepMapCamp-orange{background:#f97316}.creepMapCamp-red{background:#dc2626}.creepMapPoint.inRoute{outline-offset:2px;outline:2px solid #facc15}.creepMapPoint.activeSource{box-shadow:0 0 0 3px #facc1588,0 3px 12px #000e}.routeDragHint{z-index:999999;pointer-events:none;background:#facc15;border:2px solid #fef3c7;border-radius:999px;width:18px;height:18px;position:fixed;transform:translate(-50%,-50%);box-shadow:0 0 20px #facc15aa}.creepRouteChips{flex-wrap:wrap;align-items:center;gap:5px;min-width:0;display:flex}.routeChip{color:#e2e8f0;text-overflow:ellipsis;white-space:nowrap;background:#0b1421;border:1px solid #36557d;border-radius:999px;max-width:100%;padding:5px 7px;font-size:10px;font-weight:900;overflow:hidden}.routeChip-green{border-color:#22c55e}.routeChip-orange{border-color:#f97316}.routeChip-red{border-color:#ef4444}.routeChip-enemy{color:#fee2e2;background:#7f1d1d;border-color:#fee2e2}@media (width<=1400px){.productionPanel{grid-template-columns:minmax(180px,1fr) minmax(0,2fr) minmax(180px,1fr)}.producerGrid{grid-template-columns:1fr}.timelineWorkArea.hasCreepPlanner{grid-template-columns:178px minmax(360px,440px) minmax(0,1fr)}.timelineWorkArea.hasCreepPlanner.startManagementIsCollapsed{grid-template-columns:34px minmax(360px,440px) minmax(0,1fr)}}.producerToggle{text-align:left;cursor:pointer;background:0 0;border:0;width:100%;padding:0}.producerToggle:hover strong{color:#7dd3fc}.tierGroup{gap:4px;display:grid}.tierToggle{color:#bfdbfe;text-align:left;background:#08111f;border:1px solid #203552;border-radius:8px;justify-content:space-between;align-items:center;gap:6px;width:100%;min-height:18px;padding:3px 6px;font-size:10px;font-weight:900;display:flex}.tierToggle small{color:#7dd3fc;font-size:9px}.tierProducts{gap:5px;display:grid}.producerGrid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:8px;display:grid;overflow-y:auto}.producerColumnStack{align-content:start;gap:8px;min-width:0;display:grid}.producerPanel{gap:4px;margin:0;padding:5px}.producerTitle{gap:5px;min-height:14px;font-size:10px;line-height:1.05}.producerTitle img{border-radius:4px;width:14px;height:14px}.producerToggle{min-height:14px}.producerProducts{gap:4px}.groupToggle{border-radius:5px;min-height:12px;padding:1px 5px;font-size:9px;line-height:1}.groupToggle small{font-size:8px}.tierGroup{gap:3px}.tierToggle{border-radius:5px;min-height:12px;padding:1px 5px;font-size:9px;line-height:1}.tierToggle small{font-size:8px}.tierProducts{gap:4px}.startWorkerTitle{color:#cfe5ff;text-transform:uppercase;letter-spacing:.08em;margin:2px 0 1px;font-size:11px}.startWorkerGroups{gap:7px;display:grid}.startWorkerGroup{border-bottom:1px solid #263852;gap:3px;padding:5px 0 6px;display:grid}.startWorkerGroup h4{color:#93c5fd;text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:10px;line-height:1.1}.startWorkerGroup:last-child{border-bottom:0}.startZoomControl{border-top:1px solid #263852;margin-top:4px;padding-top:8px}.startZoomControl label{color:#bfdbfe;gap:5px;font-size:11px;font-weight:900;display:grid}.startZoomControl input[type=range]{accent-color:#7dd3fc;width:100%}.startZoomControl strong{color:#7dd3fc;font-size:11px}.timelineWorkArea{align-items:start}.startManagementPanel{height:fit-content;min-height:0}.timelineViewport{height:auto;overflow:auto hidden}.timelineMain .warningPanel{margin-top:10px}.availabilityTag{color:#7dd3fc;margin-left:8px;font-style:normal;font-weight:900}.timelineToolbar{justify-items:end;gap:8px;min-width:620px;display:grid}.buildOrderFileControls{justify-content:end;align-items:center;gap:8px;width:100%;display:flex}.buildOrderNameField{color:#93a4bc;grid-template-columns:auto minmax(180px,260px);align-items:center;gap:7px;font-size:12px;font-weight:900;display:grid}.buildOrderNameField input{color:#eff6ff;min-width:0;font:inherit;background:#070d17;border:1px solid #36557d;border-radius:10px;padding:7px 9px;font-size:12px}.buildOrderNameField input:focus{border-color:#7dd3fc;outline:none;box-shadow:0 0 0 2px #0ea5e955}.secondaryButton{color:#dbeafe;background:#0b1421;border:1px solid #36557d;border-radius:10px;padding:7px 10px;font-size:12px;font-weight:900}.secondaryButton:hover:not(:disabled){color:#f8fbff;border-color:#7dd3fc}.secondaryButton:disabled{opacity:.45;cursor:not-allowed}.hiddenFileInput{display:none}.timelineToolbar .timelineStatus{width:100%;min-width:0}.timelineHeader{grid-template-columns:120px minmax(0,1fr);align-items:start;gap:12px;display:grid}.timelineHeader h2{padding-top:8px}.timelineStatus{justify-content:start;gap:8px;width:100%;min-width:0;padding:10px 12px;display:grid}.resourceStatusRow{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.workerBreakdown{justify-content:start;width:auto}.entityStatusGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;display:grid}.entitySummaryStrip{background:#0b1421;border:1px solid #28415f;border-radius:12px;gap:5px;min-width:0;padding:6px 7px;display:grid}.entitySummaryStrip>span{color:#93a4bc;text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:900}.entitySummaryItems{flex-wrap:wrap;align-items:center;gap:4px;min-height:24px;display:flex}.entitySummaryItems em{color:#64748b;font-style:normal;font-weight:900}.summaryEntity{place-items:center;width:24px;height:24px;display:inline-grid;position:relative}.summaryEntityDraggable{cursor:grab;touch-action:none}.summaryEntityDraggable:hover img{border-color:#fde68a;box-shadow:0 0 0 1px #ca8a04}.summaryEntity img{object-fit:cover;background:#07101b;border:1px solid #36557d;border-radius:5px;width:24px;height:24px}.summaryEntity b{color:#eff6ff;text-align:center;background:#1d4ed8;border:1px solid #bfdbfe;border-radius:999px;min-width:14px;height:14px;padding:0 3px;font-size:9px;line-height:12px;position:absolute;bottom:-3px;right:-3px}.warningPanel .buildOrderFileControls{border-top:1px solid #263852;flex-wrap:wrap;justify-content:start;margin-top:12px;padding-top:12px}.dangerButton{color:#fecaca;background:#2a0b0b;border-color:#7f1d1d}.dangerButton:hover:not(:disabled){color:#fee2e2;border-color:#ef4444}.feedbackPanel{z-index:2000;justify-items:end;gap:8px;width:min(380px,100vw - 40px);display:grid;position:fixed;bottom:20px;right:20px}.feedbackToggle{color:#dcfce7;background:linear-gradient(135deg,#064e3b,#14532d);border:1px solid #86efac;border-radius:12px;padding:9px 12px;font-weight:900;box-shadow:0 14px 40px #0008}.feedbackForm{background:#101827f5;border:1px solid #36557d;border-radius:16px;gap:10px;width:100%;padding:12px;display:grid;box-shadow:0 18px 60px #000b}.feedbackField{gap:5px;display:grid}.feedbackField span{color:#93a4bc;text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:900}.feedbackField input,.feedbackField textarea{color:#eff6ff;width:100%;font:inherit;background:#070d17;border:1px solid #36557d;border-radius:10px;padding:8px 9px;font-size:12px}.feedbackField textarea{resize:vertical;min-height:112px}.feedbackField input:focus,.feedbackField textarea:focus{border-color:#7dd3fc;outline:none;box-shadow:0 0 0 2px #0ea5e955}.feedbackTwoColumn{grid-template-columns:1fr 1fr;gap:8px;display:grid}.feedbackHoneypot{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.feedbackAdminShell{width:min(1180px,100vw - 36px);margin:0 auto;padding:24px 0 42px}.feedbackAdminHeader{justify-content:space-between;align-items:end;gap:18px;margin-bottom:18px;display:flex}.adminNotice{color:#fee2e2;background:#2a0b0b;border:1px solid #ef4444;border-radius:12px;margin-bottom:14px;padding:10px 12px;font-weight:800}.adminStatGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.adminStat,.adminSection{background:#101827e8;border:1px solid #263852;border-radius:16px;box-shadow:0 16px 50px #0008}.adminStat{gap:7px;min-height:94px;padding:14px;display:grid}.adminStat span,.adminSectionHeader span,.feedbackItemMeta,.feedbackItemDetails,.visitorTableHead{color:#93a4bc;font-size:12px;font-weight:850}.adminStat strong{color:#eff6ff;overflow-wrap:anywhere;align-self:end;font-size:26px;line-height:1.1}.adminSection{margin-top:14px;padding:14px}.adminSectionHeader{border-bottom:1px solid #263852;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding-bottom:12px;display:flex}.feedbackList{gap:10px;display:grid}.feedbackItem{background:#0b1421;border:1px solid #2b405d;border-radius:12px;padding:12px}.feedbackItemMeta,.feedbackItemDetails{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.feedbackItem p{color:#f8fbff;white-space:pre-wrap;margin:10px 0;line-height:1.45}.feedbackItem a{color:#7dd3fc;font-weight:900}.feedbackItem details{width:100%}.feedbackItem summary{cursor:pointer;color:#bfdbfe}.feedbackItem pre{color:#dbeafe;white-space:pre-wrap;background:#070d17;border:1px solid #263852;border-radius:10px;max-height:220px;padding:10px;overflow:auto}.visitorTable{gap:2px;display:grid}.visitorTableHead,.visitorTableRow{grid-template-columns:190px 80px 80px minmax(0,1fr);align-items:center;gap:10px;padding:8px 10px;display:grid}.visitorTableRow{color:#dbeafe;background:#0b1421;border-radius:9px;min-height:38px;font-size:12px}.visitorTableRow span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mapToolShell{width:min(1720px,100vw - 36px);min-width:1120px;margin:0 auto;padding:18px 0 34px}.mapToolHeader{justify-content:space-between;align-items:end;gap:18px;margin-bottom:14px;display:flex}.mapToolHeaderActions{flex-wrap:wrap;justify-content:end;align-items:center;gap:8px;display:flex}.mapToolHeaderActions a{text-decoration:none}.mapSelectControl{gap:4px;display:grid}.mapSelectControl span{color:#93a4bc;text-transform:uppercase;font-size:11px;font-weight:900}.mapSelectControl select{min-width:190px}.mapToolLayout{grid-template-columns:328px minmax(0,1fr);align-items:start;gap:14px;display:grid}.mapToolPanel,.mapCanvasPanel{background:#101827e8;border:1px solid #263852;border-radius:18px;box-shadow:0 16px 50px #0008}.mapToolPanel{gap:12px;padding:12px;display:grid}.mapToolGroup{border-bottom:1px solid #263852;gap:9px;padding-bottom:12px;display:grid}.mapToolGroup:last-child{border-bottom:0;padding-bottom:0}.mapToolGroup h2{color:#cfe5ff}.modeGrid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.modeButton{color:#eff6ff;background:#0b1421;border:1px solid #36557d;border-radius:10px;padding:8px 9px;font-weight:900}.modeButton.active{border-color:#bae6fd;outline:2px solid #7dd3fc}.modeButton-start{color:#e0f2fe;background:#0c4a6e}.modeButton-green{color:#dcfce7;background:#14532d}.modeButton-orange{color:#ffedd5;background:#7c2d12}.modeButton-red{color:#fee2e2;background:#7f1d1d}.symmetryModeButton{color:#fef9c3;background:#4a3408}.selectedPointEditor{gap:8px;display:grid}.selectedPointEditor label{gap:4px;display:grid}.selectedPointEditor label span{color:#93a4bc;text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:900}.selectedPointEditor input,.selectedPointEditor select{color:#eff6ff;width:100%;font:inherit;background:#070d17;border:1px solid #36557d;border-radius:10px;padding:8px 9px;font-size:12px}.coordinateGrid,.mapToolStats{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.coordinateGrid span,.mapToolStats span{color:#cfe5ff;background:#0b1421;border:1px solid #28415f;border-radius:9px;padding:7px 8px;font-size:12px;font-weight:900}.mapToolStats{grid-template-columns:1fr}.mapCanvasPanel{padding:12px}.mapCanvas{aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;background:#070d17;border:1px solid #36557d;border-radius:12px;width:min(100%,980px);margin:0 auto;position:relative;overflow:hidden}.mapCanvas>img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.symmetryGuideLayer{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;inset:0}.symmetryAxisLine{stroke:#fde047;stroke-width:.6px;stroke-dasharray:2 1.4;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 2px #000)}.symmetryAxisLine.selected{stroke:#38bdf8;stroke-width:.9px}.symmetryGuideHandle{z-index:5;cursor:grab;touch-action:none;background:#fde047;border:2px solid #111827;border-radius:50%;width:18px;height:18px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #fef9c3,0 8px 18px #0008}.symmetryGuideHandle.selected{background:#38bdf8;box-shadow:0 0 0 3px #bae6fd,0 8px 18px #0008}.symmetryCenterHandle{color:#111827;place-items:center;font-size:15px;font-weight:900;line-height:1;display:grid}.mapPoint{z-index:6;color:#031126;touch-action:none;border:2px solid #f8fbff;border-radius:999px;place-items:center;width:24px;height:24px;padding:0;font-size:11px;font-weight:1000;line-height:1;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 4px 12px #000b,0 0 0 2px #0006}.mapPoint:hover{transform:translate(-50%,-50%)scale(1.12)}.mapPoint.selected{z-index:8;outline:3px solid #7dd3fc}.mapPointStart{background:#7dd3fc}.mapPointGreen{background:#22c55e}.mapPointOrange{background:#f97316}.mapPointRed{color:#fff7ed;background:#ef4444}@media (width<=1400px){.timelineHeader{grid-template-columns:1fr}.entityStatusGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.mapToolShell{min-width:0}.mapToolLayout{grid-template-columns:1fr}.mapToolPanel{grid-template-columns:repeat(2,minmax(0,1fr))}}