:root{--sand-warm: #c9a876;--sand-deep: #8a6d46;--room-dusk: #2b2e3a;--lamp-amber: #ffd9a0;--panel: rgba(18, 19, 26, .82);--panel-border: rgba(201, 168, 118, .16);--text: #e8e2d4;--text-dim: #9a937f;--trend-up: #8fbe6f;--trend-down: #b5432e;--accent-hover: rgba(201, 168, 118, .16);--accent-line: rgba(201, 168, 118, .2);--hud-scale: 1;--fs-caption: calc(12px * var(--hud-scale));--fs-body: calc(15px * var(--hud-scale));--fs-title: calc(18px * var(--hud-scale));--fs-display: calc(22px * var(--hud-scale));--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-6: 24px;--scrim: rgba(22, 17, 11, .88);--state-ok: #8fbe6f;--state-warn: #d9a441;--state-crisis: #b5432e}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#14151b;font-family:Avenir Next,Segoe UI,system-ui,sans-serif;color:var(--text);user-select:none;-webkit-user-select:none}#app{position:fixed;inset:0}#app canvas{display:block;cursor:crosshair}.hud{position:fixed;inset:0;pointer-events:none;transition:opacity .4s;z-index:5;font-variant-numeric:tabular-nums}body.photo-mode .hud{opacity:0}.hud>*{pointer-events:auto}.topbar{position:absolute;top:14px;left:50%;transform:translate(-50%);display:flex;gap:var(--sp-6);align-items:center;background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;padding:var(--sp-2) 18px;backdrop-filter:blur(8px);font-size:var(--fs-body);max-width:calc(100vw - 2 * var(--sp-4));flex-wrap:wrap;justify-content:center}.topbar .tb-group{display:inline-flex;align-items:center;gap:var(--sp-2)}.topbar .clock{font-variant-numeric:tabular-nums;letter-spacing:.05em}.topbar .daylabel{color:var(--text-dim)}.topbar .tb-speed{display:flex;gap:2px}.topbar .speed-seg{border:1px solid var(--panel-border);background:none;color:var(--text-dim);font-size:var(--fs-caption);font-variant-numeric:tabular-nums;border-radius:7px;padding:3px 8px;min-width:30px;cursor:pointer}.topbar .speed-seg:hover{color:var(--text)}.topbar .speed-seg.active{color:var(--lamp-amber);border-color:var(--lamp-amber)}.topbar .chron-btn,.topbar .goals-btn,.topbar .intruders-btn,.topbar .measure-btn,.topbar .catalog-btn{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--panel-border);border-radius:7px;color:var(--text);padding:4px 8px;cursor:pointer}.topbar .chron-btn:hover,.topbar .goals-btn:hover,.topbar .intruders-btn:hover,.topbar .measure-btn:hover,.topbar .catalog-btn:hover{border-color:var(--sand-warm)}.topbar .radio-btn{background:transparent;border:1px solid var(--panel-border);border-radius:7px;color:var(--text);font-size:var(--fs-caption);padding:3px 9px;cursor:pointer}.topbar .radio-btn.on{color:var(--lamp-amber);border-color:var(--lamp-amber)}.tool img.ticon,.submenu .tool img{width:calc(22px * var(--hud-scale));height:calc(22px * var(--hud-scale));filter:invert(.88) sepia(.15) saturate(.6) hue-rotate(-10deg);pointer-events:none}img.ic{width:1.15em;height:1.15em;vertical-align:-.18em;filter:invert(.88) sepia(.15) saturate(.6) hue-rotate(-10deg);pointer-events:none}.tool img.swatch,.submenu .tool img.swatch{filter:none;border-radius:50%}.toolbar{position:absolute;top:var(--topbar-bottom, 60px);right:16px;display:flex;flex-direction:column;flex-wrap:wrap;align-content:flex-end;max-height:calc(100vh - var(--topbar-bottom, 60px) - max(var(--lamp-top, 0px),28px));gap:6px;background:var(--panel);border:1px solid var(--panel-border);border-radius:14px;padding:8px;backdrop-filter:blur(8px)}.tool{position:relative;width:calc(58px * var(--hud-scale));height:calc(58px * var(--hud-scale));border:1px solid transparent;border-radius:10px;background:transparent;color:var(--text);font-size:var(--fs-display);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;transition:background .15s,border-color .15s}.tool small{font-size:var(--fs-caption);color:var(--text-dim);letter-spacing:.02em}@media(max-width:1439px){.toolbar .tool small{display:none}.toolbar .tool{width:calc(46px * var(--hud-scale));height:calc(46px * var(--hud-scale))}}.tool:hover{background:#c9a8761a}.tool.active{border-color:var(--sand-warm);background:#c9a87629}.submenu{position:absolute;top:var(--topbar-bottom, 60px);right:max(16px,var(--rail-clear, 0px));display:none;flex-direction:column;align-content:flex-end;max-height:calc(100vh - var(--topbar-bottom, 60px) - max(var(--lamp-top, 0px),28px));gap:6px;flex-wrap:wrap;background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;padding:6px;backdrop-filter:blur(8px);max-width:calc(100vw - var(--rail-clear, 0px) - 290px)}.submenu.open{display:flex}.submenu .tool{width:calc(64px * var(--hud-scale));height:calc(54px * var(--hud-scale));font-size:var(--fs-title)}.submenu-sep{width:1px;align-self:stretch;margin:4px 2px;background:var(--panel-border);opacity:.7}.submenu .brush-btn svg.ticon{color:var(--sand-warm, #c9a876)}.submenu .tool .tmini{position:relative;width:calc(30px * var(--hud-scale));height:calc(30px * var(--hud-scale));display:flex;align-items:center;justify-content:center}.submenu .tool .tmini img.th{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:none}.submenu .tool .tmini.ok img.ticon{visibility:hidden}.heat-wrap{position:absolute;right:18px;bottom:16px;display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;padding:12px 10px;backdrop-filter:blur(8px)}.heat-wrap label{font-size:var(--fs-caption);color:var(--text-dim)}.heat-wrap input[type=range]{writing-mode:vertical-lr;direction:rtl;height:110px;accent-color:var(--lamp-amber)}.lamp-sliders{display:flex;gap:12px}.lamp-col{display:flex;flex-direction:column;align-items:center;gap:5px}.lamp-ico{font-size:var(--fs-body);line-height:1;color:var(--text-dim)}.lamp-txt{font-size:var(--fs-caption);letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim);line-height:1}.colonies{position:absolute;left:14px;top:calc(var(--topbar-bottom, 60px) + 10px);bottom:64px;display:flex;flex-direction:column;justify-content:flex-start;gap:var(--sp-2);overflow-y:auto;overflow-x:hidden}body.setup-mode .colonies{display:none}.lid-hint{background:var(--panel);border:1px solid rgba(214,160,96,.55);border-radius:10px;color:#e8c896;font-size:var(--fs-body);padding:5px 9px;max-width:260px;backdrop-filter:blur(8px);cursor:help;text-decoration:underline dotted rgba(230,214,182,.45);text-underline-offset:2px}.lid-hint[hidden]{display:none}.colony-card{display:flex;flex-direction:column;flex:0 0 auto;background:var(--panel);border:1px solid var(--panel-border);border-radius:10px;font-size:var(--fs-caption);min-width:168px;max-width:260px;backdrop-filter:blur(8px);overflow:hidden}.colony-card.dormant{display:none}.colony-head{display:flex;flex-wrap:wrap;align-items:center;gap:0 9px;padding:7px 12px;background:none;border:none;color:inherit;font:inherit;text-align:left;cursor:pointer;width:100%}.colony-head:focus-visible{outline:1px solid var(--sand-warm);outline-offset:-1px}.colony-card .chevron{flex-shrink:0;font-size:var(--fs-body);color:var(--text-dim);transition:transform .22s ease}.colony-card.expanded .chevron{transform:rotate(90deg)}.colony-stats{max-height:0;opacity:0;overflow:hidden;padding:0 12px;font-size:var(--fs-caption);transition:max-height .28s ease,opacity .2s ease,padding .28s ease}.colony-card.expanded .colony-stats{max-height:46vh;opacity:1;overflow-y:auto;padding:2px 12px 10px;border-top:1px solid var(--panel-border)}.colony-stats .rs-sec{margin-top:8px}.colony-stats .rs-h{font-size:var(--fs-caption);letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);opacity:.8;margin-bottom:3px}.colony-stats .rs-kv{display:flex;justify-content:space-between;gap:10px;padding:1px 0;line-height:1.35}.colony-stats .rs-kv .k{color:var(--text-dim);white-space:nowrap}.colony-stats .rs-spark{font-family:monospace;letter-spacing:-1px;color:var(--sand-warm)}.colony-stats .rs-dots{color:var(--sand-warm);letter-spacing:1px}.colony-stats .rs-dec{margin:3px 0;line-height:1.45;color:var(--text-dim)}.colony-stats .rs-dec b{color:var(--text);font-weight:600;margin-right:4px}.colony-stats .rs-dec-none{font-style:italic;opacity:.75}.colony-stats .rs-need-1{white-space:nowrap}.colony-stats .rs-need{color:var(--lamp-amber)}.colony-stats .up{color:var(--trend-up)}.colony-stats .dn{color:var(--trend-down)}.colony-stats .fl{opacity:.4}.colony-stats .rs-now{color:var(--text);font-size:var(--fs-caption)}.colony-stats .rs-empty{padding:8px 0 4px;color:var(--text-dim);font-style:italic}.colony-stats .roster-compare{margin-top:10px;width:100%;font:inherit;font-size:var(--fs-caption);padding:5px 8px;border-radius:7px;border:1px solid var(--panel-border);background:var(--panel);color:var(--text);cursor:pointer}.colony-stats .roster-compare:hover{border-color:var(--sand-warm)}.colony-card .dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;box-shadow:0 0 6px #0006 inset}.colony-card .info{display:flex;flex-direction:column;line-height:1.25;flex:1 1 auto;min-width:0}.colony-card .name{font-weight:600}.colony-card .pop{font-size:var(--fs-body);font-weight:700;font-variant-numeric:tabular-nums;flex-shrink:0;margin-left:var(--sp-2)}.colony-card .status-dot{flex-shrink:0;margin-left:var(--sp-2);width:9px;height:9px;border-radius:50%;background:var(--state-ok)}.colony-card .status-dot[data-state=warn]{width:0;height:0;border-radius:0;background:none;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:9px solid var(--state-warn)}.colony-card .status-dot[data-state=crisis]{border-radius:0;background:var(--state-crisis);width:8px;height:8px;transform:rotate(45deg)}.colony-card .status-dot[data-state=dead]{background:var(--text-dim);opacity:.5}.colony-card .next{color:var(--text-dim);font-size:var(--fs-caption)}.colony-card .next:empty{display:none}.colony-card .next.conflict{color:#c9765a}.sk-tooltip.sk-why{border-color:var(--sand-warm);max-width:340px}.sk-tooltip.sk-why .tt-body{font-variant-numeric:tabular-nums;opacity:.85}.colony-card .rp-intent{flex:0 0 100%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.colony-card .siege-line{display:block;color:#e0885f;font-size:var(--fs-caption);font-weight:600;opacity:1}.colony-card .siege-line[hidden]{display:none}.colony-card.at-war{border-color:#b5432e8c}.rs-glyph{white-space:nowrap}.rs-glyphs{display:inline-flex;flex-wrap:wrap;gap:0 var(--sp-1)}.colony-card.dead{opacity:.45;filter:grayscale(.9)}.sk-alert-on{animation:sk-alert-pulse 1.4s ease-in-out infinite;cursor:pointer}@keyframes sk-alert-pulse{0%,to{box-shadow:0 0 #e0be7800}50%{box-shadow:0 0 0 5px #e0be7873}}.colony-card.sk-alert-on[data-alert-id]{animation-name:sk-alert-pulse-crisis}@keyframes sk-alert-pulse-crisis{0%,to{box-shadow:0 0 #b5432e00}50%{box-shadow:0 0 0 5px #b5432e80}}@media(prefers-reduced-motion:reduce){.sk-alert-on{animation:none;box-shadow:0 0 0 2px #e0be7880}}.toasts{display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}body.photo-mode .toasts{opacity:0}body.photo-mode .sk-corner-rail,body.photo-mode .sk-patience,body.photo-mode .sk-journal,body.photo-mode .sk-hint-chip,body.photo-mode .sk-dialog-layer{opacity:0;pointer-events:none}.toast{background:var(--panel);border:1px solid var(--panel-border);border-radius:10px;padding:var(--sp-2) var(--sp-4);font-size:var(--fs-body);font-variant-numeric:tabular-nums;animation:toast-in .3s ease-out;max-width:60vw;text-align:center}.toast[data-severity=warn],.toast[data-severity=crisis]{display:flex;align-items:center;gap:var(--sp-2);text-align:left}.toast[data-severity=warn]{border-color:var(--state-warn)}.toast[data-severity=warn]:before{content:"";flex-shrink:0;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:9px solid var(--state-warn)}.toast[data-severity=crisis]{border:2px solid var(--state-crisis);font-weight:600}.toast[data-severity=crisis]:before{content:"";flex-shrink:0;width:8px;height:8px;background:var(--state-crisis);transform:rotate(45deg)}.toast.sk-alert-on{animation:sk-alert-pulse-crisis 1.4s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.toast.sk-alert-on{animation:toast-in .3s ease-out}}.toast.dying{opacity:0;transition:opacity .6s}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}}.overlay{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:radial-gradient(ellipse at 50% 40%,#1e202ce0,#0a0b0ff7);z-index:20;transition:opacity .8s}.overlay.hidden{opacity:0;pointer-events:none}.title-overlay{background:radial-gradient(ellipse at 50% 40%,#14100a6b,#08070ab8);backdrop-filter:blur(2px)}.overlay .kicker{font-family:Georgia,Times New Roman,serif;font-size:clamp(13px,1.8vw,20px);letter-spacing:.42em;color:var(--text-dim);text-indent:.42em;margin-bottom:-6px;opacity:.85}.overlay h1{font-family:Georgia,Times New Roman,serif;font-size:clamp(42px,8vw,92px);letter-spacing:.28em;font-weight:400;color:var(--sand-warm);text-shadow:0 0 42px rgba(201,168,118,.25);text-indent:.28em}.overlay .sub{color:var(--text-dim);font-size:14px;letter-spacing:.12em}.overlay .btn{margin-top:12px;padding:13px 44px;font-size:15px;letter-spacing:.14em;background:transparent;color:var(--text);border:1px solid var(--sand-warm);border-radius:3px;cursor:pointer;transition:background .2s,box-shadow .2s}.overlay .btn:hover{background:#c9a87624;box-shadow:0 0 24px #c9a8762e}.overlay .btn.secondary{border-color:#9a937f66;color:var(--text-dim)}.overlay .btn.mode-pick{display:flex;flex-direction:column;align-items:center;gap:6px;width:268px;padding:14px 18px;text-align:center}.overlay .btn.mode-pick.mode-pick-primary{border-color:var(--accent, #e0a63a);background:#e0a63a1a;box-shadow:0 0 22px #e0a63a29}.overlay .btn.mode-pick.mode-pick-primary:hover{background:#e0a63a33;box-shadow:0 0 30px #e0a63a42}.overlay .btn.mode-pick.mode-pick-primary:focus-visible{outline:2px solid var(--accent, #e0a63a);outline-offset:3px}.overlay .btn.mode-pick .mode-pick-name{letter-spacing:.14em}.overlay .btn.mode-pick .mode-pick-desc{font-size:var(--fs-caption);line-height:1.45;letter-spacing:.02em;color:var(--text-dim);text-transform:none}.overlay .pause-only{display:none}.title-overlay.paused .pause-only{display:inline-block}.title-overlay.paused .start-only{display:none}.overlay .version{margin-top:14px;color:var(--text-dim);opacity:.55;font-size:var(--fs-caption);letter-spacing:.08em;font-variant-numeric:tabular-nums}.overlay .hint{margin-top:26px;color:var(--text-dim);font-size:12px;max-width:460px;text-align:center;line-height:1.7}.help-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--panel);border:1px solid var(--panel-border);border-radius:14px;padding:26px 34px;z-index:30;display:none;max-width:540px;max-height:min(82vh,calc(100vh - 2 * (var(--topbar-bottom, 60px) + 12px)));overflow-y:auto;backdrop-filter:blur(12px);font-size:var(--fs-body);line-height:1.85}.help-panel.open{display:block}.help-panel h3{font-family:Georgia,serif;color:var(--sand-warm);margin-bottom:10px;letter-spacing:.08em}.help-panel kbd{background:#c9a8761f;border:1px solid var(--panel-border);border-radius:4px;padding:1px 7px;font-size:var(--fs-caption)}.help-panel .showcase-opt{display:block;margin-top:10px;color:var(--text-dim);cursor:pointer;user-select:none}.help-panel .hud-scale-opt{display:flex;align-items:center;gap:var(--sp-2);margin-top:var(--sp-2);color:var(--text-dim);cursor:pointer;user-select:none}.help-panel .hud-scale-slider{flex:1;max-width:180px;accent-color:var(--lamp-amber);cursor:pointer}.help-panel .hud-scale-val{min-width:4ch;color:var(--text)}.help-panel .audio-pick{margin-top:var(--sp-2)}.help-panel .audio-pick .audio-lbl{display:block;color:var(--text-dim);margin-bottom:var(--sp-1)}.help-panel .audio-opt{display:flex;align-items:center;gap:var(--sp-2);margin-top:var(--sp-1);color:var(--text-dim);cursor:pointer;user-select:none}.help-panel .audio-opt .audio-row-lbl{display:inline-flex;align-items:center;gap:var(--sp-1);min-width:8ch}.help-panel .music-vol-slider,.help-panel .sfx-vol-slider{flex:1;max-width:160px;accent-color:var(--lamp-amber);cursor:pointer}.help-panel .music-vol-val,.help-panel .sfx-vol-val{min-width:4ch;color:var(--text);font-variant-numeric:tabular-nums}.help-btn{width:34px;height:34px;border-radius:50%;border:1px solid var(--panel-border);background:var(--panel);color:var(--text-dim);cursor:pointer;font-size:var(--fs-body)}.photo-hint{position:fixed;bottom:20px;left:50%;transform:translate(-50%);color:var(--text-dim);font-size:var(--fs-caption);letter-spacing:.1em;z-index:6;display:none;text-shadow:0 1px 2px rgba(0,0,0,.85),0 0 4px rgba(0,0,0,.5)}body.photo-mode .photo-hint{display:block}.place-hint{position:fixed;bottom:16px;left:50%;transform:translate(-50%);color:var(--text-dim);font-size:var(--fs-caption);letter-spacing:.08em;z-index:6;display:none;background:var(--scrim);backdrop-filter:blur(8px);padding:var(--sp-1) var(--sp-3);border-radius:8px;pointer-events:none}.lang-pick{display:inline-flex;gap:4px;margin:6px 0}.help-panel .lang-pick{position:absolute;top:12px;right:14px;margin:0}.lang-btn{min-width:34px;padding:3px 9px;font:inherit;font-size:var(--fs-caption);font-weight:600;letter-spacing:.04em;color:var(--text-dim);background:var(--panel);border:1px solid var(--panel-border);border-radius:6px;cursor:pointer}.lang-btn:hover{color:var(--text)}.lang-btn.active{color:#1a1206;background:var(--lamp-amber);border-color:var(--lamp-amber)}.guide-pick{display:flex;gap:4px;align-items:center;flex-wrap:wrap;margin-top:10px}.guide-lbl{color:var(--text-dim);margin-right:4px}.guide-btn{padding:3px 9px;font:inherit;font-size:var(--fs-caption);letter-spacing:.04em;color:var(--text-dim);background:var(--panel);border:1px solid var(--panel-border);border-radius:6px;cursor:pointer}.guide-btn:hover{color:var(--text)}.guide-btn.active{color:#1a1206;background:var(--lamp-amber);border-color:var(--lamp-amber)}