#save-toggle{color:#ffd54f;min-height:30px;font:inherit;cursor:pointer;background:#3d3428;border:1px solid #8b6914;border-radius:5px;padding:4px 8px}.save-panel{z-index:150;background:#141210c2;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.save-panel.open{display:flex}.save-panel-card{color:#f5f0e6;background:linear-gradient(145deg,#3d3428,#2a241c);border:2px solid #8b6914;border-radius:12px;width:min(680px,94vw);max-height:min(720px,84vh);padding:18px;overflow-y:auto;box-shadow:0 12px 30px #141210}.save-panel-card header{justify-content:space-between;align-items:center;gap:12px;display:flex}.save-panel-card h2{color:#ffd54f;font-size:var(--fs-xl)}.save-panel-card>p{color:#ffd27a;margin:6px 0 14px}.save-panel-card>small{color:#ffd27a;margin-top:12px;display:block}#save-panel-close{color:#f5f0e6;cursor:pointer;background:#3d3428;border:1px solid #6b5a40;border-radius:6px;width:40px;height:40px}.save-slot-list{gap:10px;display:grid}.save-slot-card{background:#1a2418;border:1px solid #6b5a40;border-radius:10px;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.save-slot-card[data-active=true]{border-color:#ffd54f;box-shadow:0 0 0 2px #8b6914}.save-slot-number{color:#ffd54f;font-size:var(--fs-lg)}.save-slot-details{flex-direction:column;gap:3px;min-width:0;display:flex}.save-slot-progress{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.save-slot-time,.save-slot-empty,.save-slot-invalid{color:#ffd27a;font-size:var(--fs-sm)}.save-slot-active{color:#ffd54f;font-size:var(--fs-xs);font-weight:700}.save-slot-actions{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.save-slot-action{color:#f5f0e6;min-height:38px;font:inherit;cursor:pointer;background:#3d3428;border:1px solid #6b5a40;border-radius:6px;padding:7px 10px}.save-slot-action.save{color:#ffd54f;border-color:#8b6914}.save-slot-action:focus-visible,#save-toggle:focus-visible,#save-panel-close:focus-visible{outline-offset:2px;outline:3px solid #ffd54f}@media (width<=620px){#save-toggle{min-height:30px;font-size:var(--fs-sm);padding:4px 7px}.save-panel{padding:10px 8px calc(74px + env(safe-area-inset-bottom));align-items:flex-start}.save-panel-card{width:100%;max-height:100%;padding:14px}.save-slot-card{grid-template-columns:62px minmax(0,1fr)}.save-slot-actions{grid-column:1/-1;justify-content:stretch}.save-slot-action{flex:1}}@media (prefers-reduced-motion:reduce){.save-panel *,.save-panel :before,.save-panel :after{transition:none!important}}#shop-panel,#bakery-panel{--shop-wood:#2a241c;--shop-panel:#3d3428;--shop-line:#8b6914;--shop-gold:#ffd54f;--shop-cream:#f5f0e6;--shop-muted:#b0a890;border:3px solid var(--shop-line);width:min(620px,100vw - 32px);max-height:calc(100vh - 112px);color:var(--shop-cream);background:var(--shop-wood);z-index:80;border-radius:18px;padding:0;overflow:hidden;box-shadow:0 0 0 3px #141210,0 18px 50px #141210cc}#shop-panel.open,#bakery-panel.open{flex-direction:column;animation:.16s ease-out shop-enter;display:flex}#shop-panel [hidden],#bakery-panel [hidden]{display:none}.shop-banner{border-bottom:2px solid var(--shop-line);background:linear-gradient(#3d3428,#2a241c);grid-template-columns:74px minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px 18px;display:grid}.shop-emblem{border:2px solid var(--shop-line);background:#141210;border-radius:16px;place-items:center;width:66px;height:66px;font-size:34px;display:grid;box-shadow:inset 0 0 0 3px #3d3428}.shop-heading{min-width:0}.shop-kicker{color:var(--shop-gold);font-size:var(--fs-xs);letter-spacing:.05em;font-weight:800;display:block}#shop-panel h2,#bakery-panel h2{color:var(--shop-cream);margin:2px 0;font-size:clamp(22px,2.4vw,30px);line-height:1.08}.shop-greeting{color:#cfc6b2;font-size:var(--fs-sm);text-overflow:ellipsis;white-space:nowrap;margin:0;line-height:1.45;overflow:hidden}.shop-wallet{border:1px solid var(--shop-line);color:var(--shop-gold);white-space:nowrap;background:#141210;border-radius:999px;align-self:start;padding:7px 10px;font-weight:800}.shop-quest-card{background:linear-gradient(135deg,#3d3428,#2a241c);border:1px solid #6b5a40;border-radius:12px;margin:12px 16px 0;padding:11px 13px}.shop-quest-heading{color:var(--shop-gold);font-size:var(--fs-xs);justify-content:space-between;gap:10px;margin-bottom:4px;font-weight:800;display:flex}.shop-quest-card>strong,.shop-quest-objective,.shop-quest-reward{display:block}.shop-quest-card>strong{font-size:var(--fs-base)}.shop-quest-objective{color:#cfc6b2;font-size:var(--fs-sm);margin-top:3px}.shop-quest-reward{color:var(--shop-gold);font-size:var(--fs-xs);text-align:right;margin-top:5px}.shop-progress{background:#141210;border-radius:999px;height:7px;margin-top:8px;overflow:hidden}.shop-progress>span{border-radius:inherit;background:linear-gradient(90deg,#8b6914,#ffd54f);width:0;height:100%;transition:width .18s ease-out;display:block}.shop-scroll-body{scrollbar-color:var(--shop-line) #141210;min-height:0;padding:12px 16px;overflow-y:auto}.shop-section-title{color:var(--shop-gold);font-size:var(--fs-base);align-items:center;gap:8px;margin:2px 0 8px;display:flex}.shop-section-title:before{content:"✦";font-size:var(--fs-xs)}#shop-items,#shop-buy,#shop-upgrades,#shop-sell,#bakery-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}#shop-panel .shop-section-title,#shop-panel .shop-note,#bakery-panel .bakery-intro{grid-column:1/-1}#shop-panel button.shop-item-card,#shop-panel button.shop-sell-card,#bakery-panel .bakery-item{background:#3d3428;border:1px solid #6b5a40;border-radius:12px;min-height:76px;margin:0;padding:10px;box-shadow:inset 0 1px #f5f0e611}#shop-panel button.shop-item-card{grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:9px;display:grid}#shop-panel button.shop-sell-card{justify-content:space-between;align-items:center;gap:10px;display:flex}#shop-panel button.shop-sell-card strong{color:var(--shop-gold);white-space:nowrap}.shop-item-icon{background:#2a241c;border-radius:10px;place-items:center;width:48px;height:48px;font-size:28px;display:grid}.shop-item-icon .item-icon-img{object-fit:contain;width:42px;height:42px}.shop-item-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.shop-item-name{color:var(--shop-cream);font-weight:800}.shop-item-description,.shop-item-owned{color:var(--shop-muted);font-size:var(--fs-xs);line-height:1.3}.shop-item-price{border:1px solid var(--shop-line);color:var(--shop-gold);white-space:nowrap;background:#2a241c;border-radius:8px;padding:5px 7px;font-weight:800}#shop-panel button:hover:not(:disabled),#bakery-panel button:hover:not(:disabled){border-color:var(--shop-gold);background:#4d4436;transform:translateY(-1px)}#shop-panel button:focus-visible,#bakery-panel button:focus-visible{outline:3px solid var(--shop-gold);outline-offset:2px}#shop-panel button:disabled,#bakery-panel button:disabled{opacity:.62}.shop-divider{border:0;border-top:1px solid #6b5a40;grid-column:1/-1;width:100%;margin:12px 0}.shop-note{color:var(--shop-muted);border:1px dashed #6b5a40;border-radius:10px;margin:0;padding:10px}#bakery-panel .bakery-item{grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}#bakery-panel .bakery-item.locked{opacity:.68}#bakery-panel .bakery-copy{gap:5px}#bakery-panel .bakery-copy strong{color:var(--shop-cream)}#bakery-panel .bakery-copy span,.bakery-intro{color:var(--shop-muted)}#bakery-panel .bakery-item button{text-align:center;min-width:82px;margin:0}.shop-close{flex:none;font-weight:800;border:2px solid var(--shop-line)!important;text-align:center!important;width:auto!important;margin:0 16px 14px!important}.shop-close span{float:right;color:var(--shop-muted);font-size:var(--fs-xs)}@keyframes shop-enter{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:none}}@media (width<=720px){#shop-panel,#bakery-panel{border-radius:14px!important;overflow:hidden!important}.shop-banner{grid-template-columns:54px minmax(0,1fr);padding:12px}.shop-emblem{border-radius:12px;width:48px;height:48px;font-size:25px}.shop-wallet{grid-column:1/-1;justify-self:end;margin-top:-3px;padding:4px 8px}.shop-greeting{white-space:normal}.shop-quest-card{margin:9px 10px 0}.shop-scroll-body{padding:10px}#shop-items,#shop-buy,#shop-upgrades,#shop-sell,#bakery-items{grid-template-columns:1fr}.shop-close{margin:0 10px 10px!important}}@media (height<=500px){#shop-panel,#bakery-panel{width:min(620px,100vw - 16px)!important;max-height:none!important;position:fixed!important;inset:8px 8px 58px auto!important;overflow:hidden!important}.shop-banner{grid-template-columns:48px minmax(0,1fr) auto;gap:9px;padding:7px 10px}.shop-emblem{border-radius:10px;width:44px;height:44px;font-size:23px}#shop-panel h2,#bakery-panel h2{font-size:20px}.shop-greeting{display:none}.shop-quest-card{margin:6px 9px 0;padding:7px 9px}.shop-quest-heading{margin-bottom:1px}.shop-quest-objective{margin-top:1px}.shop-quest-reward{margin-top:2px}.shop-progress{margin-top:4px}.shop-scroll-body{padding:7px 9px}.shop-close{margin:0 9px 7px!important;padding:6px 9px!important}}@media (prefers-reduced-motion:reduce){#shop-panel.open,#bakery-panel.open{animation:none}.shop-progress>span{transition:none}}#item-tooltip{z-index:180;box-sizing:border-box;color:#f5f0e6;pointer-events:none;word-break:keep-all;overflow-wrap:anywhere;background:linear-gradient(145deg,#3d3428,#2a241c);border:2px solid #8b6914;border-radius:10px;width:max-content;max-width:min(340px,100vw - 16px);max-height:calc(100vh - 16px);padding:12px 14px;position:fixed;overflow-y:auto;box-shadow:0 10px 24px #141210cc}#item-tooltip[hidden]{display:none!important}#item-tooltip .item-tooltip-title{color:#ffd27a;font-size:var(--fs-md);display:block}#item-tooltip p{color:#f5f0e6;margin:5px 0 9px;line-height:1.45}#item-tooltip dl{grid-template-columns:max-content minmax(0,1fr);gap:5px 10px;margin:0;display:grid}#item-tooltip dt{color:#ffd27a;font-weight:700}#item-tooltip dd{min-width:0;margin:0;line-height:1.4}@media (width<=760px),(pointer:coarse){#item-tooltip[data-mobile=true]{pointer-events:auto;width:auto;max-width:none;max-height:min(48vh,420px);inset:auto 8px calc(72px + env(safe-area-inset-bottom)) 8px!important}}@media (height<=500px){#item-tooltip[data-mobile=true]{max-height:46vh;padding:9px 11px}}
