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:16px;z-index:10;pointer-events:auto}.modal{background:var(--bg-2);color:var(--text-1);border-radius:22px;width:min(520px,100%);max-height:85vh;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;padding:12px 12px 8px 20px}.mtitle{font-size:18px;font-weight:700;color:var(--text-4)}.mbody{overflow-y:auto;padding:4px 20px 12px;flex:1}.mfoot{position:sticky;bottom:0;display:flex;gap:10px;justify-content:flex-end;padding:12px 20px calc(14px + env(safe-area-inset-bottom))}.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)}