html,body{margin:0;padding:0;width:100%;height:100%;background:#121315;overflow:hidden;overscroll-behavior:none;touch-action:manipulation;-webkit-user-select:none;user-select:none}body{font-family:LunchJua,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@font-face{font-family:LunchJua;src:url(./fonts/Jua-Regular.woff2) format("woff2");font-display:swap;font-weight:400 900;font-style:normal}#game-root{min-height:100dvh;box-sizing:border-box;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);display:grid;place-items:center;color:#fff8ea}.lunch-shell{position:relative;width:100%;height:100dvh;max-width:none;max-height:none;background:linear-gradient(180deg,#1213157a,#12131557 44%,#121315a3),url(./art/main_bg_school_cafeteria_v2.webp) center / cover no-repeat,#121315;overflow:hidden}.lunch-frame{width:min(100%,430px);height:100%;box-sizing:border-box;padding:clamp(18px,4vh,34px) 18px max(16px,env(safe-area-inset-bottom));display:grid;grid-template-rows:auto auto auto auto;gap:12px;align-content:start;overflow-y:auto}.lunch-header h1{margin:0;font-size:28px;line-height:1.05;letter-spacing:0}.lunch-header p{margin:8px 0 0;color:#b7c2b5;font-size:14px;font-weight:700}.lunch-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}.stat{min-height:58px;border:1px solid rgba(255,248,234,.12);border-radius:8px;background:#1e2521db;padding:8px;box-sizing:border-box}.stat strong,.stat em{display:block;font-style:normal}.stat strong{color:#ffb640;font-size:19px;line-height:1}.stat em{margin-top:6px;color:#b7c2b5;font-size:10px;font-weight:800}.return-timer,.section-label{margin-top:10px;color:#5ed4a6;font-size:12px;font-weight:900}.line-preview{border:1px solid rgba(255,248,234,.1);border-radius:8px;background:#1e2521;padding:10px}.section-label{margin-top:0;color:#fff8ea}.customer-rail{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:5px;margin-top:9px}.customer{height:30px;border-radius:7px;background:#2b3831;border:1px solid rgba(255,248,234,.12);display:grid;place-items:center;overflow:hidden}.lunch-shell.tap-flash{filter:saturate(1.3) brightness(1.16)}.customer.target{background:#554437}.customer.served{background:#5ed4a6}.sprite-frame{display:block;width:34px;height:34px;object-fit:contain;pointer-events:none}.customer .sprite-frame{width:31px;height:31px}.shift-feedback{min-height:60px;margin-top:8px;display:flex;align-items:center;gap:8px;color:#fff8ea}.shift-feedback.feedback-pop{animation:lunch-feedback-pop .18s ease-out}@keyframes lunch-feedback-pop{0%{transform:scale(.96);filter:brightness(1)}60%{transform:scale(1.05);filter:brightness(1.22)}to{transform:scale(1);filter:brightness(1)}}.shift-feedback .sprite-frame{width:58px;height:58px}.feedback-label{color:#ffb640;font-size:12px;font-weight:900}.station-grid,.worker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.station-card,.worker-card{min-width:0;border:1px solid rgba(255,248,234,.12);border-radius:8px;background:#1e2521eb;padding:10px;box-sizing:border-box}.worker-card.resting{background:#2b3831b8}.card-title{display:flex;align-items:flex-start;justify-content:space-between;gap:6px}.card-title strong{min-width:0;color:#fff8ea;font-size:12px;line-height:1.15}.card-title span{color:#ffb640;font-size:11px;font-weight:900;text-transform:uppercase}.card-action-btn{display:block;width:100%;margin-top:10px;min-height:34px;border:1px solid rgba(94,212,166,.5);border-radius:7px;background:#5ed4a629;color:#5ed4a6;font:800 10px/1.1 system-ui,sans-serif;padding:6px 4px;transform:scale(1)}.card-action-btn:disabled{border-color:#fff8ea1f;background:#2b383199;color:#6d766d}.card-action-btn:focus-visible{outline:3px solid #ffb640;outline-offset:2px}.card-action-btn.juice-squash{animation:lunch-card-squash .2s ease-out}.card-action-btn.juice-shake{animation:lunch-card-shake .22s ease-in-out;border-color:#f05a5abf;background:#f05a5a2e;color:#f7b3b3}@keyframes lunch-card-squash{0%{transform:scale(1)}40%{transform:scale(.92,1.08)}70%{transform:scale(1.05,.96)}to{transform:scale(1)}}@keyframes lunch-card-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.juice-overlay{position:absolute;transform:translate(-50%);pointer-events:none;z-index:5;font:900 12px/1 system-ui,sans-serif;white-space:nowrap;padding:4px 9px;border-radius:999px;animation:lunch-juice-float .62s ease-out forwards}.juice-overlay-accept{background:#5ed4a6eb;color:#10241c}.juice-overlay-reward{background:#ffb640f2;color:#2c1d05}.juice-overlay-reject{background:#f05a5aeb;color:#2c0d0d}@keyframes lunch-juice-float{0%{opacity:0;transform:translate(-50%,4px) scale(.85)}18%{opacity:1;transform:translate(-50%,-6px) scale(1)}75%{opacity:1;transform:translate(-50%,-30px) scale(1)}to{opacity:0;transform:translate(-50%,-42px) scale(1)}}.lunch-shell.prep-needed-shake{animation:lunch-prep-shake .26s ease-in-out}@keyframes lunch-prep-shake{0%,to{transform:translate(0);box-shadow:none}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px);box-shadow:inset 0 0 0 2px #f05a5a8c}80%{transform:translate(4px)}}.station-worker,.mastery-line{margin:8px 0 0;color:#b7c2b5;font-size:10px;font-weight:800;line-height:1.2}.meter{margin-top:10px}.meter-row{display:flex;justify-content:space-between;color:#b7c2b5;font-size:10px;font-weight:800}.meter i{display:block;height:7px;margin-top:5px;border-radius:4px;background:linear-gradient(90deg,#ffb640,#5ed4a6)}.action-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-self:start;align-content:start}.action-bar button{min-height:48px;border:1px solid rgba(255,248,234,.16);border-radius:8px;background:#2b3831;color:#fff8ea;font:800 11px/1.1 system-ui,sans-serif;padding:8px 6px}.action-bar button:first-child{background:#ef6c4d}.action-bar button:focus-visible{outline:3px solid #ffb640;outline-offset:2px}.operations-drawer{border:1px solid rgba(255,248,234,.14);border-radius:10px;background:#1e2521db}.operations-drawer summary{padding:13px 14px;color:#b7c2b5;font-size:12px;font-weight:900;cursor:pointer}.operations-drawer[open]{padding:0 10px 10px}.operations-drawer[open] summary{margin:0 -10px 10px}.boot-splash{position:fixed;inset:0;display:grid;place-items:center;background:#121315;color:#fff8ea;font:700 18px/1.2 system-ui,sans-serif}