:root{--panel: rgba(24, 30, 41, .94);--panel-light: rgba(38, 46, 60, .95);--gold: #c8a44d;--gold-bright: #e8c96e;--marble: #efe9da;--ink: #e8e2d2;--ink-dim: #a49e8c;--good: #7fc06a;--bad: #d96a5a;--serif: "Cinzel", Georgia, serif;--sans: "Alegreya Sans", "Gill Sans", system-ui, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#14212e;font-family:var(--sans);color:var(--ink);overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-text-size-adjust:100%;touch-action:manipulation}#app{position:fixed;top:0;right:0;bottom:0;left:0}#game{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;cursor:grab;touch-action:none}#game.tool{cursor:crosshair}#game.panning{cursor:grabbing}.hidden{display:none!important}#topbar{position:absolute;top:0;left:0;right:0;height:42px;display:flex;align-items:center;gap:14px;padding:0 12px;background:linear-gradient(to bottom,#141a24f7,#141a24e0);border-bottom:2px solid var(--gold);box-shadow:0 2px 12px #00000080;font-size:15px;-webkit-user-select:none;user-select:none;z-index:20}#topbar .stat{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}#topbar .stat>.ui-icon{width:18px;height:18px;color:var(--gold);filter:drop-shadow(0 1px 0 rgba(0,0,0,.55))}#topbar .stat.goods{font-size:13.5px}#topbar #stat-olives{padding-left:14px;border-left:1px solid rgba(200,164,77,.35)}@media(max-width:1180px){#topbar{gap:9px;font-size:14px}}@media(max-width:1000px){#topbar{gap:7px;padding:0 8px}#topbar .stat.goods{display:none}}#topbar .stat b{color:var(--gold-bright);font-weight:600}#topbar .stat.warn b{color:var(--bad)}#topbar .spacer{flex:1}#stat-date{font-family:var(--serif);font-size:13px;color:var(--ink-dim)}#stat-event{display:inline-flex;align-items:center;gap:5px;padding:2px 10px;border-radius:12px;font-size:12.5px;white-space:nowrap;cursor:default;animation:event-in .4s ease-out}#stat-event.buff{border:1px solid var(--good);background:#7fc06a1f;color:#b8e0a8}#stat-event.debuff{border:1px solid var(--bad);background:#d96a5a24;color:#f0b0a4}@keyframes event-in{0%{transform:translateY(-6px);opacity:0}to{transform:translateY(0);opacity:1}}#topbar button{background:var(--panel-light);color:var(--ink);border:1px solid #4a5468;border-radius:4px;min-width:30px;height:26px;padding:0 7px;cursor:pointer;font-size:12px}#topbar button:hover{border-color:var(--gold)}#topbar button.active{background:var(--gold);color:#1c1610;border-color:var(--gold-bright);font-weight:700}#topbar button .ui-icon{width:15px;height:15px;vertical-align:middle}#speed-controls{display:inline-flex;gap:4px}#access-legend{position:absolute;z-index:18;top:43px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:5px;padding:6px 8px;border:1px solid var(--gold);border-radius:5px;background:#1a202cf5;color:var(--paper);box-shadow:0 4px 14px #00000059;font-size:12px}#access-legend.hidden,#access-legend.survey .access-key{display:none}#access-legend strong{color:var(--gold-bright);margin-right:3px;white-space:nowrap}#access-legend button{border:1px solid #657086;border-radius:3px;background:#303a4c;color:var(--paper);padding:3px 7px;cursor:pointer}#access-legend button.active{background:var(--gold);color:#1c1610;border-color:var(--gold-bright)}.access-key{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;color:#c8ced9}.access-key i{width:9px;height:9px;border-radius:50%;display:inline-block}.access-key .covered,.access-key .patron{width:14px;height:6px;border-radius:3px}.access-key .provider{background:#4897d5}.access-key .covered{background:#46b87e}.access-key .patron{background:#ebae43}.access-key .missed{background:#c2453d}@media(max-width:1050px){.access-key{display:none}}.ui-icon{display:inline-block;width:1.08em;height:1.08em;flex:0 0 auto;vertical-align:-.18em;overflow:visible}#toolbar{position:absolute;left:8px;top:54px;bottom:12px;width:214px;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--gold);border-radius:8px;padding:8px;z-index:15;-webkit-user-select:none;user-select:none}#toolbar h3{font-family:var(--serif);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin:0 2px 3px;border-bottom:1px solid rgba(200,164,77,.25);padding-bottom:3px}.tool-utility{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:8px}.tool-btn.util-btn{min-width:0;flex-direction:column;gap:1px;padding:4px 2px 3px}.util-btn canvas{width:32px;height:28px}.util-btn .t-name{font-size:10px;text-align:center}.util-btn .t-abbr{display:none}.tool-tabs{display:flex;flex:1;min-height:0;gap:6px}.tool-rail{display:flex;flex-direction:column;gap:4px;flex:0 0 34px}.tool-tab{position:relative;width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:var(--panel-light);border:1px solid #3d4a5e;border-radius:6px;color:var(--ink);cursor:pointer}.tool-tab .ui-icon{width:17px;height:17px}.tool-tab:hover{border-color:var(--gold);background:#2f3a4d}.tool-tab.active{border-color:var(--gold-bright);background:#3d4020;color:var(--gold-bright)}.tool-tab .tab-dot{display:none;position:absolute;top:3px;right:3px;width:7px;height:7px;border-radius:50%;background:var(--gold-bright);box-shadow:0 0 5px 1px #f0cd6ebf}.tool-tab.noted .tab-dot{display:block}.tool-panels{flex:1;min-width:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#4a5468 transparent}.tool-panel{display:flex;flex-direction:column;gap:5px}.tool-btn{position:relative;display:flex;align-items:center;gap:7px;text-align:left;width:100%;background:var(--panel-light);border:1px solid #3d4a5e;border-radius:6px;padding:3px 6px 3px 3px;cursor:pointer;color:var(--ink)}.tool-btn:hover{border-color:var(--gold);background:#2f3a4d}.tool-btn.active{border-color:var(--gold-bright);background:#3d4020;box-shadow:0 0 0 1px var(--gold-bright)}.tool-btn.locked{opacity:.45}.tool-btn canvas{width:46px;height:40px;flex:0 0 auto;image-rendering:auto}.tool-btn .t-text{display:flex;flex-direction:column;gap:1px;min-width:0}.tool-btn .t-name{font-size:12px;line-height:1.15}.tool-btn .t-cost{font-size:10.5px;color:var(--gold-bright)}.tool-btn.unaffordable{border-color:#333e4f}.tool-btn.unaffordable canvas{filter:grayscale(.6);opacity:.55}.tool-btn.unaffordable .t-name{opacity:.6}.tool-btn .t-short{color:var(--bad)}#btn-stats{width:100%;margin-bottom:8px;background:var(--panel-light);color:var(--gold-bright);border:1px solid #4a5468;border-radius:6px;padding:6px 4px;cursor:pointer;font-family:var(--serif);font-size:12px;letter-spacing:.06em}#btn-stats:hover{border-color:var(--gold)}#btn-stats.active{background:#3d4020;border-color:var(--gold-bright)}#statspane{position:absolute;left:232px;top:54px;width:236px;max-height:calc(100vh - 70px);overflow-y:auto;background:var(--panel);border:1px solid var(--gold);border-radius:8px;padding:10px 12px;z-index:14;font-size:12.5px;-webkit-user-select:none;user-select:none;scrollbar-width:thin}#statspane h3{font-family:var(--serif);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin:10px 0 4px;border-bottom:1px solid rgba(200,164,77,.25);padding-bottom:2px}#statspane h3:first-child{margin-top:0}#statspane .sp-row{display:flex;justify-content:space-between;padding:1.5px 0}#statspane .sp-row span:last-child{color:var(--gold-bright)}#statspane .sp-row.good span:last-child{color:var(--good)}#statspane .sp-row.bad span:last-child{color:var(--bad)}#statspane .sp-note{color:var(--ink-dim);font-size:11.5px;line-height:1.35;margin-top:3px}#statspane .sp-district{margin:6px 0;padding:6px 7px;border:1px solid rgba(200,164,77,.24);border-radius:5px;background:#0c121947;color:#d9d2be;font-size:11.5px;line-height:1.35}#statspane .sp-district-head{display:flex;align-items:center;justify-content:space-between;gap:5px;color:var(--gold-bright)}#statspane .sp-district-services{margin-top:3px;color:var(--ink-dim);font-size:10.5px}#statspane .sp-rename{flex:0 0 auto;padding:1px 5px;border:1px solid #657086;border-radius:3px;background:#303a4c;color:var(--paper);font-size:10px;cursor:pointer}#statspane .sp-rename:hover{border-color:var(--gold)}#statspane .sp-rename-edit{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:5px 0}#statspane .sp-rename-input{grid-column:1 / -1;min-width:0;padding:4px 5px;border:1px solid #657086;border-radius:3px;background:#171d28;color:var(--paper);font:11px var(--sans)}#statspane .sp-rename-input:focus{outline:1px solid var(--gold);border-color:var(--gold)}#statspane .sp-rename-edit button{min-width:0;padding:2px 3px;border:1px solid #657086;border-radius:3px;background:#303a4c;color:var(--paper);font:10px var(--sans);cursor:pointer}#statspane .sp-rename-edit button:hover{border-color:var(--gold)}#statspane .sp-event{color:var(--gold-bright);font-size:12.5px;margin-top:2px}#statspane .sp-war{color:var(--bad)}#statspane .sp-pay,#statspane .sp-march,#statspane .sp-aid,#statspane .sp-call,#statspane .sp-punish,#statspane .sp-wage{background:var(--gold);color:#241c08;border:1px solid var(--gold-bright);border-radius:4px;padding:1px 10px;margin-left:6px;font-size:11px;font-weight:700;cursor:pointer}#statspane .sp-wage{padding:1px 7px;margin:0 5px}#statspane .sp-pay:hover,#statspane .sp-march:hover:not(:disabled),#statspane .sp-aid:hover,#statspane .sp-call:hover:not(:disabled),#statspane .sp-punish:hover:not(:disabled),#statspane .sp-wage:hover:not(:disabled){filter:brightness(1.1)}#statspane .sp-wage:disabled,#statspane .sp-call:disabled,#statspane .sp-punish:disabled,#statspane .sp-march:disabled{opacity:.35;cursor:default}#alerts{flex:0 0 auto;max-height:62%;overflow-y:auto;background:var(--panel);border:1px solid var(--bad);border-radius:8px;padding:8px 9px 9px;font-size:12.5px;-webkit-user-select:none;user-select:none;scrollbar-width:thin;box-shadow:0 3px 16px #00000059}#alerts h3{font-family:var(--serif);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--bad);margin:0 0 6px;border-bottom:1px solid rgba(217,106,90,.3);padding-bottom:3px}.alert{background:var(--panel-light);border:1px solid #3d4a5e;border-left:3px solid var(--gold);border-radius:5px;padding:5px 7px 6px;margin-bottom:5px;cursor:pointer}.alert:last-child{margin-bottom:0}.alert:hover{border-color:var(--gold);border-left-color:var(--gold-bright)}.alert.urgent{border-left-color:var(--bad);background:#d96a5a1a}.alert.urgent:hover{border-color:var(--bad)}.al-head{display:flex;justify-content:space-between;align-items:baseline;gap:6px;font-family:var(--serif);font-size:12.5px;color:var(--gold-bright)}.al-icon{display:inline-flex;align-items:center;margin-right:5px}.al-icon .ui-icon{width:15px;height:15px}.alert.urgent .al-head{color:#f0b0a4}.al-when{font-family:var(--sans);font-size:11px;color:var(--ink-dim);white-space:nowrap}.alert.urgent .al-when{color:var(--bad);font-weight:700}.al-body{color:var(--ink);line-height:1.3;margin-top:2px}.al-act{margin-top:5px;display:flex;flex-wrap:wrap;gap:8px}.al-act button{background:var(--gold);color:#241c08;border:1px solid var(--gold-bright);border-radius:4px;padding:2px 11px;font-size:11px;font-weight:700;cursor:pointer}.al-act button:hover:not(:disabled){filter:brightness(1.1)}.al-act button:disabled{opacity:.35;cursor:default}.alert.is-new{animation:alert-in .9s ease-out}@keyframes alert-in{0%{transform:translate(-14px);background:#f0b0a480}to{transform:none}}#minimap-wrap{flex:0 0 auto;margin-top:auto;background:var(--panel);border:1px solid var(--gold);border-radius:8px;padding:6px;-webkit-user-select:none;user-select:none}#minimap{width:100%;height:132px;cursor:pointer;border-radius:4px;display:block;touch-action:none}#almanac{display:flex;flex-direction:column;gap:4px;padding:1px 2px 7px}#almanac #stat-date{font-family:var(--serif);font-size:12.5px;color:var(--ink-dim);letter-spacing:.02em}.alm-chips{display:flex;flex-wrap:wrap;gap:4px}#rightcol{position:absolute;right:10px;top:54px;bottom:10px;width:250px;display:flex;flex-direction:column;gap:8px;z-index:14;pointer-events:none}#rightcol>*{pointer-events:auto}#rightcol:has(#infopanel:not(.hidden)) #alerts{max-height:45%}#goals-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#182634db,#0a1018f5);display:flex;align-items:center;justify-content:center;z-index:100}.goals-panel{width:min(540px,92vw)}#msglog-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#182634db,#0a1018f5);display:flex;align-items:center;justify-content:center;z-index:100}.msglog-panel{width:min(600px,92vw)}#msglog-list{text-align:left;max-height:56vh;overflow-y:auto;margin:8px 0 16px;border-top:1px solid rgba(122,108,72,.35)}.log-entry{display:flex;gap:10px;align-items:baseline;padding:6px 2px;border-bottom:1px solid rgba(122,108,72,.25);font-size:13.5px;line-height:1.4;color:#33302a}.log-day{flex:0 0 auto;font-size:11.5px;color:#8a7a4e;white-space:nowrap;min-width:96px}.log-text{flex:1 1 auto}.log-entry.warn .log-text{color:#8a2f1d}.log-entry.good .log-text{color:#3d6b2a}.log-locate{flex:0 0 auto;font-size:11.5px;background:none;border:1px solid #9a7c2e;border-radius:4px;color:#6d5313;padding:1px 6px;cursor:pointer;white-space:nowrap}.log-locate:hover{background:#c8a44d33}.log-empty{color:#7a6c48;font-size:14px;padding:14px 2px;text-align:center}#btn-log{position:relative}#log-badge{position:absolute;top:-6px;right:-6px;min-width:15px;height:15px;padding:0 3px;border-radius:8px;background:var(--bad);color:#fff;font-size:10px;font-weight:700;line-height:15px;text-align:center;pointer-events:none}#objectives{text-align:left}#objectives h3{font-family:var(--serif);font-size:20px;color:#6d5313;margin:2px 0 12px;text-align:center}#objectives .obj{display:flex;gap:9px;align-items:baseline;padding:4px 0;color:#7a6c48;font-size:14.5px;line-height:1.45}#objectives .obj.done{color:#4d7c3a}#objectives .obj.current{color:#33302a;font-weight:600}#objectives .obj .tick{width:16px;flex:none}#objectives .obj.locked{color:#a49b85}#objectives h3.ach-head{margin:18px 0 2px}#objectives .ach-note{font-size:11.5px;font-style:italic;color:#8a8172;text-align:center;margin-bottom:8px}#infopanel{position:relative;flex:0 1 auto;min-height:0;overflow-y:auto;background:var(--panel);border:1px solid var(--gold);border-radius:8px;padding:12px 14px;z-index:18;font-size:13.5px;scrollbar-width:thin}#infopanel h2{font-family:var(--serif);font-size:16px;color:var(--gold-bright);margin-bottom:2px;padding-right:18px}#infopanel .ip-desc{color:var(--ink-dim);font-size:12.5px;margin-bottom:8px;line-height:1.35}#infopanel .ip-row{display:grid;grid-template-columns:78px minmax(0,1fr);gap:8px;align-items:start;padding:2px 0}#infopanel .ip-row span:first-child{min-width:0}#infopanel .ip-row span:last-child{min-width:0;color:var(--gold-bright);text-align:right;overflow-wrap:anywhere}#infopanel .ip-status{margin-top:8px;padding:6px 8px;border-radius:5px;background:#0000004d;font-size:12.5px;line-height:1.35}#infopanel .ip-status.ok{color:var(--good)}#infopanel .ip-status.bad{color:var(--bad)}#infopanel .ip-redevelop{display:grid;gap:5px;margin-top:9px;padding-top:7px;border-top:1px solid rgba(200,164,77,.28);color:var(--gold-bright);font-size:11px;letter-spacing:.03em}#infopanel .ip-redevelop button{width:100%;padding:5px 6px;border:1px solid var(--gold);border-radius:4px;background:#6f5313b8;color:#fff2c3;cursor:pointer;font:600 11px var(--sans);text-align:left}#infopanel .ip-redevelop button:hover:not(:disabled){filter:brightness(1.12)}#infopanel .ip-redevelop button:disabled{opacity:.42;cursor:default}#infopanel .ip-redevelop small{color:var(--ink-dim);line-height:1.3;letter-spacing:0}#infopanel .ip-invocation .ip-invoke-head{color:var(--gold-bright);font-weight:700}#infopanel .ip-invocation .ip-invoke-desc{color:var(--ink-dim);font-size:10.5px;line-height:1.35;letter-spacing:0}#infopanel .ip-elite-ladder .el-stage{display:grid;gap:1px;padding:4px 5px;border-radius:4px;background:#00000038;letter-spacing:0}#infopanel .ip-elite-ladder .el-name{font:600 11px var(--sans);color:var(--gold-bright);letter-spacing:.03em}#infopanel .ip-elite-ladder .el-parts{font-size:10.5px;line-height:1.35;color:var(--ink-dim)}#infopanel .ip-elite-ladder .el-stage.done{opacity:.62}#infopanel .ip-elite-ladder .el-stage.done .el-name{color:var(--good)}#infopanel .ip-elite-ladder .el-stage.now{background:#6f53136b;box-shadow:inset 0 0 0 1px #c8a44d66}#infopanel .ip-elite-ladder .el-stage.now .el-parts{color:var(--ink)}#infopanel .ip-elite-ladder .el-stage.now .el-parts b{color:var(--bad);font-weight:600}#infopanel .ip-elite-ladder .el-stage.next{opacity:.72}#infopanel .ip-elite-ladder .el-stage.next .el-parts b{font-weight:600}#infopanel .ip-close{position:absolute;top:6px;right:8px;background:none;border:none;color:var(--ink-dim);font-size:16px;cursor:pointer}#infopanel .ip-close:hover{color:var(--ink)}#infopanel .ip-demolish{margin-top:10px;width:100%;background:#4a2c26;color:var(--ink);border:1px solid #7a4438;border-radius:5px;padding:5px;cursor:pointer;font-size:12.5px}#infopanel .ip-demolish:hover{border-color:var(--bad)}#infopanel .ip-orders{margin-top:8px;padding-top:6px;border-top:1px solid rgba(200,164,77,.25)}#infopanel .ip-orders-head{display:flex;justify-content:space-between;color:var(--ink-dim);font-size:11px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px}#infopanel .ip-scout-fund,#infopanel .ip-scout-launch{display:block;width:100%;margin:5px 0 0;padding:7px 9px;border:1px solid #b28a2d;border-radius:4px;background:linear-gradient(#80661e,#594511);color:#fff3c8;box-shadow:0 1px #ffefae38 inset,0 1px 2px #0000004d;font:700 11px var(--sans);text-align:left;cursor:pointer}#infopanel .ip-scout-fund:hover:not(:disabled),#infopanel .ip-scout-launch:hover:not(:disabled){border-color:var(--gold-bright);background:linear-gradient(#967925,#6b5315)}#infopanel .ip-scout-fund:focus-visible,#infopanel .ip-scout-launch:focus-visible{outline:2px solid #e8c96e;outline-offset:2px}#infopanel .ip-scout-fund:disabled,#infopanel .ip-scout-launch:disabled{opacity:.42;color:var(--ink-dim);cursor:default}#infopanel .ip-order{display:flex;flex-wrap:wrap;align-items:center;gap:3px 4px;padding:2px 0;font-size:12.5px}#infopanel .ip-order .ip-good{flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#infopanel .ip-order .ip-have{color:var(--gold-bright);min-width:24px;text-align:right}#infopanel .ip-order .ip-ctl{display:flex;align-items:center;gap:2px;margin-left:auto}#infopanel .ip-acc{width:18px;height:18px;line-height:1;background:var(--gold);color:#241c08;border:1px solid var(--gold-bright);border-radius:4px;font-size:12px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}#infopanel .ip-acc:hover:not(:disabled){filter:brightness(1.1)}#infopanel .ip-acc:disabled{opacity:.35;cursor:default}#infopanel .ip-lim{min-width:28px;height:18px;padding:0 2px;background:none;border:0;border-bottom:1px dotted rgba(200,164,77,.55);text-align:center;color:var(--ink);font:inherit;cursor:text}#infopanel .ip-lim:hover{color:var(--gold-bright);border-bottom-color:var(--gold)}#infopanel .ip-lim.refuse{color:var(--bad)}#infopanel .ip-lim-input{width:46px;min-width:0;padding:1px 3px;text-align:center;border:1px solid var(--gold);border-radius:3px;background:#171d28;color:var(--paper);font:12px var(--sans)}#infopanel .ip-lim-input:focus{outline:1px solid var(--gold-bright)}#infopanel .ip-mode{min-width:40px;height:18px;line-height:1;padding:0 4px;border-radius:4px;font-size:10px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;background:#2a2620;color:var(--ink);border:1px solid #4d453a}#infopanel .ip-mode.mode-get{background:#1e3a2a;color:#7fd49a;border-color:#2f6a48}#infopanel .ip-mode.mode-refuse{color:var(--bad)}#infopanel .ip-mode.mode-stalled{border-style:dashed;opacity:.78}#infopanel .ip-mode:hover:not(:disabled){filter:brightness(1.15)}#infopanel .ip-mode:disabled{cursor:default}#infopanel .ip-tro{min-width:56px;height:18px;line-height:1;padding:0 6px;border-radius:4px;font-size:11px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;background:#2a2620;color:var(--ink);border:1px solid #4d453a}#infopanel .ip-tro.tro-sell{background:var(--gold);color:#241c08;border-color:var(--gold-bright)}#infopanel .ip-tro.tro-buy{background:#1e3a2a;color:#7fd49a;border-color:#2f6a48}#infopanel .ip-tro:hover{filter:brightness(1.15)}#toasts{position:absolute;left:50%;bottom:24px;transform:translate(-50%);display:flex;flex-direction:column-reverse;align-items:center;gap:6px;z-index:30;pointer-events:none}.toast{background:var(--panel);border:1px solid var(--gold);border-radius:20px;padding:7px 18px;font-size:14px;animation:toast-in .25s ease-out;box-shadow:0 4px 14px #00000080;white-space:nowrap}.toast.good{border-color:var(--good)}.toast.warn{max-width:min(720px,calc(100vw - 32px));border-color:var(--bad);line-height:1.3;text-align:left;white-space:normal}.toast.actionable{max-width:min(720px,calc(100vw - 32px));display:flex;align-items:center;gap:14px;border-width:1px;color:var(--ink);font:inherit;line-height:1.25;text-align:left;white-space:normal;cursor:pointer;pointer-events:auto}.toast.actionable:hover,.toast.actionable:focus-visible{background:#34434a;border-color:#efb46a;outline:none;transform:translateY(-1px)}.toast-loc-mark{margin-right:4px}.toast-locate{flex:none;padding-left:12px;border-left:1px solid rgba(255,255,255,.16);color:#efc16f;font-family:var(--serif);font-size:12px;white-space:nowrap}.toast.fading{opacity:0;transition:opacity .6s}@keyframes toast-in{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}#tooltip{position:absolute;max-width:230px;background:var(--panel);border:1px solid var(--gold);border-radius:6px;padding:8px 10px;font-size:12.5px;z-index:40;pointer-events:none;line-height:1.35}#tooltip b{color:var(--gold-bright);font-family:var(--serif);font-size:13px}#tooltip .tt-cost{color:var(--gold-bright);margin:3px 0}#tooltip .tt-desc{color:var(--ink-dim)}#tooltip .tt-req{color:#d9b45a;margin-top:3px}#tooltip .tt-lack{color:var(--bad);margin-top:3px}#help-overlay,#confirm-overlay,#pause-overlay,#muster-overlay,#bugreport-overlay,#bribe-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#182634db,#0a1018f5);display:flex;align-items:center;justify-content:center;z-index:100}#confirm-overlay{z-index:115}.confirm-panel{width:min(460px,92vw)}#bribe-overlay{z-index:113;background:radial-gradient(ellipse at center,#341e16db,#0e0c10f5)}.bribe-panel{width:min(480px,92vw);text-align:center}.bribe-panel .bribe-kicker{font-family:var(--serif);font-size:12.5px;letter-spacing:.22em;text-transform:uppercase;color:#8a7a4e}.bribe-panel h2{margin:4px 0 10px}.bribe-panel .bribe-purse{font-size:13px;color:#7a6c48;margin:10px 0 0;border-top:1px solid rgba(122,108,72,.3);padding-top:8px}.bribe-panel .bribe-purse b{color:#6d5313}.bribe-panel .bribe-purse.bribe-short b{color:#8a3f34}.bribe-panel #bribe-pay[disabled]{opacity:.5;cursor:not-allowed}@media(pointer:coarse){.bribe-panel .big-btn{width:100%;min-height:44px}}#bugreport-overlay{z-index:117}.bug-panel textarea,.bug-panel input[type=email]{font:inherit;font-size:13.5px;display:block;width:100%;box-sizing:border-box;margin:0 0 10px;padding:9px 11px;border:1px solid #8a6a1e;border-radius:6px;background:#fffdf4;color:#33302a;resize:vertical}.bug-panel textarea:focus,.bug-panel input[type=email]:focus{outline:2px solid var(--gold)}.bug-panel .bug-attach{display:block;font-size:13px;color:#6d5313;margin:0 0 4px;cursor:pointer;text-align:left}.bug-panel .bug-attach input{accent-color:#9a7c2e;margin-right:6px}.bug-panel #bug-fine{margin-top:2px}.bug-panel .pw-status{min-height:1.2em}#muster-overlay{z-index:112}.muster-panel{width:min(440px,92vw);text-align:left}.muster-panel h2,.muster-panel .laurel{text-align:center}.mu-row{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:#7a6c48;margin:4px 0}.mu-row span:last-child{color:#33302a}.mu-slider{display:flex;align-items:center;gap:10px;margin:14px 0 8px;font-size:13px;color:#33302a}.mu-slider input[type=range]{flex:1;accent-color:var(--gold)}.mu-slider b{font-family:var(--serif);font-size:16px;color:#6d5313;min-width:2ch;text-align:right}.mu-slider .mu-of{color:#7a6c48;font-size:12px}.mu-hero{display:flex;align-items:center;gap:8px;font-size:13px;margin:6px 0;cursor:pointer;color:#33302a}.mu-hero input{accent-color:var(--gold)}.mu-note{font-size:12.5px;color:#7a6c48;margin:8px 0;line-height:1.4}.mu-total{margin-top:12px;padding-top:10px;border-top:1px solid rgba(154,124,46,.35);font-family:var(--serif);font-size:13.5px;color:#6d5313}.mu-total.bad{color:#a03d2e}#start-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#090f17c7,#090f174d 26%,#090f172e 55%,#090f17d1);display:flex;overflow-y:auto;z-index:100}.menu-hero{display:flex;flex-direction:column;align-items:center;text-align:center;margin:auto;max-width:660px;padding:22px 28px}.menu-hero .laurel{font-size:26px;color:var(--gold-bright);text-shadow:0 2px 10px rgba(0,0,0,.8)}.menu-hero h1{font-family:var(--serif);font-weight:700;font-size:34px;letter-spacing:.14em;color:var(--gold-bright);margin:4px 0 0;text-shadow:0 2px 4px rgba(0,0,0,.9),0 6px 26px rgba(0,0,0,.7)}.menu-hero .sub{font-family:var(--serif);font-size:14px;letter-spacing:.1em;color:#d8cba4;margin:4px 0 14px;text-shadow:0 1px 3px rgba(0,0,0,.85)}.menu-blurb{font-size:15.5px;line-height:1.55;color:#ece4cd;max-width:540px;margin-bottom:20px;text-shadow:0 1px 3px rgba(0,0,0,.9),0 3px 12px rgba(0,0,0,.6)}.menu-card{display:flex;flex-direction:column;gap:14px;background:#0c121a99;border:1px solid rgba(232,201,110,.32);border-radius:12px;padding:20px 26px;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);box-shadow:0 14px 44px #00000080}.menu-hero .fine{margin-top:14px;font-size:12px;color:#b3a683;text-shadow:0 1px 2px rgba(0,0,0,.8)}.menu-hero .fine a{color:#b3a683}.tut-ribbon{width:100%;display:flex;flex-direction:column;align-items:center;gap:3px;font-family:var(--serif);color:#241c08;background:linear-gradient(to bottom,#d8b45e,#b98f35);border:1px solid #8a6a1e;border-radius:8px;padding:13px 16px 11px;cursor:pointer;box-shadow:0 3px #8a6a1e,0 6px 16px #0000004d}.tut-ribbon .play-main{font-size:20px;font-weight:700;letter-spacing:.09em}.tut-ribbon .play-sub{font-family:var(--sans);font-size:12px;color:#4a3a12}.tut-ribbon:hover{filter:brightness(1.07)}.tut-ribbon:active{transform:translateY(1px);box-shadow:0 1px #8a6a1e}.tut-ribbon.quiet{flex-direction:row;justify-content:center;gap:10px;background:none;border:1px solid rgba(232,201,110,.35);box-shadow:none;padding:8px 16px}.tut-ribbon.quiet .play-main{font-size:13px;color:var(--gold-bright)}.tut-ribbon.quiet .play-sub{color:#cfc4a4}.tut-ribbon.quiet:hover{border-color:var(--gold);filter:none}.mode-row{display:flex;align-items:stretch;gap:12px}.mode-card{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:7px;background:#0c121a80;border:1px solid rgba(232,201,110,.22);border-radius:10px;padding:13px 14px 11px}.mode-card h3{font-family:var(--serif);font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-bright)}.mode-desc{font-size:12.5px;line-height:1.35;color:#cfc4a4;flex:1;margin-bottom:2px}.map-choice{display:flex;flex-direction:column;gap:4px;text-align:left;font-family:var(--serif);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#d8cba4}.map-choice select{width:100%;min-width:0;padding:7px 8px;border:1px solid rgba(232,201,110,.45);border-radius:5px;background:#19232d;color:#f2e8c8;font-family:var(--sans);font-size:12px}.map-choice-desc{min-height:42px;margin:0;text-align:left;color:#bdb18f;font-size:11px;line-height:1.28}.city-list{display:flex;flex-direction:column;gap:5px}.city-row{display:flex;flex-direction:column;align-items:flex-start;gap:1px;width:100%;padding:7px 10px;text-align:left;cursor:pointer;background:#0c121a8c;border:1px solid rgba(232,201,110,.4);border-radius:6px;color:var(--marble);font-family:var(--sans)}.city-row:hover{border-color:var(--gold)}.city-row:hover .city-row-name{color:var(--gold-bright)}.city-row-name{font-size:13.5px;font-weight:600;letter-spacing:.02em}.city-row-meta{font-size:11px;color:#bdb18f}.city-row.locked{opacity:.72;filter:saturate(.75)}.city-row.locked:hover{opacity:.9}.mode-card .big-btn{width:100%;padding:11px 10px;font-size:15px}.mode-card .big-btn.mode-alt{background:none;border:none;box-shadow:none;font-family:var(--sans);font-weight:500;font-size:12.5px;letter-spacing:0;color:#cfc4a4;padding:2px 0 0;text-decoration:underline dotted rgba(216,203,164,.6);text-underline-offset:3px}.mode-card .big-btn.mode-alt:hover{color:var(--gold-bright);filter:none}.mode-card .big-btn.mode-alt:active{transform:none;box-shadow:none}.big-btn.locked,.pill-btn.locked{opacity:.72;filter:saturate(.75)}.big-btn.locked:hover,.pill-btn.locked:hover{opacity:.9}@media(max-width:620px){.mode-row{flex-direction:column}}.menu-utility{display:flex;gap:10px;justify-content:center;margin-top:12px}.pill-btn{font-family:var(--sans);font-size:12.5px;font-weight:500;color:#d8cba4;background:#0c121a8c;border:1px solid rgba(232,201,110,.38);border-radius:999px;padding:7px 15px;cursor:pointer;text-shadow:0 1px 2px rgba(0,0,0,.8);box-shadow:0 2px 8px #00000059}.pill-btn:hover{color:var(--gold-bright);border-color:var(--gold)}.cta-btn{display:flex;flex-direction:column;align-items:center;gap:3px;width:100%;font-family:var(--serif);background:linear-gradient(to bottom,#ecc25a,#b07c1c);color:#241c08;border:1px solid #8a6a1e;border-radius:8px;padding:13px 26px;cursor:pointer;box-shadow:0 3px #8a6a1e,0 0 18px #e8c96e4d;animation:cta-glow 2.8s ease-in-out infinite}.cta-btn:hover{filter:brightness(1.07)}.cta-btn:active{transform:translateY(2px);box-shadow:0 1px #8a6a1e}.cta-btn .cta-main{font-size:17.5px;font-weight:700;letter-spacing:.05em}.cta-btn .cta-sub{font-family:var(--sans);font-size:12px;font-weight:500;color:#453510}@keyframes cta-glow{0%,to{box-shadow:0 3px #8a6a1e,0 0 12px #e8c96e38}50%{box-shadow:0 3px #8a6a1e,0 0 30px #e8c96e8c}}@media(prefers-reduced-motion:reduce){.cta-btn{animation:none}}.scroll-panel{width:min(560px,92vw);max-height:88vh;overflow-y:auto;background:linear-gradient(170deg,#f2ecdc,#e2d8bf);color:#33302a;border:3px solid var(--gold);border-radius:4px;box-shadow:0 0 0 6px #c8a44d26,0 20px 60px #0009;padding:34px 42px;text-align:center}.scroll-panel .laurel{font-size:26px;color:#9a7c2e}.scroll-panel h1{font-family:var(--serif);font-weight:700;font-size:30px;letter-spacing:.14em;color:#6d5313;margin:6px 0 0;text-shadow:0 1px 0 #fff8}.scroll-panel h2{font-family:var(--serif);font-size:26px;color:#6d5313;margin-bottom:12px}.scroll-panel .sub{font-family:var(--serif);font-size:14px;letter-spacing:.1em;color:#8a7a4e;margin-bottom:18px}.scroll-panel .blurb{font-size:16px;line-height:1.55;margin-bottom:22px;text-align:center}.scroll-panel ol{text-align:left;font-size:14.5px;line-height:1.5;margin:0 0 14px 20px}.scroll-panel ol li{margin-bottom:6px}.scroll-panel .keys{font-size:13px;color:#7a6c48;margin-bottom:16px}.start-buttons{display:flex;flex-direction:column;gap:10px;align-items:center}.big-btn{font-family:var(--serif);font-size:17px;font-weight:700;letter-spacing:.06em;background:linear-gradient(to bottom,#d8b45e,#b98f35);color:#241c08;border:1px solid #8a6a1e;border-radius:6px;padding:11px 34px;cursor:pointer;box-shadow:0 3px #8a6a1e,0 6px 14px #00000040}.big-btn.small-btn{font-size:13px;padding:7px 22px;background:linear-gradient(to bottom,#e0d6ba,#c8bc9a);box-shadow:0 2px #8a6a1e,0 4px 10px #0003}.big-btn:hover{filter:brightness(1.08)}.big-btn:active{transform:translateY(2px);box-shadow:0 1px #8a6a1e}.scroll-panel .fine{margin-top:16px;font-size:12px;color:#8a7a4e}.big-btn .ui-icon,.pill-btn .ui-icon{width:1em;height:1em;vertical-align:-.14em;margin-right:2px}#stat-trial .ui-icon{width:13px;height:13px;vertical-align:-2px;margin-right:2px}#tutor-banner .ui-icon{width:14px;height:14px;vertical-align:-2px;margin-right:3px}.rotate-note .ui-icon{width:13px;height:13px;vertical-align:-2px}.mode-btn .ui-icon,.menu-modes .ui-icon{width:14px;height:14px;vertical-align:-2px;margin-right:3px}.pause-volumes{width:min(280px,80%);margin:4px 0 2px;padding:10px 14px 8px;border:1px solid rgba(138,106,30,.45);border-radius:6px;background:#d6c8a529}.pause-volumes label{display:grid;grid-template-columns:74px 1fr;align-items:center;gap:10px;margin:6px 0}.pause-volumes label span{font-family:var(--serif);font-size:13px;font-weight:700;letter-spacing:.04em;color:#6a5a30;text-align:right}.pause-volumes input[type=range]{width:100%;accent-color:var(--gold);cursor:pointer}.pause-volumes .fine{margin:6px 0 0;font-size:11px;color:#8a7a4e}#changelog-overlay,#update-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#182634db,#0a1018f5);display:flex;align-items:center;justify-content:center;z-index:115}#update-overlay{z-index:116}.changelog-frame{position:relative;width:min(560px,92vw);max-height:88vh}.changelog-frame .changelog-panel{width:100%}.changelog-close{position:absolute;top:11px;right:12px;z-index:2;width:30px;height:30px;border:1px solid rgba(109,83,19,.38);border-radius:50%;background:#f2ecdce0;color:#7a6c48;font:22px/26px var(--sans);cursor:pointer}.changelog-close:hover,.changelog-close:focus-visible{color:#4f3c0d;border-color:#8a6a1e;background:#f7f1e2;outline:2px solid rgba(200,164,77,.35);outline-offset:2px}.changelog-panel .laurel,.changelog-panel h2{text-align:center}.cl-entry{text-align:left;margin-bottom:18px}.cl-head{font-family:var(--serif);color:#6d5313;font-size:17px}.cl-head .cl-date{font-family:var(--sans);font-size:12px;color:#8a7a4e;margin-left:8px;letter-spacing:.04em}.cl-entry ul{margin:6px 0 0 18px;font-size:14px;line-height:1.5}.cl-entry ul li{margin-bottom:4px}.update-body p{text-align:left;font-size:15px;line-height:1.6;margin:0 0 12px}.cl-hero,.update-hero{display:block;margin:10px auto 12px;max-width:min(78%,320px);height:auto;filter:drop-shadow(0 10px 14px rgba(30,22,8,.35))}#story-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#182634e0,#0a1018f7);display:flex;align-items:center;justify-content:center;z-index:110}.story-panel{width:min(640px,94vw);text-align:center}.story-panel .story-kicker{font-family:var(--serif);font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:#8a7a4e;margin-top:4px}.story-panel h2{margin-top:2px}.story-panel p{text-align:left;font-size:15px;line-height:1.62;margin:0 0 14px;color:#3a352c}.story-panel p:first-of-type:first-letter{font-family:var(--serif);font-size:40px;line-height:.9;float:left;padding:3px 7px 0 0;color:#6d5313}.story-panel .story-asks{font-family:var(--serif);font-size:15px;letter-spacing:.12em;color:#6d5313;margin:18px 0 8px;text-transform:uppercase}.story-panel .story-goal{text-align:left;font-size:13.5px;line-height:1.45;margin-bottom:9px;padding-left:10px;border-left:2px solid rgba(154,124,46,.45)}.story-panel .story-goal b{color:#6d5313}.story-panel .story-goal-flavor{color:#7a6c48;font-style:italic}.story-panel .story-tease{font-family:var(--serif);text-align:center;color:#6d5313;letter-spacing:.04em;margin-top:18px}.story-panel .start-buttons{margin-top:18px}#walker-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#1826348c,#0a1018c7);display:flex;align-items:center;justify-content:center;z-index:108}.walker-panel{width:min(430px,92vw);text-align:center}.walker-panel #walker-portrait{display:block;width:150px;height:150px;margin:6px auto 2px;border:2px solid rgba(154,124,46,.55);border-radius:50%;background:radial-gradient(ellipse at 50% 62%,#9a7c2e47,#0000 72%),linear-gradient(#e9dfc6,#d9cba6);box-shadow:inset 0 2px 10px #1e160847}.walker-panel .walker-kicker{font-family:var(--serif);font-size:12.5px;letter-spacing:.22em;text-transform:uppercase;color:#8a7a4e;margin-top:10px}.walker-panel h2{margin:2px 0 10px}.walker-panel #walker-say{font-size:15.5px;line-height:1.6;font-style:italic;color:#3a352c;margin:0 8px 4px;text-align:center}.walker-panel .start-buttons{margin-top:14px}#tutorial-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a10186b;display:flex;align-items:center;justify-content:center;z-index:105}.tutorial-panel{width:min(480px,88vw);text-align:center}.tutorial-panel .story-kicker{font-family:var(--serif);font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:#8a7a4e;margin-top:4px}.tutorial-panel h2{margin-top:2px}.tutorial-panel p{text-align:left;font-size:14.5px;line-height:1.58;margin:0 0 12px;color:#3a352c}.tutorial-panel p b,.tutorial-panel .story-goal b{color:#6d5313}.tutorial-panel .story-asks{font-family:var(--serif);font-size:14px;letter-spacing:.12em;color:#6d5313;margin:16px 0 6px;text-transform:uppercase}.tutorial-panel .story-goal{text-align:left;font-size:13.5px;line-height:1.45;margin-bottom:6px;padding-left:10px;border-left:2px solid rgba(154,124,46,.45)}.tutorial-panel .tut-teaser{font-style:italic;font-size:13px;line-height:1.5;color:#7a6c48;margin:14px 0 0;padding-top:10px;border-top:1px solid rgba(154,124,46,.3)}.tutorial-panel .start-buttons{margin-top:14px}.tool-btn.tut-glow,.tool-tab.tut-glow{border-color:var(--gold-bright);animation:tut-glow 1.15s ease-in-out infinite}@keyframes tut-glow{0%,to{box-shadow:0 0 0 1px var(--gold-bright),0 0 8px 2px #f0cd6e66}50%{box-shadow:0 0 0 3px var(--gold-bright),0 0 22px 6px #f0cd6ed9}}@media(prefers-reduced-motion:reduce){.tool-btn.tut-glow,.tool-tab.tut-glow{animation:none;box-shadow:0 0 0 2px var(--gold-bright)}}#tutor-banner{position:absolute;top:52px;left:50%;transform:translate(-50%);max-width:min(560px,60vw);background:var(--panel);border:1px solid var(--gold-bright);border-radius:8px;padding:7px 14px;font-size:13.5px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;z-index:16;box-shadow:0 3px 14px #00000073}#tutor-banner b{color:var(--gold-bright)}#tutor-banner .tut-again{color:var(--ink-dim);font-size:11px;margin-left:10px}#tutor-banner:hover{border-color:var(--gold)}#objectives .obj-continue{display:block;width:100%;margin-top:12px;font-family:var(--serif);font-size:15px;font-weight:700;letter-spacing:.04em;background:linear-gradient(to bottom,#e7c05a,#c19230);color:#241c08;border:1px solid #8a6a1e;border-radius:6px;padding:9px 12px;cursor:pointer;box-shadow:0 2px #8a6a1e,0 0 14px #e8c96e59}#objectives .obj-continue:hover{filter:brightness(1.07)}#objectives .obj-retell,#objectives .obj-epilogue{display:block;width:100%;margin-top:8px;background:#c8a44d1a;border:1px solid rgba(154,124,46,.45);border-radius:6px;color:#6d5313;font:inherit;font-size:13px;padding:6px 10px;cursor:pointer;text-align:center}#objectives .obj-retell:hover,#objectives .obj-epilogue:hover{background:#c8a44d33;border-color:var(--gold)}@media(max-width:900px){#toolbar{width:182px}.tool-rail{flex-basis:30px}.tool-tab{width:30px;height:30px}.tool-btn canvas{width:36px;height:32px}.tool-btn .t-name{font-size:11px}#statspane{left:200px;max-width:calc(100vw - 210px)}#rightcol{width:210px}}#stat-season{display:inline-flex;align-items:center;gap:5px;padding:2px 10px;border-radius:12px;font-size:12.5px;white-space:nowrap;cursor:default;border:1px solid rgba(200,164,77,.5);background:#c8a44d1a;color:var(--gold-bright)}#stat-season .ui-icon,#stat-event .ui-icon{width:14px;height:14px}#stat-season.s-winter{border-color:#7da3cc;background:#7da3cc1f;color:#b8d2ee}#stat-season.s-summer{border-color:#d99a4e;background:#d99a4e1f;color:#f0c896}#stat-season.s-autumn{border-color:#c07a50;background:#c07a501f;color:#e8b294}#stat-season.s-spring{border-color:#8fbc6a;background:#8fbc6a1f;color:#c2e0a8}#worldmap-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#182634db,#0a1018f5);display:flex;align-items:center;justify-content:center;z-index:100}.worldmap-tabs{display:flex;justify-content:center;gap:8px;margin:-5px 0 10px}.worldmap-tabs button{min-width:130px;border:1px solid #79601f;border-radius:3px;background:linear-gradient(#f3e5bd,#dcc794);color:#392f1c;padding:7px 14px;box-shadow:0 1px #ffffffa6 inset,0 1px 2px #2d220f47;font:700 11px Cinzel,Georgia,serif;letter-spacing:.025em;cursor:pointer}.worldmap-tabs button:hover{background:linear-gradient(#fff2ca,#e7d09b);border-color:#513f13}.worldmap-tabs button:focus-visible{outline:2px solid #2c6594;outline-offset:2px}.worldmap-tabs button.active{color:#fff5cf;border-color:#49380e;background:linear-gradient(#80661e,#594511);box-shadow:0 1px #ffefae47 inset,0 1px 3px #2d220f73;text-shadow:0 1px 1px #2c220a}.worldmap-tabs button.locked:not(.active){border-style:dashed;background:linear-gradient(#e5d6ad,#cdbb8d);color:#52462e}#worldmap-overlay .map-panel{position:absolute;top:8px;right:8px;bottom:8px;left:8px;width:auto;max-width:none;height:auto;max-height:none;display:flex;flex-direction:column;overflow:hidden;padding:14px 18px 10px;text-align:center;--wm-chrome: 176px}#worldmap-body{display:flex;gap:16px;align-items:stretch;justify-content:center;flex:1 1 auto;min-height:0;overflow:auto;margin-bottom:10px;text-align:left}#worldmap-canvas{flex:0 1 auto;min-width:0;align-self:center;cursor:pointer;width:min(100%,max(340px,calc((100dvh - var(--wm-chrome)) * 620 / 470)));height:auto}#worldmap-detail{width:clamp(316px,22vw,396px);flex:0 0 auto;align-self:stretch;overflow-y:auto;background:#241e12eb;color:var(--ink);border:2px solid #8a6a1e;border-radius:4px;padding:12px 14px;font-size:13px;line-height:1.4;scrollbar-width:thin}#worldmap-detail h3{font-family:var(--serif);font-size:17px;color:var(--gold-bright);margin-bottom:2px}#worldmap-detail h4{font-family:var(--serif);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin:10px 0 3px;border-bottom:1px solid rgba(200,164,77,.25);padding-bottom:2px}#worldmap-detail .wm-row{display:flex;justify-content:space-between;padding:1.5px 0}#worldmap-detail .wm-row span:last-child{color:var(--gold-bright)}#worldmap-detail .wm-row.good span:last-child{color:var(--good)}#worldmap-detail .wm-row.bad span:last-child{color:var(--bad)}#worldmap-detail .wm-note{color:var(--ink-dim);font-size:11.5px;line-height:1.35;margin-top:3px}#worldmap-detail .ui-icon,#statspane .ui-icon{width:13px;height:13px;color:currentColor}#worldmap-detail .wm-war{color:var(--bad)}#worldmap-detail .wm-flavor{color:var(--ink-dim);font-style:italic;font-size:12px;margin-bottom:4px}#worldmap-detail button{font:inherit;font-size:12px;background:var(--panel-light);color:var(--gold-bright);border:1px solid var(--gold);border-radius:4px;padding:2px 9px;margin:2px 3px 2px 0;cursor:pointer}#worldmap-detail button .ui-icon{margin-right:3px}#worldmap-detail button:hover:not(:disabled){filter:brightness(1.15)}#worldmap-detail button:disabled{opacity:.35;cursor:default}#worldmap-detail button.wm-march{border-color:var(--bad);color:#f0b0a4}#worldmap-detail button.wm-punish,#worldmap-detail button.wm-garrison,#worldmap-detail button.wm-recall{border-color:var(--gold);color:var(--gold-bright)}#worldmap-detail .wm-largesse-row{display:grid;grid-template-columns:1fr auto;gap:5px;align-items:center;margin:4px 0 2px}#worldmap-detail .wm-largesse-row button{margin:0}#worldmap-detail .wm-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;min-width:0;font:inherit;font-size:12px;background-color:var(--panel-light);color:var(--gold-bright);border:1px solid var(--gold);border-radius:4px;padding:2px 22px 2px 8px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23c8a44d' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 7px center;background-size:9px 5px}#worldmap-detail .wm-select:hover{filter:brightness(1.15)}#worldmap-detail .wm-select:focus{outline:1px solid var(--gold);border-color:var(--gold)}#worldmap-detail .wm-select option{background:#16202a;color:#f2e8c8}#worldmap-detail .wm-city{margin:6px 0;padding:6px 7px;border:1px solid rgba(200,164,77,.24);border-radius:5px;background:#0c121947}#worldmap-detail .wm-city-head{display:flex;align-items:center;justify-content:space-between;gap:5px;color:var(--gold-bright);font-size:12.5px}#worldmap-detail .wm-city-head button.wm-cityname{flex:0 0 auto;margin:0;padding:1px 6px;font-size:10px}#worldmap-detail .wm-city-edit{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:5px 0 1px}#worldmap-detail .wm-city-edit button{margin:0;min-width:0;padding:2px 3px;font-size:10px}#worldmap-detail .wm-cityname-input{grid-column:1 / -1;min-width:0;padding:4px 5px;border:1px solid #8a6a1e;border-radius:3px;background:#0c12198c;color:var(--paper);font:11px var(--sans)}#worldmap-detail .wm-cityname-input:focus{outline:1px solid var(--gold);border-color:var(--gold)}#worldmap-detail .wm-load{margin:5px 0 2px;padding:6px 7px;border:1px solid rgba(200,164,77,.2);border-radius:5px;background:#0c121959}#worldmap-detail .wm-load-head{display:flex;align-items:center;justify-content:space-between;gap:5px;color:var(--gold);font-family:var(--serif);font-size:11px;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid rgba(200,164,77,.22);padding-bottom:3px;margin-bottom:3px}#worldmap-detail .wm-load-head button.wm-loadclose{flex:0 0 auto;margin:0;padding:1px 6px;font-size:10px;letter-spacing:0}#worldmap-detail .wm-load .wm-row button{margin:1px 0;padding:1px 7px;font-size:11px}#app:has(#worldmap-overlay:not(.hidden)) #toasts{z-index:101;margin-bottom:54px}@media(max-width:900px){#worldmap-body{flex-direction:column}#worldmap-overlay .map-panel{--wm-chrome: calc(176px + 28dvh) }#worldmap-detail{width:100%;flex:0 0 auto;max-height:40vh;align-self:stretch}}#stat-trial{display:inline-flex;align-items:center;gap:5px;padding:2px 10px;border-radius:12px;font-size:12.5px;white-space:nowrap;cursor:pointer;border:1px solid rgba(200,164,77,.5);background:#c8a44d1a;color:var(--gold-bright);font-variant-numeric:tabular-nums}#stat-trial:hover{border-color:var(--gold-bright)}#stat-trial.warn{border-color:var(--bad);background:#d96a5a24;color:#f0b0a4}#stat-match{display:inline-flex;align-items:center;gap:5px;padding:2px 10px;margin-right:6px;border-radius:12px;font-size:12.5px;white-space:nowrap;cursor:pointer;border:1px solid rgba(200,164,77,.5);background:#c8a44d1a;color:var(--gold-bright);font-variant-numeric:tabular-nums}#stat-match:hover{border-color:var(--gold-bright)}#stat-match.warn{border-color:var(--bad);background:#d96a5a24;color:#f0b0a4}#stat-match .ui-icon{width:13px;height:13px;vertical-align:-2px}.archon-btn{display:flex;flex-direction:column;gap:2px;align-items:center;width:100%;margin-top:12px;font-family:var(--serif);background:linear-gradient(to bottom,#4a2d2a,#35201f);color:#f0d9a4;border:1px solid #8a3f34;border-radius:6px;padding:9px 14px;cursor:pointer;box-shadow:0 2px #5d2b23,0 4px 12px #0000004d}.archon-btn:hover{filter:brightness(1.12)}.archon-btn .archon-main{font-size:16px;font-weight:700;letter-spacing:.05em}.archon-btn .archon-sub{font-family:var(--sans);font-size:11.5px;color:#cbb08a}#match-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#182634db,#0a1018f5);display:flex;align-items:center;justify-content:center;z-index:111}.match-panel{width:min(520px,94vw)}.match-panel h3{font-family:var(--serif);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#8a7a4e;margin:18px 0 8px;border-bottom:1px solid rgba(154,124,46,.35);padding-bottom:3px}.match-panel .blurb{font-size:14.5px;margin-bottom:16px}.match-name{display:block;text-align:left;font-size:12.5px;color:#6d5313}.match-name input,#match-join-code{font:inherit;font-size:14px;display:block;width:100%;box-sizing:border-box;margin-top:4px;padding:8px 11px;border:1px solid #8a6a1e;border-radius:6px;background:#fffdf4;color:#33302a}.match-name input:focus,#match-join-code:focus{outline:2px solid var(--gold)}.match-lengths{display:flex;flex-direction:column;gap:7px}.match-len{display:flex;flex-direction:column;gap:1px;align-items:flex-start;font:inherit;text-align:left;cursor:pointer;background:#d6c8a54d;border:1px solid rgba(138,106,30,.5);border-radius:6px;padding:8px 12px;color:#33302a}.match-len:hover{background:#d6c8a599;border-color:#8a6a1e}.match-len b{font-family:var(--serif);font-size:15px;color:#6d5313}.match-len span{font-size:12px;color:#7a6c48}#match-join-form{display:flex;flex-direction:column;gap:8px;align-items:center}.match-code{font-family:var(--serif);font-size:26px;letter-spacing:.14em;color:#6d5313;margin:6px 0 10px;-webkit-user-select:all;user-select:all}.match-found-line{font-family:var(--serif);font-size:17px;color:#6d5313;margin:16px 0 10px}#match-status{min-height:1.2em}#match-continue-row,#match-code-row,#match-found-row{text-align:center}#match-banner{position:absolute;top:52px;left:50%;transform:translate(-50%);max-width:min(560px,60vw);background:var(--panel);border:1px solid var(--bad);border-radius:8px;padding:7px 14px;font-size:13.5px;color:#f0b0a4;text-align:center;z-index:16;box-shadow:0 3px 14px #00000073}#matchend-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#341818e6,#0a1018f7);display:flex;align-items:center;justify-content:center;z-index:114}.matchend-panel{width:min(560px,94vw)}.matchend-panel h2{margin-top:2px}.mu-note.mu-doom{color:#8a3f34}.mu-note.mu-doom b{color:#6d2a20}.delos-btn{background:linear-gradient(to bottom,#2c3a4a,#1e2833);border-color:#3f6a8a;box-shadow:0 2px #23394a,0 4px 12px #0000004d}.hall-btn{background:linear-gradient(to bottom,#3a3323,#262117);border-color:#7a6329;box-shadow:0 2px #4a3d1c,0 4px 12px #0000004d}.cloud-mark{font-size:.85em;opacity:.85}#delos-overlay,#hall-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#182634db,#0a1018f5);display:flex;align-items:center;justify-content:center;z-index:111}.delos-panel{width:min(560px,94vw)}.hall-panel{width:min(600px,94vw)}.delos-panel .blurb,.hall-panel .blurb{font-size:14.5px;margin-bottom:14px}.delos-fact{font-size:13px;color:#5a4a20;line-height:1.5}.delos-fact b{color:#6d5313}.delos-table{width:100%;border-collapse:collapse;margin:14px 0 8px;font-size:13px;font-variant-numeric:tabular-nums}.delos-table th{font-family:var(--serif);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#8a7a4e;text-align:left;padding:3px 6px;border-bottom:1px solid rgba(154,124,46,.45)}.delos-table td{padding:3px 6px;color:#33302a;border-bottom:1px solid rgba(154,124,46,.16)}.delos-table th:first-child,.delos-table td:first-child{width:2.4em;color:#7a6c48}.delos-table th:nth-child(3),.delos-table td:nth-child(3),.delos-table th:last-child,.delos-table td:last-child{text-align:right}.delos-table tr.mine td{background:#c8a44d38;font-weight:700;color:#6d5313}.delos-rank{font-size:13.5px;color:#5a4a20;margin-top:6px}.delos-rank b{color:#6d5313}.delos-empty{font-size:13.5px;color:#7a6c48;font-style:italic;margin:14px 0 6px}#delos-status,#hall-status,#publish-status{min-height:1.2em}#delos-end{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#1e2838e6,#0a1018f7);display:flex;align-items:center;justify-content:center;z-index:114}.hall-tabs{display:flex;gap:6px;justify-content:center;margin-bottom:12px}.hall-tabs button{font:inherit;font-size:12.5px;cursor:pointer;padding:5px 14px;background:#d6c8a54d;border:1px solid rgba(138,106,30,.5);border-radius:14px;color:#6d5313}.hall-tabs button:hover{background:#d6c8a599}.hall-tabs button.active{background:var(--gold);border-color:var(--gold-bright);color:#241c08;font-weight:700}#hall-list{max-height:min(46vh,400px);overflow-y:auto;text-align:left}.hall-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 4px;border-bottom:1px solid rgba(154,124,46,.22)}.hall-row:last-child{border-bottom:0}.hr-main{flex:1 1 200px;min-width:0}.hr-main b{font-family:var(--serif);font-size:15px;color:#6d5313;display:block}.hr-by{display:block;font-size:12px;color:#7a6c48}.hr-stats{display:block;font-size:12px;color:#5a4a20;font-variant-numeric:tabular-nums}.hr-act{display:flex;gap:6px;flex:0 0 auto;margin-left:auto}.hr-act button{font:inherit;font-size:12px;cursor:pointer;padding:4px 11px;background:var(--gold);color:#241c08;border:1px solid var(--gold-bright);border-radius:5px}.hr-act button:hover:not(:disabled){filter:brightness(1.1)}.hr-act button:disabled{opacity:.4;cursor:default}#publish-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#182634db,#0a1018f5);display:flex;align-items:center;justify-content:center;z-index:117}#toolbar.touring .tool-utility,#toolbar.touring .tool-tabs{display:none}#tour-banner{position:absolute;top:52px;left:50%;transform:translate(-50%);width:max-content;max-width:min(620px,70vw);display:flex;align-items:center;gap:12px;background:var(--panel);border:1px solid var(--gold);border-radius:8px;padding:7px 14px;font-size:13.5px;color:var(--gold-bright);text-align:center;z-index:16;box-shadow:0 3px 14px #00000073}#tour-banner button{font:inherit;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap;padding:3px 11px;background:var(--gold);color:#241c08;border:1px solid var(--gold-bright);border-radius:5px}#tour-banner button:hover{filter:brightness(1.1)}.alert.oracle{border-left-color:#8f7bd6;cursor:default}.alert.oracle:hover{border-color:#8f7bd6;border-left-color:#a893e6}.alert.oracle .al-head{color:#c8b8f0}#paywall-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#182634db,#0a1018f5);display:flex;align-items:center;justify-content:center;z-index:120}.paywall-panel{width:min(480px,92vw)}.pw-city{font-style:italic;color:#5a4a20;font-size:14px;line-height:1.5;max-width:380px;margin:0 auto 10px}.pw-price{font-family:var(--serif);font-size:18px;color:#6d5313;margin:4px 0 14px}.pw-price b{font-size:30px}.pw-points{list-style:none;text-align:left;margin:0 auto 18px;max-width:340px;font-size:14.5px;line-height:1.6}.pw-points li:before{content:"❦  ";color:#9a7c2e}#pw-restore-row{margin-top:14px;font-size:13px}#pw-restore-row a{color:#7a6c48}#pw-restore-form{display:flex;gap:8px;justify-content:center;align-items:center;margin-top:10px}#pw-email{font:inherit;font-size:13px;padding:8px 10px;border:1px solid #8a6a1e;border-radius:6px;background:#fffdf4;color:#33302a;width:220px}#pw-email:focus{outline:2px solid var(--gold)}.pw-status{margin-top:12px;font-size:13.5px;line-height:1.4}.pw-status.good{color:#3e6b34}.pw-status.warn{color:#a03a2c}.scroll-panel .fine a{color:#7a6c48}#sound-review{position:fixed;inset:50% auto auto 50%;z-index:1000;width:min(760px,calc(100vw - 40px));padding:22px;transform:translate(-50%,-50%);border:1px solid rgba(216,180,91,.55);border-radius:12px;background:radial-gradient(circle at 12% 0%,rgba(178,126,49,.13),transparent 34%),linear-gradient(145deg,#1d2326fa,#11171bfc);box-shadow:0 24px 70px #000000a6,inset 0 1px #fff5cf12;color:var(--marble)}.sound-review-heading{display:flex;align-items:center;gap:14px;margin-bottom:18px}.sound-review-heading>span{display:grid;width:50px;height:50px;place-items:center;border:1px solid rgba(216,180,91,.45);border-radius:50%;background:#b17e2d1f;color:var(--gold);font:28px Georgia,serif}.sound-review-heading h2,.sound-review-heading p{margin:0}.sound-review-heading h2{color:var(--gold);font:600 24px Georgia,serif;letter-spacing:.06em}.sound-review-heading p,.sound-review-note{color:var(--muted);font-size:12px}.sound-review-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.sound-review-grid button{min-height:66px;padding:10px 12px;border:1px solid rgba(216,180,91,.22);border-radius:6px;background:#ffffff09;color:var(--marble);text-align:left}.sound-review-grid button:hover,.sound-review-grid button:focus-visible{border-color:#d8b45bb8;background:#d8b45b1f;outline:none}.sound-review-grid strong,.sound-review-grid small{display:block}.sound-review-grid strong{margin-bottom:5px;font:600 13px Georgia,serif}.sound-review-grid small{color:#b8aa8b;font:10px ui-monospace,monospace;letter-spacing:.08em}.sound-review-note{margin:15px 0 0;text-align:center}@media(max-width:680px){.sound-review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#sound-review{max-height:calc(100vh - 30px);overflow:auto}}#topbar{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}#toolbar{left:max(8px,env(safe-area-inset-left))}#rightcol{right:max(10px,env(safe-area-inset-right))}#toasts{bottom:max(24px,env(safe-area-inset-bottom))}@supports (height: 100dvh){#statspane{max-height:calc(100dvh - 70px)}.scroll-panel{max-height:88dvh}#msglog-list{max-height:56dvh}}#tool-armed,#rotate-overlay{display:none}@media(orientation:portrait)and (pointer:coarse)and (max-width:920px){#rotate-overlay{display:flex;align-items:center;justify-content:center;position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:radial-gradient(ellipse at center,#182634f7,#0a1018fc);text-align:center}}.rotate-card{padding:24px;color:var(--ink)}.rotate-card .rotate-icon{font-size:54px;color:var(--gold-bright);animation:rotate-nudge 2.2s ease-in-out infinite}.rotate-card p{font-family:var(--serif);font-size:18px;margin-top:10px}.rotate-card .rotate-sub{font-family:var(--sans);font-size:14px;color:var(--ink-dim);margin-top:6px}.rotate-card .rotate-note{font-family:var(--sans);font-size:12.5px;color:var(--ink-dim);max-width:300px;margin:14px auto 0;line-height:1.45;border-top:1px solid rgba(200,164,77,.3);padding-top:12px}@keyframes rotate-nudge{0%,to{transform:rotate(0)}50%{transform:rotate(-90deg)}}@media(prefers-reduced-motion:reduce){.rotate-card .rotate-icon{animation:none}}@media(pointer:coarse){.menu-hero,.scroll-panel,#topbar,#toolbar,#rightcol,#statspane,#access-legend,#toasts{-webkit-user-select:none;user-select:none}.scroll-panel input,#statspane input{-webkit-user-select:text;user-select:text}#topbar{gap:8px}#topbar button{min-width:38px;height:34px;font-size:14px}.tool-tab{width:40px;height:40px}.tool-rail{flex-basis:40px}.tool-btn{padding:6px 6px 6px 4px}.tool-btn .t-name{font-size:13px}.tool-btn .t-cost{font-size:11.5px}#btn-stats{padding:9px;font-size:13px}#statspane .sp-pay,#statspane .sp-march,#statspane .sp-aid,#statspane .sp-call,#statspane .sp-punish,#statspane .sp-wage{min-height:40px;padding:6px 14px;font-size:12.5px}#statspane .sp-wage{min-width:40px;margin:0 5px;padding:6px 10px}#statspane .sp-rename,#statspane .sp-rename-edit button{min-height:40px;padding:6px 12px}#statspane .sp-rename-input{min-height:40px}.al-act button{min-height:40px;padding:7px 14px;font-size:12.5px}#infopanel .ip-close{font-size:22px;padding:6px 10px;top:0;right:0}#infopanel .ip-acc{width:30px;height:30px;font-size:15px}#infopanel .ip-mode{min-height:40px;min-width:62px;font-size:12px}#infopanel .ip-lim{min-height:40px;min-width:44px;font-size:13px}#infopanel .ip-lim-input{min-height:40px;width:58px;font-size:14px}#infopanel .ip-endow{min-height:40px;padding:8px 10px;font-size:12px}#infopanel .ip-demolish{padding:10px}#tooltip{max-width:280px;font-size:14px;padding:10px 12px}#tooltip b{font-size:15px}#worldmap-detail button{padding:7px 12px}.mu-slider input[type=range]{height:40px}.mu-hero input[type=checkbox]{width:24px;height:24px}.scroll-panel .start-buttons button,#worldmap-tabs button{min-height:44px}}@media(max-width:940px)and (max-height:500px){#toolbar{width:172px;top:48px;bottom:8px;padding:6px}#statspane{left:188px;top:48px;max-width:calc(100vw - 196px)}#rightcol{width:196px;top:48px;bottom:8px}#minimap{height:84px}#almanac #stat-date{font-size:11.5px}#topbar{height:40px;font-size:13px;gap:6px}#infopanel{font-size:12px}.toast{font-size:13px}.menu-hero{padding:12px 16px}.menu-hero h1{font-size:22px}.menu-hero .menu-blurb{font-size:13px}.menu-hero .sub{margin-bottom:8px}.scroll-panel{padding:20px 22px;width:min(560px,96vw);max-height:94vh}.goals-panel,.msglog-panel{width:min(600px,96vw)}.scroll-panel h2{font-size:20px;margin-bottom:8px}#worldmap-canvas{max-width:100%;height:auto}.scroll-panel .start-buttons{position:sticky;bottom:0;background:linear-gradient(to top,#e2d8bf 78%,#e2d8bf00);padding:12px 0 8px}.tutorial-panel p{font-size:13.5px;line-height:1.45;margin-bottom:8px}.tutorial-panel .story-asks{margin:10px 0 4px}.tutorial-panel .start-buttons{margin-top:8px}}#btn-shelf-close,#statspane-close,#alerts-chip{display:none}@media(pointer:coarse)and (max-width:940px)and (max-height:500px){:root{--mbar: 52px;--mshelf: 84px;--mtop: 40px;--msafe: env(safe-area-inset-bottom, 0px);--mgap: calc(var(--mbar) + var(--msafe))}#toolbar{left:0;right:0;top:auto;bottom:0;width:auto;flex-direction:row;align-items:center;gap:6px;height:calc(var(--mbar) + var(--msafe));padding:4px max(6px,env(safe-area-inset-right,0px)) calc(4px + var(--msafe)) max(6px,env(safe-area-inset-left,0px));border-radius:0;border-width:1px 0 0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;z-index:18}#toolbar::-webkit-scrollbar{display:none}#toolbar>*{flex:0 0 auto}.tool-tabs{order:1;flex:0 0 auto;gap:0}.tool-rail{flex-direction:row;flex:0 0 auto;gap:4px}.tool-tab{width:44px;height:44px;border-radius:8px}.tool-tab .ui-icon{width:21px;height:21px}.tool-tab .tab-dot{top:4px;right:4px}.tool-utility{order:2;display:flex;gap:4px;margin:0}.tool-btn.util-btn{width:46px;height:44px;justify-content:center;gap:0;padding:2px 1px}.util-btn canvas{width:26px;height:20px}.util-btn .t-name{display:none}.util-btn .t-abbr{display:block;font-size:9.5px;line-height:1.1;text-align:center;white-space:nowrap}#btn-stats{order:4;width:44px;height:44px;margin:0;padding:0;display:flex;align-items:center;justify-content:center}#btn-stats>span:not(.ui-icon){display:none}#btn-stats .ui-icon{width:21px;height:21px}.tool-panels{position:fixed;left:0;right:42px;bottom:var(--mgap);height:var(--mshelf);overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;background:var(--panel);border-top:1px solid var(--gold);padding:4px 6px;z-index:18;scrollbar-width:none}.tool-panels::-webkit-scrollbar{display:none}body:not(.shelf-open) .tool-panels{display:none}.tool-panel{flex-direction:row;gap:6px;height:100%}.tool-panel h3{display:none}.tool-panels .tool-btn{flex:0 0 auto;width:104px;height:100%;flex-direction:column;justify-content:center;gap:1px;padding:3px 4px 4px;text-align:center}.tool-panels .tool-btn canvas{width:46px;height:32px}.tool-panels .tool-btn .t-text{align-items:center;width:100%}.tool-panels .tool-btn .t-name{font-size:10.5px;line-height:1.12}.tool-panels .tool-btn .t-cost{font-size:10px}#btn-shelf-close{position:fixed;right:0;width:42px;bottom:var(--mgap);height:var(--mshelf);align-items:center;justify-content:center;background:var(--panel);border:none;border-top:1px solid var(--gold);border-left:1px solid rgba(200,164,77,.25);color:var(--gold);font-size:19px;cursor:pointer;z-index:19}body.shelf-open #btn-shelf-close{display:flex}#tool-armed{order:3;align-items:center;gap:6px;height:44px;max-width:46vw;padding:0 10px 0 4px;background:#3d4020;border:1px solid var(--gold-bright);border-radius:8px;color:var(--ink);cursor:pointer}#tool-armed canvas{width:34px;height:30px;flex:0 0 auto}#tool-armed .ta-name{font-size:11.5px;line-height:1.15;text-align:left;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#tool-armed .ta-x{flex:0 0 auto;color:var(--gold-bright);font-size:15px}body.tool-armed #tool-armed{display:flex}body.tool-armed .tool-utility .tool-btn[data-key]{display:none}#toasts{left:max(8px,env(safe-area-inset-left,0px));right:auto;top:calc(var(--mtop) + 4px);bottom:auto;transform:none;align-items:flex-start;max-width:min(55vw,calc(100vw - 332px));z-index:12}#app:has(#tutor-banner:not(.hidden)) #toasts{top:calc(var(--mtop) + 40px)}.toast{max-width:min(55vw,calc(100vw - 332px));padding:6px 12px;font-size:12px;line-height:1.28;border-radius:12px;text-align:left;white-space:normal}.toast.warn,.toast.actionable{max-width:min(55vw,calc(100vw - 332px))}.toast:not(.actionable),.toast .toast-msg{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.toast.actionable{gap:8px;min-height:44px;padding-right:6px}.toast-locate{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;padding-left:6px}.toast-loc-mark{margin-right:0;font-size:20px}.toast-loc-text{display:none}#rightcol{top:calc(var(--mtop) + 4px);bottom:auto;right:max(6px,env(safe-area-inset-right,0px));width:auto;max-width:300px;align-items:flex-end;gap:6px}#minimap{display:none}#minimap-wrap{order:0;margin-top:0;padding:3px 8px}#almanac{flex-direction:row;align-items:center;gap:8px;padding:0}#almanac #stat-date{font-size:11px;white-space:nowrap}.alm-chips{flex-wrap:nowrap}#alerts-chip{order:1;display:flex;align-items:center;justify-content:center;gap:5px;min-width:46px;height:40px;padding:0 12px;background:var(--panel);border:1px solid var(--gold);border-radius:8px;color:var(--ink);font:700 14px var(--sans);cursor:pointer;box-shadow:0 3px 12px #0006}#alerts-chip .ui-icon{width:17px;height:17px}#alerts-chip.urgent{border-color:var(--bad);background:#d96a5a38;color:#f0b0a4}#alerts-chip.active{border-color:var(--gold-bright);background:#3d4020}#alerts{order:2}body:not(.alerts-open) #alerts{display:none}#rightcol #alerts,#rightcol:has(#infopanel:not(.hidden)) #alerts{width:280px;max-height:calc(100dvh - var(--mgap) - 134px)}#infopanel{position:fixed;left:max(6px,env(safe-area-inset-left,0px));right:max(6px,env(safe-area-inset-right,0px));top:auto;bottom:calc(var(--mgap) + 6px);width:auto;max-height:46dvh;overflow-y:auto;font-size:12.5px;z-index:16}#infopanel .ip-close{position:sticky;float:right;top:0;right:0;width:44px;height:44px;margin:-6px -8px 0 0;display:flex;align-items:center;justify-content:center;font-size:22px;z-index:2}#infopanel .ip-acc{width:44px;height:44px;font-size:18px}#infopanel .ip-tro{min-height:40px;min-width:76px;font-size:13px}#infopanel .ip-lim{min-width:52px}#infopanel .ip-mode{min-height:44px;min-width:74px;font-size:13px}#infopanel .ip-lim-input{min-height:44px;width:64px;font-size:15px}#infopanel .ip-demolish{padding:12px;font-size:13px}#statspane{left:0;right:0;top:var(--mtop);bottom:var(--mgap);width:auto;max-width:none;max-height:none;border-radius:0;border-width:0 0 1px;padding:10px 14px 16px;z-index:17}#statspane-close{position:fixed;top:calc(var(--mtop) + 6px);right:max(8px,env(safe-area-inset-right,0px));width:44px;height:44px;align-items:center;justify-content:center;background:var(--panel-light);border:1px solid var(--gold);border-radius:8px;color:var(--gold);font-size:18px;cursor:pointer;z-index:18}#statspane-close:not(.hidden){display:flex}#tutor-banner{left:max(8px,env(safe-area-inset-left,0px));transform:none;top:calc(var(--mtop) + 4px);max-width:52vw;font-size:12.5px;padding:6px 11px}#btn-access{display:none}#worldmap-overlay .map-panel{position:static;inset:auto;display:block;width:min(98vw,1020px);height:auto;max-height:98dvh;overflow-y:auto;padding:10px 12px 0}.map-panel h2{display:none}.worldmap-tabs{margin:0 0 5px;gap:6px}.worldmap-tabs button{min-width:0;padding:6px 10px}#worldmap-body{flex-direction:row;gap:10px;margin-bottom:4px;flex:0 1 auto;overflow:visible}#worldmap-canvas{flex:0 0 auto;max-height:64dvh;max-width:min(58%,85dvh);width:auto}#worldmap-detail{width:auto;flex:1 1 auto;min-width:0;max-height:64dvh;padding:8px 10px;font-size:12px}#worldmap-detail button{min-height:40px}#worldmap-detail .wm-city-head button.wm-cityname{min-height:40px;padding:6px 12px}#worldmap-detail .wm-cityname-input{min-height:40px}#worldmap-detail .wm-load-head button.wm-loadclose{min-height:40px;padding:6px 12px}#worldmap-detail .wm-load .wm-row button{min-height:40px;padding:6px 12px;font-size:12px}#worldmap-detail .wm-select{min-height:40px;padding:6px 24px 6px 10px}#tutorial-overlay{align-items:flex-start;padding-top:6px}.tutorial-panel{max-height:calc(100dvh - var(--mgap) - 14px);display:flex;flex-direction:column;overflow:hidden;padding:10px 16px}.tutorial-panel .laurel{display:none}.tutorial-panel #tutorial-body{flex:1 1 auto;min-height:0;overflow-y:auto}.tutorial-panel .start-buttons{position:static;flex:0 0 auto;background:none}.tutorial-panel,.story-panel{width:min(700px,96vw)}.tutorial-panel p,.story-panel p{font-size:12.5px;line-height:1.42;margin-bottom:7px}.tutorial-panel h2,.story-panel h2{font-size:19px}.tutorial-panel .story-kicker,.story-panel .story-kicker{font-size:10px}.tutorial-panel .story-asks,.story-panel .story-asks{margin:8px 0 3px}.tutorial-panel .start-buttons,.story-panel .start-buttons{margin-top:6px}}@media(pointer:coarse)and (max-width:720px)and (max-height:500px){#toolbar{gap:4px;padding-left:max(4px,env(safe-area-inset-left,0px));padding-right:max(4px,env(safe-area-inset-right,0px))}.tool-rail,.tool-utility{gap:3px}.tool-btn.util-btn{width:44px}}@media(max-width:760px){#btn-sound,#btn-access{display:none}#topbar{font-size:12.5px;gap:5px;padding:0 max(6px,env(safe-area-inset-right)) 0 max(6px,env(safe-area-inset-left))}#stat-trial{font-size:11px;padding:2px 7px}}#start-overlay{--menu-ink: #383b31;--menu-muted: #736b59;--menu-line: #b7ab8a;--menu-red: #8c3e2d;background:linear-gradient(90deg,transparent 40%,#18251b0d 65%),linear-gradient(0deg,#101d20b8,transparent 40%);color:var(--menu-ink);align-items:flex-start;overflow-x:hidden}#start-overlay .menu-hero{position:relative;flex:0 0 470px;width:470px;max-width:none;min-height:100%;height:max-content;margin:0;padding:32px 42px 22px;align-items:stretch;text-align:left;background:radial-gradient(ellipse at 0 15%,#fff9e575,transparent 65%),#e5dcc4;border-right:7px double #96845e;box-shadow:12px 0 35px #17201c3d}#start-overlay .menu-hero>*{flex-shrink:0}#start-overlay .menu-hero:before{content:"";position:absolute;left:12px;top:18px;bottom:18px;width:5px;border-left:1px solid #a7946c;border-right:1px solid #a7946c;pointer-events:none}#start-overlay .menu-heading{margin-bottom:23px}#start-overlay .menu-kicker,#start-overlay .menu-section-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.18em;color:var(--menu-muted)}#start-overlay h1{margin:16px 0 14px;font-size:65px;line-height:.98;letter-spacing:.015em;color:var(--menu-ink);text-shadow:none;font-weight:500}#start-overlay h1>span{display:block;font-size:29px;line-height:1.3;letter-spacing:.045em}#start-overlay .menu-rule{display:flex;align-items:center;gap:12px;color:var(--menu-red);font-size:9px;margin:18px 0 13px}#start-overlay .menu-rule:before,#start-overlay .menu-rule:after{content:"";height:1px;background:var(--menu-line);flex:1}#start-overlay .menu-blurb{margin:0;color:#66604f;font-family:Georgia,serif;font-size:14px;line-height:1.6;text-shadow:none}#start-overlay .menu-card{display:flex;gap:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}#start-overlay button,#start-overlay select,#start-overlay summary{transition:background-color .15s,color .15s}#start-overlay :is(button,select,summary,a):focus-visible{outline:2px solid var(--menu-red);outline-offset:4px}#start-overlay .tut-ribbon{align-items:stretch;padding:15px 18px;color:#fff2d9;background:var(--menu-red);border:1px solid #693222;border-radius:0;box-shadow:inset 0 0 0 3px #ffffff12}#start-overlay .tut-ribbon .play-main{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:16px;letter-spacing:.025em}#start-overlay .tut-ribbon .play-sub{margin-top:4px;font-size:12px;color:#edd2b6}#start-overlay .tut-ribbon:hover{background:#723323;filter:none}#start-overlay .tut-ribbon.quiet{flex-direction:column;gap:3px;background:#d6ccb0;border-color:#9b8b68;box-shadow:none}#start-overlay .tut-ribbon.quiet .play-main{color:var(--menu-ink)}#start-overlay .tut-ribbon.quiet .play-sub{color:#605744}#start-overlay .tut-ribbon.quiet:hover{background:#cbbd9a}#start-overlay .mode-row{display:block;margin-top:15px}#start-overlay .mode-card{display:block;padding:14px 0;border:0;border-bottom:1px solid var(--menu-line);border-radius:0;background:none}#start-overlay .mode-heading{display:flex;justify-content:space-between;align-items:center}#start-overlay .mode-card h3,#start-overlay .shore-title{font-family:var(--serif);font-size:17px;font-weight:600;letter-spacing:.025em;text-transform:none;color:var(--menu-ink)}#start-overlay .menu-number{color:#97886a;font-family:Georgia,serif;font-size:21px}#start-overlay .mode-desc{display:block;margin:5px 0 0;color:var(--menu-muted);font-size:13px;line-height:1.4}#start-overlay .mode-card .big-btn{width:auto;margin-top:9px;padding:4px 0;font-size:13px;font-weight:600;color:var(--menu-red);background:none;border:0;border-radius:0;box-shadow:none;letter-spacing:0;text-align:left}#start-overlay .mode-card .big-btn:after{content:" →"}#start-overlay .mode-card .big-btn:hover{color:#49281d;text-decoration:underline;filter:none}#start-overlay .mode-card .big-btn.mode-alt{display:block;color:#6d6452;font-size:12px}#start-overlay .shore-menu{margin-top:12px}#start-overlay .shore-menu summary{min-height:44px;color:var(--menu-red);font-size:14px;display:flex;justify-content:space-between;align-items:center;gap:12px;list-style:none;cursor:pointer}#start-overlay .shore-menu summary::-webkit-details-marker{display:none}#start-overlay .shore-toggle{font:24px Georgia,serif;color:var(--menu-red)}#start-overlay .shore-menu[open] .shore-toggle{transform:rotate(45deg)}#start-overlay .shore-options{padding-top:16px}#start-overlay .map-choice{color:#655942}#start-overlay .map-choice select{border-radius:0;background:#f0e8d3;border-color:#aa9b79;color:var(--menu-ink);padding:10px;font-size:13px}#start-overlay .map-choice-desc{color:var(--menu-muted);min-height:0;margin-top:8px;line-height:1.5}#start-overlay .city-list:not(.hidden){margin:12px 0 0;max-height:200px;overflow-y:auto;scrollbar-gutter:stable;scrollbar-color:#a29370 #ded4bc;padding:4px;gap:6px}#start-overlay .city-row{flex-shrink:0;min-height:54px;text-align:left}#start-overlay .city-row-name,#start-overlay .city-row-meta{overflow-wrap:anywhere}#start-overlay .city-row{background:#d5cfb7;border:1px solid #a79c7c;border-left:3px solid #6f7960;border-radius:0;padding:10px 12px;color:var(--menu-ink)}#start-overlay .city-row:hover{background:#cec5a9}#start-overlay .city-row:hover .city-row-name{color:var(--menu-red)}#start-overlay .city-row-meta{color:#6c624e}#start-overlay .menu-community{padding:20px 0 13px}#start-overlay .menu-section-label{margin-bottom:8px}#start-overlay .archon-btn{display:grid;grid-template-columns:1fr auto 12px;align-items:baseline;gap:10px;margin:0;padding:9px 0;text-align:left;color:var(--menu-ink);background:none;border:0;border-radius:0;box-shadow:none}#start-overlay .archon-btn .archon-main{font-size:13px;letter-spacing:0;font-weight:600}#start-overlay .archon-btn .archon-sub{color:var(--menu-muted);font-size:11px}#start-overlay .menu-arrow{color:var(--menu-red)}#start-overlay .archon-btn:hover{color:var(--menu-red);background:#c4b58e33;filter:none}#start-overlay .cta-btn{padding:13px 0;align-items:flex-start;background:none;color:var(--menu-red);border:0;border-top:1px solid var(--menu-line);border-radius:0;box-shadow:none;animation:none}#start-overlay .cta-btn .cta-main{font-size:13px;letter-spacing:0}#start-overlay .cta-btn .cta-sub{color:var(--menu-muted);font-size:12px}#start-overlay .cta-btn:hover .cta-main{text-decoration:underline}#start-overlay .menu-footer{margin-top:auto;padding-top:12px}#start-overlay .menu-utility{flex-wrap:wrap;justify-content:flex-start;gap:6px 15px;margin:0}#start-overlay .pill-btn{padding:5px 0;font-size:11px;color:#5e5747;background:none;border:0;border-radius:0;text-shadow:none;box-shadow:none}#start-overlay .pill-btn:hover{color:var(--menu-red);text-decoration:underline}#start-overlay .fine{margin-top:10px;color:var(--menu-muted);text-shadow:none;font-size:11px}#start-overlay .fine a{color:#655c48;text-underline-offset:3px}#start-overlay .menu-legal{font-size:10px;margin-top:7px}#start-overlay .menu-vista{position:sticky;top:0;flex:1;height:100dvh;min-width:0;pointer-events:none;color:#f1e8d3}#start-overlay .vista-coordinate{position:absolute;top:35px;right:35px;font-family:var(--serif);font-size:12px;letter-spacing:.15em;text-shadow:0 1px 5px #182a20}#start-overlay .vista-caption{position:absolute;bottom:45px;left:45px;right:35px;text-shadow:0 2px 8px #142018}#start-overlay .vista-caption>span{font-size:10px;letter-spacing:.2em;text-transform:uppercase}#start-overlay .vista-caption p{margin:10px 0 14px;font-family:Georgia,serif;font-size:clamp(22px,2.8vw,40px);font-style:italic}#start-overlay .vista-caption small{font-size:11px;letter-spacing:.17em;text-transform:uppercase}@media(min-width:1000px)and (min-height:850px){#start-overlay .menu-hero{padding-top:48px;padding-bottom:28px}#start-overlay .menu-heading{margin-bottom:30px}#start-overlay .mode-card{padding:18px 0}}@media(max-width:800px){#start-overlay .menu-hero{flex-basis:420px;width:420px;padding:26px 30px}#start-overlay .vista-caption{left:25px;bottom:25px}#start-overlay .archon-btn{gap:6px}}@media(max-width:600px){#start-overlay{background:#e5dcc4}#start-overlay .menu-hero{flex-basis:100%;width:100%;padding:25px 30px;border-right:0}#start-overlay .menu-vista{display:none}#start-overlay h1{font-size:57px}#start-overlay .archon-btn{grid-template-columns:1fr 12px}#start-overlay .archon-sub{grid-column:1;grid-row:2}#start-overlay .menu-arrow{grid-column:2;grid-row:1 / 3}}@media(prefers-reduced-motion:reduce){#start-overlay button,#start-overlay select,#start-overlay summary{transition:none}}@media(min-width:601px)and (max-height:849px){#start-overlay .menu-hero{padding-top:22px;padding-bottom:18px}#start-overlay h1{font-size:52px;margin:10px 0}#start-overlay h1>span{font-size:24px}#start-overlay .menu-heading{margin-bottom:16px}#start-overlay .menu-rule{margin:12px 0 10px}#start-overlay .menu-blurb{font-size:13px;line-height:1.45}#start-overlay .tut-ribbon{padding:11px 15px}#start-overlay .mode-row{margin-top:5px}#start-overlay .mode-card{padding:10px 0}#start-overlay .city-list:not(.hidden){max-height:180px}#start-overlay .city-row{padding:7px 10px}#start-overlay .menu-community{padding:13px 0 9px}#start-overlay .archon-btn{padding:7px 0}#start-overlay .menu-footer{padding-top:5px}}@media(max-width:600px){#start-overlay .menu-hero{padding:max(18px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left))}#start-overlay .menu-heading{margin-bottom:16px}#start-overlay h1{font-size:42px;margin:10px 0}#start-overlay h1>span{font-size:21px}#start-overlay .menu-rule{margin:12px 0}#start-overlay .menu-blurb{font-size:13px;line-height:1.4}#start-overlay .mode-row{margin-top:6px}#start-overlay .mode-card{padding:12px 0}#start-overlay .mode-card .big-btn{min-height:44px;padding:10px 0;margin-top:3px}#start-overlay .map-choice select{font-size:16px;min-height:44px}#start-overlay .archon-btn{min-height:56px;gap:2px 10px}#start-overlay .archon-btn .archon-main{font-size:14px}#start-overlay .archon-btn .archon-sub{font-size:12px}#start-overlay .pill-btn{min-height:44px;font-size:13px}#start-overlay .menu-utility{gap:0 16px}#start-overlay .fine a{display:inline-block;padding:10px 0}}@media(min-width:601px)and (max-width:940px)and (max-height:500px){#start-overlay{background:#e5dcc4}#start-overlay .menu-vista{display:none}#start-overlay .menu-hero{flex-basis:100%;width:100%;border-right:0;display:grid;grid-template-columns:minmax(180px,.8fr) minmax(0,1.2fr);gap:16px 30px;align-content:start;padding:20px max(24px,env(safe-area-inset-right)) 20px max(24px,env(safe-area-inset-left))}#start-overlay .menu-heading{grid-column:1;grid-row:1}#start-overlay h1{font-size:40px}#start-overlay h1>span{font-size:21px}#start-overlay .menu-card{grid-column:2;grid-row:1;min-width:0}#start-overlay .menu-footer{grid-column:1 / -1}#start-overlay .city-list:not(.hidden){max-height:180px}#start-overlay .mode-card .big-btn,#start-overlay .pill-btn{min-height:44px}#start-overlay .archon-btn{grid-template-columns:1fr 12px;min-height:52px;gap:2px 10px}#start-overlay .archon-sub{grid-column:1;grid-row:2}#start-overlay .menu-arrow{grid-column:2;grid-row:1 / 3}#start-overlay .map-choice select{font-size:16px;min-height:44px}}#app:has(#start-overlay:not(.hidden)) #rotate-overlay{display:none}#tutor-banner{top:60px;left:248px;right:auto;transform:none;width:290px;max-width:calc(100vw - 510px);padding:12px 15px;border-radius:2px;background:#e9e0c9;color:#393c32;border:1px solid #9c8b63;white-space:normal;overflow:auto;text-overflow:clip;max-height:calc(100vh - 140px);cursor:default;box-shadow:0 4px 15px #0003}#tutor-banner .tutor-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;color:#6b614c}#tutor-banner button{color:#813e2c;border:0;background:transparent;padding:6px 0;font-family:var(--sans);font-size:12px;cursor:pointer}#tutor-banner button:hover{text-decoration:underline}#tutor-banner button:focus-visible{outline:2px solid #813e2c;outline-offset:3px}#tutor-banner .tutor-heading button{padding:0 5px;font-size:21px;line-height:24px}#tutor-banner .tutor-task{font-size:16px;line-height:1.3;font-weight:600;margin-top:6px}#tutor-banner .tutor-progress{font-size:11px;color:#71664f;margin-top:8px}#tutor-banner .tutor-controls{display:flex;justify-content:space-between;margin-top:7px;border-top:1px solid #b9ac8b;padding-top:4px}#tutor-banner .tutor-help{font-size:13px;line-height:1.4;padding-top:8px}#tutor-banner b{color:#393c32}@media(max-width:1100px){#tutor-banner{left:210px;max-width:calc(100vw - 230px)}}@media(pointer:coarse)and (max-width:940px)and (max-height:500px){#tutor-banner{left:max(8px,env(safe-area-inset-left,0px));top:calc(var(--mtop, 48px) + 4px);width:270px;max-width:48vw;max-height:42vh;padding:8px 12px}#tutor-banner .tutor-task{font-size:14px}}