:root{--ink:#1b1714;--panel:#1b1714e0;--line:#5c4636;--text:#efd8a4;--dim:#b0834e;--rust:#d9742e;--good:#9fb84a;--warn:#d6ab6b;--bad:#c2453a;--font:"Barlow", "Segoe UI", system-ui, sans-serif;--mono:ui-monospace, "IBM Plex Mono", Menlo, Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--ink);height:100%;color:var(--text);font:15px/1.4 var(--font);margin:0;overflow:hidden}#game{touch-action:none;position:fixed;inset:0}#game canvas{display:block}#ui{pointer-events:none;zoom:var(--ui-scale,1);position:fixed;inset:0}#ui>*{pointer-events:auto}button{font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--line);cursor:pointer;min-width:44px;min-height:40px}button:hover:not(:disabled){border-color:var(--rust)}button:focus-visible{outline:2px solid var(--rust);outline-offset:1px}button:disabled{opacity:.4;cursor:default}button.on{background:var(--rust);color:var(--ink);border-color:var(--rust)}.topbar{top:env(safe-area-inset-top,0px);align-items:stretch;gap:8px;margin-top:8px;display:flex;position:absolute;right:8px}.clock{background:var(--panel);border:1px solid var(--line);font-family:var(--mono);padding:4px 12px;font-size:13px;display:grid}.clock b{color:var(--text)}.clock span{color:var(--dim)}.nowplaying{background:var(--panel);border:1px solid var(--line);color:var(--dim);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;max-width:220px;padding:4px 10px;font-size:13px;display:flex;overflow:hidden}.nowplaying span{color:var(--rust)}.speed{display:flex}.speed button{letter-spacing:-2px;font-size:11px}.layerbox{right:8px;bottom:calc(env(safe-area-inset-bottom,0px) + 8px);background:var(--panel);border:1px solid var(--line);align-items:center;gap:4px;padding:4px;display:flex;position:absolute}.layerbox span{font:600 13px var(--mono);text-align:center;min-width:96px;padding:0 8px}.inspect{left:8px;bottom:calc(env(safe-area-inset-bottom,0px) + 60px);background:var(--panel);border:1px solid var(--line);width:min(320px,100vw - 16px);max-height:calc(100vh - 140px);padding:10px 14px;position:absolute;overflow-y:auto}.inspect h2{color:var(--rust);margin:0 32px 6px 0;font-size:16px}.inspect p{margin:2px 0;font-size:14px}.inspect .close{background:0 0;border:0;min-width:32px;min-height:32px;font-size:20px;position:absolute;top:4px;right:4px}.debug{left:8px;bottom:calc(env(safe-area-inset-bottom,0px) + 6px);font:11px var(--mono);color:var(--dim);pointer-events:none;text-shadow:0 0 3px #1b1714,0 0 3px #1b1714;position:absolute}.fatal{color:#fcc;white-space:pre-wrap;z-index:9;background:#300;padding:20px;position:fixed;inset:20px;overflow:auto}.topleft{top:calc(env(safe-area-inset-top,0px) + 8px);gap:6px;max-width:calc(100vw - 360px);display:grid;position:absolute;left:8px}.resources{flex-wrap:wrap;gap:2px;display:flex}.res{background:var(--panel);border:1px solid var(--line);font:12px var(--mono);color:var(--dim);padding:4px 10px}.res b{color:var(--text);font-variant-numeric:tabular-nums;margin-left:4px;font-weight:600}.colonists{flex-wrap:wrap;gap:4px;display:flex}.colonist{text-align:left;grid-template-rows:auto auto auto;grid-template-columns:auto 1fr;column-gap:6px;min-width:112px;padding:5px 8px;font-size:13px;display:grid}.colonist.sel{border-color:var(--text)}.colonist .swatch{grid-row:1/span 2}.colonist .nick{white-space:nowrap;font-weight:600}.colonist .mood{background:#ffffff1a;height:4px;margin-top:3px;display:block}.colonist .mood b{height:100%;display:block}.colonist .warn{color:var(--warn);grid-column:1/-1;font-size:11px;font-style:normal}.swatch{vertical-align:-1px;border:1px solid #00000080;width:12px;height:12px;display:inline-block}.pawnpanel{width:min(340px,100vw - 16px);max-height:calc(100vh - 200px);overflow-y:auto}.pawnpanel .sub{color:var(--dim);margin-bottom:8px;font-size:13px}.pawnpanel h3{font:600 11px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--dim);margin:12px 0 4px}.bar,.skills li{grid-template-columns:96px 1fr 38px;align-items:center;gap:8px;margin:3px 0;font-size:13px;display:grid}.track{background:#ffffff14;height:6px;display:block}.track b{background:var(--dim);height:100%;display:block}.skills .track{position:relative}.skills .track i.xp{background:var(--rust);height:2px;position:absolute;bottom:-3px;left:0}.num{font:12px var(--mono);text-align:right;color:var(--dim);font-variant-numeric:tabular-nums}.pawnpanel ul{margin:0;padding:0;list-style:none}.traits{flex-wrap:wrap;gap:4px;display:flex}.traits li{border:1px solid var(--line);cursor:help;padding:2px 8px;font-size:13px}.thoughts li{justify-content:space-between;padding:1px 0;font-size:13px;display:flex}.thoughts .pos{color:var(--good);font-family:var(--mono)}.thoughts .neg{color:var(--bad);font-family:var(--mono)}.draft{width:100%;margin:6px 0;font-weight:700}.pawnpanel .hint{color:var(--dim);margin:0 0 4px;font-size:12px}.injuries li{justify-content:space-between;padding:1px 0;font-size:13px;display:flex}.injuries .pos{color:var(--good)}.injuries .neg{color:var(--bad)}.draftall{place-content:center;min-width:0;font-size:12px}.researchmenu section{flex-wrap:wrap;gap:6px;width:100%;display:flex}.researchmenu h4{width:100%;font:600 11px var(--mono);color:var(--dim);margin:6px 0 0}.proj{text-align:left;gap:3px;min-width:170px;padding:6px 10px;display:grid}.proj.done{border-color:var(--good)}.proj.on{border-color:var(--rust)}.proj .track b{background:var(--rust)}.proj.on .track{background:#1b17148c}.proj.on .track b{background:var(--text)}.proj:disabled small{color:#8a7a68}.menu button:disabled{opacity:.55}.passion{color:var(--rust);font-style:normal;font-weight:700}.toasts{top:calc(env(safe-area-inset-top,0px) + 64px);pointer-events:none;gap:4px;width:min(360px,100vw - 16px);display:grid;position:absolute;right:8px}.toast{background:var(--panel);border-left:3px solid var(--dim);margin:0;padding:6px 10px;font-size:13px}.toast.warn{border-left-color:var(--warn)}.toast.bad{border-left-color:var(--bad)}.toolbar{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 8px);background:var(--panel);border:1px solid var(--line);gap:0;padding:3px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 4px 14px #00000059}.toolbar button{background:0 0;border:1px solid #0000;align-items:center;gap:7px;min-height:44px;padding:0 16px 0 12px;font-weight:600;display:flex;position:relative}.toolbar button+button{border-left:1px solid #5c463699}.toolbar button:hover:not(:disabled){background:#d9742e24;border-color:#0000}.toolbar button.on,.toolbar button.on:hover:not(:disabled){background:var(--rust);color:var(--ink);border-color:var(--rust)}.toolbar kbd{font:600 10px var(--mono);color:var(--dim);border:1px solid #b0834e8c;border-bottom-width:2px;margin-left:2px;padding:0 4px;line-height:14px}.toolbar button.on kbd{color:var(--ink);border-color:#1b171480}.tbicon{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}.menu{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 64px);border:1px solid var(--line);z-index:5;background:#1b1714;flex-wrap:wrap;align-content:flex-start;gap:6px;width:min(820px,100vw - 16px);max-height:min(62vh,100vh - 220px);padding:0 12px 12px;display:flex;position:absolute;overflow-y:auto;transform:translate(-50%);box-shadow:0 6px 22px #00000073}.menuhead{z-index:1;border-bottom:1px solid var(--line);box-sizing:content-box;background:#1b1714f7;align-items:center;gap:8px;width:100%;margin:0 -12px 4px;padding:8px 12px;display:flex;position:sticky;top:0}.menuhead h2{font:600 13px var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--text);margin:0}.menuhead kbd{font:600 10px var(--mono);color:var(--dim);border:1px solid #b0834e8c;border-bottom-width:2px;padding:0 4px}.menuhead .close{background:0 0;min-width:32px;min-height:30px;margin-left:auto;padding:0;font-size:18px;line-height:1}.menu h3{width:100%;font:600 11px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--dim);margin:6px 0 4px}.menu section{width:100%}.menu .cards{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:6px;width:100%;display:grid}.menu .cards.foot{border-top:1px dashed #efd8a433;margin-top:8px;padding-top:8px}.menu .card{text-align:left;border-left:3px solid var(--line);align-content:start;gap:2px;min-width:0;padding:7px 10px;display:grid}.menu .card:hover:not(:disabled){border-left-color:var(--rust);background:#d9742e1a}.menu .card b{font-size:14px}.menu .card small{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.menu .card.cancel{border-left-color:#8a3b2e}.menu .card.locked b{color:var(--dim)}.menu>button,.menu section>button{text-align:left;gap:2px;min-width:150px;padding:6px 10px;display:grid}.menu small{color:var(--dim);font-size:12px}.buildmenu .tabs{flex-wrap:wrap;gap:4px;width:100%;margin-bottom:4px;display:flex}.buildmenu .tabs button{align-items:center;gap:6px;min-height:34px;padding:0 10px;font-size:13px;display:flex}.buildmenu .tabs button small{font:600 10px var(--mono)}.buildmenu .tabs button.on,.buildmenu .tabs button.on:hover:not(:disabled){background:var(--rust);color:var(--ink);border-color:var(--rust)}.buildmenu .tabs button.on small{color:var(--ink)}.toolhint{left:50%;top:calc(env(safe-area-inset-top,0px) + 8px);background:var(--panel);border:1px solid var(--rust);align-items:center;gap:10px;max-width:calc(100vw - 16px);padding:4px 4px 4px 12px;font-size:13px;display:flex;position:absolute;transform:translate(-50%)}.toolhint button{min-height:32px}.workgrid{display:block}.workgrid .hint{color:var(--dim);margin:0 0 8px;font-size:12px}.workgrid .scroll{overflow-x:auto}.workgrid table{border-collapse:collapse;font-size:13px}.workgrid th{text-align:left;white-space:nowrap;padding:4px 6px;font-weight:600}.workgrid thead th{font:600 11px var(--mono);color:var(--dim);text-transform:uppercase}.workgrid td{padding:2px}.prio{min-width:44px;min-height:36px;font:700 15px var(--mono);place-items:center;line-height:1;display:grid}.prio small{color:var(--dim);font-size:10px;font-weight:400}.prio.p1{color:#ffd27a}.prio.p2{color:var(--text)}.prio.p3{color:var(--dim)}.prio.p4{color:#8a7a68}.prio.p0{color:#5c4636}.wx{font-style:normal}.wx.rad_cloud{color:#c6ff3a}.wx.rain{color:#a8c0d0}.radbanner{left:50%;top:calc(env(safe-area-inset-top,0px) + 52px);color:#e9ffb0;text-align:center;background:#283412eb;border:1px solid #9fd14a;max-width:calc(100vw - 16px);padding:6px 14px;font-size:14px;font-weight:600;position:absolute;transform:translate(-50%)}.bills h3{font:600 11px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--dim);margin:10px 0 4px}.bill{grid-template-columns:1fr auto 36px 36px;align-items:center;gap:4px;margin:2px 0;font-size:13px;display:grid}.bill button{min-width:36px;min-height:32px}.bills .hint{color:var(--dim);font-size:12px}.menubtn{font-size:18px}.goals{right:8px;top:calc(env(safe-area-inset-top,0px) + 64px);background:var(--panel);border:1px solid var(--line);pointer-events:none;width:220px;padding:6px 12px;position:absolute}.goals h3{font:600 11px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--dim);margin:0 0 4px}.goals p{margin:2px 0;font-size:13px}.goals p.done{color:var(--good);text-decoration:line-through}.toasts{top:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 64px)}#ui,#game{-webkit-user-select:none;user-select:none}#ui input,#ui textarea{-webkit-user-select:text;user-select:text}.screen{z-index:10;pointer-events:auto;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow-y:auto}.screen.title{background:radial-gradient(at 50% 30%,#3a2e26 0%,#1b1714 70%)}.screen.overlay{background:#0a0806bf}.titlebox{background:var(--panel);border:1px solid var(--line);gap:12px;width:min(640px,100%);padding:24px;display:grid}.title .titlebox{text-align:center;background:0 0;border:0}.titlebox .eyebrow{font:600 12px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin:0}.titlebox h1{color:var(--rust);letter-spacing:.02em;margin:0;font:800 clamp(44px,9vw,84px)/.95 Big Shoulders Stencil Display,Impact,sans-serif}.titlebox .tag{color:var(--text);margin:0 0 12px}.mainbtns{gap:8px;width:min(320px,100%);margin:0 auto;display:grid}.mainbtns button,.row button{min-height:48px;font-size:16px;font-weight:700}button.primary{background:var(--rust);color:var(--ink);border-color:var(--rust)}.screen-body{text-align:left;gap:10px;display:grid}.screen-body h2{margin:0;font-size:22px}.screen-body h3{font:600 11px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--dim);margin:6px 0 0}.choices{flex-wrap:wrap;gap:6px;display:flex}.choices button{text-align:left;flex:140px;gap:2px;padding:8px 12px;display:grid}.choices small{color:var(--dim);font-size:12px}button.on small,button.on .desc,button.on .num,button.on span{color:var(--ink);opacity:.85}button.on b{color:var(--ink)}input[type=range],input[type=checkbox]{accent-color:var(--rust)}.slider{grid-template-columns:140px 1fr 48px;align-items:center;gap:10px;font-size:14px;display:grid}.slider input[type=text]{background:var(--ink);color:var(--text);border:1px solid var(--line);font:inherit;grid-column:2/4;padding:8px}.row{justify-content:flex-end;gap:8px;display:flex}.tabs{gap:4px;display:flex;position:relative}.tabs .close{margin-left:auto}.slots{gap:6px;margin:0;padding:0;list-style:none;display:grid}.slots button{text-align:left;width:100%;padding:8px 12px;display:grid}.slots small{color:var(--dim)}.hint{color:var(--dim);margin:0;font-size:13px}.menugoals p{margin:2px 0;font-size:13px}.menugoals p.done{color:var(--good);text-decoration:line-through}@media (max-width:640px){.nowplaying,.goals{display:none}.slider{grid-template-columns:100px 1fr 44px}.toolbar{left:8px;right:8px;transform:none}.layerbox{bottom:calc(env(safe-area-inset-bottom,0px) + 60px)}.toolbar button{flex-direction:column;flex:1;justify-content:center;gap:1px;padding:0 4px;font-size:11px}.toolbar kbd,.menuhead kbd{display:none}.menu .cards{grid-template-columns:1fr 1fr}.menu{bottom:calc(env(safe-area-inset-bottom,0px) + 60px)}.menu>button,.menu section>button{min-width:calc(50% - 3px)}.toolhint{top:calc(env(safe-area-inset-top,0px) + 116px)}.radbanner{top:calc(env(safe-area-inset-top,0px) + 160px)}.debug{display:none}.topleft{top:calc(env(safe-area-inset-top,0px) + 78px);max-width:calc(100vw - 16px)}.clock{padding:4px 8px;font-size:12px}.colonist{min-width:0;padding:4px 6px}.colonist .warn,.resources{display:none}.toasts{top:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 96px)}.topbar{justify-content:space-between;left:8px;right:8px}.layerbox span{min-width:80px}.inspect,.pawnpanel{bottom:calc(env(safe-area-inset-bottom,0px) + 112px);max-height:46vh}}body.cinematic #ui{display:none}.goals .hint{color:#e3c25a;border-top:1px dashed #efd8a440;margin-top:6px;padding-top:6px;font-size:12px}.worldmenu{max-width:min(560px,100vw - 32px)}.worldmenu .worldmap{border:1px solid #3a2e26;width:100%;height:auto;margin:6px 0;display:block}.worldmenu .site{cursor:pointer}.worldmenu .team{flex-wrap:wrap;gap:4px 12px;margin:6px 0;display:flex}.worldmenu .neg{color:#ff8a70}@media (max-width:420px){.toolbar button{padding-left:4px;padding-right:4px;font-size:12px}}.trademenu{max-width:min(620px,100vw - 32px)}.trademenu table{border-collapse:collapse;width:100%;font-size:13px}.trademenu td,.trademenu th{text-align:left;padding:2px 4px}.trademenu td button{min-width:22px;padding:0 4px}.trademenu td b{text-align:center;min-width:26px;display:inline-block}.trademenu .neg,.worldmenu .neg{color:#ff8a70}.worldmenu .pos{color:#9fd14a}.caravanbanner{z-index:5;background:#1b1714eb;border:1px solid #e3c25a;align-items:center;gap:10px;max-width:calc(100vw - 32px);padding:6px 10px;display:flex;position:fixed;bottom:64px;left:50%;transform:translate(-50%)}.tileactions{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.tileactions button{align-items:center;gap:6px;display:inline-flex}.tileactions kbd{border:1px solid;border-bottom-width:2px;padding:0 4px;font:600 11px monospace}.goals .alerts{gap:4px;margin-top:8px;display:grid}.goals .alert{text-align:left;color:inherit;background:#d9742e2e;border:1px solid #d9742e;padding:3px 6px;font-size:12px}.goals .alert.bad{background:#ff4a3a33;border-color:#ff4a3a}.goals .alert:disabled{cursor:default;opacity:1}.toast.jump{cursor:pointer;text-align:left;font:inherit;color:inherit;width:100%}.goals .story{border-bottom:1px solid #3d3128;margin-bottom:6px;padding-bottom:6px}.goals .story b{color:#e3c25a;margin:2px 0 4px;display:block}.ending{z-index:50;background:#14110fd1;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.ending-card{background:#241e19;border:1px solid #d9742e;width:100%;max-width:560px;padding:24px}.ending-card h2{margin:6px 0 10px;font-size:32px}.ending-card .kicker{letter-spacing:.16em;text-transform:uppercase;color:#d9742e;margin:0;font-size:12px}.ending-card .slide{background:#1b1714;border-left:3px solid #e3c25a;margin:14px 0;padding:12px 14px}.ending-card .slide h3{margin:0 0 6px}.ending-buttons{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.modlist{gap:6px;margin:8px 0;padding:0;list-style:none;display:grid}.modlist>li{border:1px solid var(--line,#5c4636);gap:4px;padding:6px 8px;display:grid}.modlist>li.off{opacity:.55}.modlist .desc{color:var(--muted,#b0834e)}.modbtns{justify-content:flex-end;gap:6px;display:flex}.moderr{color:#d9742e;margin:0;padding-left:16px;font-size:.85em}.modadd{gap:4px;margin:8px 0;display:grid}.res.fooddays.warn b{color:#d9742e}.res.fooddays.bad{border-color:#c8372d}.res.fooddays.bad b{color:#e9533b}.res .loose{color:#84603f;margin-left:3px;font-size:.85em}.goals h3.fold{cursor:pointer;-webkit-user-select:none;user-select:none}.banner{z-index:20;pointer-events:none;text-align:center;background:#1b1714e0;border:1px solid #84603f;border-left:0;border-right:0;padding:10px 48px 12px;animation:6s ease-in-out both banner;position:fixed;top:64px;left:50%;transform:translate(-50%)}.banner small{color:#d6ab6b;letter-spacing:.2em;text-transform:uppercase;font-size:11px;display:block}.banner b{color:#efd8a4;margin-top:2px;font-size:22px;display:block}@keyframes banner{0%{opacity:0;transform:translate(-50%,-8px)}10%,85%{opacity:1;transform:translate(-50%)}to{opacity:0}}@media (max-width:600px){.banner{max-width:calc(100vw - 32px);padding:8px 16px}.banner b{font-size:17px}}.workgrid .tabs{gap:4px;margin-bottom:6px;display:flex}.schedule .slotpick{flex-wrap:wrap;gap:4px;margin:6px 0;display:flex}.schedule table{border-collapse:collapse;-webkit-user-select:none;user-select:none}.schedule th{padding:0 2px;font-size:10px;font-weight:400}.schedule td.cell{cursor:pointer;border:1px solid #1b1714;width:16px;height:18px;padding:0}.schedule .c-any{background:#5c4636}.schedule .c-work{background:#a8481a}.schedule .c-sleep{background:#3d4a52}.schedule .c-joy{background:#7a8a4e}.schedule .slot{border-left:8px solid #0000}.schedule .slot.s-any{border-left-color:#5c4636}.schedule .slot.s-work{border-left-color:#a8481a}.schedule .slot.s-sleep{border-left-color:#3d4a52}.schedule .slot.s-joy{border-left-color:#7a8a4e}.schedule .slot.picked{color:#efd8a4;outline:2px solid #efd8a4}.prio-row{flex-wrap:wrap;align-items:center;gap:3px;margin-bottom:6px;display:flex}.prio-row span{color:#b0834e;margin-right:4px}.stock-cat-row{gap:3px;margin:2px 0;display:flex}.stock-cat-row button:first-child{text-align:left;flex:1;padding:0 10px}.stock-cat-row button.open{min-width:40px}.stock-cat-row button.partial{border:1px dashed var(--rust)}.stock-cat-row button.partial small{color:var(--dim);font-size:11px}.stock-items{flex-wrap:wrap;gap:3px;max-height:180px;margin:2px 0 6px 12px;display:flex;overflow-y:auto}.stock-items button{min-height:32px;padding:0 8px;font-size:13px}.colonist.robot{grid-template-columns:1fr;min-width:0;padding-inline:6px;font-size:11px}.colonist.robot .nick{font-weight:600}.mods input[type=checkbox]{accent-color:#d9742e}.benchbtns{gap:6px;margin:6px 0;display:flex}.makewin{z-index:30;background:#241e19;border:1px solid #84603f;width:min(560px,100vw - 32px);max-height:calc(100vh - 120px);padding:12px 14px;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 20px 50px #0009}.makewin header{justify-content:space-between;align-items:center;display:flex}.makewin h3{margin:0}.makewin .recipes{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:6px;margin:8px 0;display:grid}.makewin .recipes button{text-align:left;gap:2px;display:grid}.makewin .recipes small{color:#b0834e;font-size:11px}.makewin .queue{gap:4px;margin:4px 0;padding-left:22px;display:grid}.makewin .queue li{align-items:center;gap:6px;display:flex}.makewin .queue li span{flex:1}.makewin .queue .num{text-align:center;min-width:22px}.makewin .queue button{min-width:0;min-height:0;padding:2px 9px;line-height:1.4}.makewin .queue li{border-bottom:1px dashed #3d3128;padding:2px 0}.researchmenu .proj .where{color:#d6ab6b;white-space:normal;margin-top:3px;font-size:11px;display:block}.bills button.recipe{text-align:left;gap:1px;display:grid}.bills button.recipe small{opacity:.85;font-size:11px}.pawnmenu{z-index:40;background:var(--panel);border:1px solid var(--rust);gap:2px;min-width:150px;padding:6px;display:grid;position:absolute;transform:translate(12px,-50%);box-shadow:0 6px 18px #0008}.pawnmenu b{color:var(--dim);padding:0 4px 2px;font-size:12px}.pawnmenu button{text-align:left;min-height:34px;padding:0 10px}.pawnmenu button.dim{color:var(--dim)}.pawnpanel .tabs{gap:4px;margin:2px 0 8px;display:flex}.pawnpanel .tabs button{flex:1;padding:4px 8px}.gear .doll{grid-template-columns:1fr 1fr;gap:6px;display:grid}.gear .slot{border:1px solid var(--line);flex-direction:column;gap:2px;min-height:58px;padding:6px 8px;display:flex}.gear .slot:last-child{grid-column:1/-1}.gear .slot small{font:600 10px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--dim)}.gear .slot b{font-size:14px}.gear .slot em{color:var(--dim);font-size:12px;font-style:normal}.gear .slot.empty b{color:var(--dim);font-weight:400}.gear .statlist li{justify-content:space-between;padding:1px 0;font-size:13px;display:flex}.gear .pos{color:var(--good)}.gear .neg{color:var(--bad)}.gear .prot{border-collapse:collapse;width:100%;font-size:13px}.gear .prot th{font:600 10px var(--mono);text-transform:uppercase;color:var(--dim);text-align:right}.gear .prot td{text-align:right;padding:1px 0}.gear .prot td:first-child{text-align:left}.gear .prot td.dim{color:var(--dim)}.gear .slot{position:relative}.gear .slotbtn{align-self:flex-start;margin-top:4px;padding:2px 10px;font-size:12px}.toast.pinned{border:1px solid var(--rust);border-left-width:3px}.toast .pausetag{background:var(--rust);color:var(--ink);font:600 10px var(--mono);text-transform:uppercase;letter-spacing:.06em;vertical-align:1px;margin-right:6px;padding:0 5px;display:inline-block}.tutorial{right:8px;top:calc(env(safe-area-inset-top,0px) + 64px);background:var(--panel);border:1px solid var(--rust);z-index:5;width:300px;max-width:calc(100vw - 16px);padding:8px 12px 10px;position:absolute}.tutorial.passed{border-color:var(--good)}.tutorial .tuthead{font:600 11px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--dim);justify-content:space-between;align-items:center;display:flex}.tutorial .tuthead .close{min-height:24px;padding:0 8px}.tutorial .tutbar{background:#efd8a426;height:4px;margin:4px 0 8px}.tutorial .tutbar b{background:var(--rust);height:100%;transition:width .4s;display:block}.tutorial h3{color:var(--text);margin:0 0 4px;font-size:17px}.tutorial .why{color:var(--dim);margin:0 0 6px;font-size:13px}.tutorial .do{color:#e3c25a;margin:0 0 8px;font-size:14px}.tutorial .do .ok{color:var(--good)}.tutorial .row{gap:6px;display:flex}.tutorial .row button{padding:4px 8px;font-size:12px}.tutorial .alerts{gap:4px;margin-top:8px;display:grid}.tutorial .alert{text-align:left;color:inherit;background:#d9742e2e;border:1px solid #d9742e;padding:3px 6px;font-size:12px}.tutchip{right:8px;top:calc(env(safe-area-inset-top,0px) + 64px);z-index:5;border-color:var(--rust);position:absolute}.tut-hl{z-index:6;outline-offset:1px;outline:2px solid #e3c25a;animation:1.1s ease-in-out infinite tut-pulse;position:relative}@keyframes tut-pulse{0%,to{box-shadow:0 0 #e3c25ab3}50%{box-shadow:0 0 0 6px #e3c25a00}}@media (prefers-reduced-motion:reduce){.tut-hl{animation:none}}@media (max-width:640px){.tutorial{top:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 64px);width:auto;max-height:40vh;left:8px;right:8px;overflow-y:auto}.tutorial .why{display:none}.tutchip{top:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 64px)}.tutorial.menuopen{top:calc(env(safe-area-inset-top,0px) + 124px);padding:6px 10px;bottom:auto}.tutorial.menuopen .tutbar,.tutorial.menuopen .row,.tutorial.menuopen .alerts,.tutorial.menuopen h3{display:none}.tutorial.menuopen .do{margin:4px 0 0;font-size:13px}}.thermostat{align-items:center;gap:4px;display:flex}.thermostat b{text-align:center;min-width:64px}