html[data-theme=light]{--bg-0: #000000;--text-1: #4a3628;--text-2: #8c7462;--text-3: #fffaf2;--text-4: #c2703d;--text-5: #4f8a62;--text-6: #c4524a;--bg-1: rgba(255, 249, 240, .86);--bg-2: #fff8ee;--bg-3: #f1e4d2;--bg-4: #c9814f;--bg-5: rgba(74, 54, 40, .35);--bg-6: #6aa37c}html[data-theme=dark]{--bg-0: #000000;--text-1: #f3e7d6;--text-2: #b4a596;--text-3: #241a14;--text-4: #f2b179;--text-5: #8fd0a2;--text-6: #f08a80;--bg-1: rgba(30, 32, 48, .82);--bg-2: #272a3d;--bg-3: #363a52;--bg-4: #f0a86e;--bg-5: rgba(8, 10, 20, .55);--bg-6: #4f8a6a}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg-0);color:var(--text-1);font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;overscroll-behavior:none}#game{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}#overlay,#ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}#ui>*{pointer-events:auto}#ui>.hint,#ui>.toasts,#ui>.lockhint,#ui>.stick{pointer-events:none}.btn{font:inherit;border:none;border-radius:14px;padding:10px 16px;min-height:44px;min-width:44px;cursor:pointer;background:var(--bg-3);color:var(--text-1);box-shadow:0 2px 8px var(--bg-5);transition:transform .12s}.btn:active{transform:scale(.94)}.btn.primary{background:var(--bg-4);color:var(--text-3);font-weight:600}.btn.danger{color:var(--text-6)}.btn.icon{padding:0;width:44px;font-size:18px;background:var(--bg-1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn.on{background:var(--bg-4);color:var(--text-3)}.card{background:var(--bg-1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;box-shadow:0 4px 18px var(--bg-5)}.status{position:absolute;top:calc(12px + env(safe-area-inset-top));left:calc(12px + env(safe-area-inset-left));padding:10px 16px;min-width:150px}.shopname{font-size:13px;color:var(--text-2);letter-spacing:1px}.clock{font-size:30px;font-weight:700;line-height:1.1;color:var(--text-1);font-variant-numeric:tabular-nums}.period{font-size:12px;color:var(--text-2)}.money{font-size:20px;font-weight:700;color:var(--text-4);margin-top:4px}.money.pop{animation:pop .5s}.served{font-size:12px;color:var(--text-2)}@keyframes pop{40%{transform:scale(1.25);color:var(--text-5)}}.topright{position:absolute;top:calc(12px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right));display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;max-width:70vw}.bottom{position:absolute;left:calc(12px + env(safe-area-inset-left));right:calc(12px + env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom));display:flex;align-items:flex-end;justify-content:space-between;gap:10px;pointer-events:none}.bottom>*{pointer-events:auto}.bottomleft{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.stock{display:flex;gap:6px;flex-wrap:wrap}.chip{background:var(--bg-1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;padding:6px 10px;font-size:16px;box-shadow:0 2px 8px var(--bg-5);display:inline-flex;gap:4px;align-items:center}.chip b{font-size:14px;color:var(--text-1)}.chip.low b{color:var(--text-6)}.orderinfo:not(:empty){background:var(--bg-1);border-radius:12px;padding:6px 12px;font-size:13px;color:var(--text-2)}.order{font-size:16px;padding:12px 20px}.act{position:absolute;display:none;right:calc(16px + env(safe-area-inset-right));bottom:calc(80px + env(safe-area-inset-bottom));min-width:96px;min-height:96px;border-radius:48px;padding:8px 14px;font-size:15px;font-weight:700;background:var(--bg-4);color:var(--text-3)}.act.show{display:block}.act.idle{opacity:.45;font-size:30px}#ui:not(.touch) .act{min-height:48px;min-width:0;border-radius:24px;bottom:calc(84px + env(safe-area-inset-bottom));font-size:14px}.hint{position:absolute;left:50%;bottom:120px;transform:translate(-50%);background:var(--bg-1);color:var(--text-1);border-radius:20px;padding:8px 18px;font-size:14px;opacity:0;transition:opacity .2s}.hint.show{opacity:1}#ui:not(.touch) .act{display:none}.lockhint{position:absolute;top:calc(70px + env(safe-area-inset-top));left:50%;transform:translate(-50%);background:var(--bg-1);color:var(--text-2);padding:6px 14px;border-radius:12px;font-size:13px;display:none}.lockhint.show{display:block}.stick{position:absolute;left:0;top:0;width:120px;height:120px;border-radius:60px;background:var(--bg-1);opacity:0;transition:opacity .15s}.stick.show{opacity:.8}.knob{position:absolute;left:35px;top:35px;width:50px;height:50px;border-radius:25px;background:var(--bg-4)}.toasts{position:absolute;top:calc(70px + env(safe-area-inset-top));left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;align-items:center}.toast{background:var(--bg-1);color:var(--text-1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:8px 16px;border-radius:16px;font-size:14px;box-shadow:0 2px 10px var(--bg-5);animation:tin .3s;transition:opacity .5s,transform .5s;white-space:nowrap}.toast.out{opacity:0;transform:translateY(-8px)}@keyframes tin{0%{opacity:0;transform:translateY(8px)}}.bubble{position:absolute;left:0;top:0;background:var(--bg-2);color:var(--text-1);border-radius:14px;padding:3px 8px;font-size:18px;box-shadow:0 2px 8px var(--bg-5);white-space:nowrap;will-change:transform}.mask{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-5);display:flex;align-items:center;justify-content:center;padding:0;z-index:10;pointer-events:auto}.modal{background:var(--bg-2);color:var(--text-1);border-radius:0;width:100%;height:100%;max-height:100%;display:flex;flex-direction:column;box-shadow:0 10px 40px var(--bg-5);overflow:hidden}.mhead{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(8px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) 8px calc(20px + env(safe-area-inset-left))}.mhead .mtitle{flex:1;min-width:0;padding-right:116px}.mhead .close{flex-shrink:0;width:44px;min-height:44px}.mtitle{font-size:18px;font-weight:700;color:var(--text-4)}.mbody{overflow-y:auto;padding:4px calc(20px + env(safe-area-inset-right)) 12px calc(20px + env(safe-area-inset-left));flex:1}.mfoot{position:sticky;bottom:0;display:flex;gap:10px;justify-content:flex-end;padding:10px calc(20px + env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) calc(20px + env(safe-area-inset-left))}.orow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0}.oname{font-size:16px;font-weight:600}.osub{font-size:12px;color:var(--text-2);margin-top:2px;line-height:1.5}.stepper{display:flex;align-items:center;gap:6px}.stepper .btn.icon{background:var(--bg-3)}.stepper .n{min-width:22px;text-align:center;font-weight:700}.total{margin-top:12px;font-weight:700;color:var(--text-5)}.total.bad{color:var(--text-6)}.srow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;flex-wrap:wrap}.seg{display:flex;gap:6px}.help p{line-height:1.7;margin:8px 0}.shopstate{font-size:13px;color:var(--text-2);margin-top:2px}.shopstate.on{color:var(--text-5);font-weight:600}.tag{font-size:11px;margin-left:6px;padding:2px 6px;border-radius:8px;background:var(--bg-3);vertical-align:middle}.tag.deal{color:var(--text-5)}.tag.dear{color:var(--text-6)}.orow.none{opacity:.5}@media(max-width:560px){.status{padding:8px 12px;min-width:0;max-width:46vw}.clock{font-size:22px}.money{font-size:16px}.topright{max-width:46vw;gap:6px}}.range{width:160px;accent-color:var(--bg-4)}[hidden]{display:none!important}.stock-open{font-size:14px;font-weight:600}.stock{background:var(--bg-1);color:var(--text-2);padding:8px 12px;border-radius:12px;font-size:12px}.orderinfo{max-width:min(580px,70vw);line-height:1.6}.ledger-modal{width:100%}.mbody{min-height:0;overscroll-behavior:contain}.mhead,.mfoot{flex-shrink:0;background:var(--bg-2)}.ledger-modal .mfoot{flex-wrap:wrap}.ledger-modal .total{flex:1 1 180px;align-self:center;margin:0;font-size:14px;text-align:right}.ledger-stats{background:var(--bg-3);color:var(--text-4);padding:12px;border-radius:12px;font-size:14px;font-weight:600}.ledger-filters{display:flex;flex-wrap:wrap;gap:8px;padding:12px 0;position:sticky;top:-4px;background:var(--bg-2);z-index:1}.search,.select{font:inherit;min-height:44px;border:1px solid var(--bg-3);color:var(--text-1);background:var(--bg-3);padding:8px 10px;border-radius:10px;min-width:0}.search{width:100%}.select{flex:1}.ledger-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ledger-row{padding:12px;border-radius:14px;background:var(--bg-1);border:1px solid var(--bg-3)}.ledger-row .oname{font-size:14px;overflow-wrap:anywhere}.ledger-stock{margin:8px 0 4px;font-size:12px;color:var(--text-4)}.ledger-stock.soldout{color:var(--text-6)}.ledger-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}.ledger-controls>.btn{font-size:12px;padding:8px}.ledger-nav{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:12px}.ledger-nav .osub{text-align:center}.bubble{max-width:250px;white-space:normal;font-size:12px;line-height:1.5}.touch .bottom{bottom:auto;top:calc(188px + env(safe-area-inset-top));right:12px;max-width:65vw}.touch .orderinfo{max-width:65vw;font-size:11px}@media(max-width:600px){.ledger-list{grid-template-columns:1fr}.ledger-modal .mfoot{padding:10px 12px calc(10px + env(safe-area-inset-bottom));gap:6px}.ledger-modal .mfoot .btn{padding:8px 10px;font-size:12px}.mbody{padding:4px 12px 12px}.stock-open{flex-basis:100%;padding:8px;font-size:12px}.status{max-width:47vw}.served{max-width:150px;line-height:1.5}.period{font-size:10px}}@media(max-height:520px)and (pointer:coarse){.touch .bottom{top:130px;max-width:45vw}.touch .orderinfo{max-width:45vw}.status .period,.status .served{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.shelf-active>.status,.shelf-active>.topright,.shelf-active>.bottom,.shelf-active>.act,.shelf-active>.hint,.shelf-active>.stick{visibility:hidden}.shelf-inspector{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9;pointer-events:none!important}.shelf-head{position:absolute;top:calc(8px + env(safe-area-inset-top));left:12px;right:12px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;pointer-events:auto}.shelf-head .mtitle{font-size:14px}.shelf-actions{display:flex;flex-shrink:0;gap:6px}.shelf-actions .btn{font-size:12px;padding:8px 12px}.shelf-body{position:absolute;bottom:calc(10px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:min(760px,calc(100% - 24px));padding:12px 16px;max-height:25vh;overflow-y:auto;overscroll-behavior:contain;pointer-events:auto}.shelf-counts{color:var(--text-4);font-size:14px;margin-top:6px;font-weight:600}.shelf-inspector.list-mode .shelf-body{max-height:72vh}.shelf-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.shelf-row{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:4px}.shelf-row .oname{font-size:13px}@media(max-width:600px){.shelf-head{padding:8px;flex-direction:column;align-items:stretch;gap:6px}.shelf-head .mtitle{font-size:12px}.shelf-actions{justify-content:space-between}.shelf-actions .btn{padding:8px;flex:1}.shelf-list{grid-template-columns:1fr}.shelf-body{padding:10px 12px}.shelf-counts{font-size:12px}}.shelf-body{display:flex;flex-direction:column;max-height:34vh;overflow:hidden}.product-info{overflow-y:auto;min-height:0;overscroll-behavior:contain}.product-actions{display:flex;flex-wrap:wrap;gap:6px;padding-top:8px;flex-shrink:0;background:var(--bg-1)}.product-actions .btn{min-height:44px;font-size:12px;padding:8px 12px}.shelf-inspector.list-mode .shelf-body{display:block;overflow-y:auto}.oden-list{display:grid;gap:10px}.oden-list .btn{min-height:48px;text-align:left;white-space:normal}.btn{font-size:12px;border-radius:10px;padding:7px 12px;min-height:36px;min-width:36px;touch-action:manipulation}.btn.icon{width:36px;font-size:16px}.status{padding:8px 12px;min-width:0;border-radius:12px;display:flex;align-items:center;gap:12px}.status .shopname,.status .period,.status .served{display:none}.clock{font-size:17px}.money{font-size:15px;margin:0}.shopstate{margin:0;font-size:11px}.topright{gap:5px;max-width:none}.bottomleft>.stock,.bottomleft>.orderinfo,.bottomleft>.btn{display:none}.act{min-width:64px;min-height:52px;border-radius:16px;font-size:12px;bottom:calc(24px + env(safe-area-inset-bottom))}.act.idle{font-size:22px}.hint{bottom:26px;font-size:12px;padding:6px 12px}.game-menu{display:grid;gap:16px}.menu-summary{display:grid;gap:6px;color:var(--text-2);font-size:12px}.menu-summary .stock,.menu-summary .orderinfo{background:var(--bg-2);padding:0;box-shadow:none;max-width:none}.menu-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px}.immersive-exit{display:none;position:absolute;top:calc(10px + env(safe-area-inset-top));right:calc(10px + env(safe-area-inset-right));background:var(--bg-1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#ui.immersive>:is(.status,.topright,.bottom,.act,.hint,.lockhint,.toasts,.stick){display:none!important}#ui.immersive>.immersive-exit{display:block}#ui.immersive.shelf-active>.immersive-exit{display:none}#overlay.immersive{visibility:hidden}.play-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));background:var(--bg-1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.play-start{min-width:132px;min-height:44px;letter-spacing:1px}.play-note{margin:0;font-size:16px;color:var(--text-1);text-align:center}.play-note:empty{display:none}#ui.entering>:not(.play-gate){visibility:hidden}body:has(#ui.entering) #overlay{visibility:hidden}@media(pointer:coarse){.btn,.btn.icon{min-height:44px;min-width:44px}.btn.icon{width:44px}}@media(max-width:600px){.status{gap:8px;max-width:none}.status .shopstate{display:none}}.fullscreen-toggle{position:fixed;top:calc(8px + env(safe-area-inset-top));right:calc(8px + env(safe-area-inset-right));z-index:100;min-height:44px;pointer-events:auto}.topright,.immersive-exit{right:calc(60px + env(safe-area-inset-right))}#ui.entering>.fullscreen-toggle{visibility:visible}.service-panel{position:absolute;bottom:env(safe-area-inset-bottom);left:env(safe-area-inset-left);right:env(safe-area-inset-right);z-index:12;background:var(--bg-1);color:var(--text-1);padding:8px 12px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;pointer-events:auto;max-height:32vh;overflow:auto}.service-panel p{margin:0;flex:1 1 220px;font-size:12px}.service-panel .btn{min-height:44px}#ui.service-active>:is(.act,.hint,.stick,.status,.bottom){display:none!important}.service-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;overflow:hidden}.service-panel p{max-height:calc(32vh - 16px);overflow:auto}.personal-body{display:grid;gap:10px}.personal-body .btn{min-height:44px}.personal-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.personal-device{background:var(--bg-2);color:var(--text-1);padding:10px;border-radius:10px;display:flex;flex-wrap:wrap;gap:8px}.personal-device p{flex:1 1 100%;margin:0}.fullscreen-toggle{width:44px;padding:0;display:grid;place-items:center}.shelf-head .mtitle{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#ui:has(.mask,.shelf-inspector)>.fullscreen-toggle{right:calc(64px + env(safe-area-inset-right))}.shelf-head{right:calc(12px + env(safe-area-inset-right));left:calc(12px + env(safe-area-inset-left))}.shelf-actions{padding-right:116px}.shelf-close{flex-shrink:0;width:44px;min-height:44px}.shelf-inspector.list-mode{display:flex;flex-direction:column;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:var(--bg-2);pointer-events:auto!important}.shelf-inspector.list-mode .shelf-head{position:static;flex-shrink:0;border-radius:0;box-shadow:none;background:var(--bg-2);padding:8px 12px}.shelf-inspector.list-mode .shelf-body{position:static;transform:none;width:100%;flex:1;min-height:0;max-height:none;border-radius:0;box-shadow:none;background:var(--bg-2);padding:4px 20px 16px}.mfoot:empty{display:none}@media(max-width:600px)and (orientation:portrait){.shelf-head{display:grid;grid-template-columns:minmax(0,1fr) 44px}.shelf-head .mtitle{padding-right:116px}.shelf-close{grid-column:2;grid-row:1}.shelf-actions{grid-column:1 / -1;grid-row:2;padding-right:0}}@media(orientation:landscape)and (max-height:600px){.mhead{padding-bottom:4px}.mfoot{padding-top:6px;padding-bottom:calc(6px + env(safe-area-inset-bottom));gap:8px}.ledger-modal .mfoot{flex-wrap:nowrap}.ledger-modal .total{text-align:left;font-size:12px}.ledger-filters{display:grid;grid-template-columns:minmax(160px,2fr) repeat(2,minmax(120px,1fr));padding:8px 0}.ledger-stats{padding:8px 12px;font-size:12px}.ledger-list,.shelf-list{grid-template-columns:repeat(2,minmax(0,1fr))}.ledger-row{padding:10px}.game-menu{grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:start}.shelf-head{flex-direction:row;align-items:center;gap:8px;padding:0 8px}.shelf-head .mtitle{flex:1}}.topright .icon,.immersive-exit{width:44px;height:44px;padding:0;place-items:center}.topright .icon{display:grid}#ui.immersive>.immersive-exit{display:grid}.service-actions{display:flex;gap:8px;align-items:center}