:root{--c-ink:#2b1f1a;--c-bg:#2a211c;--c-panel:#34261feb;--c-panel-solid:#34261f;--c-panel-hi:#4a372c;--c-edge:#6e4a33;--c-edge-hi:#9a6a45;--c-cream:#f7ecd6;--c-cream-dim:#f7ecd6b8;--c-leaf:#4f7a4a;--c-leaf-hi:#6c9a5c;--c-honey:#e3b04b;--c-berry:#d9534a;--c-sky:#7fb6c9;--c-line:#f7ecd62e;--c-mood-0:#d9534a;--c-mood-1:#e5873a;--c-mood-2:#e3c04b;--c-mood-3:#9cc35c;--c-mood-4:#5fb36a;--c-need:#8fcf7e;--c-need-low:#e3b04b;--c-need-crit:#ef5a4f;--r-s:8px;--r-m:12px;--r-l:16px;--r-round:999px;--sh-1:0 2px 0 #00000059;--sh-2:0 4px 14px #00000061;--font:system-ui, -apple-system, "Segoe UI", sans-serif;--fs-xs:12px;--fs-s:13px;--fs-m:15px;--fs-l:17px;--fs-input:16px;--hit:44px;--ui-scale:1;--bg:var(--c-bg);--fg:var(--c-cream);--accent:var(--c-leaf);--accent-fg:#fff;--panel:var(--c-panel)}.vh{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.k-ic{fill:currentColor;width:24px;height:24px;image-rendering:pixelated;flex:none}.k-ic .k-ic-fill{fill:var(--ic-fill,currentColor);opacity:var(--ic-fill-op,.45)}.k-frame{border:2px solid var(--c-edge);border-radius:var(--r-m);background:var(--c-panel);box-shadow:var(--sh-1), inset 0 1px 0 #ffffff0f}.k-btn{pointer-events:auto;min-width:var(--hit);min-height:var(--hit);border-radius:var(--r-m);color:var(--c-cream);font:inherit;touch-action:manipulation;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;padding:0;font-weight:700;display:inline-flex}.k-btn:active{transform:scale(.94)}.k-btn[aria-pressed=true]{background:var(--c-leaf);box-shadow:inset 0 0 0 2px var(--c-honey)}.k-btn:disabled{opacity:.45}.k-round{border:2px solid var(--c-edge);border-radius:var(--r-round);background:var(--c-panel);width:50px;height:50px;box-shadow:var(--sh-2)}.k-round .k-ic{width:26px;height:26px}.k-label-btn{justify-content:flex-start;padding:0 12px}.k-label-btn .k-ic{color:var(--c-honey)}.k-tabs{flex:none;gap:4px;padding:0 8px 6px;display:flex}.k-tab{min-width:var(--hit);border-radius:var(--r-s);font-size:var(--fs-xs);background:#ffffff0f;flex:1;padding:0 6px}.k-tab[aria-selected=true]{background:var(--c-leaf);box-shadow:inset 0 -3px 0 var(--c-honey)}.k-tab .k-ic{--ic-fill:var(--c-honey);--ic-fill-op:.8;width:20px;height:20px}.k-tab-label{white-space:nowrap;text-overflow:ellipsis;display:none;overflow:hidden}.k-tab[aria-selected=true]{flex:2.4}.k-tab[aria-selected=true] .k-tab-label{display:inline}.k-ring{pointer-events:none}.k-ring circle{fill:none;stroke-width:4px}.k-ring-track{stroke:#00000059}.k-ring-bar{stroke:var(--ring,var(--c-honey));stroke-linecap:round;transition:stroke-dashoffset .4s linear}.k-balloon{z-index:30;border:2px solid var(--c-edge-hi);border-radius:var(--r-s);background:var(--c-panel-solid);max-width:280px;box-shadow:var(--sh-2);font-size:var(--fs-s);pointer-events:none;padding:6px 10px;font-weight:700;position:absolute}.toast{z-index:25;top:calc(6px + env(safe-area-inset-top));left:calc(52px + env(safe-area-inset-left));width:min(330px, calc(100% - 560px - env(safe-area-inset-left)));pointer-events:none;flex-direction:column;gap:6px;min-width:220px;display:flex;position:absolute}.k-toast{pointer-events:auto;min-height:var(--hit);border:2px solid var(--c-leaf-hi);border-radius:var(--r-m);color:var(--c-cream);font:inherit;font-size:var(--fs-s);text-align:left;box-shadow:var(--sh-2);background:#344a2ef2;padding:6px 12px;font-weight:700;line-height:1.3;animation:.18s ease-out k-toast-in}.k-toast.error{border-color:var(--c-berry);background:#5c2822f5}@keyframes k-toast-in{0%{opacity:0;transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.k-toast{animation:none}.k-ring-bar{transition:none}}.menu.radial{z-index:20;pointer-events:none;position:absolute;inset:0}.r-title{border:2px solid var(--c-edge-hi);border-radius:var(--r-round);background:var(--c-panel-solid);max-width:min(360px,90vw);box-shadow:var(--sh-2);text-align:center;pointer-events:none;padding:4px 12px;position:absolute;transform:translate(-50%,-100%)}.r-title .menu-title{font-size:var(--fs-m);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.r-note{font-size:var(--fs-xs);color:var(--c-cream-dim);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.r-slot{pointer-events:auto;width:48px;height:48px;position:absolute}.r-item{border:2px solid var(--c-edge-hi);border-radius:var(--r-round);background:var(--c-panel-solid);width:48px;height:48px;color:var(--c-cream);box-shadow:var(--sh-2);place-items:center;padding:0;animation:.14s ease-out r-pop;display:grid}.r-item:active{background:var(--c-leaf)}.r-icon{width:28px;height:28px;image-rendering:pixelated}.r-slot.off .r-item{opacity:.45;pointer-events:none;filter:grayscale(.8)}.r-off{background:var(--c-berry);color:#fff;text-align:center;pointer-events:none;border-radius:10px;width:20px;height:20px;font-size:12px;line-height:20px;display:none;position:absolute;bottom:-4px;right:-4px}.r-slot.off .r-off{display:block}.r-cap{border-radius:var(--r-s);width:max-content;max-width:92px;max-height:28px;color:var(--c-cream);text-align:center;-webkit-line-clamp:2;overflow-wrap:break-word;background:#0000009e;-webkit-box-orient:vertical;padding:0 5px;font-size:12px;font-weight:700;line-height:14px;display:-webkit-box;position:absolute;top:calc(100% + 2px);left:50%;overflow:hidden;transform:translate(-50%)}.r-slot.off .r-cap{opacity:.6}.r-badge{border-radius:var(--r-s);background:var(--c-honey);color:var(--c-ink);white-space:nowrap;pointer-events:none;padding:0 4px;font-size:12px;font-weight:800;line-height:16px;position:absolute;top:-6px;left:-6px}.r-badge:empty{display:none}.r-item .k-ic{--ic-fill:var(--c-honey);--ic-fill-op:.85;width:28px;height:28px}.r-close{border-radius:var(--r-round);width:44px;height:44px;color:var(--c-cream);pointer-events:auto;background:#0000008c;border:0;place-items:center;padding:0;display:grid;position:absolute}.r-close .k-ic{width:20px;height:20px}@keyframes r-pop{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.r-item{animation:none}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}html,body{overscroll-behavior:none;touch-action:none;background:var(--bg);height:100%;color:var(--fg);font:16px/1.3 var(--font);margin:0;overflow:hidden}#app{height:100%;height:100dvh;position:fixed;inset:0}#game{touch-action:none;width:100%;height:100%;display:block}.btn{pointer-events:auto;min-width:var(--hit);min-height:var(--hit);border:2px solid var(--c-edge);border-radius:var(--r-m);background:var(--c-panel-hi);color:var(--fg);font:inherit;box-shadow:var(--sh-1);padding:0 14px;font-weight:700}.btn:active{background:var(--accent);transform:scale(.96)}.debug-hotspot{width:44px;height:44px;margin-top:env(safe-area-inset-top);position:absolute;top:0;left:0}.debug-overlay{top:calc(48px + env(safe-area-inset-top));left:calc(64px + env(safe-area-inset-left));width:min(330px,100% - 520px);max-height:calc(var(--vvh,100dvh) - 48px - 140px - env(safe-area-inset-top) - env(safe-area-inset-bottom));touch-action:pan-y;background:var(--panel);border-radius:10px;flex-wrap:wrap;gap:4px;padding:6px 8px;font-size:11px;display:flex;position:absolute;overflow-y:auto}.debug-overlay .btn{min-height:34px;padding:0 10px;font-size:13px}.debug-tools{flex-wrap:wrap;flex-basis:100%;gap:4px;display:flex}.debug-overlay pre{white-space:pre;flex-basis:100%;margin:0 0 2px;font:11px/1.3 ui-monospace,Menlo,monospace}.update-banner{z-index:60;left:50%;bottom:calc(88px + env(safe-area-inset-bottom));border:2px solid var(--c-honey);border-radius:var(--r-m);background:var(--accent);max-width:calc(100% - 32px);min-height:48px;color:var(--accent-fg);font:inherit;box-shadow:var(--sh-2);pointer-events:auto;padding:0 18px;font-weight:700;position:absolute;transform:translate(-50%)}[hidden]{display:none!important}.boot{background:var(--bg);text-align:center;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.btn[aria-pressed=true]{background:var(--accent);outline:2px solid var(--fg)}.btn.icon{min-width:44px;padding:0}.btn.wide{width:100%}.btn:disabled{opacity:.55;background:#ffffff14}.btn.ghost{outline:1px solid var(--fg);background:0 0}.bar{min-width:0}.bar-label{white-space:nowrap;font-size:10px;line-height:1.2;display:block}.bar-track{background:#ffffff2e;border-radius:3px;height:6px;overflow:hidden}.bar-fill{background:#7bd389;height:100%}.bar.crit .bar-fill{background:#ff6b6b}.bar.crit .bar-label{font-weight:800}.bar.big .bar-label{margin-bottom:2px;font-size:14px}.bar.big .bar-track{height:12px}.sheet-head{flex:none;align-items:center;gap:8px;padding:6px 8px 4px 12px;display:flex}.sheet-body{touch-action:pan-y;-webkit-overflow-scrolling:touch;flex:1;gap:8px;min-height:0;padding:4px 12px 12px;display:grid;overflow-y:auto}.panel-col{min-width:0}.queue-row,.panel-action{align-items:center;gap:8px;margin-bottom:8px;display:flex}.panel-bars{gap:6px;margin-bottom:8px;display:grid}.panel-sub{margin:8px 0;display:block}.panel-empty{opacity:.7;margin-bottom:8px}.queue-label{flex:1;min-width:0}.menu-title{flex:1;min-width:0;font-size:16px}.screen{top:var(--vvt,0px);height:var(--vvh,100%);z-index:10;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:var(--c-bg);pointer-events:auto;touch-action:pan-y;flex-direction:column;display:flex;position:absolute;left:0;right:0}.screen-head{border-bottom:2px solid var(--c-edge);background:var(--c-panel-solid)}.screen-foot{border-top:2px solid var(--c-edge);background:var(--c-panel-solid)}.screen-head,.screen-foot{align-items:center;gap:8px;padding:6px 12px;display:flex}.screen-title{flex:1;font-size:17px}.screen-body{touch-action:pan-y;-webkit-overflow-scrolling:touch;flex:1;padding:4px 12px 12px;overflow-y:auto}.screen-foot{flex:none;padding-top:6px;padding-bottom:6px}.screen-foot .hint{flex:1;min-width:0}.screen-foot .btn.wide{width:auto;min-width:160px}.hint{color:#ffb4a8;min-height:1.2em;font-size:13px}.field{margin:8px 0;display:block}.field.grow{flex:1;margin:0}.field-label{opacity:.85;margin-bottom:6px;font-size:13px;display:block}.text-input{width:100%;min-height:44px;color:var(--fg);font:inherit;-webkit-user-select:text;user-select:text;background:#ffffff14;border:1px solid #ffffff4d;border-radius:10px;padding:0 12px;font-size:16px}.swatches,.tabs{flex-wrap:wrap;gap:8px;display:flex}.swatch{border:2px solid #ffffff40;border-radius:10px;width:44px;height:44px;padding:0}.swatch[aria-pressed=true],.chip[aria-pressed=true]{border-color:#ffe27a;outline:2px solid #ffe27a}.chip{padding:0 12px}.chip.add{min-width:44px}.editor-body{grid-template-columns:1fr;align-content:start;column-gap:20px;display:grid}@media (min-width:700px){.editor-body{grid-template-columns:1fr 1fr}}.editor-col{min-width:0}.editor-top{align-items:end;gap:12px;margin:8px 0;display:flex}.editor-preview{width:64px;height:auto;image-rendering:pixelated}.trait-info{opacity:.9;margin:6px 0;font-size:13px;line-height:1.35}.btn.primary{background:var(--accent)}.btn.danger{background:#7a2a24;margin-top:12px}.rel-row{align-items:center;gap:10px;margin:10px 0;display:flex}.rel-info{flex:1;min-width:0}.rel-name{display:block}.rel-band{opacity:.85;margin-bottom:4px;font-size:13px;display:block}.mark{background:#ffffff12;border-radius:10px;flex-direction:column;gap:2px;min-height:44px;margin:8px 0;padding:8px 10px;display:flex}.mark.done{background:#7bd3892e}.mark-prog{opacity:.8;font-size:13px}.note{opacity:.85;margin:4px 0 8px;font-size:13px;line-height:1.35}.screen-body .btn.wide{background:#ffffff1a}.screen-body .btn.wide.primary{background:var(--accent)}.screen-body .btn.wide.danger{background:#7a2a24}.pet-status{white-space:pre-line;margin:0}.rel-pet .rel-band{white-space:pre-line}.menu.guard,.menu.guard *{pointer-events:none!important}.credits-line{margin:0 0 12px;line-height:1.4}.credits-link{min-height:44px;color:var(--accent);align-items:center;display:inline-flex}.rotate{z-index:100;background:var(--bg);text-align:center;pointer-events:auto;touch-action:none;place-content:center;gap:12px;display:grid;position:fixed;inset:0}.rotate-icon{font-size:72px;line-height:1;animation:2.4s ease-in-out infinite rotate-hint}.rotate-text{font-size:20px;font-weight:700}@keyframes rotate-hint{0%,20%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}@media (prefers-reduced-motion:reduce){.rotate-icon{animation:none}}.title{justify-content:center;align-items:center}.title-box{touch-action:pan-y;border:2px solid var(--c-edge);border-radius:var(--r-l);background:var(--c-panel-solid);width:min(420px,100%);max-height:100%;box-shadow:var(--sh-2);text-align:center;padding:12px 16px;overflow-y:auto}.title-name{margin:0;font-size:34px}.title-sub{opacity:.8;margin:2px 0 12px}.title-box .btn.wide{background:#ffffff1a;width:100%;margin:8px 0;display:block}.title-box .btn.wide.primary{background:var(--accent)}.title-note{color:#ffd9a0}.tabs{gap:6px;padding:0 12px 4px;display:flex}.tabs .btn.tab{background:#ffffff1a;flex:1}.tabs .btn.tab[aria-pressed=true]{background:var(--accent)}.slot-card{background:#ffffff12;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0;padding:8px;display:flex}.slot-thumb{object-fit:cover;width:96px;height:44px;image-rendering:pixelated;background:#000;border-radius:4px}.slot-info{flex:1;min-width:160px}.slot-line{opacity:.85;font-size:13px}.slot-actions{flex-wrap:wrap;gap:6px;display:flex}.slot-actions .btn.ghost{background:#ffffff1f}.slot-actions .btn.danger{background:#7a2a24}.btn.small{min-height:44px;font-size:14px}.dialog{z-index:40;pointer-events:auto;background:#0009;place-items:center;padding:12px;display:grid;position:absolute;inset:0}.dialog-box{background:#342823;border-radius:10px;width:min(440px,100%);padding:14px}.dialog-text{margin:0 0 12px;line-height:1.35}.dialog-row{gap:8px;display:flex}.dialog-row .btn.wide{flex:1}.buildui{pointer-events:none;position:absolute;inset:0}.b-top{padding:calc(4px + env(safe-area-inset-top)) calc(8px + env(safe-area-inset-right)) 0 calc(8px + env(safe-area-inset-left));align-items:center;gap:6px;display:flex;position:absolute;top:0;left:0;right:0}.b-top .btn{pointer-events:auto}.b-info{border:2px solid var(--c-edge);border-radius:var(--r-m);background:var(--c-panel);min-width:0;font-size:var(--fs-s);text-overflow:ellipsis;white-space:nowrap;pointer-events:none;flex:1;padding:6px 10px;font-weight:700;line-height:1.2;overflow:hidden}.b-info.bad{border-color:var(--c-berry);background:#5c2822f2}.b-money{border:2px solid var(--c-edge);border-radius:var(--r-m);background:var(--c-panel);color:#ffe7a3;font-size:var(--fs-s);white-space:nowrap;flex:none;padding:6px 10px;font-weight:800}.b-tabs{left:calc(8px + env(safe-area-inset-left));top:calc(56px + env(safe-area-inset-top));border:2px solid var(--c-edge);border-radius:var(--r-m);background:var(--c-panel);pointer-events:auto;grid-template-columns:repeat(2,46px);gap:4px;padding:4px;display:grid;position:absolute}.b-tab{width:46px;min-width:46px;height:46px;box-shadow:none;place-items:center;padding:0;display:grid}.b-tab[aria-pressed=true]{background:var(--c-leaf);outline:2px solid var(--c-honey)}.b-tab-icon{width:30px;height:30px;image-rendering:pixelated}.b-tab .k-ic{--ic-fill:var(--c-honey);width:24px;height:24px}.b-actions{right:calc(8px + env(safe-area-inset-right));bottom:calc(var(--b-shelf,96px) + 6px);flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:calc(100% - 130px);display:flex;position:absolute}.b-actions .btn{align-items:center;gap:6px;display:inline-flex}.b-actions .btn .k-ic,.b-top .btn .k-ic{width:20px;height:20px}.b-actions .btn.dim{opacity:.7;background:#6b4a3a}.b-shelf{left:calc(112px + env(safe-area-inset-left));padding:0 calc(8px + env(safe-area-inset-right)) calc(4px + env(safe-area-inset-bottom)) 0;pointer-events:none;position:absolute;bottom:0;right:0}.b-strip{border:2px solid var(--c-edge);border-radius:var(--r-m);background:var(--c-panel);touch-action:pan-x;-webkit-overflow-scrolling:touch;scrollbar-width:none;pointer-events:auto;align-items:stretch;gap:6px;min-height:74px;padding:4px;display:flex;overflow:auto hidden}.b-cat-name{font-size:var(--fs-xs);color:var(--c-honey);writing-mode:vertical-rl;flex:none;align-self:center;padding:0 6px;font-weight:800;transform:rotate(180deg)}.b-item{border-radius:var(--r-s);width:86px;min-height:64px;color:var(--fg);font:inherit;font-size:var(--fs-xs);text-align:center;background:#ffffff12;border:2px solid #0000;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:1px;padding:2px;line-height:1.1;display:flex}.b-item:active,.b-item[aria-pressed=true]{border-color:var(--c-honey);background:var(--c-leaf)}.b-icon{image-rendering:pixelated;width:52px;height:36px}.b-swatch .b-icon{width:36px;height:36px}.b-tool-ic{--ic-fill:var(--c-honey);width:30px;height:30px}.b-name{text-overflow:ellipsis;white-space:nowrap;max-width:82px;overflow:hidden}.b-price{white-space:nowrap;font-size:var(--fs-xs);color:#ffe7a3;font-weight:800}.b-sep{background:var(--c-line);flex:none;width:2px;margin:6px 2px}.lot-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:8px;display:grid}.lot-card{pointer-events:auto;border:2px solid var(--c-edge);border-radius:var(--r-m);background:var(--c-panel-hi);min-height:84px;color:var(--fg);font:inherit;text-align:left;flex-direction:column;gap:2px;padding:8px;display:flex}.lot-card[aria-pressed=true]{border-color:#ffd86b}.lot-card.here{background:var(--accent)}.lot-card small{opacity:.85;font-size:12px}.lot-detail .row{flex-wrap:wrap;gap:8px;margin:6px 0;display:flex}.lot-detail .toggle[aria-pressed=true]{background:var(--accent)}.lot-detail .toggle[aria-pressed=false]{opacity:.55}.btn.k-label-btn{text-align:left;justify-content:flex-start;align-items:center;gap:10px;display:flex}.btn.k-label-btn .k-ic{width:24px;height:24px;color:var(--c-honey)}.hud{pointer-events:none;font-size:calc(var(--fs-m) * var(--ui-scale));padding:0;display:block;position:absolute;inset:0}.topbar{top:calc(6px + env(safe-area-inset-top));right:calc(8px + env(safe-area-inset-right));pointer-events:none;position:absolute}.top-right{pointer-events:auto;align-items:center;gap:4px;padding:2px 4px;display:flex}.clock{font-size:var(--fs-s);white-space:nowrap;align-items:center;gap:6px;padding:0 8px 0 6px;font-weight:800;display:flex}.clock-ic{width:20px;height:20px;color:var(--c-honey);--ic-fill:#ffe7a3;--ic-fill-op:.9}.clock-ic.moon{color:var(--c-sky)}.speeds{border-left:1px solid var(--c-line);border-right:1px solid var(--c-line);gap:2px;padding:0 4px;display:flex}.speed .k-ic{width:20px;height:20px}.moneybar{white-space:nowrap;align-items:center;gap:4px;min-width:72px;padding:0 6px;display:flex}.money-col{flex-direction:column;line-height:1.15;display:flex}.money{font-size:var(--fs-m);color:#ffe7a3;font-weight:800}.bills{font-size:var(--fs-xs);color:var(--c-cream-dim)}.money-warn{width:20px;height:20px;color:var(--c-berry);--ic-fill:#ffd27a;--ic-fill-op:1;display:none}.moneybar.late .money-warn{display:block}.moneybar.late .bills{color:#ffb4a8;font-weight:800}.corner-bl{left:calc(8px + env(safe-area-inset-left));bottom:calc(8px + env(safe-area-inset-bottom));pointer-events:none;flex-direction:column;align-items:flex-start;gap:6px;display:flex;position:absolute}.avatars{pointer-events:none;gap:6px;display:flex}.avatar,.petav{pointer-events:auto;border:2px solid var(--c-edge);border-radius:var(--r-round);background:var(--c-panel-hi);width:46px;height:46px;box-shadow:var(--sh-1);place-items:center;padding:0;display:grid;position:relative;overflow:visible}.petav{border-color:var(--c-honey);background:#e9d9b8}.avatar-face{border-radius:var(--r-round);width:38px;height:38px;image-rendering:pixelated}.avatar-badge{background:var(--c-berry);color:#fff;text-align:center;border-radius:9px;min-width:18px;height:18px;font-size:12px;font-weight:800;line-height:18px;position:absolute;top:-4px;right:-4px}.avatar.away,.petav.away{opacity:.5;border-style:dashed}.simbar{pointer-events:auto;align-items:center;gap:6px;height:70px;padding:3px 8px 3px 4px;display:flex}.portrait{border-radius:var(--r-round);background:var(--c-panel-hi);border:0;flex:none;place-items:center;width:60px;height:60px;padding:0;display:grid;position:relative}.portrait-face{border-radius:var(--r-round);width:46px;height:46px;image-rendering:pixelated}.mood-ring{width:60px;height:60px;position:absolute;inset:0}.simbar[data-mood="0"]{--ring:var(--c-mood-0);--mood:var(--c-mood-0)}.simbar[data-mood="1"]{--ring:var(--c-mood-1);--mood:var(--c-mood-1)}.simbar[data-mood="2"]{--ring:var(--c-mood-2);--mood:var(--c-mood-2)}.simbar[data-mood="3"]{--ring:var(--c-mood-3);--mood:var(--c-mood-3)}.simbar[data-mood="4"]{--ring:var(--c-mood-4);--mood:var(--c-mood-4)}.mood-badge{border-radius:var(--r-round);background:var(--mood,var(--c-mood-2));width:22px;height:22px;box-shadow:0 0 0 2px var(--c-panel-solid);color:var(--c-ink);--ic-fill:#ffe7a3;--ic-fill-op:1;position:absolute;bottom:-2px;right:-4px}.mood-badge .k-ic{width:22px;height:22px}.simbar-main{flex-direction:column;gap:2px;min-width:0;display:flex}.simbar-head{max-width:274px;font-size:var(--fs-xs);white-space:nowrap;align-items:baseline;gap:8px;line-height:1.25;display:flex}.simbar-name{color:#ffe7a3;font-weight:800}.simbar-act{text-overflow:ellipsis;min-width:0;color:var(--c-cream-dim);overflow:hidden}.needs{gap:2px;display:flex}.need{border-radius:var(--r-s);width:44px;height:46px;color:var(--c-cream);background:#ffffff0d;border:0;flex-direction:column;align-items:center;gap:3px;padding:2px 0 0;display:flex;position:relative}.need-ic{--ic-fill:var(--c-need);--ic-fill-op:.85;width:22px;height:22px}.need-track{background:#00000073;border-radius:3px;width:30px;height:6px;position:relative;overflow:hidden}.need-fill{background:var(--c-need);width:100%;position:absolute;top:0;bottom:0;left:0}.need.low .need-ic{--ic-fill:var(--c-need-low)}.need.low .need-fill{background:var(--c-need-low)}.need.crit{background:#ef5a4f38}.need.crit .need-ic{--ic-fill:var(--c-need-crit);color:#ffd2cc}.need.crit .need-fill{background:var(--c-need-crit)}.need-badge{background:var(--c-berry);color:#fff;text-align:center;border-radius:8px;min-width:16px;height:16px;font-size:12px;font-weight:900;line-height:16px;position:absolute;top:-3px;right:1px}.need-badge:empty{display:none}.queue{bottom:calc(8px + env(safe-area-inset-bottom));left:calc(380px + env(safe-area-inset-left));right:calc(186px + env(safe-area-inset-right));pointer-events:auto;align-items:center;gap:4px;max-width:max-content;height:56px;margin:0 auto;padding:2px 6px;display:flex;position:absolute}.q-will{border-radius:var(--r-round)}.q-will .k-ic{--ic-fill:var(--c-honey)}.q-slots{align-items:center;gap:4px;display:flex}.q-slot{border:2px solid var(--c-edge);border-radius:var(--r-s);background:var(--c-panel-hi);touch-action:none;place-items:center;width:44px;height:44px;padding:0;display:grid;position:relative}.q-current{border-radius:var(--r-round);border-color:var(--c-edge-hi);width:48px;height:48px}.q-slot.armed{border-color:var(--c-berry);background:#d9534a59}.q-slot.dragging{z-index:2;box-shadow:var(--sh-2);opacity:.9}.q-icon{width:28px;height:28px;image-rendering:pixelated}.q-ring{--ring:var(--c-honey);width:48px;height:48px;position:absolute;inset:-2px}.q-more{border-radius:var(--r-s);min-width:44px;min-height:44px;color:var(--c-cream);font:inherit;pointer-events:auto;background:#ffffff14;border:0;font-weight:800}.q-empty{font-size:var(--fs-s);color:var(--c-cream-dim);white-space:nowrap;padding:0 8px 0 4px}.awaybar{bottom:calc(72px + env(safe-area-inset-bottom));pointer-events:auto;align-items:center;gap:10px;max-width:min(440px,60%);padding:4px 6px 4px 12px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.away-text{font-size:var(--fs-s);flex:1}.corner-br{right:calc(8px + env(safe-area-inset-right));bottom:calc(8px + env(safe-area-inset-bottom));pointer-events:none;gap:8px;display:flex;position:absolute}.corner-br .k-round .k-ic{--ic-fill:var(--c-honey)}.panel,.menu.list{z-index:15;right:calc(8px + env(safe-area-inset-right));top:calc(60px + env(safe-area-inset-top) + var(--vvt,0px));width:min(440px, calc(100% - 96px - env(safe-area-inset-left) - env(safe-area-inset-right)));max-height:calc(var(--vvh,100dvh) - 68px - env(safe-area-inset-top) - env(safe-area-inset-bottom));border:2px solid var(--c-edge);border-radius:var(--r-l);box-shadow:var(--sh-2);pointer-events:auto;background:#34261ffa;flex-direction:column;display:flex;position:absolute;overflow:hidden}.panel{width:min(520px, calc(100% - 96px - env(safe-area-inset-left) - env(safe-area-inset-right)));height:calc(var(--vvh,100dvh) - 68px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.panel-body{grid-template-columns:1fr;align-content:start}@media (min-width:700px){.panel-body{grid-template-columns:1fr 1fr;gap:14px}.panel[data-tab=relations] .panel-body,.panel[data-tab=goals] .panel-body,.panel[data-tab=career] .panel-body{grid-template-columns:1fr;gap:0}.menu.list .sheet-body{grid-template-columns:1fr 1fr;align-content:start}.menu.list .sheet-body .pet-status,.menu.list .sheet-body .note{grid-column:1/-1}.menu.mainmenu .sheet-body{grid-template-columns:1fr 1fr}}.bar-line{align-items:center;gap:6px;display:flex}.bar-ic{--ic-fill:var(--c-need);--ic-fill-op:.85;width:20px;height:20px}.bar.crit .bar-ic{--ic-fill:var(--c-need-crit)}.hud.building>:not(.buildui):not(.dialog){display:none!important}:root[data-ui=large] .topbar,:root[data-ui=large] .corner-bl,:root[data-ui=large] .corner-br,:root[data-ui=large] .queue,:root[data-ui=large] .awaybar,:root[data-ui=large] .toast{zoom:1.12}:root[data-ui=large] .screen,:root[data-ui=large] .panel,:root[data-ui=large] .menu.list{font-size:17px}:root[data-ui=large] .note,:root[data-ui=large] .bar-label,:root[data-ui=large] .rel-band,:root[data-ui=large] .mark-prog{font-size:15px}.tutorial{z-index:40;pointer-events:auto;width:min(360px,100% - 16px);box-shadow:var(--sh-2), 0 0 0 3px var(--c-honey);padding:10px 12px;position:absolute}.tutorial.center{transform:translate(-50%,-50%);top:50%!important;left:50%!important}.tut-count{font-size:var(--fs-xs);color:var(--c-honey);font-weight:800}.tut-text{font-size:var(--fs-m);margin:4px 0 8px;line-height:1.35}.tut-row{justify-content:flex-end;gap:8px;display:flex}.tut-target{outline:3px solid var(--c-honey);outline-offset:3px;border-radius:var(--r-m)}.settings-body{grid-template-columns:1fr;align-content:start;column-gap:20px;display:grid}@media (min-width:700px){.settings-body{grid-template-columns:1fr 1fr}.settings-body>.panel-sub,.settings-body>.note,.settings-body>.set-links{grid-column:1/-1}}.set-row{margin:4px 0 10px}.set-title{align-items:center;gap:8px;margin-bottom:6px;font-weight:700;display:flex}.set-title .k-ic{width:20px;height:20px;color:var(--c-honey)}.set-chips{flex-wrap:wrap;gap:6px;display:flex}.set-chips .btn.chip[aria-pressed=true]{background:var(--c-leaf);border-color:var(--c-honey)}.set-links{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px;display:grid}
