:root{--bg: #0b0a09;--panel: rgba(22, 19, 16, .94);--panel-2: rgba(34, 29, 24, .96);--line: #3b3229;--line-2: #574a3c;--text: #e9dfc9;--muted: #a39580;--dim: #8a7c69;--accent: #e0a830;--accent-2: #f3c35a;--red: #e2574a;--green: #7cc77a;--cyan: #6fc6e0;--blue: #8fd4ff;--purple: #b58ce0;--head: "Oswald", "Barlow Condensed", sans-serif;--body: "Barlow Condensed", "Oswald", sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--body);font-size:15px;user-select:none;-webkit-user-select:none}#game{position:fixed;top:0;right:0;bottom:0;left:0}#game canvas{display:block;touch-action:none}#vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 62%,rgba(0,0,0,.32) 100%)}#ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}#ui>*{pointer-events:auto}button{font-family:var(--head);color:var(--text);background:var(--panel-2);border:1px solid var(--line-2);border-radius:4px;cursor:pointer;letter-spacing:.04em}@media(hover:hover){button:hover{border-color:var(--accent);color:#fff}}*{-webkit-tap-highlight-color:transparent}button:focus:not(:focus-visible){outline:none}button:active{filter:brightness(1.25)}button.on{background:#4a3a1c;border-color:var(--accent);color:var(--accent-2)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:6px;box-shadow:0 6px 24px #0000008c,inset 0 1px #ffffff0a}.hazard{height:4px;background:repeating-linear-gradient(-45deg,var(--accent) 0 8px,#1e1a14 8px 16px);border-radius:6px 6px 0 0;opacity:.85}#topbar{position:absolute;top:8px;left:10px;right:10px;display:flex;align-items:stretch;gap:0;padding:0;overflow:hidden}#topbar .res{flex:1;flex-wrap:nowrap;min-width:0}#topbar .seg{display:flex;align-items:center;gap:8px;padding:6px 12px;border-right:1px solid var(--line)}#topbar .seg:last-child{border-right:0}#topbar .logo{font-family:var(--head);font-weight:700;letter-spacing:.22em;color:var(--accent);font-size:17px}#clock{font-family:var(--mono);font-size:13px;min-width:190px;white-space:nowrap}#clock,.pclock{display:flex;align-items:center}#clock b,.pclock b{font-family:var(--head);font-weight:500;color:var(--accent-2);font-size:15px;line-height:1;letter-spacing:.04em}.clk-t{display:flex;align-items:center;font-family:var(--mono);font-size:13.5px;font-weight:500;color:var(--text);font-variant-numeric:tabular-nums;line-height:1}.clk-s{display:flex;align-items:center;gap:5px;font-family:var(--body);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);line-height:1}.clk-s svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.clk-t,.clk-s{margin-left:10px;padding-left:10px;border-left:1px solid var(--line);height:14px}.speed{gap:4px!important}.speed button{width:34px;height:28px;padding:0;display:flex;align-items:center;justify-content:center}.speed button svg{width:17px;height:17px;fill:currentColor}.res{display:flex;gap:0;align-items:center}.rgrp{display:flex;flex-wrap:wrap;align-items:center;align-self:stretch;align-content:center;gap:4px;padding:0 9px;border-left:1px solid var(--line);min-width:0}.rgrp:first-child{padding-left:0;border-left:0}.rgrp:last-child{padding-right:0}.chip{display:flex;align-items:center;gap:4px;height:24px;padding:0 7px 0 6px;border-radius:4px;background:#00000040;border:1px solid rgba(255,235,200,.05);font-size:13px;white-space:nowrap;line-height:1}.chip i{width:10px;height:10px;border-radius:2px;border:1px solid rgba(0,0,0,.6);box-shadow:inset 0 1px #fff3;flex:none}.chip .rn{font-family:var(--body);font-size:13.5px;color:var(--muted);letter-spacing:.02em}.chip b{font-family:var(--mono);font-weight:500;color:var(--text);font-variant-numeric:tabular-nums}.chip small{font-family:var(--mono);font-size:11px;color:var(--dim)}.chip.low{background:#e2574a24;border-color:#e2574a73}.chip.low .rn,.chip.low b,.chip.low small{color:#ff8a7a}.chip.low:after{content:"!";display:grid;place-items:center;width:14px;height:14px;margin-left:1px;border-radius:50%;background:var(--red);color:#1a0b08;font-family:var(--head);font-size:11px;font-weight:700}#stats{gap:0;padding-top:0!important;padding-bottom:0!important;align-self:stretch}.sgrp{display:flex;align-items:center;align-self:stretch;gap:20px;padding:0 18px}.sgrp:first-child{padding-left:2px}.sgrp:last-child{padding-right:2px}.sgrp+.sgrp{border-left:1px solid var(--line)}.gauge.crew{min-width:34px}.gauge[data-g=order]{min-width:76px}.gauge[data-g=air]{min-width:96px}.gauge[data-g=power]{min-width:128px}.gauge{display:flex;align-items:center;white-space:nowrap;position:relative}.gauge .gv{display:flex;flex-direction:column;justify-content:center;gap:1px}.gauge em{font-style:normal;font-family:var(--body);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);line-height:1.1}.gauge b{display:flex;align-items:center;gap:5px;font-family:var(--mono);font-size:13.5px;font-weight:500;color:var(--text);font-variant-numeric:tabular-nums;line-height:1.2}.gauge b small{font-size:11px;color:var(--muted);font-weight:400}.gauge.good b{color:var(--green)}.gauge.warn b{color:var(--accent-2)}.gauge.bad b{color:#ff7a6a}.gauge .dot{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 6px currentColor;flex:none}.gauge.more{cursor:help}.gauge.more em{text-decoration:underline dotted rgba(163,149,128,.6);text-underline-offset:2px}@media(hover:hover){.gauge.more:hover em{color:var(--accent-2)}}#gaugepop{position:absolute;z-index:9;display:none;padding:10px 12px 12px;pointer-events:none;min-width:240px;background:linear-gradient(180deg,#28221cfa,#13100dfa);border-color:#463b30}#gaugepop.open{display:block;animation:menu-in .12s ease-out}#gaugepop{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line-2) transparent}#gaugepop .inst{display:none;flex-direction:column;align-items:center;gap:10px}#gaugepop .inst.on{display:flex}.inst-h{align-self:stretch;font-family:var(--head);font-size:15px;letter-spacing:.06em;color:var(--accent-2);border-bottom:1px solid var(--line);padding-bottom:6px}.inst-h span{font-family:var(--body);font-size:12.5px;letter-spacing:.02em;color:var(--dim);margin-left:6px}.inst-f{align-self:stretch;font-size:13px;color:var(--muted);line-height:1.35}.inst-f b{color:var(--text);font-family:var(--mono);font-weight:500;font-size:12px}.levels{display:flex;flex-direction:column;gap:3px;width:340px}.lvl{display:grid;grid-template-columns:78px 56px 1fr;align-items:baseline;gap:0 8px;padding:5px 8px;border-radius:4px;border:1px solid transparent}.lvl b{font-family:var(--head);font-size:14px;font-weight:500;letter-spacing:.03em;color:var(--muted)}.lvl .rng{font-family:var(--mono);font-size:11.5px;color:var(--dim)}.lvl p{margin:0;font-size:13px;line-height:1.3;color:var(--dim)}.lvl.on{background:#ffebc80d;border-color:var(--line-2)}.lvl.on p{color:var(--text)}.lvl.on.good b{color:var(--green)}.lvl.on.warn b{color:var(--accent-2)}.lvl.on.bad b{color:#ff7a6a}.lvl-now{margin-top:4px;font-family:var(--mono);font-size:12px;color:var(--dim);text-align:right}.meters{display:flex;gap:14px}.meters figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:6px}.meters figcaption{display:flex;flex-direction:column;align-items:center;font-size:12.5px;color:var(--dim);letter-spacing:.04em}.meters figcaption b{font-family:var(--mono);font-size:15px;font-weight:500;color:var(--text);font-variant-numeric:tabular-nums}.meters figure.good figcaption b{color:var(--green)}.meters figure.warn figcaption b{color:var(--accent-2)}.meters figure.bad figcaption b{color:#ff7a6a}.meters .meter{width:150px;height:100px}#gaugepop .gasmon{padding:7px 9px 7px 7px;gap:9px;border-radius:9px}#gaugepop .lcd{min-width:150px;padding:5px 10px;gap:2px}#gaugepop .lcd .k{font-size:15px;width:36px}#gaugepop .lcd .n{font-size:27px}#gaugepop .lcd .u{font-size:14px}#gaugepop .gasmon .led{width:13px;height:13px}.meter{width:51px;height:34px;flex:none}.meter .bezel{fill:#1b1714}.meter .rim{fill:none;stroke:#070605;stroke-width:1}.meter .face{fill:#ece2c6;stroke:#5a4c38;stroke-width:.6}.meter .ticks{stroke:#2a2420;stroke-width:.55;fill:none}.meter text{font-family:var(--mono);font-size:5.6px;font-weight:500;fill:#2a2420;text-anchor:middle}.meter text.unit{font-family:var(--head);font-size:5px;letter-spacing:.08em;fill:#6d5f4b}.meter .needle{transform-box:view-box;transform-origin:30px 44px;transition:transform .8s cubic-bezier(.3,1.5,.5,1)}.meter .needle path{fill:#141110}.meter .cover{fill:#2a241f;stroke:#070605;stroke-width:.5}.meter .glass{fill:#fff;opacity:.16;pointer-events:none}.bad>.meter{filter:drop-shadow(0 0 4px rgba(255,80,60,.75));animation:pilot 1.4s ease-in-out infinite}@keyframes pilot{50%{filter:drop-shadow(0 0 1px rgba(255,80,60,.3))}}.off>.meter .face{fill:#9d967f}.off>.meter .needle{opacity:.4}.gasmon{display:flex;align-items:center;gap:4px;padding:3px 4px 3px 3px;border-radius:5px;flex:none;background:linear-gradient(180deg,#d9a92a,#a97a14);box-shadow:inset 0 1px #fff0b480,inset 0 -1px #00000059,0 1px 2px #0009}.lcd{display:flex;flex-direction:column;justify-content:center;gap:0;padding:2px 5px;border-radius:2px;min-width:64px;background:linear-gradient(180deg,#b9c79a,#9fb07c);box-shadow:inset 0 1px 3px #0000008c,0 0 0 1px #3a2c0a}.lcd .row{display:flex;align-items:baseline;gap:3px;font-family:var(--mono);color:#1d2616;line-height:1.05}.lcd .k{font-size:8.5px;font-weight:600;width:16px;letter-spacing:0}.lcd .n{position:relative;font-size:12px;font-weight:500;font-variant-numeric:tabular-nums;margin-left:auto;text-align:right}.lcd .n s{text-decoration:none;color:#1d26161a}.lcd .n i{position:absolute;right:0;top:0;font-style:normal}.lcd .u{font-size:8px}.lcd .row.alarm .n i{animation:lcd-blink 1s steps(1) infinite}@keyframes lcd-blink{50%{opacity:0}}.gasmon .led{width:7px;height:7px;border-radius:50%;flex:none;background:#3c8a3a;box-shadow:0 0 5px #6fdc6a,inset 0 1px 1px #ffffff80}.gasmon.warn .led{background:#e0a020;box-shadow:0 0 5px #ffc84a,inset 0 1px 1px #ffffff80}.gasmon.bad .led{background:#e2402c;box-shadow:0 0 7px #ff5a44,inset 0 1px 1px #ffffff80;animation:lcd-blink .6s steps(1) infinite}@media(prefers-reduced-motion:reduce){.meter .needle{transition:none}.bad>.meter{animation:none}.lcd .row.alarm .n i,.gasmon.bad .led{animation:none}}#roster{position:absolute;left:10px;top:60px;width:238px;display:flex;flex-direction:column;gap:6px;max-height:calc(100vh - 320px);overflow-y:auto}.card{padding:7px 9px 8px;cursor:pointer}@media(hover:hover){.card:hover{border-color:var(--line-2)}}.card.sel{border-color:var(--accent)}.card.dead{opacity:.45}.card .nm{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--head);font-size:15px;letter-spacing:.03em}.card .nm span{font-family:var(--body);font-size:12px;color:var(--muted)}.card .act{font-size:13px;color:var(--muted);margin:1px 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bars{display:grid;grid-template-columns:repeat(3,1fr);gap:3px 6px}.bar{font-size:10.5px;color:var(--dim);letter-spacing:.05em;text-transform:uppercase}.bar div{height:5px;background:#0e0c0a;border-radius:3px;overflow:hidden;border:1px solid #2a241e;margin-top:1px}.bar div i{display:block;height:100%;border-radius:3px;transition:width .3s}.bar.warn{color:var(--red)}#dock{position:absolute;bottom:10px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;max-height:calc(100% - var(--below-top, 70px) - 14px);z-index:5;filter:drop-shadow(0 10px 18px rgba(0,0,0,.55))}#toolbar{display:flex;gap:6px;padding:7px;align-items:flex-end;justify-content:center;flex:none}.tool{width:64px;height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:12px;position:relative}.tool svg{width:24px;height:24px}.tool kbd{position:absolute;top:2px;right:4px;font-family:var(--mono);font-size:9.5px;color:var(--dim)}.sep{width:1px;align-self:stretch;background:var(--line);margin:0 3px}:root{--item-w: 132px;--item-h: 110px;--item-gap: 6px;--item-font: 14px;--item-cost: 12px;--item-icon: 44px}#buildmenu{width:0;min-width:100%;min-height:0;display:none;flex-direction:column;overflow:hidden}#buildmenu.open{display:flex}#buildmenu .hazard,#buildmenu .desc{flex:none}#subbar{width:0;min-width:100%;display:none;justify-content:center;gap:6px;padding:7px;flex:none}#buildmenu.open.has-sub+#subbar{display:flex}#buildmenu.open,#buildmenu.open.has-sub+#subbar{border-bottom-width:0;border-bottom-left-radius:0;border-bottom-right-radius:0}#buildmenu.open+#subbar,#buildmenu.open~#toolbar{border-top-left-radius:0;border-top-right-radius:0}.tool img{width:26px;height:26px}#buildmenu .items{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--item-w),1fr));grid-auto-rows:1fr;gap:var(--item-gap);padding:10px;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line-2) transparent}.item{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:var(--item-h);padding:5px 3px 4px;font-family:var(--body);font-size:var(--item-font);gap:1px;text-align:center;overflow:hidden}.item img{width:var(--item-icon);height:var(--item-icon);flex:none;image-rendering:auto}.item .nm{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.15}.item .cost{font-size:var(--item-cost);line-height:1.2;color:var(--muted);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}.item .cost.no{color:var(--red)}#buildmenu .desc{padding:8px 12px 10px;border-top:1px solid var(--line);font-size:14px;color:var(--text);height:84px;overflow-y:auto;line-height:1.3}#buildmenu .desc .rest{color:var(--dim);font-size:12.5px;margin-top:3px}#buildmenu .desc b{color:var(--text);font-family:var(--head);font-weight:500;letter-spacing:.03em}#toolbar,#subbar,#buildmenu{background:linear-gradient(180deg,#28221cf7,#13100df7);border-color:#463b30;box-shadow:inset 0 1px #ffebc812}#buildmenu .hazard{height:5px;border-radius:0;border-bottom:1px solid rgba(0,0,0,.5)}#toolbar .tool,#subbar .tool,.item{background:linear-gradient(180deg,#2b251f,#1c1814);border-color:#3f352b;border-radius:6px;box-shadow:inset 0 1px #ffebc80f,0 1px 2px #00000080;transition:background-color .12s,border-color .12s,color .12s,box-shadow .12s,transform .12s}#toolbar .tool,#subbar .tool{color:var(--muted)}.tool svg,.tool img{transition:transform .12s,color .12s}.tool svg{color:#c9b89c}.tool img{filter:drop-shadow(0 1px 1px rgba(0,0,0,.6))}.tool kbd{top:3px;right:3px;padding:0 3px;line-height:12px;border:1px solid #3f352b;border-bottom-width:2px;border-radius:3px;background:#14110e;color:var(--dim)}.sep{background:linear-gradient(180deg,transparent,var(--line-2),transparent)}#toolbar .tool.on,#subbar .tool.on,.item.on{background:linear-gradient(180deg,#5b4621,#35290f);border-color:var(--accent);color:var(--accent-2);box-shadow:0 0 0 1px #e0a83040,0 0 8px #e0a8304d,inset 0 1px #ffdc8c4d}.tool.on svg{color:var(--accent-2)}#toolbar .tool.on:after,#subbar .tool.on:after{content:"";position:absolute;left:12px;right:12px;bottom:3px;height:2px;border-radius:2px;background:var(--accent-2);box-shadow:0 0 6px var(--accent)}.item{background:radial-gradient(ellipse 60% 45% at 50% 34%,rgba(255,225,170,.08),transparent 70%),linear-gradient(180deg,#29231d,#1a1612)}.item.on{background:radial-gradient(ellipse 60% 45% at 50% 34%,rgba(255,210,120,.2),transparent 70%),linear-gradient(180deg,#5b4621,#35290f)}.item img{transition:transform .12s,filter .12s;filter:drop-shadow(0 2px 2px rgba(0,0,0,.55))}.item .nm{color:var(--text)}.item .cost{margin-top:2px;padding:0 5px;border-radius:3px;background:#0000004d;max-width:100%}.item:has(.cost.no) img{filter:grayscale(.75) brightness(.7) drop-shadow(0 2px 2px rgba(0,0,0,.55))}.item:has(.cost.no) .nm{color:var(--muted)}.item .cost.no{background:#e2574a1f}#buildmenu .desc{background:#0003;border-top-color:#463b30}#buildmenu .desc b{color:var(--accent-2)}@media(hover:hover){#toolbar .tool:hover,#subbar .tool:hover,.item:hover{background-color:#332b23;border-color:#8a6a2c;color:var(--text);box-shadow:0 0 0 1px #e0a83026,0 4px 10px #00000080,inset 0 1px #ffebc81a}.item:hover{background:radial-gradient(ellipse 60% 45% at 50% 34%,rgba(255,225,170,.14),transparent 70%),linear-gradient(180deg,#342c24,#211c17);transform:translateY(-2px)}.item.on:hover{background:radial-gradient(ellipse 60% 45% at 50% 34%,rgba(255,210,120,.24),transparent 70%),linear-gradient(180deg,#634c24,#3a2d11);border-color:var(--accent-2)}#toolbar .tool.on:hover,#subbar .tool.on:hover,.item.on:hover{border-color:var(--accent-2);color:var(--accent-2);box-shadow:0 0 0 1px #e0a8304d,0 0 9px #e0a83066,inset 0 1px #ffdc8c4d}.tool:hover svg,.tool:hover img{transform:translateY(-1px) scale(1.08)}.tool:hover svg{color:var(--accent-2)}.item:hover img{transform:scale(1.08)}}button.tool:active,button.item:active{transform:translateY(1px);filter:brightness(1.15)}.tool:focus-visible,.item:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}@keyframes menu-in{0%{opacity:0}to{opacity:1}}#buildmenu.open,#buildmenu.open.has-sub+#subbar{animation:menu-in .14s ease-out}@media(prefers-reduced-motion:reduce){#buildmenu.open,#buildmenu.open.has-sub+#subbar{animation:none}.tool,.item,.tool svg,.tool img,.item img{transition:none!important;transform:none!important}}#overlays{position:absolute;right:10px;bottom:10px;display:flex;flex-direction:column;gap:4px;padding:6px}#overlays button{font-size:13px;padding:5px 10px;text-align:left;display:flex;justify-content:space-between;gap:12px}#overlays kbd{font-family:var(--mono);font-size:10px;color:var(--dim)}#legend{position:absolute;right:150px;bottom:10px;padding:8px 10px;font-size:12.5px;display:none;min-width:180px}#legend.show{display:block}#legend .grad{height:10px;border-radius:3px;margin:5px 0 3px}#legend .row{display:flex;justify-content:space-between;font-family:var(--mono);font-size:11px;color:var(--muted)}#placebar{position:absolute;display:none;transform:translate(-50%);align-items:center;gap:6px;padding:6px;z-index:6;white-space:nowrap}#placebar .pinfo{display:flex;flex-direction:column;padding:0 8px;font-size:15px;line-height:1.25;max-width:280px;white-space:normal}#placebar .pinfo b{font-family:var(--head);font-weight:500;letter-spacing:.03em}#placebar .pinfo span{color:var(--muted);font-size:13px}#placebar .pinfo .err{color:var(--red)}#placebar button{min-height:48px;min-width:56px;padding:6px 14px;font-size:20px}#pb-ok{background:#4a3a1c;border-color:var(--accent);color:var(--accent-2)}#pb-ok:disabled{opacity:.35}#toolhint .hintbtns{display:flex;gap:6px;margin-top:6px;justify-content:center}#toolhint.bare{padding:5px}#toolhint.bare .hintbtns{margin-top:0}#toolhint.bare .paints{margin:0 4px 5px}#toolhint .hintbtns button{min-height:44px;padding:6px 18px;font-size:15px}#toolhint .hintbtns button:disabled{opacity:.35}#depthnote{display:none}#btn-view{display:inline-flex;align-items:center;justify-content:center;gap:8px}#btn-view .chev{width:10px;height:6px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;opacity:.7}#ui .phone-only,#speedpad,#topbar #menuseg,#btn-alerts,#alertlist{display:none}#btn-alerts.new{color:var(--accent-2)}#btn-alerts.bad{color:#fff;background:#7a2a22!important}#alertlist{position:absolute;z-index:8;overflow-y:auto;flex-direction:column;gap:4px;padding:6px}#alertlist.open{display:flex}#alertlist .note{text-align:left;font-family:var(--body);font-size:14px;padding:8px 10px;border-left-width:4px;min-height:48px;animation:none}#alertlist .note small{display:block;color:var(--dim);font-size:11px}#alertlist .empty{color:var(--muted);padding:10px}#peopleseg{padding:4px 6px!important}#peopleseg button{padding:3px 10px;font-size:13px}#ui.no-roster #roster{display:none}:root{--sl: 0px;--sr: 0px;--st: 0px;--sb: 0px;--rc: 0px}#sidebtns{position:absolute;right:10px;top:64px;display:flex;flex-direction:column;gap:6px}#sidebtns button{padding:7px 12px;font-size:14px}#notes{position:absolute;left:10px;bottom:10px;width:300px;display:flex;flex-direction:column-reverse;gap:5px;pointer-events:none}.note{pointer-events:auto;padding:7px 10px;font-size:14px;border-left:4px solid var(--muted);cursor:pointer;animation:slidein .25s ease-out;transition:opacity .6s}.note.bad{border-left-color:var(--red)}.note.warn{border-left-color:var(--accent)}.note.good{border-left-color:var(--green)}.note.fade{opacity:0}@keyframes slidein{0%{transform:translate(-30px);opacity:0}to{transform:none;opacity:1}}#inspect,#directives,#neighbours{position:absolute;right:150px;top:64px;width:290px;display:none;max-height:calc(100vh - 150px);overflow-y:auto}#inspect.open,#directives.open,#neighbours.open{display:block}.ph{display:flex;justify-content:space-between;align-items:center;padding:8px 12px 6px;font-family:var(--head);font-size:17px;letter-spacing:.05em}.ph button{padding:1px 8px;font-size:13px}.pb{padding:4px 12px 12px;font-size:14px;color:var(--muted)}.pb .kv{display:flex;justify-content:space-between;gap:12px;padding:2px 0;border-bottom:1px dashed #2a241e}.pb .kv b{color:var(--text);font-family:var(--mono);font-weight:400;font-size:13px;text-align:right}.pb p{margin:6px 0;line-height:1.3}.pb .sub{color:var(--accent-2);font-size:13px;margin:-2px 0 6px}.pb .attn{border:1px solid #6a2a1e;background:#2a1310;padding:4px 8px 2px;margin:2px 0 8px}.pb .attn-h{color:var(--red);font-family:var(--head);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.pb .attn .kv{border-bottom-color:#4a2018;color:var(--text)}.pb details.more{margin-top:6px}.pb details.more summary{cursor:pointer;color:var(--dim);font-size:13px;padding:3px 0;-webkit-user-select:none;user-select:none}.pb details.more summary:hover{color:var(--text)}.pb details.more[open] summary{margin-bottom:2px}.pb .actions{display:flex;gap:6px;margin-top:8px}.pb .actions button{padding:4px 10px;font-size:13px}#directives{background:linear-gradient(180deg,#28221cf7,#13100df7);border-color:#463b30}#directives>.hazard{height:5px;border-radius:6px 6px 0 0;border-bottom:1px solid rgba(0,0,0,.5)}.c-tabs{display:flex;gap:4px;padding:0 12px 8px;border-bottom:1px solid #2f281f}.c-tabs button{flex:1;position:relative;padding:5px 0 6px;font-size:14px;color:var(--muted);background:linear-gradient(180deg,#2b251f,#1c1814);border-color:#3f352b}.c-tabs button.on{background:linear-gradient(180deg,#5b4621,#35290f);border-color:var(--accent);color:var(--accent-2)}.c-tabs button.on:after{content:"";position:absolute;left:12px;right:12px;bottom:2px;height:2px;border-radius:2px;background:var(--accent-2);box-shadow:0 0 6px var(--accent)}.c-pip{display:inline-block;width:7px;height:7px;border-radius:50%;margin-left:6px;vertical-align:1px;background:var(--dim)}.c-pip.ok{background:var(--green)}.c-pip.mid{background:var(--accent)}.c-pip.bad{background:var(--red);box-shadow:0 0 6px var(--red)}#directives .pb{padding-top:8px}.c-lede{color:var(--muted);margin:0 0 6px!important}.c-note{color:var(--dim);font-size:13px}.c-sec{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:12px 0 6px;padding-bottom:3px;border-bottom:1px solid #2f281f;font-family:var(--head);font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--text)}.c-sec span{font-family:var(--body);font-size:12px;letter-spacing:0;text-transform:none;color:var(--dim);text-align:right}.c-seg{display:flex;margin-top:5px}.c-seg button{flex:1;padding:4px 0;font-size:13px;border-radius:0;margin-left:-1px;background:linear-gradient(180deg,#2b251f,#1c1814);border-color:#3f352b;color:var(--muted)}.c-seg button:first-child{border-radius:5px 0 0 5px;margin-left:0}.c-seg button:last-child{border-radius:0 5px 5px 0}.c-seg button.on{position:relative;z-index:1;background:linear-gradient(180deg,#5b4621,#35290f);border-color:var(--accent);color:var(--accent-2)}.c-seg button.down.on{background:linear-gradient(180deg,#3a2a26,#241816);border-color:#8a4a3e;color:#f0a090}.c-seg button.all.on{box-shadow:0 0 8px #e0a83073;color:#fff1c8}.c-seg [data-r]{text-transform:capitalize}.c-dept{padding:8px 10px 9px;margin-bottom:6px;border:1px solid #3a3128;border-radius:6px;background:#0000002e}.c-dept.down{border-color:#5a3028;background:#3c140e40}.c-dept.down .c-dh,.c-dept.down small{opacity:.6}.c-dept.all{border-color:#8a6a2c;background:#e0a83012}.c-dh{display:flex;align-items:center;gap:7px}.c-dh svg{width:18px;height:18px;color:var(--accent-2);flex:none}.c-dh b{font-family:var(--head);font-weight:500;font-size:15px;letter-spacing:.03em;color:var(--text)}.c-count{margin-left:auto;min-width:22px;padding:0 6px;border-radius:9px;background:#0006;border:1px solid #3f352b;font-family:var(--mono);font-size:12px;text-align:center;color:var(--text)}.c-dept small{display:block;color:var(--dim);font-size:12px;line-height:1.25;margin:2px 0 0 25px}.c-grid{width:100%;border-collapse:collapse}.c-grid th{padding:0 0 4px;color:var(--accent-2)}.c-grid th svg{width:17px;height:17px;display:block;margin:0 auto}.c-grid td{padding:1px 0;border-top:1px dashed #2a241e;text-align:center}.c-grid td.nm{text-align:left;color:var(--text);padding-right:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}.c-grid th:not(:first-child),.c-grid td:not(.nm){width:34px}.c-grid .down{background:#3c140e40}.c-grid th.down{opacity:.5}.c-grid tbody tr:hover td{background-color:#ffe1aa0d}.c-grid button{width:22px;height:22px;padding:0;border-radius:50%;background:#14110e;border:1px solid #4a3f33;box-shadow:inset 0 1px 2px #0009;vertical-align:middle}.c-grid button.on{background:radial-gradient(circle at 50% 40%,var(--accent-2),var(--accent) 55%,#8a6418);border-color:var(--accent-2);box-shadow:0 0 6px #e0a83080}@media(hover:hover){.c-grid button:not(.on):hover{border-color:var(--accent);background:#2a2218}}.c-day{position:relative;display:flex;height:22px;border:1px solid #3f352b;border-radius:4px;overflow:hidden}.c-day i{flex:1;border-left:1px solid rgba(0,0,0,.35)}.c-day i:first-child{border-left:0}#directives i.work{background:#7a5a22}#directives i.leisure{background:#3f6a4a}#directives i.sleep{background:#1f2740}.c-now{position:absolute;top:-1px;bottom:-1px;width:2px;margin-left:-1px;background:#fff1c8;box-shadow:0 0 5px #fff1c8}.c-ticks{display:flex;justify-content:space-between;font-family:var(--mono);font-size:10.5px;color:var(--dim);margin-top:2px}.c-key{display:flex;gap:12px;font-size:12px;color:var(--muted);margin:4px 0 2px}.c-key i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:4px;vertical-align:-1px}.c-bar{position:relative;height:7px;border-radius:4px;background:#14110e;border:1px solid #3a3128;overflow:visible}.c-bar i{position:absolute;left:0;top:0;bottom:0;border-radius:3px;background:var(--dim);transition:width .3s}.c-bar u{position:absolute;top:-3px;bottom:-3px;width:2px;margin-left:-1px;background:var(--text);opacity:.55}.c-bar.big{height:10px;margin:4px 0 2px}.ok>.c-bar i,.c-bar.ok i{background:var(--green)}.mid>.c-bar i,.c-bar.mid i{background:var(--accent)}.bad>.c-bar i,.c-bar.bad i{background:var(--red)}.c-oh{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--head);font-size:15px;color:var(--text);letter-spacing:.03em}.c-ov{font-family:var(--mono);font-weight:400;font-size:13px}.c-ov.ok{color:var(--green)}.c-ov.mid{color:var(--accent)}.c-ov.bad{color:var(--red)}.c-loys{max-height:220px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line-2) transparent}.c-loy{display:grid;grid-template-columns:minmax(0,1fr) 96px 26px;align-items:center;gap:8px;padding:3px 0}.c-loy .nm{color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c-loy b{font-family:var(--mono);font-weight:400;font-size:12.5px;text-align:right}.c-loy.ok b{color:var(--green)}.c-loy.mid b{color:var(--accent)}.c-loy.bad b{color:var(--red)}.c-act{margin:10px 0 4px}.c-act button{width:100%;padding:6px 10px;font-size:14px}.c-act button:disabled{opacity:.45;cursor:default}.c-act small{display:block;color:var(--dim);font-size:12px;line-height:1.25;margin-top:4px}.c-act button.danger{border-color:#8a4a3e;color:#f0a090}.c-act button.danger.armed{background:linear-gradient(180deg,#6a2a1e,#3a1610);border-color:var(--red);color:#fff;box-shadow:0 0 8px #e2574a80}.c-done{color:var(--accent)}.pb .kv select{font:inherit;font-size:13px;background:#1a1612;color:var(--text);border:1px solid var(--line)}.sched{display:flex;gap:8px;align-items:center;margin-top:8px}.sched select{background:var(--panel-2);color:var(--text);border:1px solid var(--line-2);font-family:var(--mono);padding:2px 4px}#tip{position:absolute;pointer-events:none!important;padding:7px 10px;font-size:13px;display:none;min-width:170px;z-index:5}#tip .t{font-family:var(--head);font-size:15px;letter-spacing:.03em;color:var(--text);margin-bottom:3px}#tip .r{display:flex;justify-content:space-between;gap:14px;font-family:var(--mono);font-size:12px;color:var(--muted)}#tip .r b{color:var(--text);font-weight:400}#tip .d{color:var(--dim);font-size:12.5px;margin-top:4px;max-width:240px;line-height:1.25}#toolhint{position:absolute;bottom:84px;left:50%;transform:translate(-50%);font-size:14px;padding:11px 14px 9px;display:none;color:var(--muted);max-width:min(560px,calc(100vw - 32px));line-height:1.3;background:linear-gradient(180deg,#28221cf7,#13100df7);border-color:#463b30;box-shadow:0 6px 24px #0000008c,inset 0 1px #ffebc812;overflow:hidden}#toolhint:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:repeating-linear-gradient(-45deg,var(--accent) 0 8px,#1e1a14 8px 16px);opacity:.85}#toolhint.bare:before{display:none}#toolhint b{color:var(--accent-2)}#toolhint .th-h{display:flex;align-items:center;gap:7px;margin-bottom:3px}#toolhint .th-h svg{width:18px;height:18px;color:var(--accent-2);flex:none}#toolhint .th-h img{width:22px;height:22px;flex:none;filter:drop-shadow(0 1px 1px rgba(0,0,0,.6))}#toolhint .th-h b{font-family:var(--head);font-weight:500;font-size:15px;letter-spacing:.04em;color:var(--text)}#toolhint .th-mode{padding:0 7px;border-radius:3px;border:1px solid #8a6a2c;background:#e0a8301f;color:var(--accent-2);font-size:12px;line-height:18px}.also{font:inherit;font-size:12px;padding:1px 7px;margin-left:4px;border:1px solid #3a3226;background:#1a1612;color:var(--accent-2);border-radius:3px;cursor:pointer}#toolhint .paints{margin-top:5px;display:flex;align-items:center;gap:6px;font-size:13px}#toolhint .paint{width:22px;height:22px;border:2px solid #1b130d;border-radius:4px;cursor:pointer;padding:0}#toolhint .paint.on{outline:2px solid var(--accent);outline-offset:1px}.modal{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#0a0908b3,#050403f5);z-index:10}.modal .box{width:min(640px,calc(100vw - 32px));max-height:calc(100vh - 40px);overflow-y:auto;padding:0 0 18px}.modal h1{font-family:var(--head);font-weight:700;font-size:64px;letter-spacing:.3em;margin:28px 0 0;text-align:center;color:var(--accent);text-shadow:0 0 30px rgba(224,168,48,.25);padding-left:.3em}.modal h2{font-family:var(--head);font-weight:500;letter-spacing:.15em;font-size:22px;margin:18px 24px 6px;color:var(--text)}.modal .sub{text-align:center;color:var(--muted);letter-spacing:.35em;font-size:13px;text-transform:uppercase;margin-bottom:18px}#update{position:absolute;top:58px;left:50%;transform:translate(-50%);width:min(520px,calc(100vw - 32px));z-index:20;padding:12px 16px;border-left:4px solid var(--green);font-size:15px;animation:slidein .25s ease-out}#update.warn{border-left-color:var(--accent)}#update b{font-family:var(--head);font-weight:500;letter-spacing:.04em;color:var(--text)}#update p{margin:6px 0 10px;color:var(--muted);line-height:1.35}#update .btns{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}#update button{padding:6px 14px;font-size:15px}#update button.primary{background:#4a3a1c;border-color:var(--accent);color:var(--accent-2)}.modal .version{text-align:center;color:var(--muted);opacity:.6;font-family:var(--mono);font-size:11px;margin-top:14px;-webkit-user-select:text;user-select:text}.modal .lore{margin:0 32px;font-size:17px;line-height:1.45;color:#cfc3aa}.modal .lore em{color:var(--accent-2);font-style:normal}.modal .btns{display:flex;gap:10px;justify-content:center;margin-top:22px;flex-wrap:wrap}.modal .btns button{padding:10px 26px;font-size:18px}.modal .btns button.primary{background:#4a3a1c;border-color:var(--accent);color:var(--accent-2)}.help{margin:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:6px 22px;font-size:14.5px;color:var(--muted)}.help b{color:var(--text);font-family:var(--mono);font-weight:400;font-size:12.5px;background:#1b1713;border:1px solid var(--line);padding:0 5px;border-radius:3px}.tips{margin:6px 24px 0;padding-left:18px;color:#c6b99f;font-size:15px;line-height:1.4}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:3px}:root{--ui-scale: 1}@media(min-height:561px){:root{--item-w: 104px;--item-h: 90px;--item-font: 13px;--item-cost: 11.5px;--item-icon: 34px}#ui{zoom:var(--ui-scale);inset:auto;left:0;top:0;width:calc(100vw / var(--ui-scale));height:calc(100vh / var(--ui-scale))}#roster{max-height:calc(100vh / var(--ui-scale) - 320px)}#inspect,#directives{max-height:calc(100vh / var(--ui-scale) - 150px)}.modal .box{width:min(640px,calc(100vw / var(--ui-scale) - 32px));max-height:calc(100vh / var(--ui-scale) - 40px)}#topbar .speed,#topbar #clock,#topbar .seg:has(.logo){display:none}#topbar{top:10px;left:12px;right:12px}#topbar .seg{padding:8px 16px}#topbar .res{padding-left:12px;padding-right:12px}#btn-people{border-color:transparent;background:transparent}#btn-people.on{background:#4a3a1c;color:var(--accent-2)}#btn-people:hover{border-color:transparent;background:#ffffff0f}#speedpad{display:grid;grid-template-columns:repeat(4,1fr);position:absolute;right:10px;bottom:10px;gap:6px!important;padding:7px;width:max-content;min-width:232px}#speedpad .pclock{grid-column:1 / -1;justify-content:center;height:20px;white-space:nowrap}#speedpad button{width:100%;height:32px;padding:0;display:flex;align-items:center;justify-content:center}#speedpad button svg{width:18px;height:18px;fill:currentColor}#ui #legend{right:10px;bottom:var(--legend-b, 94px)}#ui #problems{bottom:var(--problems-b, 94px);max-height:calc(100vh / var(--ui-scale) - var(--below-top, 64px) - var(--problems-b, 94px) - 12px)}#dock{left:10px;right:10px;width:fit-content;margin:0 auto;transform:none}#topbar .deepest{display:none}#depthnote{display:block;position:absolute;left:14px;bottom:12px;font-family:var(--mono);font-size:12.5px;color:var(--dim);pointer-events:auto}#notes{bottom:34px}#topbar #menuseg{display:flex;gap:4px;padding:4px 6px!important;border-right:0;border-left:1px solid var(--line)}#menuseg button{border-color:transparent;background:transparent;padding:5px 14px;font-size:14px}#menuseg button:hover{background:#ffffff0f;border-color:transparent}#btn-view{order:-1;min-width:140px}#sidebtns{display:none}#overlays{display:none;right:12px;top:calc(var(--below-top, 60px) - 4px);bottom:auto;grid-template-columns:1fr 1fr;gap:4px;z-index:8}#overlays.open{display:grid}#overlays button{min-width:140px}#inspect,#directives{right:12px;top:var(--below-top, 56px);max-height:calc(100vh / var(--ui-scale) - var(--below-top, 56px) - 100px)}#roster{top:var(--below-top, 60px);max-height:calc(100vh / var(--ui-scale) - var(--below-top, 60px) - 100px)}#toolbar .tool#btn-dir2{width:72px}.title-menu{flex-direction:column;align-items:center;gap:8px}.title-menu button{width:300px}.menu-modal .box{width:min(420px,calc(100vw / var(--ui-scale) - 32px))}.menu-h{text-align:center;margin:24px 0 4px!important;font-size:26px!important;letter-spacing:.3em!important}.menu-modal .sub{margin-bottom:14px}.menu{display:flex;flex-direction:column;gap:8px;width:300px;margin:0 auto}.menu button{display:flex;justify-content:space-between;align-items:center;padding:10px 18px;font-size:17px;text-align:left}.menu button.primary{background:#4a3a1c;border-color:var(--accent);color:var(--accent-2)}.menu kbd{font-family:var(--mono);font-size:11px;color:var(--dim);border:1px solid var(--line);border-radius:3px;padding:0 5px}.opts{display:flex;flex-direction:column;gap:18px;width:320px;margin:14px auto 4px}.opts label{display:flex;flex-wrap:wrap;justify-content:space-between;font-size:16px;color:var(--text)}.opts label b{font-family:var(--mono);font-weight:400;color:var(--accent-2);font-size:14px}.opts select{margin-left:auto;min-width:140px;padding:4px 8px;font-family:var(--body);font-size:16px;color:var(--text);background:#1a1612;border:1px solid var(--line-2);border-radius:4px}.opts .opts-note{margin:-10px 0 0;font-size:13.5px;color:var(--dim)}.opts input[type=range]{width:100%;margin-top:8px;accent-color:var(--accent)}}@media(min-height:561px)and (max-width:1280px){#dock{right:214px}}@media(max-height:560px){#ui .desk-only{display:none!important}}@media(max-height:560px){:root{--z: .8;--t: 56px;--gl: max(8px, calc(var(--rc) * .6));--gr: max(8px, calc(var(--rc) * .6));--cl: calc(max(0px, max(var(--sl), env(safe-area-inset-left, 0px)) - var(--gl)) / var(--z));--cr: calc(max(0px, max(var(--sr), env(safe-area-inset-right, 0px)) - var(--gr)) / var(--z));--gt: max(4px, var(--st));--gb: max(4px, var(--sb));--uw: calc((100vw - var(--gl) - var(--gr)) / var(--z));--uh: calc((100vh - var(--gt) - var(--gb)) / var(--z));--tb: 104px}#ui{zoom:var(--z);inset:auto;left:var(--gl);top:var(--gt);width:var(--uw);height:var(--uh)}#ui .phone-only{display:block}#topbar{left:4px;right:4px;top:4px;flex-wrap:wrap}#topbar .seg:has(.logo),#topbar .speed{display:none}#topbar button{border-color:transparent;background:transparent}#topbar button:hover{background:#ffffff0f;border-color:transparent}#topbar button.on{background:#4a3a1c;border-color:transparent}#topbar{align-items:center}#topbar #menuseg{display:flex;padding:4px!important;border-right:0!important}#menuseg button,#peopleseg button{min-height:48px;padding:6px 16px;font-size:16px}#roster{z-index:3}#clock{min-width:0}#topbar .seg{padding:5px 10px}#topbar .res{order:5;flex:1 1 100%;border-right:0;border-top:1px solid var(--line);flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}#topbar .res::-webkit-scrollbar{display:none}.rgrp{flex-wrap:nowrap;flex:none}#stats{flex:1;min-width:0;overflow:hidden;border-right:0}.sgrp{gap:12px;padding:0 12px}.gauge[data-g=air],.gauge[data-g=power]{min-width:0}.gauge{gap:4px}#roster{left:4px;top:var(--tb);max-height:calc(var(--uh) - 270px);gap:4px;width:180px}#roster .card{min-height:var(--t);padding:6px 10px;display:flex;flex-direction:column;justify-content:center}#roster .card .nm{font-size:14px}#roster .card .nm span{display:none}#roster .card .act{font-size:12px;margin:0}#roster .card .bars,#notes{display:none}#btn-alerts{display:block}#alertlist{left:4px;top:var(--tb);width:340px;max-height:calc(var(--uh) - var(--tb) - 84px)}#peopleseg{gap:4px;display:flex}#dock{left:4px;bottom:4px;transform:none;max-height:calc(100% - var(--tb) - 8px)}#toolbar,#subbar{gap:4px;padding:5px}.tool{width:58px;height:var(--t)}#overlays kbd,.tool kbd{display:none}#speedpad{display:flex;position:absolute;right:4px;bottom:4px;gap:4px;padding:5px}#speedpad .pclock{display:none}#speedpad button{width:var(--t);height:var(--t);padding:0;display:flex;align-items:center;justify-content:center}#speedpad button svg{width:24px;height:24px;fill:currentColor}#menuseg{gap:4px}#btn-view{min-width:150px}#overlays{display:none;right:calc(4px + var(--cr));top:var(--tb);bottom:auto;grid-template-columns:1fr 1fr;gap:4px;padding:5px;z-index:8}#overlays.open{display:grid}#overlays button{min-height:52px;min-width:150px;padding:6px 12px;align-items:center}#legend{right:calc(4px + var(--cr));bottom:80px}#sidebtns{right:calc(4px + var(--cr));top:var(--tb);gap:4px;z-index:8;display:none}#sidebtns.open{display:flex}#sidebtns button{min-height:var(--t);min-width:170px;padding:8px 16px;font-size:16px}#inspect,#directives{right:calc(4px + var(--cr));top:var(--tb);max-height:calc(var(--uh) - 192px);z-index:7}#inspect{width:320px}#directives{width:380px}.ph{padding:4px 4px 4px 12px}.ph button{min-width:var(--t);min-height:48px;font-size:18px}.pb .actions{flex-wrap:wrap}.pb .actions button{min-height:48px;padding:8px 14px;font-size:14px}.also{padding:6px 10px;font-size:13px}.c-tabs button,.c-seg button{min-height:48px;font-size:15px}.c-act button{min-height:48px}.c-grid button{width:36px;height:36px}.c-grid th:not(:first-child),.c-grid td:not(.nm){width:48px}.c-grid td.nm{max-width:150px}.sched select{min-height:44px;font-size:15px}#toolhint{bottom:80px}#buildmenu .desc{height:64px}#toolhint .paint{width:40px;height:40px}.modal{inset:calc(var(--gt) / var(--z) * -1) calc(var(--gr) / var(--z) * -1) calc(var(--gb) / var(--z) * -1) calc(var(--gl) / var(--z) * -1)}.modal .box{width:min(640px,calc(var(--uw) - 32px));max-height:calc(var(--uh) - 16px)}.modal h1{font-size:40px;margin-top:12px}.modal .sub{margin-bottom:10px}.modal .lore{font-size:15px}.modal .btns{margin-top:14px;gap:12px}.modal .btns button{min-height:var(--t);padding:12px 28px}}#storycard{position:absolute;top:60px;left:50%;transform:translate(-50%);width:min(360px,calc(100vw - 32px));z-index:6;display:none}#storycard .sc-head{display:flex;justify-content:space-between;align-items:center;padding:8px 12px 0}#storycard .sc-label{font-family:var(--mono);font-size:11px;color:var(--dim)}#storycard .sc-hide{padding:0 10px;font-size:15px;line-height:1.4}#storycard .sc-title{font-family:var(--head);font-size:19px;letter-spacing:.04em;color:var(--accent-2);padding:2px 12px 4px}#storycard .sc-goals{list-style:none;margin:0 12px 10px;padding:0}#storycard .sc-goals li{position:relative;padding:5px 0 5px 26px;font-size:14px;color:var(--text);border-top:1px dashed #2a241e}#storycard .sc-goals li:before{content:"";position:absolute;left:2px;top:7px;width:14px;height:14px;border:1.5px solid var(--accent);border-radius:3px}#storycard .sc-goals li.done{color:var(--dim);text-decoration:line-through}#storycard .sc-goals li.done:before{background:var(--green);border-color:var(--green)}#storycard .sc-goals li.done:after{content:"";position:absolute;left:7px;top:9px;width:4px;height:8px;border:solid #16130f;border-width:0 2px 2px 0;transform:rotate(45deg)}#storycard .sc-btns{display:flex;justify-content:flex-end;gap:8px;padding:0 12px 12px}#storycard .sc-btns button{min-width:96px;min-height:36px}#storycard .sc-next:disabled{opacity:.35;cursor:default}#storycard.ready .sc-next{animation:tut-pulse 1.2s ease-in-out infinite}#storycard.min{width:auto}#storycard .sc-show{padding:6px 14px;font-family:var(--head);letter-spacing:.04em;color:var(--accent-2);background:none;border:none}#storycard.end{top:50%;transform:translate(-50%,-50%);width:min(420px,calc(100vw - 32px));text-align:center;z-index:9}#storycard.end .sc-label{display:block;margin-top:16px}#storycard.end .sc-title{font-size:30px;padding:4px 16px}#storycard.end .sc-text{color:var(--muted);margin:4px 16px 16px}#storycard.end .sc-btns{justify-content:center;padding-bottom:18px}#storydim{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#0504030d,#0504038c);z-index:7;display:none;pointer-events:auto}#storytalk{position:absolute;left:50%;bottom:96px;transform:translate(-50%);width:min(560px,calc(100vw - 32px));z-index:8;display:none;flex-direction:column}#storytalk .st-body{display:flex;gap:14px;padding:14px 16px 4px;align-items:flex-start}#storytalk .st-face{width:72px;height:72px;flex:none;border-radius:6px;border:1px solid var(--line);background:#1a1612;image-rendering:auto;object-fit:cover}#storytalk .st-words{flex:1;min-width:0}#storytalk .st-who{font-family:var(--head);font-size:18px;letter-spacing:.04em;color:var(--accent-2)}#storytalk .st-who span{font-family:var(--body);font-size:12px;color:var(--dim);letter-spacing:0;margin-left:6px}#storytalk p{margin:4px 0 0;font-size:16px;line-height:1.4;color:var(--text)}#storytalk .st-btns{display:flex;justify-content:flex-end;padding:8px 16px 14px}#storytalk .st-btns button{min-width:110px;min-height:40px}#storytalk .st-choose{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px 16px 16px}#storytalk .st-opt{display:flex;flex-direction:column;gap:4px;text-align:left;padding:12px 14px;min-height:88px}#storytalk .st-opt b{font-family:var(--head);font-weight:500;font-size:18px;letter-spacing:.04em;color:var(--accent-2)}#storytalk .st-opt span{font-size:13px;line-height:1.35;color:var(--muted)}#storytalk .st-opt:hover{border-color:var(--accent)}@media(max-width:520px){#storytalk{bottom:84px}#storytalk .st-face{width:52px;height:52px}#storytalk .st-choose{grid-template-columns:1fr}}.storymenu .sub{text-transform:none;letter-spacing:.02em;font-size:15px;margin:0 32px 14px}.chapters{display:flex;flex-direction:column;gap:10px;margin:0 24px}.chapter{border:1px solid var(--line);border-radius:6px;padding:12px 14px;background:#ffffff05}.chapter.locked{opacity:.45}.chapter .ch-n{font-family:var(--mono);font-size:11px;color:var(--dim)}.chapter .ch-done{color:var(--green)}.chapter .ch-title{font-family:var(--head);font-size:22px;letter-spacing:.05em;color:var(--accent-2)}.chapter .ch-blurb{font-size:14px;color:var(--muted);margin-top:2px}.chapter .ch-btns{display:flex;gap:8px;margin-top:8px}.chapter .ch-btns button{padding:6px 18px;font-size:15px}#storycard .sc-hint{margin:-4px 12px 12px;padding:6px 8px;font-size:13px;line-height:1.35;color:var(--text);background:#e0a8301a;border-left:3px solid var(--accent)}#storycard .sc-hint b{color:var(--accent-2);font-weight:500;margin-right:4px}.chapter .ch-btns button.primary,#storycard button.primary,#storytalk button.primary{background:#4a3a1c;border-color:var(--accent);color:var(--accent-2)}.locked{opacity:.32;filter:grayscale(1);pointer-events:none}.tut-glow{position:relative;z-index:1;animation:tut-pulse 1.2s ease-in-out infinite;border-color:var(--accent)!important}@keyframes tut-pulse{0%,to{box-shadow:0 0 #e0a83000}50%{box-shadow:0 0 0 4px #e0a8308c}}@media(prefers-reduced-motion:reduce){.tut-glow,#storycard.ready .sc-next{animation:none;box-shadow:0 0 0 3px #e0a8308c}}#problems{position:absolute;right:10px;bottom:82px;width:300px;max-height:calc(100vh - 360px);overflow-y:auto;padding:4px 0;z-index:3}#problems .pr-h{font-family:var(--head);letter-spacing:.08em;font-size:12px;color:var(--muted);padding:2px 10px 4px;text-transform:uppercase}#problems .pr{padding:5px 10px 6px;border-left:4px solid var(--accent);margin:0 0 3px;font-size:13px;line-height:1.25}#problems .pr.bad{border-left-color:var(--red)}#problems .pr[title]{cursor:pointer}#problems .pr[title]:hover{background:#ffffff0a}#problems .pr b{display:block;color:var(--text);font-weight:600}#problems .pr.bad b{color:var(--red)}#problems .pr span{display:block;color:var(--muted);font-size:12px;margin-top:1px}#inspect.open~#problems,#directives.open~#problems{display:none!important}@media(max-width:760px){#problems{width:calc(100vw - 20px);bottom:150px;max-height:26vh}#problems .pr span{display:none}}.modal.front{display:block;background:none}#ui:has(>.modal.front)>:not(.modal){visibility:hidden}.front h1,.front h2,.front h3{padding:0}.front.title{background:linear-gradient(90deg,#080706f7,#080706eb 30%,#08070673 58%,#0807061f)}.front-side{position:relative;height:100%;width:min(560px,46%);min-width:420px;padding:9vh 0 28px 64px;display:flex;flex-direction:column}.front-logo h1{margin:0;text-align:left;font-size:78px;letter-spacing:.2em;line-height:1}.front-tag{margin-top:12px;color:var(--muted);font-size:13.5px;letter-spacing:.38em;text-transform:uppercase}.front-menu{margin-top:7vh;display:flex;flex-direction:column;gap:4px}.fm-item{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 18px 11px;text-align:left;background:transparent;border:0;border-left:3px solid transparent;border-radius:0 6px 6px 0;cursor:pointer;transition:background .12s,border-color .12s,padding .12s}.fm-item:hover,.fm-item:focus-visible{background:linear-gradient(90deg,#e0a83029,#e0a83000 90%);border-left-color:var(--accent);outline:none;padding-left:24px}.fm-item.lead{border-left-color:var(--accent);background:linear-gradient(90deg,#e0a8301f,#e0a83000 90%)}.fm-label{display:flex;align-items:center;font-family:var(--head);font-size:30px;letter-spacing:.05em;color:var(--text);line-height:1.1}.fm-item.lead .fm-label{color:var(--accent-2)}.fm-sub{font-size:15.5px;color:var(--muted)}.fm-badge{margin-left:14px;padding:2px 9px;border:1px solid rgba(124,199,122,.55);border-radius:999px;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--green)}.front-lore{margin:auto 0 0;padding-top:24px;max-width:420px;font-size:15.5px;line-height:1.45;color:#a99c84}.front-lore em{color:var(--accent-2);font-style:normal}.front.title .version{margin-top:10px;text-align:left}.front.story-select,.front.howto{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:0 max(32px,calc((100% - 1240px)/2));background:radial-gradient(ellipse at 30% 0%,#201a14f2,#060504f7 70%)}.fs-head{display:flex;align-items:center;gap:28px;padding:30px 0 20px;border-bottom:1px solid var(--line)}.fs-back{padding:8px 18px 8px 14px;font-size:16px}.fs-back:before{content:"‹";margin-right:8px;color:var(--accent)}.fs-titles h2{margin:0;font-size:34px;letter-spacing:.22em;text-transform:uppercase}.fs-titles p{margin:4px 0 0;font-size:15.5px;color:var(--muted)}.fs-progress{margin-left:auto;width:250px}.fs-bar{height:6px;border-radius:3px;background:#2a241d;overflow:hidden}.fs-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.fs-progress span{display:block;margin-top:7px;text-align:right;font-family:var(--mono);font-size:12px;color:var(--dim)}.ss-body{flex:1;min-height:0;display:grid;grid-template-columns:340px 1fr;gap:28px;padding:22px 0 28px}.ss-list{list-style:none;margin:0;padding:0 4px 0 0;display:flex;flex-direction:column;gap:6px;overflow-y:auto}.ss-ch{width:100%;display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;padding:13px 14px;text-align:left;background:#ffffff06;border:1px solid var(--line);border-radius:6px;cursor:pointer}.ss-ch:hover{border-color:var(--line-2);background:#ffffff0d}.ss-ch.on{border-color:var(--accent);background:#e0a8301a}.ss-num{font-family:var(--mono);font-size:14px;color:var(--dim)}.ss-ch.on .ss-num{color:var(--accent)}.ss-name{font-family:var(--head);font-size:20px;letter-spacing:.04em;color:var(--text)}.ss-ch.locked .ss-name{color:var(--dim)}.ss-state{display:flex;align-items:center;color:var(--dim)}.ss-state svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ss-ch.done .ss-state{color:var(--green)}.ss-state em{font-style:normal;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-2);border:1px solid rgba(224,168,48,.55);border-radius:999px;padding:1px 8px}.ss-detail{position:relative;overflow:hidden auto;display:flex;flex-direction:column;padding:38px 46px 32px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(160deg,#2c241beb,#100d0af0)}.ss-big{position:absolute;right:26px;top:-36px;font-family:var(--head);font-weight:700;font-size:280px;line-height:1;color:#e0a8300f;pointer-events:none}.ss-detail.locked .ss-big{color:#ffffff08}.ss-kicker{position:relative;font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.ss-detail h3{position:relative;margin:8px 0 14px;font-family:var(--head);font-weight:500;font-size:54px;letter-spacing:.03em;line-height:1.05;color:var(--accent-2)}.ss-detail.locked h3,.ss-detail.locked .ss-kicker{color:var(--muted)}.ss-blurb{position:relative;margin:0;max-width:660px;font-size:19px;line-height:1.45;color:#d8ccb3}.ss-sec{position:relative;margin-top:28px}.ss-sec h4{margin:0 0 10px;font-family:var(--mono);font-weight:400;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}.ss-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.ss-chips li{padding:4px 13px;border:1px solid var(--line-2);border-radius:999px;background:#ffffff08;font-size:15.5px;color:var(--text)}.ss-past{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;font-size:16.5px;color:var(--muted)}.ss-past li:before{content:"—";margin-right:8px;color:var(--accent)}.ss-actions{position:relative;margin-top:auto;padding-top:30px;display:flex;gap:12px}.ss-note{position:relative;margin:10px 0 0;font-size:14px;color:var(--dim)}.fm-cta{padding:12px 36px;font-family:var(--head);font-size:21px;letter-spacing:.06em;background:#4a3a1c;border-color:var(--accent);color:var(--accent-2)}.fm-cta:hover{background:#5a4620}.fm-ghost{padding:12px 26px;font-family:var(--head);font-size:18px;letter-spacing:.05em}.hp-body{flex:1;min-height:0;display:grid;grid-template-columns:250px 1fr;gap:30px;padding:22px 0 28px}.hp-nav{display:flex;flex-direction:column;gap:3px;min-height:0;overflow-y:auto}.hp-tab{padding:10px 16px;text-align:left;font-family:var(--head);font-size:19px;letter-spacing:.04em;color:var(--muted);background:transparent;border:0;border-left:3px solid transparent;border-radius:0 6px 6px 0;cursor:pointer}.hp-tab:hover{color:var(--text);background:#ffffff0a}.hp-tab.on{color:var(--accent-2);border-left-color:var(--accent);background:#e0a8301a}.hp-new{margin-top:auto;padding:16px;border:1px solid rgba(124,199,122,.35);border-radius:8px;background:#7cc77a0d}.hp-new b{font-family:var(--head);font-weight:500;font-size:19px;color:var(--text)}.hp-new p{margin:6px 0 12px;font-size:15px;line-height:1.35;color:var(--muted)}.hp-new .fm-cta{padding:8px 22px;font-size:18px}.hp-page{min-height:0;overflow-y:auto;padding-right:10px}.hp-page h3{margin:0 0 18px;font-family:var(--head);font-weight:500;font-size:30px;letter-spacing:.12em;text-transform:uppercase;color:var(--text)}.hp-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:14px}.hp-card{padding:16px 20px 18px;border:1px solid var(--line);border-radius:8px;background:#ffffff06;font-size:16px;line-height:1.5;color:#cdbfa4}.hp-card b{color:var(--text)}.hp-card.titled>b:first-child{display:block;margin-bottom:6px;font-family:var(--head);font-weight:500;font-size:21px;letter-spacing:.03em;color:var(--accent-2)}.howto .help{margin:0;gap:10px 32px;font-size:16.5px}.howto .help b{font-size:13.5px;padding:1px 7px}@media(max-width:900px),(max-height:560px){.front-side{width:100%;min-width:0;padding:24px 22px 18px}.front.title{background:#080706e6}.front-logo h1{font-size:44px}.front-menu{margin-top:18px}.fm-label{font-size:24px}.front.story-select,.front.howto{padding:0 14px;overflow-y:auto}.fs-head{flex-wrap:wrap;gap:12px;padding:14px 0 12px}.fs-titles h2{font-size:24px}.fs-progress{width:100%;margin:0}.ss-body,.hp-body{display:flex;flex-direction:column;gap:14px}.ss-detail{padding:22px 20px}.ss-detail h3{font-size:36px}.ss-big{font-size:160px}.hp-nav{flex-direction:row;flex-wrap:wrap}.hp-cards{grid-template-columns:1fr}}#storycard .sc-title{display:flex;justify-content:space-between;align-items:baseline;gap:10px}#storycard .sc-count{font-family:var(--mono);font-size:11.5px;letter-spacing:0;color:var(--dim)}#storycard .sc-bar{height:3px;margin:2px 12px 8px;border-radius:2px;background:#2a241d;overflow:hidden}#storycard .sc-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .4s ease-out}#storycard .sc-goals li{color:var(--muted)}#storycard .sc-goals li.cur{color:var(--text);background:linear-gradient(90deg,#e0a8301a,#e0a83000)}#storycard .sc-goals li.cur:before{box-shadow:0 0 0 3px #e0a8302e}#storycard .sc-goals li.just{animation:sc-done 1.1s ease-out}@keyframes sc-done{0%{background:#7cc77a59}to{background:transparent}}#storycard .sc-hint-btn{display:block;margin:-4px 12px 10px;padding:0;background:none;border:0;font-size:13px;color:var(--accent-2);text-decoration:underline dotted;text-underline-offset:3px;cursor:pointer}#storycard .sc-hint-btn:hover{color:var(--text)}#storycard.min .sc-show{display:flex;align-items:center;gap:10px}#storydim{background:radial-gradient(ellipse 62% 58% at 50% 46%,#05040300,#0504031f 55%,#0504039e)}#storytalk{width:min(640px,calc(100vw - 32px))}#storytalk .st-face{width:84px;height:84px}#storytalk .st-who{font-size:20px}#storytalk p{font-size:17px}#storytalk .st-btns{align-items:center;gap:10px}#storytalk .st-count{margin-right:auto;font-family:var(--mono);font-size:11.5px;color:var(--dim)}#storytalk .st-skip{min-width:0;padding:6px 14px;background:transparent;border-color:transparent;color:var(--muted)}#storytalk .st-skip:hover{color:var(--text);border-color:var(--line-2)}#storytalk kbd{margin-left:8px;padding:0 5px;font-family:var(--mono);font-size:10.5px;color:var(--dim);border:1px solid var(--line-2);border-radius:3px}@media(min-height:561px)and (min-width:900px){#storycard{left:auto;right:12px;top:var(--below-top, 64px);transform:none;width:330px;max-height:calc(100vh / var(--ui-scale) - var(--below-top, 64px) - 220px);overflow-y:auto}#ui:has(#inspect.open) #storycard,#ui:has(#directives.open) #storycard{right:312px}#storycard.end{left:50%;right:auto;top:50%;transform:translate(-50%,-50%);width:min(440px,calc(100vw - 32px));max-height:none}}@media(prefers-reduced-motion:reduce){#storycard .sc-goals li.just{animation:none}#storycard .sc-bar i{transition:none}}.front.newcolony{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:0 max(32px,calc((100% - 1080px)/2));background:radial-gradient(ellipse 80% 70% at 50% 45%,#0a0806d6,#060504f5)}.nh-body{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;justify-content:center;padding:18px 0;scrollbar-width:thin;scrollbar-color:var(--line-2) transparent}.nh-steps{display:flex;flex-direction:column;gap:30px}.nh-step h4{display:flex;align-items:center;gap:12px;margin:0 0 12px;font-family:var(--head);font-weight:500;font-size:22px;letter-spacing:.06em;color:var(--text)}.nh-n{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1.5px solid var(--accent);font-family:var(--mono);font-size:13px;color:var(--accent-2)}.newcolony .modes{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0}.newcolony .supplies{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0}.newcolony .nh-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;padding:18px 20px;overflow:hidden;cursor:pointer;border:1px solid #3f352b;border-radius:8px;color:var(--muted);box-shadow:inset 0 1px #ffebc80f,0 2px 6px #00000073;background:radial-gradient(ellipse 70% 60% at 20% 0%,rgba(255,225,170,.06),transparent 70%),linear-gradient(180deg,#29231d,#1a1612);transition:border-color .12s,background-color .12s,box-shadow .12s,transform .12s}.newcolony .nh-card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:repeating-linear-gradient(-45deg,var(--accent) 0 8px,#1e1a14 8px 16px);opacity:0;transition:opacity .12s}.newcolony .nh-card.on{border-color:var(--accent);color:var(--text);background:radial-gradient(ellipse 70% 60% at 20% 0%,rgba(255,210,120,.16),transparent 70%),linear-gradient(180deg,#43341a,#261d0d);box-shadow:0 0 0 1px #e0a83059,0 0 22px #e0a83024,inset 0 1px #ffdc8c33}.newcolony .nh-card.on:before{opacity:.9}@media(hover:hover){.newcolony .nh-card:not(.on):hover{border-color:#8a6a2c;transform:translateY(-2px)}}.newcolony .nh-card:focus-visible{outline:2px solid var(--accent-2);outline-offset:3px}.nh-radio{position:absolute;top:16px;right:16px;width:20px;height:20px;border-radius:50%;border:1.5px solid var(--line-2);background:#14110e}.nh-card.on .nh-radio{border-color:var(--accent-2)}.nh-card.on .nh-radio:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;background:var(--accent-2);box-shadow:0 0 6px var(--accent)}.newcolony .mode-ico{width:46px;height:46px;margin-bottom:8px;display:grid;place-items:center;border-radius:10px;background:#14110e;border:1px solid #3f352b;color:var(--muted)}.newcolony .mode-ico svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2}.newcolony .mode.on .mode-ico{color:var(--accent-2);border-color:#8a6a2c}.newcolony .mode-name{font-family:var(--head);font-size:26px;font-weight:500;letter-spacing:.08em;line-height:1.1;color:var(--text);text-transform:uppercase}.newcolony .mode-tag{margin:2px 0 4px;font-family:var(--body);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--green);border:1px solid rgba(124,199,122,.45);border-radius:999px;padding:1px 9px;white-space:nowrap}.newcolony .mode-tag.adv{color:var(--accent-2);border-color:#f3c35a73}.newcolony .mode-line{font-size:16px;color:var(--muted)}.newcolony .mode.on .mode-line{color:#d8ccb2}.newcolony .mode-pts{margin:8px 0 0;padding:10px 0 0;border-top:1px solid rgba(255,235,200,.07);width:100%;list-style:none;display:flex;flex-direction:column;gap:5px}.newcolony .mode-pts li{position:relative;padding-left:16px;font-size:15px;line-height:1.3;color:var(--dim)}.newcolony .mode-pts li:before{content:"";position:absolute;left:2px;top:.55em;width:6px;height:6px;border-radius:1px;background:var(--line-2);transform:rotate(45deg)}.newcolony .mode.on .mode-pts li{color:var(--text)}.newcolony .mode.on .mode-pts li:before{background:var(--accent)}.newcolony .supply-name{font-family:var(--head);font-size:19px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text);padding-right:26px}.newcolony .supply-line{font-size:14.5px;line-height:1.3;min-height:2.6em}.nh-meters{display:flex;flex-direction:column;gap:5px;width:100%;margin-top:8px;padding-top:10px;border-top:1px solid rgba(255,235,200,.07)}.nh-meter{display:grid;grid-template-columns:64px 1fr 34px;align-items:center;gap:8px;font-size:13px;color:var(--dim)}.nh-meter i{height:6px;border-radius:3px;background:#14110e;border:1px solid #3a3128;overflow:hidden}.nh-meter b{display:block;height:100%;border-radius:2px;background:var(--line-2);transition:background-color .12s}.nh-meter em{font-style:normal;font-family:var(--mono);font-size:12px;text-align:right;color:var(--muted)}.supply.on .nh-meter{color:var(--muted)}.supply.on .nh-meter b{background:linear-gradient(90deg,#b07a22,var(--accent-2))}.supply.on .nh-meter em{color:var(--accent-2)}.nh-bar{flex:none;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 0 24px;border-top:1px solid var(--line)}.nh-chips{display:flex;flex-wrap:wrap;gap:8px}.nh-chip{display:inline-flex;align-items:baseline;gap:8px;padding:4px 12px;border:1px solid #3f352b;border-radius:999px;background:#00000059;font-size:15px;color:var(--text)}.nh-chip span{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}.nh-note{margin:8px 0 0;font-size:13.5px;color:var(--dim)}.nh-bar .fm-cta{flex:none;display:flex;align-items:center;gap:12px;box-shadow:0 0 18px #e0a8302e}.nh-bar .fm-cta kbd{font-family:var(--mono);font-size:10.5px;color:var(--dim);border:1px solid var(--line-2);border-radius:3px;padding:0 5px}@media(max-width:900px),(max-height:560px){.front.newcolony{padding:0 16px}.nh-body{justify-content:flex-start}.newcolony .modes,.newcolony .supplies{grid-template-columns:1fr;gap:10px}.newcolony .nh-card{padding:14px 16px}.newcolony .mode-ico{display:none}.newcolony .mode-name{font-size:22px}.newcolony .supply-line{min-height:0}.nh-meters{display:grid;grid-template-columns:1fr 1fr;gap:5px 16px}.nh-meter{grid-template-columns:52px 1fr 28px;gap:6px}.nh-bar{flex-direction:column;align-items:stretch;gap:10px;padding:12px 0 16px}.nh-note{display:none}.nh-bar .fm-cta{justify-content:center;min-height:52px}.nh-bar .fm-cta kbd{display:none}}#ui.online .speed,.online-only{display:none!important}#ui.online .online-only{display:inline-flex!important}#btn-nb.live{color:var(--accent-2)}#neighbours{width:320px}.nb-sides{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:8px}.nb-side{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:6px 8px;text-align:left;font-family:var(--body)}.nb-side span{font-size:12px;color:var(--dim);line-height:1.2}.nb-side.on{border-color:var(--accent)}.nb-log{display:flex;flex-direction:column;gap:3px;max-height:180px;overflow-y:auto;padding:6px;background:#00000040;border-radius:4px;margin-bottom:6px}.nb-msg{margin:0;font-size:13px;color:var(--text);overflow-wrap:anywhere}.nb-msg.mine b{color:var(--accent-2)}.nb-empty,.nb-hint{color:var(--dim);font-size:12.5px;margin:4px 0}.nb-row{display:flex;gap:6px;align-items:center;margin:4px 0;flex-wrap:wrap}.nb-row input:not([type=number]){flex:1;min-width:0}.nb-row input[type=number]{width:64px}.nb-row input,.nb-row select{background:#0000004d;color:var(--text);border:1px solid var(--line-2);border-radius:4px;padding:4px 6px;font-family:var(--body);font-size:13px}.nb-offer{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:13px;padding:4px 0;border-bottom:1px solid var(--line)}.nb-offer span{flex:1;min-width:140px}#reconnecting{position:absolute;left:50%;top:70px;transform:translate(-50%);padding:8px 16px;font-size:14px;color:var(--accent-2);z-index:20}.btns.col{flex-direction:column;align-items:stretch}#lv-end.armed{border-color:var(--red);color:var(--red)}.ac-form{display:flex;flex-direction:column;gap:6px;margin:10px 0}.ac-form input{background:#0000004d;color:var(--text);border:1px solid var(--line-2);border-radius:4px;padding:7px 9px;font-family:var(--body);font-size:15px}#ac-google{margin:8px 0;min-height:40px}#netq{align-items:center;padding:0 8px;font-family:var(--mono);font-size:12px;color:var(--green);white-space:nowrap}#netq[data-q=mid]{color:var(--accent-2)}#netq[data-q=bad]{color:var(--red)}