:root{--ink: #1d1b1a;--paper: #fffdf5;--paper2: #f3eedd;--yellow: #ffd23f;--blue: #2f6fd6;--red: #e5372b;--green: #3fbf5f;--font: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;--mono: "Courier New", "SFMono-Regular", Menlo, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:#1b2433}body{user-select:none;-webkit-user-select:none;cursor:default;-webkit-tap-highlight-color:transparent;touch-action:none;overscroll-behavior:none;font-family:var(--font);color:var(--ink)}img{-webkit-user-drag:none;user-drag:none;pointer-events:none}#stage{position:absolute;left:50%;top:50%;width:720px;height:1280px;overflow:hidden;transform-origin:50% 50%;background:#9fd6f5}#gl{position:absolute;left:0;top:0;width:720px;height:1280px;display:block}#ui{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}#ui>*{pointer-events:auto}#ui .pass{pointer-events:none}#ui .pass>*{pointer-events:auto}#loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:36px;background:#ffd23f;z-index:50;transition:opacity .25s}#loading.hide{opacity:0;pointer-events:none}.load-logo{width:520px;transform:rotate(-4deg)}.load-bar{width:420px;height:34px;border:5px solid var(--ink);border-radius:20px;background:#fff;overflow:hidden}.load-bar i{display:block;height:100%;width:100%;background:repeating-linear-gradient(-45deg,#2f6fd6 0,#2f6fd6 16px,#4b8af0 16px,#4b8af0 32px);transform-origin:left;transform:scaleX(0);transition:transform .2s}.load-tip{font-weight:900;font-size:28px}.receipt{position:relative;background:var(--paper);padding:30px 30px 34px;filter:drop-shadow(0 10px 0 rgba(0,0,0,.22))}.receipt:before,.receipt:after{content:"";position:absolute;left:0;right:0;height:14px;background-size:22px 14px;background-repeat:repeat-x}.receipt:before{top:-13px;background-image:linear-gradient(135deg,transparent 50%,var(--paper) 50%),linear-gradient(225deg,transparent 50%,var(--paper) 50%);background-position:0 0,0 0;background-image:conic-gradient(from 135deg at 50% 100%,var(--paper) 90deg,transparent 0)}.receipt:after{bottom:-13px;background-image:conic-gradient(from -45deg at 50% 0,var(--paper) 90deg,transparent 0)}.r-head{text-align:center;font-weight:900;font-size:34px;letter-spacing:2px}.r-sub{text-align:center;font-family:var(--mono);font-size:20px;font-weight:700;color:#6a655c;margin-top:4px}.r-dash{border:none;border-top:3px dashed #bdb6a6;margin:16px 0}.r-row{display:flex;align-items:center;gap:14px;font-size:26px;font-weight:800;padding:8px 0}.r-row .lead{flex:1;border-bottom:3px dotted #c9c2b1;transform:translateY(-6px)}.r-row .val{font-family:var(--mono);font-weight:900;font-size:28px}.stk{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:5px solid var(--ink);border-radius:22px;background:#fff;box-shadow:0 7px 0 var(--ink);font-family:var(--font);font-weight:900;font-size:28px;color:var(--ink);padding:12px 22px;cursor:pointer;transition:transform .08s;outline:4px solid #fff;outline-offset:0}.stk:active,.stk.press{transform:translateY(6px) scale(.97,.92)}.stk.y{background:var(--yellow)}.stk.b{background:var(--blue);color:#fff}.stk.r{background:var(--red);color:#fff}.stk.g{background:var(--green);color:#fff}.stk.off{filter:grayscale(.8) brightness(.9)}.stk svg{width:34px;height:34px}.ico-btn{width:84px;height:84px;padding:0;border-radius:26px}.ico-btn svg{width:44px;height:44px}.title{position:absolute;top:0;right:0;bottom:0;left:0}.title .logo{position:absolute;left:30px;top:60px;width:470px;transform:rotate(-6deg);animation:logoIn .45s cubic-bezier(.3,1.6,.5,1) both}.title .mg{position:absolute;right:18px;top:250px;width:210px;transform:rotate(8deg);animation:pop .4s .15s cubic-bezier(.3,1.7,.5,1) both}.title .slogan{position:absolute;left:44px;top:420px;background:var(--ink);color:var(--yellow);font-weight:900;font-size:26px;padding:10px 18px;transform:rotate(-3deg)}.title .orders{position:absolute;left:60px;right:60px;bottom:90px;animation:printIn .4s .1s cubic-bezier(.2,1.3,.5,1) both}.order-line{display:flex;align-items:center;gap:16px;padding:14px 6px;cursor:pointer;border-radius:12px;transition:transform .08s}.order-line:active{transform:scale(.97);background:#f4efdf}.order-line img{width:64px;height:64px;object-fit:contain}.order-line .nm{font-size:34px;font-weight:900}.order-line .ds{font-size:20px;color:#7a746a;font-weight:700}.order-line .go{margin-left:auto;font-family:var(--mono);font-weight:900;font-size:30px}.order-line.big .nm{font-size:42px}.title .ver{position:absolute;right:22px;bottom:26px;font:700 18px var(--mono);color:#00000073}@keyframes logoIn{0%{transform:rotate(-6deg) scale(.3);opacity:0}}@keyframes pop{0%{transform:scale(.2) rotate(-20deg);opacity:0}}@keyframes printIn{0%{transform:translateY(110%)}}@keyframes dropIn{0%{transform:translateY(-120%)}}.list-wrap{position:absolute;left:44px;right:44px;top:40px;bottom:40px;display:flex;flex-direction:column}.list-wrap .receipt{flex:1;min-height:0;display:flex;flex-direction:column;animation:dropIn .35s cubic-bezier(.2,1.25,.5,1) both}.scroller{flex:1;min-height:0;overflow-y:auto;scrollbar-width:none;touch-action:pan-y;margin:0 -10px;padding:0 10px;-webkit-mask-image:linear-gradient(transparent,#000 20px,#000 calc(100% - 30px),transparent);mask-image:linear-gradient(transparent,#000 20px,#000 calc(100% - 30px),transparent)}.sec{font-weight:900;font-size:22px;color:#fff;background:var(--ink);display:inline-block;padding:4px 14px;margin:18px 0 6px;transform:rotate(-1.5deg)}.lv{display:flex;align-items:center;gap:14px;padding:12px 6px;border-bottom:3px dashed #e1dccd;cursor:pointer;transition:transform .08s}.lv:active{transform:scale(.98)}.lv .no{font:900 26px var(--mono);width:56px}.lv img.food{width:58px;height:58px;object-fit:contain}.lv .nm{font-size:30px;font-weight:900;line-height:1.15}.lv .ds{font-size:19px;font-weight:700;color:#7a746a}.lv .stars{margin-left:auto;display:flex;gap:2px}.lv.lock{opacity:.45}.lv .rush{width:34px;height:34px;margin-left:-8px}.star{width:34px;height:34px}.list-foot{display:flex;justify-content:space-between;margin-top:26px}.stamp-mini{font:900 20px var(--font);color:var(--red);border:3px solid var(--red);padding:2px 8px;transform:rotate(-8deg);margin-left:auto}.hud-top{position:absolute;left:18px;right:18px;top:18px;display:flex;align-items:flex-start;gap:12px}.ticket{position:relative;flex:1;background:var(--paper);padding:12px 16px 14px;display:flex;gap:12px;align-items:center;filter:drop-shadow(0 6px 0 rgba(0,0,0,.25));transform:rotate(-1deg);animation:dropIn .3s cubic-bezier(.2,1.3,.5,1) both}.ticket:after{content:"";position:absolute;left:0;right:0;bottom:-11px;height:12px;background-size:20px 12px;background-image:conic-gradient(from -45deg at 50% 0,var(--paper) 90deg,transparent 0)}.ticket img{width:64px;height:64px;object-fit:contain}.ticket .tn{font-size:27px;font-weight:900;line-height:1.1}.ticket .tm{font:800 21px var(--mono);color:#5f5a52;margin-top:4px;display:flex;gap:14px;flex-wrap:wrap}.ticket .tm b{color:var(--ink)}.ticket .tm .over{color:var(--red)}.ticket .rushb{position:absolute;right:-8px;top:-12px;width:56px;transform:rotate(14deg)}.tray{position:absolute;left:0;right:0;bottom:0;padding:18px 16px 22px;background:var(--yellow);border-top:6px solid var(--ink)}.tray:before{content:"";position:absolute;left:0;right:0;top:22px;height:14px;background:var(--blue);opacity:.9}.tools{position:relative;display:flex;flex-wrap:wrap;gap:10px 8px;justify-content:center}.tool{position:relative;width:106px;height:108px;background:#fff;border:4px solid var(--ink);border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:transform .1s cubic-bezier(.3,1.8,.5,1)}.tool img{width:60px;height:60px;object-fit:contain}.tool .tl{font-size:18px;font-weight:900;line-height:1;margin-top:2px;white-space:nowrap}.tool .tp{position:absolute;right:-6px;top:-10px;background:var(--ink);color:#fff;font:800 15px var(--mono);padding:2px 6px;border-radius:8px}.tool.sel{transform:translateY(-10px) rotate(-4deg) scale(1.06);background:#fff6c9;box-shadow:0 0 0 5px var(--red)}.tool .new{position:absolute;left:-8px;top:-10px;background:var(--red);color:#fff;font:900 15px var(--font);padding:2px 6px;border-radius:8px;transform:rotate(-10deg)}.acts{position:relative;display:flex;gap:12px;margin-top:16px;align-items:center}.acts .go{flex:1;height:96px;font-size:42px;letter-spacing:4px}.acts .stk:not(.go){height:84px;padding:0 14px;font-size:22px;flex-direction:column;gap:0}.acts .stk:not(.go) svg{width:32px;height:32px}.spd{min-width:104px}.run-top{position:absolute;left:18px;right:18px;top:18px;display:flex;gap:12px;align-items:center}.spill{position:relative;flex:1;display:flex;align-items:center;gap:10px;background:var(--paper);border:5px solid var(--ink);border-radius:20px;padding:8px 14px}.spill img{width:58px;height:58px;object-fit:contain;transform-origin:50% 80%}.spill .bar{flex:1;height:28px;border:4px solid var(--ink);border-radius:14px;background:#e9e4d4;overflow:hidden}.spill .bar i{display:block;height:100%;width:100%;transform-origin:left;transform:scaleX(0);background:var(--red)}.spill .pct{font:900 30px var(--mono);width:90px;text-align:right}.spill .lbl{position:absolute;left:80px;top:-16px;background:var(--ink);color:#fff;font-size:16px;font-weight:900;padding:1px 8px;border-radius:6px}.clock{background:var(--red);color:#fff;border:5px solid var(--ink);border-radius:20px;font:900 34px var(--mono);padding:12px 14px;min-width:120px;text-align:center}.clock.late{animation:shakeX .3s infinite}.run-bot{position:absolute;right:18px;bottom:30px;display:flex;gap:14px}.run-bot .stk{height:88px;font-size:26px}.slow-on{background:var(--blue)!important;color:#fff!important}.slow-badge{position:absolute;left:24px;bottom:44px;font:900 44px var(--mono);color:#fff;-webkit-text-stroke:3px var(--ink);paint-order:stroke;letter-spacing:2px}@keyframes shakeX{50%{transform:translate(4px)}}.bubble{position:absolute;left:0;top:0;background:#fff;border:4px solid var(--ink);border-radius:18px;padding:6px 14px;font-size:28px;font-weight:900;white-space:nowrap;pointer-events:none;transform-origin:20% 100%}.bubble:after{content:"";position:absolute;left:22px;bottom:-16px;border:8px solid transparent;border-top:10px solid var(--ink)}.bubble.show{animation:bub .25s cubic-bezier(.3,1.8,.5,1) both}@keyframes bub{0%{scale:.2}}.veil{position:absolute;top:0;right:0;bottom:0;left:0;background:#14182073;display:flex;align-items:center;justify-content:center}.veil.clear{background:transparent}.pop{width:600px;max-height:1100px;display:flex;flex-direction:column;animation:dropIn .3s cubic-bezier(.2,1.3,.5,1) both}.pop .scroller{max-height:820px}.pop .btns{display:flex;gap:14px;justify-content:center;margin-top:22px;flex-wrap:wrap}.pop .btns .stk{min-width:150px}.help-mat{display:flex;gap:12px;align-items:center;padding:8px 0}.help-mat img{width:56px;height:56px;object-fit:contain}.help-mat b{font-size:24px}.help-mat p{font-size:19px;font-weight:700;color:#6a655c}.help-p{font-size:22px;font-weight:700;line-height:1.55}.help-p b{background:var(--yellow);padding:0 4px}.edge-pop{position:absolute;width:330px;background:var(--paper);border:5px solid var(--ink);border-radius:18px;padding:14px;box-shadow:0 7px 0 var(--ink);animation:pop .18s cubic-bezier(.3,1.8,.5,1) both}.edge-pop .en{font-size:24px;font-weight:900;margin-bottom:10px;display:flex;gap:8px;align-items:center}.edge-pop .en img{width:44px;height:44px}.edge-pop .en span{font:800 20px var(--mono);color:#6a655c;margin-left:auto}.edge-pop .row{display:flex;gap:10px}.edge-pop .stk{flex:1;font-size:22px;padding:10px 8px}.note{position:absolute;left:130px;top:250px;width:460px;background:#fff27a;padding:24px 26px 22px;transform:rotate(-3deg);box-shadow:0 10px #0003;animation:noteIn .35s cubic-bezier(.3,1.6,.5,1) both;cursor:pointer}.note:before{content:"";position:absolute;left:50%;top:-18px;width:130px;height:36px;margin-left:-65px;background:#ffffffa6;transform:rotate(4deg)}.note .nt{font-size:22px;font-weight:900;color:var(--red)}.note .nn{display:flex;align-items:center;gap:14px;font-size:36px;font-weight:900;margin:6px 0}.note .nn img{width:86px;height:86px}.note .nd{font-size:24px;font-weight:700;line-height:1.4}.note .nk{text-align:right;font-size:20px;font-weight:900;margin-top:10px;color:#6a5f10}@keyframes noteIn{0%{transform:translateY(-60px) rotate(-12deg) scale(.6);opacity:0}}.toast{position:absolute;left:50%;top:190px;transform:translate(-50%);background:var(--ink);color:#fff;font-size:26px;font-weight:900;padding:12px 22px;border-radius:14px;white-space:nowrap;pointer-events:none;animation:toast 1.8s both}@keyframes toast{0%{opacity:0;transform:translate(-50%,-20px)}10%,80%{opacity:1;transform:translate(-50%)}to{opacity:0}}.hand{position:absolute;left:0;top:0;width:90px;height:90px;pointer-events:none}.banner{position:absolute;left:18px;right:18px;top:150px;background:var(--ink);color:var(--yellow);font-size:22px;font-weight:900;padding:10px 16px;border-radius:12px;transform:rotate(-1deg);pointer-events:none}.banner small{color:#fff;font-size:18px;display:block;margin-top:2px}.result{position:absolute;left:60px;right:60px;top:110px}.result .receipt{animation:printIn2 .4s cubic-bezier(.2,1.2,.5,1) both}@keyframes printIn2{0%{transform:translateY(-140%)}}.result .face{position:absolute;right:-40px;top:-70px;width:170px;transform:rotate(10deg);animation:pop .35s .5s cubic-bezier(.3,1.7,.5,1) both;z-index:2}.rs{opacity:0;animation:rowIn .18s both}@keyframes rowIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1}}.rstars{display:flex;justify-content:center;gap:12px;margin:10px 0 4px}.rstars .star{width:86px;height:86px;opacity:0;animation:starIn .3s cubic-bezier(.3,1.8,.5,1) both}@keyframes starIn{0%{opacity:0;transform:scale(2.4) rotate(-40deg)}to{opacity:1}}.bigstamp{position:absolute;left:50%;top:150px;font-size:64px;font-weight:900;color:var(--red);border:8px solid var(--red);border-radius:18px;padding:4px 22px;transform:translate(-50%) rotate(-12deg);opacity:.9;mix-blend-mode:multiply;animation:stampIn .22s cubic-bezier(.4,1.6,.6,1) both;white-space:nowrap;pointer-events:none}.bigstamp.gr{color:#1f9a45;border-color:#1f9a45}@keyframes stampIn{0%{transform:translate(-50%) rotate(-12deg) scale(3);opacity:0}}.roast{text-align:center;font-size:34px;font-weight:900;margin:6px 0}.score-big{text-align:center;font:900 64px var(--mono)}.result .btns{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:30px}.result .btns .stk{min-width:170px}.shake{animation:uiShake .25s}@keyframes uiShake{25%{transform:translate(6px,-4px)}50%{transform:translate(-5px,3px)}75%{transform:translate(3px,2px)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01s!important;transition-duration:.01s!important}}