.stagebox{aspect-ratio:16/10;background:var(--stage-bg,#1b2335);border-radius:16px;align-self:start;width:100%;max-width:100%;position:relative;overflow:hidden}.stage{transform-origin:0 0;color:#27324a;width:760px;height:475px;font-family:Figtree,Noto Sans SC,Noto Sans TC,system-ui,sans-serif;position:absolute;top:0;left:0}.stage .scr{flex-direction:column;animation:.35s both scrIn;display:flex;position:absolute;inset:0}@keyframes scrIn{0%{opacity:0}to{opacity:1}}.stage .scr .el{animation:.45s cubic-bezier(.2,.8,.2,1) both elIn;animation-delay:calc(var(--i) * 70ms + 80ms)}@keyframes elIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.stage .fr-web{background:#fbfaf6;border-radius:10px;flex-direction:column;flex:1;margin:18px;display:flex;overflow:hidden;box-shadow:0 16px 40px #0006}.stage .fr-bar{background:#e9e7e0;flex:none;align-items:center;gap:6px;height:28px;padding:0 12px;display:flex}.stage .fr-bar i{background:#c9c5ba;border-radius:50%;width:9px;height:9px}.stage .fr-bar span{color:#6a7286;white-space:nowrap;background:#fff;border-radius:5px;flex:1;height:18px;margin-left:10px;padding:0 8px;font:11px/18px JetBrains Mono,Consolas,monospace;overflow:hidden}.stage .fr-split{flex:1;min-height:0;display:flex}.stage .side{color:#ffffffb8;background:#1b2335;flex-direction:column;flex:none;gap:2px;width:148px;padding:12px 8px;font-size:12px;display:flex}.stage .side .brand{color:#facb33;padding:0 8px 10px;font-size:15px;font-weight:800}.stage .side .it{border-radius:6px;padding:5px 8px}.stage .side .it.on{color:#fff;background:#facb3329;font-weight:700}.stage .side .sub{color:#facb33;padding:3px 8px 3px 18px;font-size:11px}.stage .main{flex-direction:column;flex:1;gap:8px;min-width:0;padding:14px 20px;display:flex;overflow:hidden}.stage .crumbs{color:#6a7286;font-size:11px}.stage .ptitle{margin-bottom:2px;font-family:Bricolage Grotesque,Noto Sans SC,sans-serif;font-size:22px;font-weight:800;line-height:1.1}.stage .fr-tab{background:#0b0f16;border-radius:22px;flex:1;margin:14px 40px;padding:12px;display:flex;box-shadow:0 16px 40px #00000073}.stage .fr-tab .in{background:#fbfaf6;border-radius:12px;flex-direction:column;flex:1;display:flex;overflow:hidden}.stage .tabs{background:#27324a;flex:none;gap:4px;padding:0 10px;display:flex}.stage .tabs span{color:#ffffffb3;border-bottom:3px solid #0000;padding:9px 14px;font-size:13px;font-weight:600}.stage .tabs span.on{color:#fff;border-color:#facb33}.stage .tabs .sp{border:0;flex:1;padding:0}.stage .tabs .live{color:#3fbf7f;align-self:center;font-size:11px}.stage .kdsbar{color:#eef0f5;background:#0e131c}.stage .fr-phone{flex:1;justify-content:center;align-items:center;display:flex}.stage .phone{background:#0b0f16;border-radius:30px;width:236px;height:445px;padding:9px;display:flex;box-shadow:0 16px 40px #00000073}.stage .phone .in{background:#fbfaf6;border-radius:22px;flex-direction:column;flex:1;display:flex;overflow:hidden}.stage .phone .main{gap:7px;padding:12px 14px}.stage .sitehead{color:#fff;background:#c8102e;padding:22px 14px 12px;font-family:Bricolage Grotesque,sans-serif;font-size:18px;font-weight:800}.stage .sitehead small{opacity:.85;font:600 10px Figtree,sans-serif;display:block}.stage .apphead{border-bottom:1px solid #e3e0d6;padding:20px 14px 8px;font-size:15px;font-weight:800}.stage .e-h{font-size:16px;font-weight:800}.stage .e-p{color:#6a7286;font-size:12px}.stage .e-f,.stage .e-s{gap:3px;display:grid}.stage .e-f label,.stage .e-s label{color:#4a5468;font-size:11px;font-weight:600}.stage .e-f div,.stage .e-s div{white-space:nowrap;text-overflow:ellipsis;background:#fff;border:1px solid #d8d4c8;border-radius:7px;padding:6px 9px;font-size:13px;overflow:hidden}.stage .e-s div:after{content:"▾";float:right;color:#6a7286}.stage .e-t{background:#fff;border:1px solid #e3e0d6;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:7px 10px;font-size:13px;font-weight:600;display:flex}.stage .e-t i{background:#c9c5ba;border-radius:99px;flex:none;width:34px;height:19px;position:relative}.stage .e-t i:after{content:"";background:#fff;border-radius:50%;width:15px;height:15px;transition:transform .3s;position:absolute;top:2px;left:2px}.stage .e-t.on i{background:#3fbf7f}.stage .e-t.on i:after{transform:translate(15px)}.stage .e-y,.stage .e-b,.stage .e-x{border-radius:8px;align-self:flex-start;padding:8px 16px;font-size:13px;font-weight:700}.stage .e-y{color:#27324a;background:#facb33}.stage .e-b{background:#fff;border:1.5px solid #27324a}.stage .e-x{color:#fff;background:#e2393a}.stage .e-c{flex-wrap:wrap;gap:6px;display:flex}.stage .e-c span{background:#fff;border:1px solid #d8d4c8;border-radius:99px;padding:5px 11px;font-size:12px;font-weight:600}.stage .e-c span.on{color:#fff;background:#27324a;border-color:#27324a}.stage .e-r{background:#fff;border:1px solid #e3e0d6;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:7px 10px;font-size:13px;display:flex}.stage .e-r b{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-weight:600;overflow:hidden}.stage .e-r span{color:#4a5468;white-space:nowrap;font-size:12px}.stage .e-ck,.stage .e-co{align-items:center;gap:8px;font-size:13px;display:flex}.stage .e-ck i,.stage .e-co i{border:2px solid #c9c5ba;border-radius:50%;flex:none;width:15px;height:15px}.stage .e-ck i{background:#3fbf7f;border-color:#3fbf7f}.stage .e-ck{color:#6a7286;text-decoration:line-through}.stage .e-g{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;display:grid}.stage .e-g div{background:#fff;border:1px solid #e3e0d6;border-radius:8px;padding:8px 10px}.stage .e-g small{text-transform:uppercase;letter-spacing:.06em;color:#6a7286;font-size:10px;display:block}.stage .e-g b{font-family:Bricolage Grotesque,sans-serif;font-size:19px;font-weight:800}.stage .e-k{grid-template-columns:repeat(3,58px);justify-content:center;gap:8px;margin-top:6px;display:grid}.stage .e-k span{background:#fff;border:1px solid #d8d4c8;border-radius:10px;place-items:center;height:44px;font-size:18px;font-weight:700;display:grid}.stage .e-k .dots{letter-spacing:.4em;background:0 0;border:0;grid-column:1/-1;height:auto;font-size:20px}.stage .e-m svg,.stage .e-q svg{display:block}.stage .e-m{border:1px solid #d8d4c8;border-radius:8px;overflow:hidden}.stage .e-tk{color:#111;background:#fff;align-self:center;gap:3px;width:200px;padding:10px;font:10px/1.4 JetBrains Mono,Consolas,monospace;display:grid;box-shadow:0 6px 18px #0000001f}.stage .e-tk .bd{color:#fff;text-align:center;background:#111;padding:2px;font-weight:700}.stage .e-tk .big{font-size:15px;font-weight:700}.stage .e-dg{grid-template-columns:90px 1fr 170px;gap:8px;min-height:230px;display:grid}.stage .e-dg .cats{color:#fff;background:#27324a;border-radius:8px;align-content:start;font-size:12px;display:grid;overflow:hidden}.stage .e-dg .cats span{padding:7px 9px}.stage .e-dg .cats .on{color:#27324a;background:#facb33;font-weight:700}.stage .e-dg .dishes{grid-template-columns:repeat(3,1fr);align-content:start;gap:6px;display:grid}.stage .e-dg .dishes span{background:#fff;border:1px solid #e3e0d6;border-radius:7px;min-height:46px;padding:8px 6px;font-size:11px;font-weight:700}.stage .e-dg .dishes small{color:#6a7286;font-weight:500;display:block}.stage .e-dg .bask{background:#f1efe8;border-radius:8px;align-content:start;gap:4px;padding:8px;font-size:11px;display:grid}.stage .e-dg .bask div{justify-content:space-between;display:flex}.stage .e-q{background:#fff;border:1px solid #e3e0d6;border-radius:10px;align-self:center;padding:8px}.stage .e-kd{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.stage .e-kd div{color:#eef0f5;background:#1c2331;border-radius:8px;min-height:150px;font-size:12px;overflow:hidden}.stage .e-kd header{background:#2c374e;justify-content:space-between;padding:6px 8px;font-weight:700;display:flex}.stage .e-kd .late header{background:#e2393a}.stage .e-kd .soon header{background:#c98a12}.stage .e-kd p{margin:0;padding:4px 8px}.stage .e-kd s{color:#6f7a90}.stage .e-bars{border-bottom:1px solid #d8d4c8;align-items:flex-end;gap:10px;height:110px;padding:0 4px;display:flex}.stage .e-bars i{transform-origin:bottom;animation:.8s cubic-bezier(.2,.8,.2,1) both barUp;animation-delay:calc(var(--b) * 70ms + .3s);background:#27324a;border-radius:4px 4px 0 0;flex:1}.stage .e-bars i:last-child{background:#facb33}@keyframes barUp{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.stage .kds .main{background:#0e131c}.stage .el.hit{z-index:2;border-radius:9px;transition:box-shadow .3s;position:relative;box-shadow:0 0 0 3px #facb33,0 0 0 7px #facb3359}.stage .hand{z-index:20;pointer-events:none;filter:drop-shadow(0 4px 6px #00000059);width:46px;height:46px;transition:transform .85s cubic-bezier(.45,0,.2,1);position:absolute;top:0;left:0}.stage .hand svg{width:46px;height:46px}.stage .hand .ring{opacity:0;border:3px solid #facb33;border-radius:50%;width:30px;height:30px;position:absolute;top:-10px;left:-8px}.stage .hand.tap svg{animation:.35s press}.stage .hand.tap .ring{animation:.7s ease-out ripple}@keyframes press{50%{transform:scale(.86)}}@keyframes ripple{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(1.8)}}@media (prefers-reduced-motion:reduce){.stage .scr,.stage .scr .el,.stage .e-bars i,.stage .hand.tap svg,.stage .hand.tap .ring{animation:none!important}.stage .hand{transition:none}}