:root{font-family:"PingFang SC","Microsoft YaHei",sans-serif;color:#463b30;background:#283d3b;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{display:grid;place-items:center;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}[hidden]{display:none!important}button{font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;color:inherit}button:disabled{cursor:default;opacity:.6}button:focus-visible{outline:3px solid #487d79;outline-offset:2px}h1,h2,h3,p{margin:0}h2{font-size:20px}h3{font-size:16px}.primary,.secondary,.icon-button{min-height:44px;border-radius:10px;border:1px solid #c4b48e;padding:9px 16px;background:#f9efd9}.primary{background:#426e63;color:#fff8e6;border-color:#426e63;font-weight:700}.icon-button{padding:4px;width:44px;font-size:23px}.modal-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}dialog{padding:20px;width:min(760px,92vw);max-height:85dvh;border:1px solid #c2b18d;border-radius:16px;background:#fff8e9;color:#493e32;box-shadow:0 14px 80px #17252070}dialog[open]{display:flex;flex-direction:column;overflow:hidden}dialog::backdrop{background:#1e302bc0}.modal-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;flex-shrink:0}#modal-content{overflow-y:auto;min-height:0;touch-action:pan-y;overscroll-behavior:contain;padding:0 4px 4px 0}#modal-content p{font-size:14px;line-height:1.7;margin:8px 0 14px}.catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.catalog-card{padding:14px;border-radius:12px;border:1px solid #d8c9ab;background:#f6eddc;display:flex;flex-direction:column}.catalog-card button{margin-top:auto}.shop-tabs{display:flex;gap:8px;position:sticky;top:0;background:#fff8e9;padding:0 0 12px}.shop-tabs button{min-height:44px;padding:8px 20px;border:1px solid #c2b18d;border-radius:10px;background:#f6eddc}.shop-tabs .selected{background:#426e63;color:#fff8e6}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.result-grid>div{padding:16px 8px;background:#f6eddc;border-radius:12px;text-align:center}.result-grid span{display:block;font-size:13px}.result-grid strong{display:block;margin-top:8px;font-size:28px;color:#426e63}.result-line{display:flex;gap:20px;justify-content:space-between;padding:12px 0;border-bottom:1px solid #dfd4bd;line-height:1.6}.result-line b{white-space:nowrap}.audio-row{display:flex;justify-content:space-between;align-items:center;margin:16px 0;gap:12px}.audio-row select{min-height:44px;max-width:65%;background:#fff8e9;border:1px solid #c2b18d;border-radius:8px;padding:8px}.audio-row input{max-width:55%;min-height:44px;accent-color:#426e63}.pause-cover{position:absolute;inset:0;z-index:10;background:#233830aa;display:grid;place-items:center}.pause-cover>div{padding:25px;background:#fff8e9;border-radius:16px;text-align:center}.pause-cover p{margin:12px}.pause-cover button{margin:5px}.rotate-hint{display:none}#toast{position:fixed;left:50%;bottom:max(30px,env(safe-area-inset-bottom));transform:translateX(-50%);padding:10px 16px;border-radius:10px;background:#fff8e9;color:#426e63;box-shadow:0 3px 16px #0003;pointer-events:none;z-index:25;font-size:14px;max-width:85vw;text-align:center}.drag-ghost{position:fixed;z-index:30;pointer-events:none;transform:translate(-50%,-50%);width:76px;height:76px;border-radius:12px;overflow:hidden;filter:drop-shadow(0 3px 3px #0004)}.drag-ghost canvas{width:100%;height:100%}.jar-ghost{background:transparent;overflow:visible}.seasoning-fx{position:absolute;pointer-events:none;inset:0;opacity:0}.food-art-icon{display:inline-block;width:42px;height:42px;vertical-align:middle;background-image:var(--food-art-url);background-size:400% 200%;background-repeat:no-repeat;border-radius:8px}#app:not(.playing) .service-income{display:none}#app.playing .cash-display{display:none}@media(orientation:portrait) and (max-width:700px){.rotate-hint{display:grid;place-items:center;position:fixed;inset:0;background:#304943;color:#fff8e9;z-index:50}}@media(max-height:400px){dialog{padding:14px;max-height:88dvh}.modal-heading{padding-bottom:8px}h2{font-size:18px}}