:root{--bg: #1c241c;--panel: #211e1a;--panel-2: #2d2923;--card: rgba(26, 25, 23, .97);--card-solid: #1a1917;--line: #4d4538;--text: #ece4cf;--muted: #b9ae95;--dim: #948a76;--danger-text: #ef7b77;--fs-body: 14px;--fs-label: 13px;--fs-small: 12px;--accent: #d9a441;--serif: "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;--accent-2: #6fa8dc;--danger: #d9534f;--ok: #79b851;--wood: #6a4527;--wood-dark: #4c2f17;--wood-light: #7d5532;font-family:Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text)}#app{display:flex;height:100vh;height:100dvh;width:100vw;overscroll-behavior:none}#panel{--beam-w: 24px;position:relative;width:300px;flex:0 0 300px;height:100%;background-color:var(--wood-dark);background-image:linear-gradient(90deg,#0000002e,#140a004d),url(/art/ui/planks.jpg);background-size:auto,calc(300px - var(--beam-w) + 8px) auto;background-repeat:no-repeat,repeat-y;display:flex;flex-direction:column;overflow:hidden;padding:6px calc(var(--beam-w) + 5px) 6px 6px;gap:5px}#panel:after{content:"";position:absolute;top:0;right:0;width:var(--beam-w);height:100%;background-image:url(/art/ui/beam-top.webp),url(/art/ui/beam-bottom.webp),url(/art/ui/beam-tile.webp);background-position:top,bottom,top;background-size:100% auto;background-repeat:no-repeat,no-repeat,repeat-y;filter:drop-shadow(-2px 0 3px rgba(0,0,0,.55));pointer-events:none}#panel>*{background:var(--card);background-clip:padding-box;border:9px solid transparent;border-image:url(/art/ui/frame.webp) 34 / 9px round;border-radius:0;box-shadow:inset 2px 3px 6px #000000a6}#panel>#logo{border:0;border-image:none;background:none;padding:0 2px;flex:0 0 auto}#logo h1{margin:0;line-height:0}#logo img{display:block;width:auto;max-width:100%;height:74px;margin:0 auto;filter:drop-shadow(0 3px 3px rgba(0,0,0,.6))}#minimap-wrap{position:relative;padding:2px;flex:0 0 auto}#minimap{display:block;width:100%;height:auto;aspect-ratio:2.2;image-rendering:pixelated;image-rendering:crisp-edges;background:#1a1e18}.res-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px}#quickbar{display:flex;flex-wrap:nowrap;justify-content:space-between;gap:4px;padding:2px 4px;font-size:12px;font-variant-numeric:tabular-nums;flex:0 0 auto}#quickbar .q{display:flex;align-items:center;gap:3px;min-width:0;color:var(--muted);white-space:nowrap}#quickbar .qi{width:22px;height:22px;flex:0 0 auto;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(0,0,0,.6))}#quickbar .q b{color:var(--text)}#quickbar .q.low b{color:var(--danger-text);animation:q-low-pulse 1.5s ease-out 1}#quickbar .q.warn b{color:#f0b44a}@keyframes q-low-pulse{0%,40%{text-shadow:0 0 6px rgba(239,123,119,.95)}to{text-shadow:none}}@media(prefers-reduced-motion:reduce){#quickbar .q.low b{animation:none}}.map-badge{position:absolute;z-index:4;display:flex;align-items:center;gap:6px;padding:2px 8px 2px 4px;background:var(--card);background-clip:padding-box;border:7px solid transparent;border-image:url(/art/ui/frame.webp) 34 / 7px round;box-shadow:0 4px 12px #00000073;color:var(--text);font-size:12px;font-variant-numeric:tabular-nums}.map-badge img{width:30px;height:30px;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(0,0,0,.6))}.map-badge.low b{color:var(--danger)}#map-weather{top:10px;right:10px}#map-crown{right:10px;bottom:10px;flex-direction:column;gap:2px;padding:4px 8px;max-width:220px;text-align:center}#map-crown img.crown{width:56px;height:56px}#map-crown .gems{display:flex;gap:2px}#map-crown img.gem{width:22px;height:22px}#map-crown img.gem.stores,#map-crown img.gem.hauling{opacity:.9;filter:drop-shadow(0 0 3px rgba(255,200,90,.55))}#map-crown img.gem.hidden,#map-crown img.gem.lost{opacity:.5;filter:grayscale(1) brightness(1.35) contrast(.8) drop-shadow(0 1px 0 rgba(0,0,0,.8))}#map-crown b{font-size:11px;font-weight:600}#map-crown .cnt{display:none;font-style:normal;font-size:14px;font-weight:700;color:#f0cf8a;text-shadow:0 1px 1px rgba(0,0,0,.8)}.map-badge{cursor:url(/art/ui/cursor-hand.png) 5 0,pointer;cursor:-webkit-image-set(url(/art/ui/cursor-hand.png) 1x,url(/art/ui/cursor-hand@2x.png) 2x) 5 0,pointer}.map-badge.docked{padding:1px 4px 1px 2px;gap:3px;background:#0a0c09b8;border:0;border-image:none;border-radius:3px;box-shadow:none;font-size:var(--fs-small)}.map-badge.docked img{width:18px;height:18px}#map-weather.docked{top:5px;right:5px}#map-crown.docked{right:5px;bottom:5px;max-width:96px;padding:2px 4px}#map-crown.docked img.crown{width:30px;height:30px}#map-crown.docked img.gem{width:13px;height:13px}#map-crown.docked b{display:none}.ico{display:inline-block;vertical-align:-3px;background-repeat:no-repeat;flex:0 0 auto}.res-group-title{grid-column:1 / -1;margin-top:6px;font-family:var(--serif);font-size:var(--fs-small);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#c9a767;border-bottom:1px solid rgba(201,167,103,.22);padding:2px 4px}.res{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:6px;min-width:0;font-size:var(--fs-label);line-height:1.5;padding:1px 4px}.res-grid{column-gap:14px}.res.wide{grid-column:1 / -1}.res.sub{padding-left:22px;font-size:var(--fs-small)}.res.sub .name{color:var(--dim)}.res.sub .dot{width:7px;height:7px;flex-basis:7px}.res.trow{grid-column:1 / -1;grid-template-columns:16px minmax(0,1fr) auto 40px 56px;gap:5px;border-radius:2px}.res.trow .d{font-size:var(--fs-small);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;color:var(--dim)}.res.trow[data-dir=up] .d{color:#9cc77a}.res.trow[data-dir=down] .d{color:var(--danger-text)}.res.trow .spark{width:56px;height:14px;overflow:visible;color:var(--dim)}.res.trow[data-dir=up] .spark{color:#9cc77a}.res.trow[data-dir=down] .spark{color:#d98a64}.res.trow .spark .l,.pop-chart .l{fill:none;stroke:currentColor;stroke-width:1.25;stroke-linejoin:round;vector-effect:non-scaling-stroke}.res.trow .spark .a,.pop-chart .a{fill:currentColor;opacity:.16}.res.trow.deficit{background:#d9534f24;box-shadow:inset 2px 0 0 var(--danger)}.res.trow.deficit .val,.res.trow.deficit .spark{color:var(--danger-text)}.res.trow.head{padding-bottom:0;font-size:var(--fs-small);line-height:1.2;color:var(--dim)}.res.trow.head .val,.res.trow.head .d,.res.trow.head .sp{font-weight:400;color:var(--dim);text-align:right}.res.trow.head .sp{text-align:center}.res.trow.pop .dot{justify-self:center}.pop-jobs{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;column-gap:12px;padding-left:20px}.pop-jobs .res.sub{padding-left:4px;font-size:var(--fs-label);line-height:1.45}.pop-jobs .res.status{margin-top:0;padding-top:1px;border-top:0;font-size:var(--fs-label)}.res.status{margin-top:2px;padding-top:3px;font-size:var(--fs-small);border-top:1px dotted rgba(201,167,103,.25)}.res.status .name,.res.status .val{color:var(--dim)}.res .idle-ico{width:12px;height:12px;fill:none;stroke:var(--dim);stroke-width:1.4;stroke-linecap:round}.res .idle-ico .sand{fill:var(--dim);stroke:none}.res .dot{width:10px;height:10px;border-radius:2px;flex:0 0 10px}.res .name{color:var(--muted);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.res .val{font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}#panel>#actions{display:flex;justify-content:space-between;gap:5px;padding:0 1px;border:0;border-image:none;background:none;flex:0 0 auto}.act{position:relative;flex:1 1 0;aspect-ratio:1;max-width:50px;padding:0;line-height:0;border:0;border-image:none;border-radius:3px;background:center / 100% 100% no-repeat;filter:drop-shadow(0 2px 2px rgba(0,0,0,.6));transition:filter .12s}.act[data-action=build]{background-image:url(/art/ui/btn-build.webp)}.act[data-action=messages]{background-image:url(/art/ui/btn-messages.webp)}.act[data-action=stats]{background-image:url(/art/ui/btn-stats.webp)}.act[data-action=settings]{background-image:url(/art/ui/btn-settings.webp)}@media(hover:hover){.act:hover:not(:disabled){filter:drop-shadow(0 2px 2px rgba(0,0,0,.6)) brightness(1.12)}}.act.active{background-color:transparent;background-position:center;background-size:100% 100%;background-repeat:no-repeat;border-image:none;transform:translateY(1px);filter:drop-shadow(0 0 1px #ffd77a) drop-shadow(0 0 4px rgba(255,190,70,.85)) brightness(1.08)}.build-tools{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:4px}.build-tool{display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 6px;font-size:12px}.build-tool img{width:22px;height:22px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.6))}.build-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.build-grid[hidden]{display:none}.build-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 0;border-width:4px;min-width:0}.build-tile>img,.build-tile .b-swatch{width:72px;height:58px;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))}.build-tile .b-swatch{display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:11px;font-weight:700;color:#201804}.build-tile .b-label{max-width:100%;padding:0 3px;font-size:var(--fs-small);line-height:1.2;color:var(--muted);text-align:center;overflow-wrap:normal;word-break:normal;hyphens:none;text-wrap:balance;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.build-tile .b-label.tight{font-size:11px;letter-spacing:-.2px;padding:0 1px}.build-tile.active .b-label,.build-tool.active{color:#201804}.build-tile.unaffordable>img,.build-tile.unaffordable .b-swatch{opacity:.55}.build-tile .b-cost{display:flex;justify-content:center;flex-wrap:wrap;gap:1px 6px;font-size:12px;line-height:14px;font-weight:600;color:#cbbd9c;font-variant-numeric:tabular-nums}.build-tile .b-cost>span{display:inline-flex;align-items:center;gap:2px}.build-tile .b-cost img{width:13px;height:13px;object-fit:contain}.build-tile .b-cost>.short{color:var(--danger-text)}.build-tile.active .b-cost{color:#201804}.build-tile.active .b-cost>.short{color:#7a140f}.build-tile .b-lock{position:absolute;top:2px;right:2px;display:flex;align-items:center;gap:2px;height:17px;padding:0 4px;border:1px solid #8a6a3e;border-radius:9px;background:#161513eb;color:#e3c27a;pointer-events:none}.build-tile .b-lock svg{width:9px;height:11px;fill:none;stroke:currentColor;stroke-width:1.6}.build-tile .b-lock b{font-size:10px;line-height:1;font-variant-numeric:tabular-nums}.build-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;margin:2px 0 6px}.build-groups button{display:flex;flex-direction:column;align-items:center;gap:1px;min-width:0;padding:3px 0 2px;border-width:3px;font-size:12px;line-height:14px}.build-groups button img{width:20px;height:20px;object-fit:contain}.build-groups button span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.build-tile.locked>img,.build-tile.locked .b-swatch{filter:grayscale(1);opacity:.3}.build-tile.locked .b-label{color:var(--muted, #8a8272)}#build-detail{flex:0 0 auto;display:flex;flex-direction:column;min-height:0;max-height:34%;padding:3px 5px;font-size:12px}#build-detail[hidden]{display:none}#build-detail.bd-empty .empty{margin:0;line-height:1.35;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#build-detail .bd-head{font-weight:600;margin-bottom:4px}#build-detail .bd-desc{flex:0 1 auto;min-height:0;overflow-y:auto;margin:0 0 6px;color:var(--muted);line-height:1.4}#build-detail .bd-cost{display:flex;align-items:center;gap:4px;flex-wrap:wrap;color:var(--accent)}#build-detail .bd-recipe{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;margin:0 0 6px;padding:4px 6px;background:#00000038;border:1px solid rgba(201,167,103,.18);color:var(--text);font-size:12px;line-height:1}#build-detail .bd-recipe .ri,#build-detail .bd-recipe .rt,#build-detail .bd-recipe .rj{display:inline-flex;align-items:center;gap:3px}#build-detail .bd-recipe b{font-weight:700;font-variant-numeric:tabular-nums}#build-detail .bd-recipe .ra{color:var(--accent);font-size:15px;font-weight:700}#build-detail .bd-recipe .rt{color:var(--muted)}#build-detail .bd-recipe .rt svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.4}#build-detail .bd-recipe .rj{margin-left:auto;color:var(--muted)}#build-detail .bd-recipe .rj img{border:1px solid rgba(201,167,103,.35);object-fit:cover}#build-detail .bd-desc.bd-tip{margin:6px 0 0;padding-top:5px;border-top:1px solid rgba(201,167,103,.18);font-size:var(--fs-small);line-height:1.4;color:var(--muted)}#build-detail.bd-brief .bd-recipe{display:none}#build-detail .bd-desc:not(.bd-tip){color:var(--text)}.stock-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:8px}.stock-grid .cell{display:flex;flex-direction:column;align-items:center;gap:2px;padding:5px 2px;background:var(--panel-2);border:1px solid var(--line);border-radius:4px;font-size:12px;font-variant-numeric:tabular-nums}.stock-grid.labelled{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 4px;margin-top:4px}.stock-grid.labelled .res-group-title{margin:6px 0 1px}.stock-grid.labelled .cell{flex-direction:row;justify-content:flex-start;gap:6px;padding:3px 7px 3px 5px;font-size:var(--fs-label)}.stock-grid.labelled .cell .nm{flex:1 1 auto;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--text)}.stock-grid.labelled .cell b{flex:0 0 auto}.stock-grid .cell.none{opacity:.45}.stock-grid .cell.none b{font-weight:400;color:var(--muted)}.stock-grid .cell[data-res]{position:relative}@media(hover:hover){.stock-grid .cell[data-res]:hover{border-color:var(--accent)}}.stock-grid .cell.blocked{border-color:var(--danger);background:#d9534f1f}.stock-grid .cell.blocked:after{content:"";position:absolute;left:4px;right:4px;top:50%;height:2px;background:var(--danger);transform:rotate(-24deg);pointer-events:none}.job-picker{display:grid;grid-template-columns:28px 1fr 28px;gap:4px;align-items:stretch;margin:6px 0}.job-picker>button{padding:0;font-size:11px}.job-card{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 6px;background:var(--panel-2);border:1px solid var(--line);border-radius:4px;text-align:center;font-size:12px}.job-card img,.job-card .j-swatch{height:56px;width:auto;max-width:64px;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))}.job-card .j-swatch{width:28px;border-radius:4px}.job-card img.j-portrait{height:64px;max-width:80px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.55))}.job-card .j-desc{font-size:var(--fs-small);color:var(--muted);line-height:1.35}.job-card .j-count{font-size:11px;font-variant-numeric:tabular-nums;color:var(--muted)}.act .badge{position:absolute;top:-6px;right:-4px;min-width:18px;padding:0 4px;border-radius:9px;background:var(--danger);color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center}button{font:inherit;color:var(--text);background:#3a362f;border:5px solid transparent;border-image:url(/art/ui/stone.webp) 14 fill / 5px stretch;border-radius:0;padding:3px 4px;text-shadow:0 1px 1px rgba(0,0,0,.8)}@media(hover:hover){button:hover:not(:disabled){box-shadow:0 0 0 1px #d9a441d9}}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.4}button.active{border-image-source:url(/art/ui/stone-gold.webp);background:#a87a2c;color:#1c1406;text-shadow:0 1px 0 rgba(255,230,160,.5);font-weight:600}#content{--pad-t: 5px;--pad-x: 5px;--pad-b: 6px;--fade-h: 46px;flex:1 1 auto;min-height:140px;overflow-y:auto;padding:var(--pad-t) var(--pad-x) var(--pad-b)}#content:before{content:"";display:none;position:sticky;z-index:3;top:calc(-1 * var(--pad-t));height:calc(var(--cut-t, 14px) + 10px);margin:0 calc(-1 * var(--pad-x)) calc(-1 * (var(--cut-t, 14px) + 10px));pointer-events:none;background:linear-gradient(to bottom,#161513 0,#161513 var(--cut-t, 14px),rgba(22,21,19,.55) var(--cut-t, 14px),rgba(22,21,19,0) calc(var(--cut-t, 14px) + 10px))}#content.can-scroll-up:not(.ov-fit):before{display:block}#content.overflows:not(.ov-fit){padding-bottom:calc(var(--pad-b) + var(--fade-h))}#content>.scroll-more{display:none;position:sticky;z-index:3;bottom:calc(-1 * (var(--pad-b) + var(--fade-h)));height:var(--fade-h);margin:0 calc(-1 * var(--pad-x)) calc(-1 * var(--fade-h));pointer-events:none;opacity:0;transition:opacity .14s ease-out}#content>.scroll-more:before{content:"";position:absolute;left:0;right:0;bottom:0;height:calc(var(--cut-b, 28px) + 10px);background:linear-gradient(to top,#161513 0,#161513 var(--cut-b, 28px),rgba(22,21,19,.55) var(--cut-b, 28px),rgba(22,21,19,0) calc(var(--cut-b, 28px) + 10px))}#content.overflows:not(.ov-fit)>.scroll-more{display:block}#content.can-scroll-down>.scroll-more{opacity:1}#content>.scroll-more button{position:absolute;left:50%;bottom:max(4px,calc((var(--cut-b, 28px) - 20px) / 2));width:40px;height:20px;min-height:0;min-width:0;margin-left:-20px;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid #8a6a3e;border-image:none;border-radius:10px;background:#2a2318;color:#e3c27a;box-shadow:0 1px 3px #0009;pointer-events:none}#content.can-scroll-down>.scroll-more button{pointer-events:auto}#content>.scroll-more button svg{width:12px;height:8px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}@media(hover:hover){#content>.scroll-more button:hover{background:#3a2f1e;color:#f2d895;border-color:#c9a767}}#content:has(>.build-grid){scroll-snap-type:y proximity;scroll-padding-top:var(--fade-h)}#content:has(>.build-groups){scroll-snap-type:none}#content>h2,#content>.build-grid>.build-tile,#content>.build-group-title{scroll-snap-align:start}:is(#panel,#story,#start) *{scrollbar-width:thin;scrollbar-color:#8a6a3e rgba(0,0,0,.3)}:is(#panel,#story,#start) *::-webkit-scrollbar{width:6px;height:6px}:is(#panel,#story,#start) *::-webkit-scrollbar-track{background:#0000004d;border-radius:3px}:is(#panel,#story,#start) *::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#8a6a3e,var(--wood-light));border:1px solid rgba(0,0,0,.55);border-radius:4px}:is(#panel,#story,#start) *::-webkit-scrollbar-thumb:hover{background:var(--accent)}#content h2{margin:0 0 8px;font-family:var(--serif);font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);text-shadow:0 1px 1px rgba(0,0,0,.9)}.build-group-title{margin:10px 0 6px;font-family:var(--serif);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#c9a767;border-bottom:1px solid rgba(201,167,103,.3);padding-bottom:2px}.build-group-title:first-of-type{margin-top:0}.detail{font-size:var(--fs-label);line-height:1.6}.detail .row{display:flex;justify-content:space-between;gap:8px;border-bottom:1px dotted var(--line);padding:2px 0}.detail .row span:last-child{color:var(--muted);text-align:right}.detail .row.halt span:last-child{color:var(--danger-text);font-weight:600}.detail .row.good span:last-child{color:#9fd07a;font-weight:600}.detail .row.warn span:last-child{color:#f0cf8a;font-weight:600}.detail .row .ico{margin:0 2px}.detail .state-pill{--sev: var(--ok);display:flex;flex-direction:column;gap:1px;margin:2px 0 6px;padding:5px 9px 6px;border-left:3px solid var(--sev);border-radius:2px 4px 4px 2px;background:color-mix(in srgb,var(--sev) 14%,transparent);line-height:1.3}.detail .state-pill b{font-size:var(--fs-body);font-weight:700;color:color-mix(in srgb,var(--sev) 70%,#fff)}.detail .state-pill span{font-size:var(--fs-small);color:var(--muted)}.detail .state-pill.warn{--sev: #e0a43a}.detail .state-pill.bad{--sev: var(--danger)}.detail .state-pill.off{--sev: #9a9284}.detail .row span.fed-ok{color:#9cc77a}.detail .row span.fed-warn{color:#e0a43a;font-weight:600}.detail .row span.fed-bad{color:var(--danger-text);font-weight:700}.b-head{display:grid;grid-template-columns:72px minmax(0,1fr);gap:9px;align-items:center;margin:2px 0 6px}.b-portrait{width:72px;height:72px;box-sizing:border-box;border:6px solid #6a5a44;border-image:url(/art/ui/frame.webp) 34 / 6px round;background:radial-gradient(circle at 50% 42%,#3a3428 0,#22201b 70%);box-shadow:inset 0 0 6px #000c;display:flex;align-items:center;justify-content:center}.b-portrait img{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(0,0,0,.7))}.b-side{display:flex;flex-direction:column;gap:5px;min-width:0}.b-head .b-pill .state-pill{margin:0}.b-worker{display:flex;align-items:center;gap:6px;min-width:0;line-height:1.25}.b-worker .w-portrait{flex:0 0 24px;width:24px;height:24px;border-radius:3px;background:#22201b center / cover no-repeat;box-shadow:inset 0 0 0 1px #c9a76759}.b-worker .w-portrait.none{background:repeating-linear-gradient(45deg,#2a2620 0 3px,#221f1a 3px 6px)}.b-worker .w-name{color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.b-worker .w-name.halt{color:var(--danger-text);font-weight:600}.b-worker .w-mood{display:inline-flex;align-items:center;gap:4px;margin-left:auto;white-space:nowrap;font-size:var(--fs-small)}.b-worker .w-mood i{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 1px #00000080}.b-worker .fed-ok{color:#9cc77a}.b-worker .fed-warn{color:#e0a43a;font-weight:600}.b-worker .fed-bad{color:var(--danger-text);font-weight:700}.b-recipe{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:3px;background:#00000038;box-shadow:inset 0 0 0 1px #c9a76729;font-size:var(--fs-label);font-variant-numeric:tabular-nums}.b-recipe .r-in,.b-recipe .r-out{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.b-recipe .r-out{min-width:0;overflow:hidden}.b-recipe .r-fill{position:relative;width:22px;height:6px;border-radius:2px;background:#2a2620;box-shadow:inset 0 0 0 1px #0009;overflow:hidden}.b-recipe .r-fill>i{position:absolute;inset:0 auto 0 0;background:#c9a767}.b-recipe .r-fill.empty{box-shadow:inset 0 0 0 1px var(--danger)}.b-recipe b{font-weight:600;color:var(--text)}.b-recipe .r-out span{min-width:0;color:var(--muted);overflow:hidden;text-overflow:ellipsis}.b-recipe .r-arrow svg{display:block;width:9px;height:12px;fill:none;stroke:#c9a767;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.b-recipe .r-every{display:inline-flex;align-items:center;gap:3px;margin-left:auto;color:var(--muted);white-space:nowrap}.b-recipe .r-every svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round}.b-cycle{height:4px;margin:3px 0 8px;border-radius:2px;background:#2a2620;overflow:hidden}.b-cycle>i{display:block;height:100%;width:0;background:linear-gradient(to right,#a87a2c,#e3c27a);transition:width .25s linear}.b-cycle.idle>i{background:#6b6458;transition:none}#content h2.with-doors{display:flex;align-items:center;gap:6px}#content h2.with-doors>span:first-child{flex:1 1 auto;min-width:0}button.help-btn{flex:0 0 auto;width:30px;height:26px;padding:0;margin:0;font-size:14px;font-weight:700;line-height:1;color:var(--muted)}button.help-btn.active{border-image-source:url(/art/ui/stone.webp);background:var(--panel-2);color:var(--accent);border-color:var(--accent)}.help-box{margin:0 0 8px;padding:8px 10px;border-left:2px solid var(--accent);background:#00000038}.help-box p{margin:0 0 6px;color:var(--muted);font-size:var(--fs-label);line-height:1.5}.help-box p:last-child{margin-bottom:0}#tooltip{position:fixed;top:0;left:0;z-index:40;max-width:280px;padding:3px 7px;background:var(--card);background-clip:padding-box;border:7px solid transparent;border-image:url(/art/ui/frame.webp) 34 / 7px round;box-shadow:0 6px 18px #0000008c;color:var(--text);font-size:var(--fs-label);line-height:1.45;pointer-events:none}#tooltip[hidden]{display:none}#cursor-reason{position:fixed;top:0;left:0;z-index:41;max-width:260px;padding:3px 8px 4px;background:#141210f0;border:1px solid rgba(217,83,79,.75);border-left:3px solid var(--danger);border-radius:3px;box-shadow:0 3px 10px #0000008c;color:var(--danger-text);font-size:13px;font-weight:600;line-height:1.35;pointer-events:none;white-space:normal}#cursor-reason[hidden]{display:none}#cursor-reason.nudge{animation:cursor-reason-nudge .32s ease-out}@keyframes cursor-reason-nudge{0%,to{margin-left:0}25%{margin-left:-4px}60%{margin-left:4px}}@media(pointer:coarse){#cursor-reason{display:none!important}}#tooltip p{margin:0 0 5px}#tooltip p:last-child{margin-bottom:0;color:var(--muted)}#tooltip p:first-child{margin-bottom:0;color:var(--text)}#tooltip p:first-child:not(:last-child){margin-bottom:5px;font-weight:600;color:#f0e2bf}button.doors{flex:0 0 auto;width:30px;height:26px;padding:0;margin:0;line-height:0;color:var(--muted)}button.doors svg{width:16px;height:16px;display:block;margin:0 auto}button.doors.priority{color:var(--accent);border-color:var(--accent)}button.doors.closed{color:var(--danger);border-color:var(--danger)}.empty{color:var(--muted);font-size:var(--fs-small);line-height:1.5}#content h2 small.h-sub{font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:var(--fs-small);font-weight:400;letter-spacing:.02em;text-transform:none;color:var(--muted);white-space:nowrap}p.site-stage{margin:0 0 6px;color:var(--text);font-size:13px;line-height:1.4}.overview{display:flex;flex-direction:column;gap:2px}.ov-tut{display:grid;grid-template-columns:auto 28px minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 6px 7px 8px;margin-bottom:6px;border-left:3px solid var(--accent);border-radius:2px 4px 4px 2px;background:linear-gradient(to right,#d9a44129,#d9a4410d);cursor:pointer}.ov-tut .n{font-family:var(--serif);font-weight:700;font-size:var(--fs-label);color:#f0cf8a;font-variant-numeric:tabular-nums}.ov-tut img{width:28px;height:28px;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(0,0,0,.7))}.ov-tut>div{display:flex;flex-direction:column;gap:1px;min-width:0;line-height:1.3}.ov-tut b{font-size:var(--fs-label);font-weight:600;color:var(--text)}.ov-tut>div span{font-size:var(--fs-small);color:#e3c27a}:is(#content,#tracker) .ov-tut button.x{min-width:0;min-height:0;width:22px;height:22px;padding:0;border:0;border-image:none;border-radius:3px;background:none;box-shadow:none;color:var(--muted);font-size:12px;line-height:22px}@media(hover:hover){.ov-tut:hover{background:linear-gradient(to right,#d9a4413d,#d9a44114)}:is(#content,#tracker) .ov-tut button.x:hover{color:var(--text);background:#ffffff14}}.act.tut-pulse,.build-groups button.tut-pulse{animation:tut-pulse 2s ease-in-out infinite}@keyframes tut-pulse{0%,to{box-shadow:0 0 #f0cf8a00}50%{box-shadow:0 0 0 3px #f0cf8a8c,0 0 12px 2px #d9a44173}}.build-tile.tut-pick{animation:tut-pick 1.2s ease-in-out 2}@keyframes tut-pick{0%,to{box-shadow:0 0 #f0cf8a00}50%{box-shadow:0 0 0 2px #f0cf8a,0 0 14px 2px #d9a44199}}@media(prefers-reduced-motion:reduce){.act.tut-pulse,.build-groups button.tut-pulse,.build-tile.tut-pick{animation:none;box-shadow:0 0 0 2px #f0cf8ab3}}.ov-crown{display:flex;align-items:center;gap:10px;padding:8px 10px;margin-bottom:4px;border-left:3px solid var(--accent);background:#d9a44117;border-radius:2px 4px 4px 2px}:is(#content,#tracker) .ov-crown button.ov-show{align-self:flex-start;min-height:0;margin-top:4px;padding:2px 10px;font-size:12px;line-height:16px}.ov-crown span.ov-explore{margin-top:2px}.ov-crown img.crown{width:44px;height:44px;flex:0 0 44px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.7))}.ov-crown>div{display:flex;flex-direction:column;gap:2px;min-width:0}.ov-crown b{font-family:var(--serif);font-size:var(--fs-body);color:#f0cf8a}.ov-crown span{font-size:var(--fs-small);color:var(--muted);line-height:1.35}.ov-crown .gems{display:flex;gap:3px;margin-top:2px}.ov-crown img.gem{width:18px;height:18px}.ov-crown img.gem.stores,.ov-crown img.gem.hauling{opacity:.6}.ov-crown img.gem.hidden,.ov-crown img.gem.lost{opacity:.25;filter:grayscale(1)}.ov-title{margin:10px 0 3px;padding-bottom:2px;font-family:var(--serif);font-size:var(--fs-small);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#c9a767;border-bottom:1px solid rgba(201,167,103,.3)}.ov-row{display:grid;grid-template-columns:20px 1fr auto auto;align-items:center;column-gap:8px;padding:2px;font-size:var(--fs-label);line-height:1.55}.ov-row>span{color:var(--muted)}.ov-row b{font-variant-numeric:tabular-nums;font-weight:600;text-align:right}.ov-row.bad b{color:var(--danger-text)}.ov-row .ov-ico{width:18px;height:18px;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(0,0,0,.6))}.ov-jobs{display:grid;grid-template-columns:auto 1fr;align-items:baseline;column-gap:7px;padding:0 2px 2px 30px;font-size:var(--fs-small);line-height:1.45;color:var(--dim)}.ov-jobs em{font-style:normal;color:var(--dim)}.ov-jobs em:after{content:":"}.ov-jobs .parts{display:flex;flex-wrap:wrap;column-gap:11px;row-gap:0}.ov-jobs .parts>span{white-space:nowrap;color:var(--muted)}.ov-jobs b{font-weight:600;font-variant-numeric:tabular-nums;color:var(--text)}.ov-row.ov-idle{margin-top:1px;font-size:var(--fs-small);line-height:1.45;border-top:1px dotted rgba(201,167,103,.22)}.ov-row.ov-idle>span,.ov-row.ov-idle b{color:var(--dim)}.ov-row .ov-idle-ico{justify-self:center;width:14px;height:14px;fill:none;stroke:var(--dim);stroke-width:1.4;stroke-linecap:round;filter:none}.ov-row .ov-idle-ico .sand{fill:var(--dim);stroke:none}.ov-row .trend{min-width:52px;font-style:normal;font-size:var(--fs-small);font-variant-numeric:tabular-nums;text-align:right}.ov-row .trend.up{color:#9cc77a}.ov-row .trend.down{color:var(--danger-text)}.ov-row .trend.flat{color:var(--dim)}.ov-alerts{list-style:none;margin:0;padding:0}.ov-alerts li[hidden],.ov-hint[hidden]{display:none}.ov-alerts li{display:grid;grid-template-columns:18px 1fr auto;column-gap:7px;align-items:start;padding:4px 4px 4px 6px;margin-bottom:2px;font-size:var(--fs-small);line-height:1.4;color:#f0cf8a;border-left:3px solid var(--accent);background:#ffffff08;cursor:pointer}.ov-alerts li.death{color:#f0a3a0;border-left-color:var(--danger)}.ov-alerts li.live{background:#d9a44117;cursor:default}.ov-alerts li.live.bad{color:#f4b0a8;border-left-color:var(--danger);background:#d9534f1f}.ov-alerts li.live.go{cursor:pointer}.ov-alerts li.live.info{color:var(--muted);border-left-color:#6b6458;background:#ffffff08}.ov-alerts li.live.info.fold{cursor:pointer}.ov-alerts li.live.todo{color:var(--text);border-left-color:#e8dcc473;background:#ffffff0d}.ov-alerts .chev{align-self:center;padding:0 2px;margin-top:-3px;font-size:19px;font-weight:700;line-height:1;color:var(--dim);transition:transform .12s ease-out,color .12s ease-out}@media(hover:hover){.ov-alerts li:hover{background:#ffffff14}.ov-alerts li.go:hover,.ov-alerts li.fold:hover{background:#ffffff1a;box-shadow:inset 0 0 0 1px #d9a44159}.ov-alerts li.go:hover .chev{color:var(--accent);transform:translate(2px)}.ov-alerts li.fold:hover .chev{color:var(--accent)}}.ov-alerts .t{font-style:normal;color:var(--dim);font-variant-numeric:tabular-nums}.ov-alerts .msg{min-width:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.ov-alerts .rep{align-self:start;margin-top:1px;padding:0 5px;border-radius:8px;background:#d9a4412e;color:#f0cf8a;font-size:11px;font-weight:700;line-height:15px;font-variant-numeric:tabular-nums}.ov-alerts li.death .rep{background:#d9534f33;color:#f0a3a0}.ov-alerts li.more{grid-template-columns:1fr;border-left-color:transparent;background:none;color:var(--accent);text-decoration:underline;text-underline-offset:2px;text-decoration-color:#d9a44180}.ov-alerts .ov-ico{width:18px;height:18px;object-fit:contain}.ov-none{margin:2px 0;font-size:var(--fs-small);color:var(--dim)}.ov-hint{margin:14px 0 0;color:var(--dim)}select{font:inherit;width:100%;padding:6px;margin:6px 0;background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:4px}.log-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.log-head h2{margin:0}.log-chips{display:flex;gap:3px;margin:-2px 0 8px}.log-chips button{flex:1 1 auto;min-width:0;min-height:0;padding:3px 2px;border-width:3px;font-size:12px;line-height:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sheet-grip{display:none}.log-chips button .n{display:inline-block;min-width:15px;margin-left:4px;padding:0 4px;border-radius:7px;background:#00000073;color:#f0cf8a;font-size:11px;font-weight:700;line-height:14px;text-align:center;font-variant-numeric:tabular-nums}.log-chips button .n[hidden]{display:none}.log-chips button.active .n{background:#1c1406bf}#log li.log-empty{display:block;padding:22px 12px;border:0;color:var(--muted);text-align:center;font-weight:400}#log{list-style:none;margin:0;padding:0;font-size:var(--fs-label);line-height:1.45}#log li{--sev: transparent;display:grid;grid-template-columns:18px auto 1fr auto;align-items:start;column-gap:7px;padding:5px 4px 5px 6px;color:var(--text);border-left:3px solid var(--sev);border-bottom:1px solid rgba(255,255,255,.05)}#log li .ico{width:18px;height:18px;margin-top:1px;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(0,0,0,.6))}#log li .t{color:var(--dim);font-size:var(--fs-small);padding-top:1px;white-space:nowrap;font-variant-numeric:tabular-nums}#log li .msg{min-width:0;overflow-wrap:anywhere}#log li .rep{align-self:start;margin-top:1px;padding:0 5px;border-radius:8px;background:#ffffff17;color:var(--muted);font-size:var(--fs-small);font-weight:700;font-variant-numeric:tabular-nums}#log li.death{--sev: var(--danger);color:#f0a3a0}#log li.good{--sev: var(--ok);color:#b7dc9a}#log li.warn{--sev: #e0a43a;color:#f0cf8a}#log li:not(.warn):not(.death):not(.good){--sev: rgba(236, 228, 207, .4)}#log li:not(.read) .msg{font-weight:600}#log li.read{color:var(--dim)}#log li.read .ico{opacity:.55}#log li.read{border-left-color:color-mix(in srgb,var(--sev) 45%,transparent)}#panel-footer{padding:0 4px;flex:0 0 auto}.zoom{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.zoom-btn,.speed-btn{padding:3px 10px;font-size:12px}.speed-row{margin:0}.speed-row .speed-btn{flex:1 1 0}.speed-cycle{display:none}.speed-btn[data-speed="0"].active,.speed-cycle.paused{border-image-source:url(/art/ui/stone-red.webp);background:#8c2a24;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.8)}.hint{margin:8px 0 0;font-size:var(--fs-small);color:var(--muted);line-height:1.4}.setting{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px dotted var(--line);font-size:var(--fs-label)}.setting .desc{display:block;font-size:var(--fs-small);color:var(--muted);line-height:1.35}@media(hover:hover)and (pointer:fine){.setting.tipdesc .desc{display:none}.setting.tipdesc>div:first-child{cursor:help}.setting.slider.tipdesc{flex-wrap:nowrap}.setting.slider.tipdesc>div:first-child{flex:0 0 38%}.setting.slider.tipdesc input[type=range]{order:1;flex:1 1 auto;min-width:0;margin:0}.setting.slider.tipdesc .slider-value{order:2;min-width:32px;text-align:right}}.setting button{flex:0 0 auto;min-width:64px;padding:4px 10px;font-size:12px}#content button.disclosure{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:0;margin:0;padding:7px 4px 7px 0;border:0;border-image:none;border-bottom:1px dotted var(--line);border-radius:0;background:none;box-shadow:none;color:var(--text);font:inherit;font-size:var(--fs-label);text-align:left;text-shadow:none;cursor:pointer}#content button.disclosure svg{width:12px;height:8px;fill:none;stroke:#e3c27a;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transform:rotate(-90deg);transition:transform .12s ease-out}#content button.disclosure[aria-expanded=true] svg{transform:none}@media(hover:hover){#content button.disclosure:hover{color:#f2d895;background:#c9a7670f}}.setting.slider{flex-wrap:wrap}.setting.slider>div:first-child{flex:1 1 0;min-width:0}.setting .slider-value{flex:0 0 auto;font-variant-numeric:tabular-nums;font-size:12px;color:var(--muted)}.setting.slider input[type=range]{flex:1 0 100%;margin:2px 0 0;accent-color:var(--accent, #e0a03c)}.setting.music{align-items:flex-start}.music-keys{flex:0 0 auto;display:flex;gap:4px}.music-keys button{min-width:30px;padding:4px 6px;font-size:13px;line-height:1}.account .account-form{display:flex;gap:6px;margin:6px 0}.account input[type=email],.account input[type=text]{flex:1 1 auto;min-width:0;box-sizing:border-box;padding:4px 8px;font:inherit;font-size:13px;color:var(--text);background:#00000059;border:1px solid var(--line);border-radius:0}.account input:focus{outline:1px solid var(--accent);outline-offset:0}.account input::placeholder{color:var(--muted)}.account .account-name{width:100%;margin:8px 0 2px}.account .account-form button,.account .slot-keys button{flex:0 0 auto;padding:3px 10px;font-size:12px}.account button.ok,.account button.armed{border-image-source:url(/art/ui/stone-gold.webp);background:#a87a2c;color:#1c1406;text-shadow:0 1px 0 rgba(255,230,160,.5);font-weight:600}.account button.danger.armed{background:var(--danger);color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.8)}.account .account-links{display:flex;gap:6px}.account .account-links button{min-width:0;padding:2px 8px;font-size:11px}.account .account-google{min-height:44px;margin:8px 0 4px}.account .setting.slot>div:first-child{flex:1 1 0;min-width:0;overflow-wrap:anywhere}.account .slot-keys{flex:0 0 auto;display:flex;gap:4px}.account .account-offline{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:2px 0 4px;font-size:var(--fs-small);line-height:1.4;color:var(--muted)}.account button.link{flex:0 0 auto;min-width:0;padding:0;border:0;border-image:none;background:none;box-shadow:none;font:inherit;font-size:var(--fs-small);color:var(--accent);text-decoration:underline;text-underline-offset:2px;cursor:pointer}@media(hover:hover){.account button.link:hover:not(:disabled){color:var(--text);background:none;box-shadow:none}}.account .account-msg{color:var(--text)}.account .account-msg.bad{color:var(--danger)}.legend{margin:10px 0 0;padding:0;list-style:none;font-size:12px;line-height:1.5;color:var(--muted)}.legend li{display:flex;gap:8px;padding:3px 0;border-bottom:1px solid rgba(255,255,255,.05)}.legend li b{flex:0 0 96px;color:var(--text);font-weight:600}.export-row{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.export-row button{font-size:12px}.blocks{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:6px 0 0}.blocks button{width:100%;padding:4px 2px;font-size:11px;display:flex;align-items:center;justify-content:center;gap:4px}.queue{margin:6px 0 0;font-size:12px}.queue .q-row{display:flex;align-items:center;gap:6px;padding:2px 0;border-bottom:1px dotted var(--line);color:var(--muted)}.queue .q-row.now{color:var(--text);font-weight:600}.queue .q-row .q-time{margin-left:auto;font-variant-numeric:tabular-nums}.queue .q-row button{padding:0 6px;line-height:1.4;font-size:11px}#stage{position:relative;flex:1 1 auto;overflow:hidden}#game{display:block;width:100%;height:100%;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#mode-banner{position:absolute;top:12px;left:50%;transform:translate(-50%);background:#1c1915eb;border:1px solid var(--accent);color:var(--accent);padding:4px 6px 4px 14px;border-radius:4px;font-size:13px;pointer-events:none;display:flex;align-items:center;gap:10px;max-width:calc(100% - 24px)}#mode-banner[hidden]{display:none}#mode-banner .txt{flex:1 1 auto;min-width:0}#mode-banner .cancel{pointer-events:auto;flex:0 0 auto;width:30px;height:26px;padding:0;line-height:1;font-size:14px;color:var(--text)}#mode-banner.blocked{border-color:#d9534f;color:#ffb3ae}#speed-banner{position:absolute;top:12px;right:12px;background:#1c1915eb;border:1px solid var(--accent);color:var(--accent);padding:4px 10px;border-radius:4px;font-size:12px;font-weight:600;pointer-events:none}#speed-banner.paused{border-color:var(--danger);color:#ffb3ae}#story{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:16px;background:#0c0a068c;z-index:5}#story[hidden]{display:none}#story .card{display:flex;flex-direction:column;width:580px;max-width:100%;max-height:calc(100% - 24px);overflow:hidden;background:var(--card-solid);background-clip:padding-box;border:14px solid transparent;border-image:url(/art/ui/frame.webp) 34 / 14px round;padding:0 0 14px;box-shadow:0 12px 40px #0009}#story .vignette{display:block;flex:0 0 auto;width:100%;aspect-ratio:3 / 1;object-fit:cover;-webkit-mask-image:linear-gradient(to bottom,#000 74%,transparent);mask-image:linear-gradient(to bottom,#000 74%,transparent)}#story .story-head{display:flex;align-items:center;gap:10px;margin:-26px 18px 8px;position:relative}#story h2{flex:1 1 auto;margin:0;color:var(--accent);font-family:var(--serif);font-size:24px;letter-spacing:.02em;text-shadow:0 2px 4px rgba(0,0,0,.9)}#story .speak{display:none;flex:0 0 auto;width:40px;height:36px;padding:0;line-height:0;color:var(--accent)}#story.voiced .speak{display:block}#story .lang-switch{flex:0 0 auto;min-width:40px;height:36px;padding:0 6px;color:var(--accent);font-size:13px;font-weight:700;letter-spacing:.06em;line-height:1}#story .lang-switch[hidden]{display:none}#story .speak svg{width:20px;height:20px;margin:0 auto;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}#story .speak .cone{fill:currentColor}#story .speak .stop,#story.reading .speak .waves{display:none}#story.reading .speak .stop{display:inline}#story .body{flex:0 1 auto;min-height:0;overflow-y:auto;padding:0 18px}#story .body p{margin:0 0 10px;color:var(--text);font-size:15px;line-height:1.5}#story.reading .body p{color:var(--accent)}#story .goals{flex:0 0 auto;list-style:none;margin:4px 18px 0;padding:10px 0 0;border-top:1px solid rgba(201,167,103,.3)}#story .goals:empty{display:none}#story .goals li{position:relative;padding:2px 0 2px 22px;color:#f0e2bf;font-size:15px;font-weight:600;line-height:1.4}#story .goals li:before{content:"";position:absolute;left:4px;top:.62em;width:8px;height:8px;background:var(--accent);transform:rotate(45deg);box-shadow:0 0 0 2px #d9a44140}#story .ok{flex:0 0 auto;align-self:center;min-width:200px;margin-top:14px;padding:9px 36px;font-family:var(--serif);font-size:18px;font-weight:700;letter-spacing:.04em;color:#1c1406;text-shadow:0 1px 0 rgba(255,230,160,.5);border-image-source:url(/art/ui/stone-gold.webp);background:#a87a2c}#story .story-actions{flex:0 0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin-top:14px;padding:0 12px}#story .story-actions .ok{margin-top:0}#story .reroll{padding:7px 16px;font-size:14px;color:var(--muted)}#story .reroll[hidden]{display:none}#story .map-note{flex:0 0 auto;margin:8px 16px 0;color:var(--muted);font-size:12px;text-align:center;opacity:.85}#story .map-note[hidden]{display:none}@media(max-width:760px){#story{z-index:6;padding:calc(var(--top-edge, 0px) + 10px) 10px calc(var(--bar-edge, 0px) + 10px)}#story .card{max-height:100%}#story .vignette{aspect-ratio:2 / 1}#story h2{font-size:20px}#story .body p,#story .goals li{font-size:14px}#story .body,#story .goals,#story .story-head{margin-left:12px;margin-right:12px}#story .body{padding:0}}#boot{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:16px;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#2a2216 0,var(--bg) 70%);color:var(--muted);font-size:14px}#boot:before,#start:before,#boot:after,#start:after{content:"";position:absolute;inset:0;pointer-events:none}#boot:before,#start:before{background:url(/art/ui/start-bg.webp) center 40% / cover no-repeat;transform-origin:38% 30%;animation:start-bg-drift 60s ease-in-out infinite alternate}#boot:after,#start:after{background:radial-gradient(ellipse 60% 55% at 50% 48%,#0e0a0480,#0e0a0400 70%),radial-gradient(ellipse 120% 100% at 50% 40%,#0a080400 45%,#0a0804b3),linear-gradient(to bottom,#0a080426,#0a080400 30%,#0a08048c)}#boot>*,#start>*{position:relative;z-index:1}@media(max-width:1280px){#boot:before,#start:before{background-image:url(/art/ui/start-bg-1280.webp)}}@keyframes start-bg-drift{0%{transform:scale(1.02)}to{transform:scale(1.09) translate(-1%,.5%)}}@media(prefers-reduced-motion:reduce){#boot:before,#start:before{animation:none}}#boot .boot-step{color:var(--text);text-shadow:0 1px 3px rgba(0,0,0,.9)}#boot[hidden]{display:none}#boot .boot-logo{width:min(420px,80vw);height:auto;filter:drop-shadow(0 6px 14px rgba(0,0,0,.6))}#boot .boot-bar{position:relative;width:min(320px,70vw);height:8px;overflow:hidden;border:1px solid rgba(201,167,103,.45);border-radius:4px;background:#00000073}#boot .boot-bar>div{width:30%;height:100%;background:linear-gradient(90deg,#8a6a3e,var(--accent));animation:boot-slide 1.4s ease-in-out infinite}#boot.known .boot-bar>div{animation:none;transition:width .25s ease-out}#boot .boot-step{margin:0;min-height:1.4em}@keyframes boot-slide{0%{transform:translate(-100%)}to{transform:translate(340%)}}@media(prefers-reduced-motion:reduce){#boot .boot-bar>div{animation:none}}#start{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:16px;overflow:hidden;background:var(--bg);z-index:6}#start[hidden]{display:none}#start{flex-direction:column;gap:18px}#start .start-logo{width:min(460px,82vw);height:auto;filter:drop-shadow(0 8px 18px rgba(0,0,0,.7));user-select:none}@media(max-height:520px){#start .start-logo{display:none}}body:has(#start:not([hidden])) #panel{visibility:hidden}#start .card{width:min(440px,100%);background:var(--card);background-clip:padding-box;border:14px solid transparent;border-image:url(/art/ui/frame.webp) 34 / 14px round;padding:10px 14px 12px;box-shadow:0 12px 40px #0009}#start h2{margin:0 0 10px;color:var(--accent);font-family:var(--serif);font-size:22px;letter-spacing:.02em}#start .info{margin:0 0 12px;color:var(--text);font-size:14px;line-height:1.5}#start .actions{display:flex;flex-wrap:wrap;gap:8px}#start .actions[hidden],#start .progress[hidden],#start button[hidden]{display:none}#start .actions button{padding:5px 16px;font-size:14px;font-weight:600}#start .continue{color:#1c1406;text-shadow:0 1px 0 rgba(255,230,160,.5);border-image-source:url(/art/ui/stone-gold.webp);background:#a87a2c}#start .progress{height:8px;background:#00000059;border-radius:4px;overflow:hidden}#start .progress .bar{width:0;height:100%;background:var(--accent)}body{cursor:url(/art/ui/cursor-arrow.png) 0 0,default;cursor:-webkit-image-set(url(/art/ui/cursor-arrow.png) 1x,url(/art/ui/cursor-arrow@2x.png) 2x) 0 0,default}button,select,input[type=range],.stock-grid .cell[data-res],#minimap.jump,#story.voiced .body{cursor:url(/art/ui/cursor-hand.png) 5 0,pointer;cursor:-webkit-image-set(url(/art/ui/cursor-hand.png) 1x,url(/art/ui/cursor-hand@2x.png) 2x) 5 0,pointer}button:disabled{cursor:url(/art/ui/cursor-forbidden.png) 11 11,not-allowed;cursor:-webkit-image-set(url(/art/ui/cursor-forbidden.png) 1x,url(/art/ui/cursor-forbidden@2x.png) 2x) 11 11,not-allowed}button,.act,#minimap{touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media(pointer:coarse){button:not(.doors){min-height:40px}button.doors{width:40px;height:34px}button.doors svg{width:22px;height:22px}.act{padding:10px 0}.zoom-btn,.speed-btn{min-width:42px;padding:6px 12px}.job-picker{grid-template-columns:36px 1fr 36px}.stock-grid .cell{min-height:46px}.queue .q-row button{min-height:32px;padding:0 10px}.music-keys button{min-width:40px}.setting.slider input[type=range]{height:32px}.account input[type=email],.account input[type=text]{min-height:40px;font-size:16px}#panel *::-webkit-scrollbar{width:0;height:0}}@media(max-width:760px),(max-height:520px){:root{--top-h: 44px;--bar-h: 56px;--rim: 7px;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px);--top-edge: calc(var(--safe-t) + var(--top-h) + var(--rim));--bar-edge: calc(var(--safe-b) + var(--bar-h) + var(--rim))}#app{display:block}#stage{position:fixed;inset:0}#panel,#panel.collapsed{position:fixed;inset:0;width:auto;flex:none;height:auto;background:none;padding:0 0 var(--bar-edge);gap:0;display:flex;flex-direction:column;justify-content:flex-end;overflow:visible;pointer-events:none;z-index:2}#panel:after{display:none}#panel>*,#panel.collapsed>*{pointer-events:auto;display:block}#panel>[hidden]{display:none!important}#panel #logo,#speed-banner{display:none}#panel>#tracker,#panel>#buildbar,#panel>#drawer-close{display:none!important}#map-weather,#map-crown{display:none!important}#panel>#hud-top{position:fixed;top:0;left:0;right:0;height:var(--top-edge);margin:0;padding:0;border:0;border-bottom:var(--rim) solid transparent;border-image:url(/art/ui/frame.webp) 34 / 0 0 var(--rim) 0 round;border-radius:0;background-color:var(--wood-dark);background-image:linear-gradient(to bottom,#00000052,#140a007a),url(/art/ui/planks.jpg);background-size:auto,260px auto;background-position:0 0,0 calc(var(--safe-t) - 6px);background-repeat:no-repeat,repeat;background-clip:padding-box;box-shadow:0 3px 8px #0000008c}#panel #quickbar{position:fixed;top:calc(var(--safe-t) + 5px);left:calc(var(--safe-l) + 8px);right:calc(var(--safe-r) + 8px);height:calc(var(--top-h) - 10px);display:flex;gap:0;padding:0 2px;overflow:hidden;border:0;border-image:none;border-radius:4px;background:#0c070280;box-shadow:inset 0 2px 4px #0009,0 1px #c9a76724;font-size:14px}#panel #quickbar .q{flex:1 1 0;justify-content:center;gap:5px;height:100%;padding:0 4px}#panel #quickbar .q+.q{box-shadow:inset 1px 0 #c9a76738}#panel #quickbar .qi{width:22px;height:22px}#panel #quickbar .q b{font-weight:700;letter-spacing:.01em}#panel #quickbar .q-log,#panel #quickbar .q-realm{display:none}#panel #minimap-wrap{position:fixed;top:calc(var(--top-edge) + 8px);right:calc(var(--safe-r) + 8px);width:124px;padding:2px;border-width:var(--rim);border-image-width:var(--rim);background:var(--card-solid);box-shadow:inset 2px 3px 6px #000000a6,0 4px 14px #00000080}#panel.placing #minimap-wrap,body:has(#story:not([hidden])) #panel #minimap-wrap{visibility:hidden}#panel #actions,#panel.collapsed #actions{position:fixed;left:0;right:0;bottom:0;height:var(--bar-edge);display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;padding:0 calc(var(--safe-r) + 86px) var(--safe-b) calc(var(--safe-l) + 10px);border:0;border-top:var(--rim) solid transparent;border-image:url(/art/ui/frame.webp) 34 / var(--rim) 0 0 0 round;border-radius:0;background:var(--card-solid);background-clip:padding-box;box-shadow:inset 0 3px 6px #000000a6,0 -3px 10px #00000073}#panel .act,#panel.collapsed .act{flex:0 0 44px;width:44px;height:44px;max-width:none;padding:0}#panel #panel-footer{position:fixed;right:calc(var(--safe-r) + 10px);bottom:calc(var(--safe-b) + (var(--bar-h) - 44px) / 2);height:44px;display:flex;align-items:center;padding:0 0 0 10px;border:0;border-image:none;border-radius:0;background:none;box-shadow:inset 1px 0 #c9a76738}#panel-footer .speed-row{margin:0;gap:4px}#panel-footer .speed-row>span,#panel-footer .speed-btn{display:none}#panel-footer .speed-cycle{display:block;min-width:58px;height:44px;padding:0 8px;font-size:15px;font-weight:700}#panel #content{display:none;order:1;flex:0 1 auto;min-height:0;max-height:min(54dvh,calc(100dvh - var(--top-edge) - var(--bar-edge) - 16px));margin:0;--pad-t: 0px;--pad-x: 14px;--pad-b: 12px;--fade-h: 0px;padding:0 var(--pad-x) var(--pad-b);border:0;border-top:var(--rim) solid transparent;border-image:url(/art/ui/frame.webp) 34 / var(--rim) 0 0 0 round;border-radius:0;background:var(--card-solid);background-clip:padding-box;box-shadow:0 -4px 14px #00000073;overflow-y:auto;overscroll-behavior:contain;scroll-snap-type:none}#panel.sheet-open #content{display:block}#panel.sheet-open.placing #content{display:none}#panel #content>.sheet-grip{display:block;position:sticky;top:0;z-index:4;height:0;margin:0 calc(-1 * var(--pad-x))}#panel #content>.sheet-grip .sheet-close{position:absolute;top:6px;right:8px;width:40px;height:36px;min-height:0;padding:0;border:5px solid transparent;border-image:url(/art/ui/stone.webp) 14 fill / 5px stretch;background:#3a362f;color:var(--text);font-size:15px;font-weight:700;line-height:1;box-shadow:none}#panel #content>.sheet-grip+h2{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:6px;min-height:48px;margin:0 calc(-1 * var(--pad-x)) 6px;padding:0 calc(var(--pad-x) + 48px) 0 var(--pad-x);background:var(--card-solid);font-size:15px;transition:box-shadow .15s ease-out}#panel #content>.sheet-grip+h2>button{width:40px;height:36px;min-height:0}#panel #content.can-scroll-up>.sheet-grip+h2{box-shadow:0 1px #c9a76738,0 8px 10px -6px #000000d9}#panel #content:before,#panel #content>.scroll-more{display:none}#panel #content:after{content:"";display:block;position:sticky;bottom:calc(-1 * var(--pad-b));z-index:3;height:28px;margin:-28px calc(-1 * var(--pad-x)) 0;pointer-events:none;background:linear-gradient(to top,var(--card-solid),rgba(26,25,23,0));opacity:0;transition:opacity .15s ease-out}#panel #content.can-scroll-down:after{opacity:1}#panel .build-grid{grid-template-columns:repeat(4,minmax(0,1fr))}#panel #build-detail{order:2;margin:0;padding:10px 14px 12px;border:0;border-top:var(--rim) solid transparent;border-image:url(/art/ui/frame.webp) 34 / var(--rim) 0 0 0 round;border-radius:0;background:var(--card-solid);background-clip:padding-box;box-shadow:0 -4px 14px #00000073}#panel #build-detail.bd-empty{display:none}#panel.sheet-open:not(.placing) #build-detail:not([hidden]){box-shadow:none}#mode-banner{top:calc(var(--top-edge) + 8px);width:calc(100% - 16px - var(--safe-l) - var(--safe-r));max-width:480px;font-size:12px;line-height:1.35}#mode-banner .cancel{width:36px;height:32px;font-size:16px}}@media(max-width:359px){#panel #quickbar{font-size:13px}#panel #quickbar .q{gap:3px;padding:0 2px}#panel #quickbar .qi{width:19px;height:19px}#panel #actions{gap:5px}}@media(max-height:520px)and (orientation:landscape){:root{--top-h: 40px;--bar-h: 50px}#panel #content{align-self:flex-start;width:calc(min(360px,48vw) + var(--safe-l));max-height:none;flex:1 1 auto;margin:var(--top-edge) 0 0;padding-left:calc(var(--pad-x) + var(--safe-l));border-top:0;border-right:var(--rim) solid transparent;border-image:url(/art/ui/frame.webp) 34 / 0 var(--rim) 0 0 round;box-shadow:4px 0 14px #00000073}#panel #content>.sheet-grip+h2,#panel #content:after{margin-left:calc(-1 * (var(--pad-x) + var(--safe-l)))}#panel #content>.sheet-grip+h2{padding-left:calc(var(--pad-x) + var(--safe-l))}#panel #build-detail{align-self:flex-start;width:calc(min(360px,48vw) + var(--safe-l));padding-left:calc(14px + var(--safe-l));border-right:var(--rim) solid transparent;border-image:url(/art/ui/frame.webp) 34 / var(--rim) var(--rim) 0 0 round}#panel #quickbar{right:auto}#panel #quickbar .q{flex:0 0 auto;padding:0 12px}#mode-banner{left:auto;right:calc(var(--safe-r) + 8px);transform:none;width:auto;max-width:min(480px,50vw)}}@media(min-width:761px)and (min-height:521px){:root{--hud-row: 42px;--hud-top-h: 50px;--hud-gap: 10px;--mm-canvas: 268px;--mm-w: calc(var(--mm-canvas) + 22px);--mm-h: calc(var(--mm-canvas) / 2.2 + 22px);--drawer-w: 356px}#app{display:block}#stage{position:absolute;inset:0}#panel{position:fixed;inset:0;z-index:2;width:auto;height:auto;flex:none;display:grid;grid-template-columns:auto minmax(0,max-content) minmax(0,1fr) auto auto;grid-template-rows:var(--hud-row) minmax(0,1fr);align-items:center;column-gap:12px;padding:0 var(--hud-gap);background:none;overflow:visible;pointer-events:none}#panel:after{display:none}#panel>*{pointer-events:auto}#panel>[hidden]{display:none!important}#hud-top{grid-row:1;grid-column:1 / -1;align-self:start;z-index:0;height:var(--hud-top-h);margin:0 calc(-1 * var(--hud-gap));border:0;border-bottom:8px solid transparent;border-image:url(/art/ui/frame.webp) 34 / 0 0 8px 0 round;background-color:var(--wood-dark);background-image:linear-gradient(to bottom,#00000052,#140a007a),url(/art/ui/planks.jpg);background-size:auto,260px auto;background-position:0 0,0 -6px;background-repeat:no-repeat,repeat-x;background-clip:padding-box;box-shadow:0 3px 8px #0000008c}#panel>#logo,#panel>#quickbar,#panel>#panel-footer,#panel>#actions{grid-row:1;z-index:1}#panel>#logo{grid-column:1;align-self:start;height:var(--hud-row);padding:1px 0 0;overflow:visible}#logo h1{height:100%}#logo img.sign{width:auto;max-width:none;height:50px;margin:0}#logo img.emblem{display:none}#panel>#quickbar{grid-column:2;height:36px;gap:0;justify-content:flex-start;padding:0 4px;overflow:hidden;border:0;border-image:none;border-radius:4px;background:#0c070280;box-shadow:inset 0 2px 4px #0009,0 1px #c9a76724;font-size:14px}#quickbar .q,#quickbar .map-badge.hud{height:100%;gap:5px;padding:0 10px}#quickbar>*+*{box-shadow:inset 1px 0 #c9a76738}#quickbar .qi{width:24px;height:24px}#quickbar .q b{font-weight:700;letter-spacing:.01em}#quickbar .map-badge.hud{position:static;display:flex;flex-direction:row;align-items:center;max-width:none;margin:0;border:0;border-image:none;border-radius:0;background:none;box-shadow:none;font-size:13px;white-space:nowrap}#quickbar .map-badge.hud img{width:24px;height:24px}#quickbar #map-crown.hud img.crown{width:26px;height:26px}#quickbar #map-crown.hud .gems{display:flex;gap:2px}#quickbar #map-crown.hud img.gem{width:15px;height:15px}#quickbar #map-crown.hud .cnt{display:block;font-size:14px}#quickbar #map-crown.hud b{display:none}#quickbar #map-weather.hud b{font-weight:600;color:var(--text)}#quickbar #map-weather.hud.low b{color:#f4b0a8}#quickbar #map-weather.hud{cursor:inherit}@media(hover:hover){#quickbar #map-crown.hud:hover{background:#d9a4411f}}#panel>#panel-footer{grid-column:4;height:36px;display:flex;align-items:center;padding:0 2px;border-width:6px;border-image-width:6px;background:var(--card-solid)}#panel-footer .speed-row{gap:3px}#panel-footer .speed-row>span{display:none}#panel-footer .speed-btn{flex:0 0 auto;min-width:34px;height:24px;padding:0 6px;border-width:4px;border-image-width:4px;font-size:12px;line-height:16px}#panel>#actions{grid-column:5;display:flex;gap:6px;padding:0}#actions .act{flex:0 0 38px;width:38px;max-width:none}#actions .act .badge{top:-3px;right:-5px}#actions .act[data-action=build]{display:none}#panel>#tracker{position:fixed;top:calc(var(--hud-top-h) + var(--hud-gap));left:var(--hud-gap);width:320px;max-height:calc(100dvh - var(--hud-top-h) - var(--bb-h, 60px) - 3 * var(--hud-gap));overflow:hidden;padding:4px 6px 5px;border-width:7px;border-image-width:7px;background:var(--card-solid)}#tracker .ov-tut{margin-bottom:4px;padding:5px 4px 5px 7px}#tracker .ov-tut:last-child,#tracker .ov-crown:last-child{margin-bottom:0}#tracker .ov-crown{gap:8px;padding:5px 8px;margin-bottom:2px}#tracker .ov-crown img.crown{width:34px;height:34px;flex-basis:34px}#tracker .ov-crown>div{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:6px;align-items:center}#tracker .ov-crown>div>b,#tracker .ov-crown>div>span:not(.gems){grid-column:1}#tracker .ov-crown .gems{grid-column:2;grid-row:1;margin:0}#tracker .ov-crown img.gem{width:16px;height:16px}#tracker .ov-crown button.ov-show{grid-column:2;grid-row:2 / span 2;align-self:center;margin:0;white-space:nowrap}#tracker .ov-crown span.ov-explore{grid-column:1 / -1}#tracker .ov-title{margin:6px 0 3px}#tracker .ov-alerts li{padding:3px 4px 3px 6px}#tracker .ov-alerts li.more{margin-bottom:0;padding-top:1px;padding-bottom:1px}#panel>#content{position:fixed;top:calc(var(--hud-top-h) + var(--hud-gap));right:var(--hud-gap);width:var(--drawer-w);max-height:calc(100dvh - var(--hud-top-h) - var(--mm-h) - 3 * var(--hud-gap));min-height:0;display:none;--pad-t: 8px;--pad-x: 9px;--pad-b: 8px;background:var(--card-solid);box-shadow:inset 2px 3px 6px #000000a6,-4px 6px 18px #00000073}#panel.sheet-open>#content{display:block}#panel>#drawer-close{position:fixed;top:calc(var(--hud-top-h) + var(--hud-gap) + 9px + 8px);right:calc(var(--hud-gap) + 9px + 9px);display:none;width:30px;height:26px;padding:0;background:#3a362f;border:5px solid transparent;border-image:url(/art/ui/stone.webp) 14 fill / 5px stretch;font-size:13px;font-weight:700;line-height:1;color:var(--muted);box-shadow:none}@media(hover:hover){#panel>#drawer-close:hover:not(:disabled){color:var(--text);box-shadow:0 0 0 1px #d9a441d9}}#panel.sheet-open>#drawer-close{display:block}#panel>#content>:first-child{margin-right:36px}#panel>#minimap-wrap{position:fixed;right:var(--hud-gap);bottom:var(--hud-gap);width:var(--mm-w);padding:2px;box-shadow:inset 2px 3px 6px #000000a6,0 4px 14px #00000080}#panel>#buildbar{position:fixed;left:50%;bottom:var(--hud-gap);transform:translate(-50%);display:flex;flex-direction:column;gap:3px;width:max-content;max-width:calc(100vw - 2 * (var(--mm-w) + 2 * var(--hud-gap)));padding:2px 3px;border-width:7px;border-image-width:7px;background:var(--card-solid);box-shadow:inset 2px 3px 6px #000000a6,0 4px 14px #00000080}#buildbar .bb-tiles{display:none;padding-bottom:3px;border-bottom:1px solid rgba(201,167,103,.22)}#buildbar.open .bb-tiles{display:block}#buildbar .build-grid{display:flex;justify-content:center;gap:4px}#buildbar .build-grid[hidden]{display:none}#buildbar .build-tile{flex:0 0 auto;min-width:84px;gap:1px;padding:2px 4px}#buildbar .build-tile>img,#buildbar .build-tile .b-swatch{width:66px;height:46px}#buildbar .build-tile .b-label{font-size:13px;color:#ece4d2}#buildbar .build-tile .b-label.tight{font-size:12px}#buildbar .build-tile.locked .b-label{color:var(--muted)}#buildbar .build-tile.active .b-label{color:#201804}#buildbar .build-tile{transition:transform .1s ease-out,box-shadow .1s ease-out}@media(hover:hover){#buildbar .build-tile:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 0 1px #d9a441d9,0 4px 12px #d9a4414d}#buildbar .build-tile:hover:active:not(:disabled){transform:translateY(0)}}#buildbar .build-tile .b-cost{flex-wrap:nowrap;gap:0 5px}#buildbar .build-tile .b-label{-webkit-line-clamp:1;white-space:nowrap;text-overflow:ellipsis}#buildbar .bb-row{display:flex;align-items:center;gap:8px}#buildbar .bb-row>.act{flex:0 0 38px;width:38px;max-width:none}#buildbar .bb-controls{display:flex;align-items:center;gap:8px;min-width:0}#buildbar .build-tools{display:flex;gap:4px;margin:0}#buildbar .build-tool{position:relative;width:38px;height:38px;padding:0;border:0;border-image:none;border-radius:3px;background:none;filter:drop-shadow(0 2px 2px rgba(0,0,0,.6));transition:filter .12s}#buildbar .build-tool img{width:100%;height:100%;filter:none}#buildbar .build-tool span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(hover:hover){#buildbar .build-tool:hover:not(:disabled){filter:drop-shadow(0 2px 2px rgba(0,0,0,.6)) brightness(1.12)}}#buildbar .build-tool.active{background:none;border-image:none;transform:translateY(1px);filter:drop-shadow(0 0 1px #ffd77a) drop-shadow(0 0 4px rgba(255,190,70,.85)) brightness(1.08)}#buildbar .build-groups{display:flex;gap:3px;margin:0;padding-left:8px;box-shadow:inset 1px 0 #c9a76738}#buildbar .build-groups button{flex-direction:row;gap:5px;height:34px;padding:0 10px 0 7px;border-width:4px;font-size:13px}#buildbar .build-groups button img{width:20px;height:20px}#buildbar:not(.open) .build-groups button.active{border-image-source:url(/art/ui/stone.webp);background:#3a362f;color:#f0cf7e;text-shadow:0 1px 1px rgba(0,0,0,.8);font-weight:400;box-shadow:inset 0 -2px #d9a441e6}#buildbar>.bb-fold{position:absolute;z-index:1;left:calc(50% - 28px);bottom:calc(100% + 2px);display:flex;align-items:center;justify-content:center;width:60px;height:19px;padding:0 0 2px;border-width:4px 4px 0;border-image:url(/art/ui/stone.webp) 14 14 0 fill / 4px 4px 0 stretch;background:var(--card-solid);color:var(--accent);box-shadow:0 -2px 5px #00000073}#buildbar>.bb-fold:before{content:"";width:14px;height:7px;background:currentColor;clip-path:polygon(0 0,100% 0,50% 100%)}#buildbar:not(.open)>.bb-fold{color:#f0cf7e}#buildbar:not(.open)>.bb-fold:before{clip-path:polygon(50% 0,100% 100%,0 100%)}@media(hover:hover){#buildbar>.bb-fold:hover{color:#ffe3a0;box-shadow:0 -2px 5px #00000073,0 0 0 1px #d9a441d9}}#buildbar>.bb-fold,#buildbar .bb-row>.act{display:none}#buildbar .speed-row{display:flex;align-items:center;gap:3px;padding-left:8px;box-shadow:inset 1px 0 #c9a76738}#buildbar .speed-row>span{display:none}#buildbar .speed-btn{flex:0 0 auto;min-width:34px;height:34px;padding:0 6px;border-width:4px;border-image-width:4px;font-size:12px;line-height:26px}#panel>#panel-footer{display:none}#panel>#tracker{overflow:visible}#tracker>.overview{max-height:inherit;overflow:hidden}#tracker>button.tracker-close{position:absolute;z-index:1;top:-13px;right:-13px;min-width:0;min-height:0;width:22px;height:22px;padding:0;border:3px solid transparent;border-image:url(/art/ui/stone.webp) 14 / 3px round;border-radius:0;background:var(--card-solid);color:var(--muted);font-size:11px;line-height:16px;box-shadow:0 2px 4px #00000080}@media(hover:hover){#tracker>button.tracker-close:hover{color:var(--text)}}#panel>#build-detail{position:fixed;left:50%;bottom:calc(var(--bb-h, 60px) + var(--hud-gap) + 18px);transform:translate(-50%);width:420px;max-width:calc(100vw - 2 * var(--hud-gap));max-height:40dvh;overflow-y:auto;padding:4px 8px 5px;border-width:7px;border-image-width:7px;background:var(--card-solid);font-size:13px;box-shadow:inset 2px 3px 6px #000000a6,0 4px 14px #00000080}#build-detail .bd-head{margin-bottom:2px;font-family:var(--serif);font-size:15px;color:#f0cf8a}#panel>#build-detail.bd-brief{width:auto;display:flex;flex-direction:row;align-items:center;gap:14px}#build-detail.bd-brief .bd-head{margin:0}#build-detail.bd-brief .bd-desc{display:none}#build-detail .bd-reason{margin:4px 0 0;color:var(--danger-text);line-height:1.35;white-space:pre-line}#build-detail.bd-brief .bd-reason{margin:0}#mode-banner{top:calc(var(--hud-top-h) + var(--hud-gap));max-width:min(760px,calc(100% - 2 * (320px + 3 * var(--hud-gap))))}#speed-banner{top:calc(var(--hud-top-h) + var(--hud-gap));right:auto;left:50%;transform:translate(-50%);padding:5px 16px;font-family:var(--serif);font-size:14px;letter-spacing:.08em}#stage:has(>#speed-banner:not([hidden])) #mode-banner{top:calc(var(--hud-top-h) + var(--hud-gap) + 38px)}}@media(min-width:761px)and (max-width:1180px)and (min-height:521px){#logo img.sign{display:none}#logo img.emblem{display:block;width:40px;height:40px}#quickbar #map-weather.hud b{display:none}#quickbar .q,#quickbar .map-badge.hud{padding:0 7px}}