*{box-sizing:border-box}.canteen-game{color:#f5fbff;background:#080d17;min-height:100vh;font-family:system-ui,sans-serif}.canteen-header{background:#0c1320;border-bottom:1px solid #8fffe31a;justify-content:space-between;align-items:center;height:58px;padding:0 clamp(18px,5vw,76px);display:flex}.canteen-header a{color:#a7bac5;font-weight:700;text-decoration:none}.canteen-header>span{color:#7ff2d2;letter-spacing:.16em;font-weight:900}.canteen-header small{color:#607482}.canteen-main{max-width:1190px;margin:auto;padding:34px clamp(16px,4vw,54px) 56px}.canteen-heading{justify-content:space-between;align-items:end;margin-bottom:24px;display:flex}.canteen-heading p{color:#8fa3b2;max-width:430px;margin:0;line-height:1.8}.canteen-heading>div>p,.canteen-kicker{letter-spacing:.18em;color:#ffb85b;font-size:.76rem}.canteen-heading h1{margin:6px 0 0;font-size:clamp(2.2rem,5vw,4.1rem);line-height:1}.canteen-heading h1 span{color:#7ff2d2}.canteen-layout{grid-template-columns:minmax(0,1fr) 310px;gap:22px;display:grid}.galley,.canteen-panel{background:#111b28;border:1px solid #c8fff018;border-radius:22px;box-shadow:0 28px 80px #0009}.galley{padding:14px;position:relative;overflow:hidden}.galley-hud{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.galley-hud div{color:#718897;background:#09121d;border-radius:12px;padding:10px;font-size:.73rem}.galley-hud strong{color:#f5ffff;font-size:1.15rem;display:block}.galley-hud strong.urgent{color:#ff786f}.galley-hud small{color:#60727e}.service-progress{background:#071019;border-radius:5px;height:4px;margin:10px 2px 12px;overflow:hidden}.service-progress i{background:linear-gradient(90deg,#7ff2d2,#ffb85b);height:100%;transition:all .3s;display:block}.ticket{background:linear-gradient(120deg,#132c35,#101925);border:1px solid #ffffff13;border-radius:16px;grid-template-columns:180px 1fr;align-items:center;gap:22px;padding:22px;display:grid}.ticket>div:first-child>span{letter-spacing:.2em;color:#7ff2d2;font-size:.68rem}.ticket h2{margin:6px 0;font-size:1.65rem}.ticket p{color:#7f96a4;margin:0;font-size:.78rem}.recipe{justify-content:flex-end;gap:8px;display:flex}.recipe div{text-align:center;background:#08121d;border:1px solid #ffffff17;border-radius:12px;min-width:72px;padding:9px 6px;position:relative}.recipe small{color:#61727d;position:absolute;top:4px;left:6px}.recipe b{color:#ffcf73;font-size:1.35rem;display:block}.recipe span{color:#90a5b2;font-size:.64rem}.tray{background:#0a131f;border:1px dashed #7ff2d244;border-radius:16px;margin-top:10px;padding:18px}.tray-title{color:#8097a5;justify-content:space-between;font-size:.76rem;display:flex}.tray-title b{color:#7ff2d2}.tray-slots{grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0;display:grid}.tray-slots>div{color:#3f5360;background:#070e17;border:1px solid #ffffff12;border-radius:12px;place-items:center;height:78px;display:grid}.tray-slots>div.filled{color:#f6ffff;background:linear-gradient(145deg,#16323a,#101b28);border-color:#7ff2d244}.tray-slots b{align-self:end;font-size:1.3rem}.tray-slots span{color:#9bb0ba;align-self:start;font-size:.64rem}.tray-actions{justify-content:flex-end;gap:8px;display:flex}.tray-actions button,.canteen-actions button{color:#dff9ff;background:#162433;border:1px solid #ffffff1d;border-radius:9px;padding:9px 13px}.tray-actions button:disabled{opacity:.3}.ingredients{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px;display:grid}.ingredients button{color:#f4ffff;touch-action:manipulation;background:#13202e;border:1px solid #ffffff19;border-radius:13px;min-height:78px;position:relative}.ingredients button:hover:not(:disabled){border-color:#7ff2d2;transform:translateY(-2px)}.ingredients button:disabled{opacity:.35}.ingredients small{color:#6d8491;position:absolute;top:7px;left:8px}.ingredients b{color:#ffcf73;font-size:1.35rem;display:block}.ingredients span{font-size:.7rem}.canteen-panel{padding:26px}.canteen-panel h2{margin:8px 0 12px;font-size:1.55rem}.canteen-panel>p{color:#94a9b5;min-height:52px;line-height:1.75}.streak{color:#8fa4af;border-block:1px solid #ffffff12;justify-content:space-between;margin:18px 0;padding:15px 0;display:flex}.streak b{color:#ffcf73}.canteen-guide p{color:#8ea3af;grid-template-columns:10px 1fr;gap:10px;font-size:.8rem;line-height:1.6;display:grid}.canteen-guide i{background:#ff786f;border-radius:50%;width:8px;height:8px;margin-top:5px}.canteen-guide i.cyan{background:#7ff2d2}.canteen-guide i.gold{background:#ffcf73}.serve{color:#092025;touch-action:manipulation;background:linear-gradient(90deg,#7ff2d2,#ffbd64);border:0;border-radius:11px;width:100%;min-height:56px;margin-top:16px;font-size:1rem;font-weight:900}.serve:disabled{filter:grayscale();opacity:.38}.canteen-actions{gap:8px;margin-top:8px;display:flex}.canteen-actions button{flex:1}.canteen-help{margin-top:17px!important;font-size:.72rem!important}.canteen-overlay{z-index:6;text-align:center;background:#08111bf2;flex-direction:column;justify-content:center;align-items:center;padding:28px;display:flex;position:absolute;inset:0}.canteen-overlay>span{letter-spacing:.22em;color:#7ff2d2;font-size:.72rem}.canteen-overlay h2{margin:10px 0;font-size:clamp(1.7rem,4vw,2.7rem)}.canteen-overlay p{color:#98acb8;max-width:510px;line-height:1.8}.canteen-overlay button{color:#092025;background:linear-gradient(90deg,#7ff2d2,#ffbd64);border:0;border-radius:12px;margin-top:10px;padding:14px 30px;font-size:1rem;font-weight:900}@media (max-width:840px){.canteen-heading{flex-direction:column;align-items:start}.canteen-layout{grid-template-columns:1fr}.canteen-heading>p{display:none}}@media (max-width:540px){.canteen-main{padding:22px 10px}.canteen-header{padding:0 14px}.galley{padding:8px}.galley-hud{grid-template-columns:repeat(2,1fr)}.ticket{grid-template-columns:1fr;gap:14px;padding:15px}.recipe{justify-content:flex-start}.recipe div{flex:1;min-width:0}.tray{padding:12px}.tray-slots>div{height:68px}.ingredients button{min-height:64px}.canteen-panel{padding:20px}.serve{min-height:62px}}