:root{--t:#fff4de;--m:#e2bd86;--a:#ffd36b;--b:#ff8846;--g:#8fe6a0;--r:#ff7c70;--l:#ffffff24;--dark:#120706}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;min-height:100svh;background:radial-gradient(circle at 50% -12%,#ff9d4f88,transparent 34rem),linear-gradient(#2a1024,#170907 60%,#070302);color:var(--t);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overscroll-behavior:none}button{font:inherit;color:inherit;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.45;cursor:not-allowed}p{margin:.3rem 0;color:var(--m);line-height:1.45}h1,h2,h3{margin:0}.app{width:min(100%,720px);min-height:100svh;margin:auto;padding:12px}.screen{display:none}.screen.on{display:block;animation:f .15s ease both}@keyframes f{from{opacity:.35;transform:translateY(8px)}}.card,.stat,.stall,.event,dialog{background:linear-gradient(145deg,#4b2416ee,#1e0d09ee);border:1px solid var(--l);box-shadow:0 18px 44px #0007}.hero{min-height:calc(100svh - 24px);border-radius:32px;padding:22px 16px;display:flex;flex-direction:column;justify-content:center;gap:14px}.ey{color:var(--a);font-weight:1000;letter-spacing:.12em;font-size:.74rem}.hero h1{font-size:clamp(2.5rem,13vw,4.6rem);line-height:.92;letter-spacing:-.07em}.lead{font-size:1.02rem;color:#ffe0b3}.art{height:180px;border:1px solid var(--l);border-radius:28px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 100%,#ffd36b55,transparent 58%),linear-gradient(#21102a,#130807)}.moon{position:absolute;right:34px;top:26px;width:58px;height:58px;border-radius:50%;background:var(--a);box-shadow:0 0 36px #ffd36b88}.lan{position:absolute;width:25px;height:32px;border-radius:15px;background:radial-gradient(circle at 50% 25%,#fff8bf,#ff9345 60%,#8f281c);box-shadow:0 0 22px #ffbd5aaa;animation:bob 3s infinite}.l1{left:15%;top:34px}.l2{left:46%;top:16px;animation-delay:.4s}.l3{right:16%;top:42px;animation-delay:.8s}@keyframes bob{50%{transform:translateY(8px)}}.booth{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);width:min(82%,380px);text-align:center}.booth b,.cart b{height:52px;border-radius:26px 26px 8px 8px;background:repeating-linear-gradient(90deg,#c93125 0 34px,#ffd36b 34px 68px);color:#341105;display:grid;place-items:center;font-weight:1000}.booth span,.cart span{height:78px;border-radius:8px 8px 24px 24px;background:linear-gradient(#79391d,#30140d);display:grid;place-items:center;font-weight:900}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.grid4>div,.res div{border:1px solid #ffffff18;background:#ffffff10;border-radius:18px;padding:10px 7px;text-align:center}.grid4 b,.res b,.stat b{display:block;color:#fff0c6;font-size:1.08rem}.grid4 span,.res span,.stat span,.stat small{display:block;color:var(--m);font-size:.75rem}.btns{display:flex;gap:8px;flex-wrap:wrap}.btn{min-height:44px;border-radius:15px;padding:0 15px;background:#ffffff14;font-weight:1000}.pri{background:linear-gradient(135deg,var(--a),var(--b));color:#2a1006}.ghost{border:1px solid #ffffff22}.top{position:sticky;top:8px;z-index:5;border-radius:24px;padding:13px;display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.icon{width:42px;height:42px;border-radius:15px;background:#ffffff14}.stat{border-radius:18px;padding:10px 8px;text-align:left}.hint{border:1px solid #ffd36b44;background:#ffd36b1b;border-radius:20px;padding:12px;margin:10px 0}.hint b{color:var(--a)}.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;position:sticky;top:82px;z-index:4;margin-bottom:10px}.tab{height:42px;border-radius:15px;background:#ffffff12;border:1px solid #ffffff18;font-weight:1000}.tab.on{background:#ffd36b33;border-color:#ffd36b88}.panel{display:none;border-radius:24px;padding:13px;margin-bottom:calc(84px + env(safe-area-inset-bottom))}.panel.on{display:block}.thin{margin-bottom:10px}.ph{display:flex;justify-content:space-between;gap:10px;margin-bottom:10px;align-items:center}.gap{margin-top:16px}.pill{border:1px solid #ffffff28;background:#ffffff10;border-radius:99px;padding:5px 9px;font-weight:1000;color:#fff0c6;white-space:nowrap}.list{display:grid;gap:8px}.item{border:1px solid #ffffff1d;background:#ffffff10;border-radius:18px;padding:11px}.menu{display:grid;grid-template-columns:1fr 132px;gap:10px;align-items:center}.menu.sel{background:linear-gradient(145deg,#ffd36b38,#ff704316);border-color:#ffd36b99}.menu.lock{opacity:.68}.tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.tag{font-size:.72rem;background:#ffffff14;border-radius:99px;padding:3px 7px}.good{background:#8fe6a026;color:#ccffd6}.ctrl{display:grid;gap:7px}.mini{min-height:34px;border-radius:12px;background:#ffffff16;font-weight:1000}.mini.on{background:linear-gradient(135deg,var(--a),var(--b));color:#2a1006}.price{display:grid;grid-template-columns:34px 1fr 34px;gap:4px;align-items:center}.price strong{text-align:center;font-size:.8rem}.row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.step{display:flex;gap:6px;align-items:center}.step button{width:32px;height:32px;border-radius:12px;background:#ffffff16;font-weight:1000}.bottom{position:fixed;left:50%;bottom:max(12px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(calc(100% - 24px),696px);z-index:9;display:grid;gap:7px}#startInfo{display:flex;justify-content:space-between;gap:8px;background:#0005;border:1px solid #ffffff20;border-radius:14px;padding:7px 10px;color:#ffe3b8;font-size:.78rem}.start{min-height:52px;width:100%;font-size:1.02rem}.wide{width:100%}.nightTop{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px}.timer{text-align:center;border:1px solid #ffffff24;border-radius:18px;background:#ffffff12;padding:8px 11px}.timer b{font-size:1.8rem;color:#fff0c6}.stall{min-height:360px;border-radius:30px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 100%,#ffd36b55,transparent 58%),linear-gradient(#25102a,#130807);margin-bottom:10px}.cart{position:absolute;left:50%;top:86px;transform:translateX(-50%);width:min(66%,360px);text-align:center}.queue{position:absolute;left:12px;right:12px;bottom:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.customer{min-height:126px;border:1px solid #ffffff26;background:linear-gradient(180deg,#ffffff16,#00000025);border-radius:22px;padding:10px 8px;text-align:center;display:grid;align-content:center;gap:5px;box-shadow:0 10px 26px #0005;transition:.12s transform,.12s border-color,.12s background}.customer.drop{transform:translateY(-6px) scale(1.03);border-color:#ffd36baa;background:#ffd36b24}.customer.danger{border-color:#ff7c70aa;animation:pulse .6s infinite alternate}.customer.empty{opacity:.46;border-style:dashed}.customer.empty span{font-weight:1000;color:#ffe0b3}.customer.empty small{color:var(--m)}.face{width:40px;height:40px;margin:auto;border-radius:16px;background:#ffffff20;display:grid;place-items:center;font-size:1.35rem}.customer b{font-size:.9rem}.customer p{font-size:.8rem;margin:0;color:#ffe0b3}.customer p strong{color:#fff4de}.orderTimer{height:8px;background:#ffffff1a;border-radius:99px;overflow:hidden;margin-top:3px}.orderTimer i{display:block;height:100%;background:linear-gradient(90deg,var(--r),var(--a),var(--g));border-radius:inherit}@keyframes pulse{to{box-shadow:0 0 0 4px #ff7c7040}}.scoreline{margin-bottom:10px}.event{border-radius:20px;padding:12px;display:flex;justify-content:space-between;gap:10px;margin-bottom:10px}.hide{display:none}.actionPanel{position:relative;margin-bottom:16px}.dragHint{font-size:.78rem;margin-top:-5px}.menuTray{grid-template-columns:repeat(3,1fr)}.serveMenu{min-height:92px;border-radius:20px;background:linear-gradient(145deg,#fff1b51e,#ff88461a);border:1px solid #ffd36b55;display:grid;place-items:center;align-content:center;gap:4px;font-weight:1000;touch-action:none;box-shadow:0 12px 24px #0004}.serveMenu:hover{filter:brightness(1.08);transform:translateY(-2px)}.serveMenu.out{opacity:.38;filter:grayscale(.4)}.serveIcon{font-size:1.8rem}.serveMenu small{color:#ffe3b5;font-size:.76rem}.dragGhost{position:fixed;z-index:999;pointer-events:none;transform:translate(-50%,-50%) scale(1.08);width:150px;opacity:.94;box-shadow:0 22px 50px #0009}.grade{width:98px;height:98px;border-radius:30px;display:grid;place-items:center;margin:4px auto;background:linear-gradient(135deg,#fff0a9,#ff8a3d);color:#2b1005;font-size:3rem;font-weight:1000}.toast{position:fixed;left:50%;bottom:calc(84px + env(safe-area-inset-bottom));transform:translateX(-50%) translateY(16px);width:min(calc(100% - 24px),680px);z-index:20;border-radius:16px;padding:12px;background:#130806f6;border:1px solid #ffd36b88;color:#fff2c9;opacity:0;pointer-events:none;transition:.16s}.toast.show{opacity:1;transform:translateX(-50%)}dialog{width:min(calc(100% - 24px),500px);color:var(--t);border-radius:24px;padding:18px}dialog::backdrop{background:#000a}li{margin:.4rem 0;color:#ffe0b2}@media(max-width:560px){.app{padding:10px}.grid4{grid-template-columns:repeat(2,1fr)}.menu{grid-template-columns:1fr}.tabs{top:78px}.art{height:168px}.stall{min-height:330px}.cart{top:74px;width:min(74%,350px)}.queue{left:8px;right:8px;bottom:10px;gap:6px}.customer{min-height:118px;border-radius:18px;padding:8px 5px}.customer b{font-size:.78rem}.customer p{font-size:.72rem}.face{width:34px;height:34px;border-radius:13px}.menuTray{grid-template-columns:1fr}.serveMenu{min-height:76px;grid-template-columns:auto 1fr;justify-items:start;text-align:left;padding:10px 13px}.serveMenu small{grid-column:2}.serveIcon{grid-row:1/3}}@media(max-width:360px){.grid2,.res{grid-template-columns:1fr}.tabs{top:74px}.queue{grid-template-columns:1fr}.stall{min-height:530px}.cart{top:62px}.customer{min-height:96px}.bottom{position:static;transform:none;width:100%;margin-top:8px}.panel{margin-bottom:12px}.toast{bottom:18px}}