*{box-sizing:border-box;margin:0;padding:0}html,body{color:#eef1f6;-webkit-user-select:none;user-select:none;background:#05070d;width:100%;height:100dvh;font-family:Trebuchet MS,Segoe UI,sans-serif;overflow:hidden}#scene{touch-action:none;cursor:crosshair;display:block;position:fixed;inset:0}.hidden{display:none!important}:root{--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--panel-bg:#0e121ed1;--panel-border:#ffffff14;--accent:#f2b23c;--accent2:#4fc3f7;--text:#eef1f6;--text-dim:#9aa3b5;--menu-glow:#f2b23c59;--menu-glow2:#4fc3f740}button{cursor:pointer;font-family:inherit}#hud-top{padding:calc(10px + var(--safe-top)) calc(18px + var(--safe-right)) 10px calc(18px + var(--safe-left));z-index:20;pointer-events:none;background:linear-gradient(#060810d9,#0000);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}#brand{color:var(--text);letter-spacing:.5px;pointer-events:auto;text-shadow:0 2px 6px #0009;font-size:18px;font-weight:700}#brand span{color:var(--accent)}#topExtras{display:contents}#topMoreBtn{display:none}#stats{pointer-events:auto;gap:8px;display:flex}.stat{background:var(--panel-bg);border:1px solid var(--panel-border);color:var(--text);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:10px;align-items:center;gap:5px;padding:5px 10px;font-size:13px;display:flex}.stat .ico{font-size:14px}.stat.herb span:last-child{color:#d9e28a}.stat.carn span:last-child{color:#ff8a80}.stat.human span:last-child{color:#ffcf94}.stat.village span:last-child{color:#a3d9a5}.stat.empire span:last-child{color:#e2b6ff}#fpsStat{opacity:.6;font-size:11px}#topActions{pointer-events:auto;gap:6px;display:flex}#topActions button{background:var(--panel-bg);border:1px solid var(--panel-border);color:var(--text);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:10px;width:36px;height:36px;font-size:16px;transition:transform .15s,background .15s}#topActions button:hover{background:#ffffff1f;transform:translateY(-1px)}#topActions button.active{border:1px solid var(--accent);color:var(--accent);background:#f2b23c38}#topActions button:disabled{opacity:.35;cursor:default;transform:none}#hoverInfo{z-index:20;background:var(--panel-bg);border:1px solid var(--panel-border);color:var(--text-dim);pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;border-radius:8px;padding:6px 12px;font-size:12px;transition:opacity .2s;position:fixed;top:100px;left:18px}#hoverInfo.show{opacity:1}#possessBanner{z-index:22;border:1px solid var(--accent2);color:var(--text);overflow-wrap:anywhere;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#3c82aa47;border-radius:10px;max-width:100%;padding:9px 13px;font-size:12.5px;line-height:1.4;position:fixed;top:100px;left:50%;transform:translate(-50%);box-shadow:0 0 16px #4fc3f759}#possessBanner b{color:var(--accent2)}#possessBanner .hint{color:var(--text-dim);margin-left:6px}#possessBanner.hidden{display:none}#viewModeBtn{cursor:pointer;border:1px solid var(--accent2);color:var(--text);background:#4fc3f72e;border-radius:8px;margin-left:10px;padding:3px 9px;font-size:11.5px}#viewModeBtn:hover{background:#4fc3f752}#viewModeBtn.active{background:var(--accent2);color:#0a1520}#viewModeBtn.hidden{display:none}#inspectPanel{z-index:25;background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;width:260px;padding:16px;position:fixed;top:60px;right:18px;box-shadow:0 12px 34px #0006}#inspectPanel.hidden{display:none}#inspectPanel .closeBtn{color:var(--text-dim);background:#ffffff0f;border:none;border-radius:6px;width:22px;height:22px;font-size:12px;position:absolute;top:10px;right:10px}#inspectPanel .closeBtn:hover{color:var(--text);background:#ffffff24}.favoriteBtn{color:var(--text-dim);opacity:.55;background:#ffffff0f;border:none;border-radius:6px;width:22px;height:22px;font-size:12px;position:absolute;top:10px;right:40px}.favoriteBtn:hover{opacity:.85;background:#ffffff24}.favoriteBtn.active{color:#ffd76b;opacity:1;background:#ffd76b38}.editBtn{color:var(--text-dim);opacity:.65;background:#ffffff0f;border:none;border-radius:6px;width:22px;height:22px;font-size:11px;position:absolute;top:10px;right:40px}.editBtn:hover{opacity:1;color:var(--text);background:#ffffff24}.empireEditBtn{flex:none;margin-left:auto;position:static}.inspectHead{align-items:center;gap:10px;margin-bottom:12px;padding-right:20px;display:flex}.inspectIcon{background:#ffffff0f;border-radius:10px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.inspectName{color:var(--text);font-size:15px;font-weight:700}.inspectSub{color:var(--text-dim);margin-top:2px;font-size:11.5px}.inspectRow{color:var(--text-dim);margin-bottom:8px;font-size:12.5px}.inspectRow b{color:var(--text);font-weight:600}.barRow{color:var(--text-dim);align-items:center;gap:8px;margin-bottom:6px;font-size:11px;display:flex}.barRow span{flex:0 0 62px}.barTrack{background:#ffffff14;border-radius:4px;flex:1;height:7px;overflow:hidden}.barFill{border-radius:4px;height:100%}.barFill.health{background:linear-gradient(90deg,#ff6b6b,#ffb347)}.barFill.hunger{background:linear-gradient(90deg,#6bc5ff,#47d1ff)}.traitsRow{flex-wrap:wrap;gap:5px;margin-top:10px;display:flex}.traitChip{border:1px solid var(--panel-border);color:var(--text);background:#ffffff12;border-radius:8px;padding:3px 7px;font-size:10.5px}.traitChip.dim{color:var(--text-dim)}#empiresPanel{z-index:25;background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;width:300px;max-height:72vh;padding:16px;position:fixed;top:60px;right:18px;overflow-y:auto;box-shadow:0 12px 34px #0006}#empiresPanel.hidden{display:none}#empiresPanel .closeBtn{color:var(--text-dim);background:#ffffff0f;border:none;border-radius:6px;width:22px;height:22px;font-size:12px;position:absolute;top:10px;right:10px}#empiresPanel .closeBtn:hover{color:var(--text);background:#ffffff24}.panelTitle{color:var(--text);margin-bottom:12px;padding-right:20px;font-size:15px;font-weight:700}.empireCard{border:1px solid var(--panel-border);background:#ffffff08;border-radius:10px;margin-bottom:8px;padding:10px 12px}.empireCardHead{align-items:center;gap:8px;margin-bottom:6px;display:flex}.empireSwatch{cursor:pointer;border:1px solid #ffffff40;border-radius:3px;flex:none;width:14px;height:14px;padding:0;transition:transform .12s}.empireSwatch:hover{transform:scale(1.2)}.empireCardName{color:var(--text);flex:1;font-size:13px;font-weight:700}.empireCardRow{color:var(--text-dim);margin-top:3px;font-size:11.5px}.empireCardRow b{color:var(--text);font-weight:600}.empireRelations{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.relChip{border-radius:7px;padding:2px 6px;font-size:10px}.relChip.war{color:#ff8f8f;background:#ff5a5a2e}.relChip.peace{color:#9be3ac;background:#78dc9624}.relChip.alliance{color:#9bc9ff;background:#5aaaff2e}.relChip.clickable{cursor:pointer;transition:transform .1s,filter .1s}.relChip.clickable:hover{filter:brightness(1.3);transform:translateY(-1px)}.armyOrders{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.armyOrders .editBtn{width:20px;height:20px;position:static}.emptyNote{color:var(--text-dim);text-align:center;padding:10px 0;font-size:12px}.sidePanel{z-index:90;background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;width:340px;max-height:78vh;padding:16px;position:fixed;top:60px;right:18px;overflow-y:auto;box-shadow:0 12px 34px #0006}.sidePanel .closeBtn{color:var(--text-dim);background:#ffffff0f;border:none;border-radius:6px;width:22px;height:22px;font-size:12px;position:absolute;top:10px;right:10px}.sidePanel .closeBtn:hover{color:var(--text);background:#ffffff24}#populationChart{border:1px solid var(--panel-border);background:#02050b7a;border-radius:9px;width:100%;height:120px;display:block}.chartLegend{color:var(--text-dim);gap:14px;margin:7px 0 10px;font-size:10.5px;display:flex}.chartLegend span:before{content:"";border-radius:2px;width:13px;height:3px;margin:0 5px 2px 0;display:inline-block}.chartLegend .civilLine:before{background:#ffc86b}.chartLegend .wildLine:before{background:#75d39b}#historyList{flex-direction:column;gap:6px;max-height:38vh;padding-right:3px;display:flex;overflow-y:auto}.historyEvent{background:#ffffff09;border-radius:8px;grid-template-columns:auto 1fr;gap:8px;padding:7px 8px;display:grid}.historyDay{color:var(--accent);white-space:nowrap;font-size:10.5px}.historyText{color:var(--text-dim);font-size:11.5px;line-height:1.35}#minimapWrap{z-index:16;border:1px solid var(--panel-border);background:var(--panel-bg);border-radius:12px;padding:5px;position:fixed;bottom:132px;right:16px;box-shadow:0 8px 28px #0000004d}#minimapWrap canvas{cursor:crosshair;width:154px;height:154px;image-rendering:pixelated;border-radius:8px;display:block}#minimapWrap span{color:var(--text-dim);text-align:center;letter-spacing:1.5px;padding-top:3px;font-size:9px;display:block}.panelField{color:var(--text);gap:6px;margin:10px 0;font-size:12px;display:grid}.panelField select,#historyFilter{width:100%;color:var(--text);border:1px solid var(--panel-border);background:#080d16e6;border-radius:8px;padding:8px}.panelHint{color:var(--text-dim);font-size:11px;line-height:1.4}#saveSlots{gap:8px;margin:10px 0;display:grid}.saveSlot{border:1px solid var(--panel-border);background:#ffffff09;border-radius:10px;grid-template-columns:88px 1fr;gap:9px;padding:8px;display:grid}.saveSlot img,.saveThumbEmpty{object-fit:cover;width:88px;height:52px;color:var(--text-dim);background:#00000059;border-radius:6px;place-items:center;display:grid}.saveSlotInfo{gap:4px;min-width:0;display:grid}.saveSlotInfo b{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.saveSlotActions{flex-wrap:wrap;gap:4px;display:flex}.saveSlotActions button,.importBtn{border:1px solid var(--panel-border);color:var(--text);cursor:pointer;font:inherit;background:#ffffff12;border-radius:6px;padding:5px 7px;font-size:10px}.importBtn{text-align:center;padding:9px;display:block}.statusChip{border-color:#8ecdff61}#tutorialOverlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#02060cb8;place-items:center;display:grid;position:fixed;inset:0}#tutorialOverlay.hidden{display:none}.tutorialCard{border:1px solid var(--panel-border);background:#111827;border-radius:16px;width:min(430px,100vw - 30px);padding:24px;box-shadow:0 24px 70px #00000080}.tutorialCard h2{color:var(--text);margin:8px 0}.tutorialCard p{min-height:58px;color:var(--text-dim);line-height:1.5}#tutorialStep{color:var(--accent);font-size:11px}.tutorialActions{justify-content:space-between;gap:8px;display:flex}.tutorialActions button{border:1px solid var(--panel-border);color:var(--text);background:#ffffff14;border-radius:8px;padding:9px 15px}#nextTutorial{background:var(--accent);color:#201604;font-weight:700}#touchControls{z-index:18;grid-template:repeat(2,42px)/repeat(3,42px);gap:3px;width:132px;height:94px;display:none;position:fixed;bottom:135px;left:18px}#touchControls button{border:1px solid var(--panel-border);color:#fff;touch-action:none;background:#0f1724c7;border-radius:10px}#touchControls [data-touch=up]{grid-column:2}#touchControls [data-touch=left]{grid-area:2/1}#touchControls [data-touch=down]{grid-area:2/2}#touchControls [data-touch=right]{grid-area:2/3}html.highContrast{--panel-bg:#000000f5;--panel-border:#ffffff73;--text-dim:#e1e7f0}html.reduceMotion *,html.reduceMotion :before,html.reduceMotion :after{transition-duration:.001ms!important;animation-duration:.001ms!important}button:focus-visible,select:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #6fc8ff}@media (pointer:coarse){#touchControls{display:grid}#minimapWrap{bottom:126px;right:8px}}@media (max-width:760px){#minimapWrap canvas{width:112px;height:112px}#minimapWrap{bottom:122px}}.panelActionBtn{border:1px solid var(--panel-border);width:100%;color:var(--text-dim);background:#ffffff0a;border-radius:8px;margin-top:10px;padding:7px 10px;font-size:11px}.panelActionBtn:hover{color:var(--text);background:#ffffff17}#lawsList,#layersList{flex-direction:column;gap:7px;display:flex}.lawToggle{color:var(--text);background:#ffffff09;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;padding:9px 10px;display:flex}.lawToggle span{min-width:0}.lawToggle b{margin-bottom:2px;font-size:12px;display:block}.lawToggle small{color:var(--text-dim);font-size:10.5px;line-height:1.3;display:block}.lawToggle input{width:18px;height:18px;accent-color:var(--accent);flex:none}.diagnosticsGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.diagnosticMetric{border:1px solid var(--panel-border);background:#ffffff09;border-radius:9px;padding:9px 10px}.diagnosticMetric span{color:var(--text-dim);margin-bottom:3px;font-size:10px;display:block}.diagnosticMetric b{color:var(--text);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:14px}.diagnosticsSectionTitle{color:var(--text);margin:14px 0 7px;font-size:11.5px;font-weight:700}.diagnosticsErrors{flex-direction:column;gap:6px;display:flex}.diagnosticError{color:#ffb1b1;overflow-wrap:anywhere;background:#ff5c5c14;border:1px solid #ff5c5c2e;border-radius:8px;padding:7px 8px;font-size:10.5px;line-height:1.35}.diagnosticsHint{color:var(--text-dim);margin-top:10px;font-size:10px;line-height:1.4}#speedBar{top:calc(56px + var(--safe-top));z-index:20;background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:12px;gap:4px;padding:4px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.speedBtn{color:var(--text-dim);background:0 0;border:none;border-radius:8px;width:34px;height:30px;font-size:14px}.speedBtn:hover{color:var(--text);background:#ffffff14}.speedBtn.active{background:var(--accent);color:#201400;font-weight:700}.speedDivider{background:var(--panel-border);align-self:center;width:1px;height:22px;margin:0 2px}#dayLockBtn{color:var(--text-dim);background:0 0;border:none;border-radius:8px;width:34px;height:30px;font-size:15px}#dayLockBtn:hover{color:var(--text);background:#ffffff14}#dayLockBtn.active{color:#3a2600;background:#ffd76b;box-shadow:0 0 10px #ffd76b80}#hud-bottom{z-index:20;padding:12px calc(12px + var(--safe-right)) calc(16px + var(--safe-bottom)) calc(12px + var(--safe-left));pointer-events:none;background:linear-gradient(#0000,#060810e6);flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:0;left:0;right:0}#powerCategories{pointer-events:auto;background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:10px;gap:5px;padding:4px;display:flex}.categoryBtn{color:var(--text-dim);background:0 0;border:none;border-radius:7px;padding:5px 11px;font-size:11px;font-weight:600}.categoryBtn:hover{color:var(--text);background:#ffffff12}.categoryBtn.active{color:#201400;background:var(--accent)}#brushRow{pointer-events:auto;background:var(--panel-bg);border:1px solid var(--panel-border);color:var(--text-dim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:10px;align-items:center;gap:8px;padding:5px 12px;font-size:12px;display:flex}#brushRow input[type=range]{accent-color:var(--accent);width:120px}#brushSizeVal{color:var(--text);text-align:center;width:14px;font-weight:600}#toolbar{background:var(--panel-bg);border:1px solid var(--panel-border);pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;flex-wrap:wrap;justify-content:center;gap:6px;max-width:96vw;padding:8px;display:flex}.toolBtn{width:58px;height:54px;color:var(--text-dim);background:#ffffff08;border:1px solid #0000;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:20px;transition:all .12s;display:flex}.toolBtn .lbl{letter-spacing:.2px;font-size:9px}.toolBtn:hover{color:var(--text);background:#ffffff17;transform:translateY(-2px)}.toolBtn.active{border-color:var(--accent);color:var(--accent);background:#f2b23c2e;box-shadow:0 0 12px #f2b23c40}.toolBtn.is-hidden{display:none}@keyframes menuDrift{0%{transform:translate(0,0)scale(1)}50%{transform:translate(-2%,-3%)scale(1.06)}to{transform:translate(0,0)scale(1)}}@keyframes menuTwinkle{0%,to{opacity:.55}50%{opacity:1}}@keyframes menuCardIn{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes menuIconFloat{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-4px)rotate(2deg)}}@keyframes menuShine{0%{transform:translate(-120%)skew(-18deg)}60%,to{transform:translate(220%)skew(-18deg)}}@keyframes menuSpin{to{transform:rotate(360deg)}}.menuOverlay{z-index:60;background:radial-gradient(60% 45% at 20% 15%,#4fc3f729 0%,#0000 60%),radial-gradient(55% 45% at 85% 80%,#f2b23c24 0%,#0000 60%),radial-gradient(circle at 50% 32%,#182636 0%,#060810 72%);justify-content:center;align-items:center;padding:22px;display:flex;position:fixed;inset:0;overflow:hidden}.menuOverlay:before,.menuOverlay:after{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(1.5px 1.5px at 12% 22%,#ffffffe6,#0000 60%),radial-gradient(1.5px 1.5px at 78% 14%,#ffffffb3,#0000 60%),radial-gradient(1.2px 1.2px at 34% 68%,#fff9,#0000 60%),radial-gradient(1.5px 1.5px at 62% 78%,#fffc,#0000 60%),radial-gradient(1px 1px at 90% 55%,#ffffff8c,#0000 60%),radial-gradient(1.3px 1.3px at 48% 38%,#ffffff80,#0000 60%),radial-gradient(1px 1px at 8% 85%,#ffffff80,#0000 60%);animation:4.5s ease-in-out infinite menuTwinkle;position:absolute;inset:-10%}.menuOverlay:after{opacity:.6;animation-delay:2.2s}.menuOverlay.hidden{display:none}.menuCard{z-index:1;text-align:center;background:linear-gradient(165deg,#181f2ff7 0%,#0a0e18fa 100%);border:1px solid #ffffff21;border-radius:18px;width:380px;max-width:100%;max-height:calc(100vh - 44px);padding:34px 30px;animation:.45s cubic-bezier(.2,.8,.3,1) both menuCardIn;position:relative;overflow:hidden auto;box-shadow:0 28px 80px #000000ad,inset 0 0 0 1px #ffffff08,inset 0 1px #ffffff14}.menuCard::-webkit-scrollbar{width:8px}.menuCard::-webkit-scrollbar-track{background:0 0}.menuCard::-webkit-scrollbar-thumb{background:#f2b23c59;border-radius:8px}.menuCard::-webkit-scrollbar-thumb:hover{background:#f2b23c8c}.menuCard:before{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);height:2px;box-shadow:0 0 16px 1px var(--menu-glow);border-radius:2px;position:absolute;top:0;left:14%;right:14%}.menuCard.wide{text-align:left;width:660px}.menuCard.wide>*{min-width:0}.menuTitle{color:var(--text);letter-spacing:.5px;text-shadow:0 2px 18px var(--menu-glow), 0 1px 0 #0006;margin-bottom:10px;font-size:36px;font-weight:900}.menuTitle>:first-child{filter:drop-shadow(0 4px 10px #0006);animation:3.4s ease-in-out infinite menuIconFloat;display:inline-block}.menuTitle span{background:linear-gradient(180deg, #ffdf99, var(--accent) 65%, #c47f12);color:#0000;-webkit-background-clip:text;background-clip:text}.menuTitle.small{text-align:center;margin-bottom:24px;font-size:23px}.menuCard.wide .menuTitle.small{border-bottom:1px solid #ffffff14;padding-bottom:18px}.menuTag{color:var(--text-dim);margin-bottom:28px;font-size:14px;line-height:1.5}.menuBtnPrimary,.menuBtnSecondary{letter-spacing:.2px;border:none;border-radius:12px;width:100%;margin-bottom:10px;padding:14px;font-size:15px;font-weight:700;transition:transform .14s,filter .14s,box-shadow .14s;display:block;position:relative;overflow:hidden}.menuBtnPrimary{background:linear-gradient(180deg, #ffd884, var(--accent) 55%, #d99420);color:#2a1a00;box-shadow:0 10px 24px -8px #f2b23ca6,inset 0 0 0 1px #ffffff2e}.menuBtnSecondary{color:var(--text);border:1px solid var(--panel-border);background:#ffffff0e}.menuBtnPrimary:after,.menuBtnSecondary:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000,#ffffff59,#0000);width:40%;position:absolute;top:0;bottom:0;left:0;transform:translate(-120%)skew(-18deg)}.menuBtnPrimary:hover,.menuBtnSecondary:hover{filter:brightness(1.08);transform:translateY(-2px)}.menuBtnPrimary:hover:after,.menuBtnSecondary:hover:after{animation:.85s forwards menuShine}.menuBtnPrimary:active,.menuBtnSecondary:active{transform:translateY(0)scale(.985)}.menuBtnPrimary:disabled,.menuBtnSecondary:disabled{opacity:.7;cursor:default;filter:none;transform:none}.menuBtnPrimary.isLoading{color:#0000}.menuBtnPrimary.isLoading:before{content:"";border:2.5px solid #2a1a0059;border-top-color:#2a1a00;border-radius:50%;width:18px;height:18px;margin:-9px 0 0 -9px;animation:.7s linear infinite menuSpin;position:absolute;top:50%;left:50%}.creatorGrid2{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;display:grid}.creatorGrid2>.creatorSection{min-width:0}.creatorSection{margin-bottom:20px}.creatorSection label{color:var(--text-dim);letter-spacing:.6px;text-transform:uppercase;align-items:center;gap:7px;margin-bottom:9px;font-size:12px;font-weight:700;display:flex}.creatorSection label:before{content:"";background:var(--accent);opacity:.7;border-radius:2px;width:3px;height:12px}.optionGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;min-width:0;display:grid}.optionGrid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.optionBtn{border:1px solid var(--panel-border);color:var(--text-dim);background:#ffffff09;border-radius:11px;flex-direction:column;align-items:center;gap:5px;padding:11px 4px;font-size:11.5px;font-weight:600;transition:transform .12s,background .12s,border-color .12s,color .12s,box-shadow .12s;display:flex;position:relative}.optionBtn .oIco{font-size:20px;transition:transform .12s}.optionBtn:hover{color:var(--text);background:#ffffff17;transform:translateY(-1px)}.optionBtn:hover .oIco{transform:scale(1.12)}.optionBtn.active{border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 1px #f2b23c40 inset, 0 6px 16px -6px var(--menu-glow);background:linear-gradient(165deg,#f2b23c38,#f2b23c14)}.optionBtn.active:after{content:"✓";color:#2a1a00;background:var(--accent);border-radius:50%;justify-content:center;align-items:center;width:12px;height:12px;font-size:8px;font-weight:900;line-height:1;display:flex;position:absolute;top:3px;right:5px}.seedInputRow{gap:8px;display:flex}.seedInputRow input{border:1px solid var(--panel-border);color:var(--text);background:#ffffff0a;border-radius:10px;flex:1;padding:10px 12px;font-size:13px;transition:border-color .12s,background .12s}.seedInputRow input:focus{border-color:var(--accent2);background:#ffffff0f;outline:none}.seedInputRow button{border:1px solid var(--panel-border);width:42px;color:var(--text);background:#ffffff0f;border-radius:10px;font-size:16px;transition:transform .15s,background .12s}.seedInputRow button:hover{background:#ffffff1f;transform:rotate(-12deg)scale(1.06)}.creatorActions{grid-template-columns:max-content minmax(0,1fr);gap:10px;margin-top:26px;display:grid}.creatorActions>*{min-width:0}.creatorActions .menuBtnSecondary,.creatorActions .menuBtnPrimary{min-width:0;margin-bottom:0}.creatorActions .menuBtnSecondary{white-space:nowrap;width:auto;padding:14px 16px}.creatorActions .menuBtnPrimary{white-space:normal;overflow-wrap:anywhere;width:100%}html.reduceMotion .menuOverlay:before,html.reduceMotion .menuOverlay:after,html.reduceMotion .menuTitle>:first-child,html.reduceMotion .menuCard{animation:none}#helpModal{z-index:70;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#030408b8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#helpModal.hidden{display:none}.modalBox{border:1px solid var(--panel-border);max-width:520px;max-height:90vh;color:var(--text);background:#12161f;border-radius:16px;padding:26px 30px;overflow-y:auto;box-shadow:0 20px 60px #00000080}.modalBox h2{margin-bottom:14px;font-size:19px}.modalBox ul{color:var(--text-dim);margin:0 0 14px 18px;font-size:13.5px;line-height:1.8}.modalBox ul b{color:var(--text)}.modalBox p{color:var(--text-dim);margin-bottom:18px;font-size:13px;line-height:1.6}.modalBox button{background:var(--accent);color:#201400;float:right;border:none;border-radius:9px;padding:9px 20px;font-size:13px;font-weight:700}#toast{top:var(--notification-top,138px);z-index:80;pointer-events:none;flex-direction:column;align-items:flex-start;gap:6px;width:min(390px,100vw - 36px);display:flex;position:fixed;bottom:auto;left:18px;transform:none}.toastMsg{border:1px solid var(--panel-border);color:var(--text);background:#0e121eeb;border-radius:20px;padding:7px 16px;font-size:12.5px;animation:2.6s forwards toastFade}@keyframes toastFade{0%{opacity:0;transform:translateY(8px)}10%{opacity:1;transform:translateY(0)}80%{opacity:1}to{opacity:0;transform:translateY(-8px)}}@media (max-width:720px){#brand,#stats{display:none}#hud-top{justify-content:center;padding:8px}#topActions{gap:3px}#topActions button{width:32px;height:32px;font-size:14px}#speedBar{top:48px}#hoverInfo{top:90px;left:10px}#toast{width:min(390px,100vw - 20px);left:10px}.toolBtn{width:48px;height:48px;font-size:17px}#toolbar{gap:4px;max-height:24vh;padding:6px;overflow-y:auto}#hud-bottom{gap:5px;padding:8px 6px 10px}#brushRow{padding:4px 10px}.categoryBtn{padding:5px 8px}.sidePanel,#empiresPanel,#inspectPanel{width:auto;max-height:65vh;top:88px;left:10px;right:10px}.modalBox{margin:16px}.menuOverlay{padding:12px}.menuCard{padding:28px 22px}.menuCard.wide{width:100%}.creatorGrid2{grid-template-columns:1fr;column-gap:0}#possessBanner{font-size:11.5px;top:90px}}#mainMenu{background:linear-gradient(90deg,#050f15f7,#050f15b3 36%,#050f1514 75%),url(./menu-world-jaE7oEz5.jpg) 50%/cover;justify-content:flex-start;padding:clamp(28px,7vw,120px)}#mainMenu:before,#mainMenu:after{display:none}.homeCard{text-align:left;width:420px;box-shadow:none;background:0 0;border:0;padding:24px 0;overflow:visible}.homeCard:before{display:none}.menuEyebrow{color:#a9d8bd;letter-spacing:3px;margin-bottom:20px;font-size:10px;font-weight:800}.homeCard .menuTitle{letter-spacing:-3px;margin-bottom:26px;font-size:clamp(44px,5vw,76px);line-height:1}.homeCard .menuTitle span{letter-spacing:10px;margin-top:12px;font-size:28px;display:block}.homeCard .menuTag{color:#c7d4d9;margin-bottom:34px;font-size:18px;line-height:1.7}.homeCard button{text-align:left;border-radius:6px;padding:18px 22px}.homeCard .menuBtnSecondary{background:#0e2026c7;border:1px solid #789b8d40}.menuBtnSecondary:disabled{opacity:.4;cursor:not-allowed;transform:none}.saveHint{color:#96a9ad;margin-top:20px;font-size:12px}.homeCaption{text-align:right;text-shadow:0 2px 14px #000;position:absolute;bottom:8vh;right:6vw}.homeCaption span{letter-spacing:3px;color:#ffe1a1;font-size:10px}.homeCaption h2{margin:16px 0;font-size:32px;line-height:1.2}.homeCaption p{color:#bbcbd1;font-size:11px}#mapCreator{background:linear-gradient(110deg,#07151cee,#07151ca8),url(./menu-world-jaE7oEz5.jpg) 50%/cover}#mapCreator .wide{background:linear-gradient(130deg,#142c32f5,#0c1722fa);border-color:#92bcae40;width:850px;padding:28px 34px}.creatorBanner{background:linear-gradient(90deg,#10262be8,#10262b70),url(./menu-world-jaE7oEz5.jpg) 50% 42%/cover;margin:-28px -34px 26px;padding:20px 24px}.creatorBanner .menuEyebrow{margin:0 0 10px}.creatorBanner .menuTitle.small{text-align:left;border:0;margin:0;padding:0;font-size:32px}.creatorBanner p{color:#c3d4d7;margin:8px 0 0;font-size:13px}.optionHint{color:#9db1bb;min-height:16px;margin:-3px 0 10px;font-size:11px;line-height:1.5}#mapTypeGrid .optionBtn{background:linear-gradient(150deg,#31545070,#172936);min-height:85px}.optionBtn{border-radius:8px}.optionBtn.active{background:linear-gradient(145deg,#96753850,#30433970)}#settingsPanel{z-index:90}button:focus-visible{outline-offset:4px;outline:2px solid #ffda8b}@media (max-width:760px){.homeCaption{display:none}#mainMenu{padding:28px}.homeCard{width:min(420px,100%)}#mapCreator .wide{padding:22px}.creatorBanner{margin:-22px -22px 22px}}@media (prefers-reduced-motion:reduce){.menuOverlay *,.menuOverlay:before,.menuOverlay:after{animation:none!important}}.homeCaption h2{color:#f3f5ed}#pauseMenu{z-index:70;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#041019bd;place-items:center;padding:20px;display:grid;position:fixed;inset:0}#pauseMenu.hidden{display:none}.pauseCard{background:linear-gradient(140deg,#1c333b,#0b1724);border:1px solid #9ec2b550;border-radius:18px;width:min(530px,100%);max-height:calc(100dvh - 40px);padding:32px;overflow:auto;box-shadow:0 32px 100px #0009}.pauseCard .menuEyebrow{margin-bottom:12px}.pauseCard h1{color:#f5f1df;margin:0;font-size:30px}.pauseSubtitle{color:#b8cacc;margin:8px 0 22px}.pauseCard h3{color:#95afa9;letter-spacing:2px;margin:22px 0 10px;font-size:10px}.pauseGrid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.pauseAction{text-align:left;color:#e2ece9;background:#ffffff08;border:1px solid #adc3bd24;border-radius:8px;padding:15px 12px;font-weight:600}.pauseAction:hover{background:#91bbad20;border-color:#cda45f}.pauseAction:disabled{opacity:.4;cursor:not-allowed}.exitAction{color:#e4c693;width:100%;margin-top:24px}.pauseFootnote{text-align:center;color:#8ca6ad;margin:18px 0 0;font-size:11px}#gameMenuBtn{width:auto;padding:0 14px;font-weight:700}#settingsPanel{z-index:95;background:radial-gradient(at 85% 10%,#244949,#0b1826 65%);border:0;border-radius:0;grid-template-rows:auto 1fr auto;grid-template-columns:250px minmax(0,760px);justify-content:center;gap:32px 56px;width:100%;height:100dvh;max-height:none;padding:clamp(24px,5vw,80px);display:grid;inset:0;transform:none}#settingsPanel.hidden{display:none}#settingsPanel>.panelTitle{border-bottom:1px solid #b4d1c42b;grid-column:1/-1;padding-bottom:22px;font-size:38px}#settingsPanel .closeBtn{width:44px;height:44px;font-size:24px;position:absolute;top:24px;right:28px}.settingsNav{flex-direction:column;gap:10px;display:flex}.settingsNav button{text-align:left;color:#adc5c7;background:0 0;border:1px solid #0000;border-radius:8px;padding:18px;font-size:15px}.settingsNav button.active{color:#ffdb93;background:#cba25520;border-color:#cba25580}.settingsContent{min-width:0;overflow-y:auto}.settingsPage h2{color:#f4f1df;margin:0 0 10px;font-size:26px}.settingsPage>p{color:#94b1b4;margin-bottom:32px}.settingsPage>label{background:#ffffff05;border:1px solid #cde3d91a;border-radius:10px;margin-bottom:14px;padding:22px}.settingsFooter{color:#8ca7aa;border-top:1px solid #b4d1c42b;grid-column:1/-1;padding-top:18px;font-size:12px}#inspectPanel,#empiresPanel,.sidePanel:not(#settingsPanel){z-index:90;background:linear-gradient(145deg,#1d303afa,#101c29fc);border:1px solid #99c7b84d;border-radius:16px;width:min(680px,100vw - 32px);max-height:calc(100dvh - 80px);padding:28px;top:50%;left:50%;right:auto;transform:translate(-50%,-50%);box-shadow:0 30px 100px #0009,0 0 0 100vmax #020b1259}#empiresPanel{width:min(840px,100vw - 32px)}#inspectPanel .panelTitle,.sidePanel .panelTitle{padding-right:30px}#saveManagerPanel{width:min(780px,100vw - 32px)}#saveSlots{gap:14px;display:grid}.saveSlot{background:#ffffff05;border-radius:10px;padding:15px}#powerSubcategories{background:#10212bf2;border:1px solid #91b0a82b;border-radius:10px;flex-wrap:wrap;justify-content:center;gap:5px;padding:5px;display:flex}.subcategoryBtn{color:#b5c4c8;background:0 0;border:0;border-radius:6px;padding:7px 13px;font-size:11px}.subcategoryBtn.active{color:#ffdb92;background:#93b4a926}#hud-bottom{gap:7px}#toolbar{background:#0d1b27ed;border:1px solid #91b0a83d;border-radius:14px;box-shadow:0 12px 32px #0006}.toolBtn{border-radius:9px}#powerCategories{border:1px solid #91b0a83d}@media (max-width:700px){#settingsPanel{grid-template-rows:auto auto 1fr auto;grid-template-columns:1fr;gap:16px;padding:22px 16px}#settingsPanel>.panelTitle{margin:0;font-size:28px}.settingsNav{flex-flow:wrap;gap:5px}.settingsNav button{padding:10px;font-size:12px}.settingsPage>label{padding:14px}.pauseCard{padding:24px}#inspectPanel,#empiresPanel,.sidePanel:not(#settingsPanel){max-height:calc(100dvh - 32px);padding:22px}#toolbar{max-height:20vh}.subcategoryBtn{padding:6px 8px}}#helpModal{z-index:96}#powerSubcategories{pointer-events:auto}#nameEditor{color:#e5eeeb;background:linear-gradient(140deg,#1c333b,#0b1724);border:1px solid #9ec2b550;border-radius:16px;width:min(460px,100vw - 32px);margin:auto;padding:30px;box-shadow:0 30px 100px #0009}#nameEditor::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#03121abf}#nameEditor h2{color:#fff0cf;margin:0 0 24px}#nameEditor label{color:#b8cdc8;margin-bottom:8px;display:block}#nameEditor input{color:#fff;background:#0a1722;border:1px solid #a7c8bb50;border-radius:8px;width:100%;margin-bottom:22px;padding:14px;font-size:17px}#topLeft{pointer-events:auto;flex-shrink:0;align-items:center;gap:14px;display:flex}#gameMenuBtn{white-space:nowrap;min-width:88px;height:38px;color:var(--text);background:var(--panel-bg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #adc3bd40;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;padding:0 14px;font-size:14px;line-height:1;display:inline-flex}#gameMenuBtn:hover{border-color:var(--accent);background:#30434f}@media (max-width:1100px){#topLeft #brand{display:none}}@media (max-width:700px){#hud-top{justify-content:space-between}#topLeft{gap:0}#gameMenuBtn{min-width:80px;height:36px}}#toolTrayFab,#toolTrayBackdrop{display:none}@media (pointer:coarse) and (hover:none) and (max-width:640px),(pointer:coarse) and (hover:none) and (max-height:500px){#hud-top{padding:calc(6px + var(--safe-top)) calc(10px + var(--safe-right)) 6px calc(10px + var(--safe-left));position:fixed}#stats .stat{display:none}#stats #dayStat{display:flex}#topActions{display:none}#topMoreBtn{width:30px;height:30px;color:var(--text);background:var(--panel-bg);border:1px solid var(--panel-border);pointer-events:auto;border-radius:9px;justify-content:center;align-items:center;font-size:17px;font-weight:700;display:flex}body.topTrayOpen #topMoreBtn{background:var(--accent);color:#201400;border-color:var(--accent)}body.topTrayOpen #stats .stat,body.topTrayOpen #topActions{display:flex}body.topTrayOpen #topExtras{top:calc(96px + var(--safe-top));right:calc(8px + var(--safe-right));z-index:23;width:min(260px,100vw - 16px);max-height:calc(100dvh - 112px - var(--safe-top) - var(--safe-bottom));background:linear-gradient(165deg,#141b28fa,#090d15fc);border:1px solid #ffffff1a;border-radius:14px;flex-direction:column;gap:8px;padding:10px;display:flex;position:fixed;overflow-y:auto;box-shadow:0 14px 34px #00000080}body.topTrayOpen #stats{flex-wrap:wrap;gap:5px;display:flex}body.topTrayOpen #topActions{flex-wrap:wrap;gap:5px}body.topTrayOpen .stat{padding:4px 8px;font-size:12px}body.topTrayOpen #topActions button{width:34px;height:34px;font-size:14px}body.topTrayOpen #minimapWrap{display:none}#minimapWrap{top:calc(46px + var(--safe-top));right:calc(8px + var(--safe-right));opacity:.94;background:#0a0e16e0;padding:3px;bottom:auto}#minimapWrap canvas{width:56px;height:56px}#minimapWrap span{letter-spacing:.5px;font-size:6px}#touchControls{left:calc(10px + var(--safe-left));bottom:calc(14px + var(--safe-bottom));background:0 0;grid-template:repeat(2,42px)/repeat(3,42px);gap:3px;width:128px;height:88px;top:auto;transform:none}#touchControls button{background:linear-gradient(160deg,#3a4658d9,#0f141ed9);border:1px solid #ffffff29;border-radius:50%;font-size:15px;box-shadow:0 3px 6px #0006,inset 0 1px #ffffff1f}#touchControls button:active{background:linear-gradient(160deg,#f2b23c80,#0f141ed9);transform:scale(.92)}#toolTrayFab{z-index:23;right:calc(14px + var(--safe-right));bottom:calc(14px + var(--safe-bottom));background:linear-gradient(160deg, #ffd884, var(--accent) 60%, #c47f12);border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;font-size:25px;display:flex;position:fixed;box-shadow:0 8px 20px #00000080,inset 0 1px #ffffff59}#toolTrayFab:active{transform:scale(.93)}body.toolTrayOpen #toolTrayFab{box-shadow:0 0 0 3px #f2b23c59,0 8px 20px #00000080}#toolTrayBackdrop{z-index:19;pointer-events:none;background:#02040900;transition:background .2s;display:block;position:fixed;inset:0}body.toolTrayOpen #toolTrayBackdrop,body.topTrayOpen #toolTrayBackdrop{pointer-events:auto;background:#02040966}#hud-bottom{z-index:21;padding:10px calc(14px + var(--safe-right)) calc(14px + var(--safe-bottom)) calc(14px + var(--safe-left));pointer-events:none;background:linear-gradient(#111722fc,#080b12fe);border-top:1px solid #ffffff1f;border-radius:20px 20px 0 0;gap:10px;transition:transform .24s cubic-bezier(.2,.8,.3,1);transform:translateY(calc(100% + 24px));box-shadow:0 -10px 34px #0000008c}body.toolTrayOpen #hud-bottom{pointer-events:auto;transform:translateY(0)}#hud-bottom:before{content:"";background:#ffffff38;border-radius:3px;width:36px;height:4px;margin:0 auto 2px;display:block}#brushRow,#powerCategories,#powerSubcategories,#toolbar{box-shadow:none;background:0 0;border:none;border-radius:0;padding-left:2px;padding-right:2px}#brushRow{border-bottom:1px solid #ffffff14;gap:8px;padding-top:0;padding-bottom:8px}#brushRow label{font-size:0}#brushRow label:before{content:"🖌️";font-size:14px}#brushRow input[type=range]{flex:1}#brushSizeVal{font-size:12px}#powerCategories,#powerSubcategories,#toolbar{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;width:100%;max-width:100%;max-height:none;overflow:auto hidden}#powerCategories::-webkit-scrollbar{display:none}#powerSubcategories::-webkit-scrollbar{display:none}#toolbar::-webkit-scrollbar{display:none}#powerCategories{border-bottom:1px solid #ffffff14;justify-content:center;padding-bottom:8px}#powerSubcategories{justify-content:center;padding-bottom:6px}.categoryBtn{border-radius:10px;flex:none;padding:7px 12px;font-size:12px}.categoryBtn.active{box-shadow:0 2px 8px #f2b23c59}.subcategoryBtn{white-space:nowrap;border-radius:8px;flex:none;padding:6px 11px;font-size:11px}.toolBtn{background:linear-gradient(160deg,#ffffff17,#ffffff05);border-radius:14px;flex:none;width:48px;height:48px;font-size:19px;box-shadow:0 2px 4px #00000059}.toolBtn:active{transform:scale(.9)}.toolBtn.active{box-shadow:0 0 10px #f2b23c73, inset 0 0 0 1.5px var(--accent)}.toolBtn .lbl{display:none}#speedBar{top:calc(50px + var(--safe-top));padding:3px}.speedBtn,#dayLockBtn{width:28px;height:26px}}