.bistro-page{--ink:#170d20;--cream:#fff8e7;--purple:#7048d8;--hot:#ff4f8b;--lime:#8ee648}.bistro-shell{border:3px solid var(--ink);background:linear-gradient(145deg,#fff 0,#fff3ce 46%,#efe6ff 100%);box-shadow:10px 10px 0 var(--ink);padding:clamp(18px,4vw,36px);margin:28px 0}.bistro-head{display:flex;gap:24px;justify-content:space-between;align-items:end}.bistro-head h2{font:clamp(1.8rem,4vw,3rem)/1 AyePixel,monospace;margin:0}.bistro-head label{font-weight:900}.bistro-head select{display:block;margin-top:7px;padding:10px;border:2px solid var(--ink);background:#fff;font:inherit}.bistro-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:24px 0}.bistro-stats>div{border:2px solid var(--ink);background:#fff;padding:11px}.bistro-stats small{display:block;font-weight:900;letter-spacing:.08em}.bistro-stats strong{display:block;font-size:1.15rem;margin-top:5px}.bistro-counter{border:3px solid var(--ink);background:#4d2794;padding:18px;color:#fff}.bistro-mascot{display:flex;align-items:center;gap:14px;font-weight:900}.bistro-mascot .chef{display:grid;place-items:center;width:58px;height:58px;border:3px solid #fff;border-radius:50%;background:#171019;color:#ffcf47;font:900 1rem/1 AyePixel,monospace}.bistro-mascot p{margin:0}.bistro-queue{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}.order-card{min-height:74px;border:2px solid #fff;background:#2d1954;padding:9px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.order-card.active{background:#fff;color:var(--ink);box-shadow:5px 5px 0 #ffbd25}.order-card strong{width:100%;font-size:.72rem;letter-spacing:.12em}.bistro-board{display:grid;grid-template-columns:1fr 1fr;gap:14px}.bistro-ticket,.bistro-blender{border:2px solid var(--ink);background:#fff;color:var(--ink);padding:14px;min-height:132px}.bistro-ticket h3,.bistro-blender h3{font-size:.82rem;letter-spacing:.1em;margin:0 0 12px}.sequence{display:flex;gap:8px;flex-wrap:wrap;align-items:center;min-height:58px}.fruit-chip{display:grid;place-items:center;width:48px;height:48px;border:3px solid var(--ink);border-radius:50%;color:#1a1020;font:900 1rem/1 AyePixel,monospace;box-shadow:3px 3px 0 var(--ink)}.fruit-chip.small{width:27px;height:27px;border-width:2px;box-shadow:none;font-size:.7rem}.fruit-chip.hinted{outline:5px solid #15d8cf;outline-offset:2px}.fruit-mango{background:#ffb21c}.fruit-berry{background:#b56cff}.fruit-lime{background:#8ee648}.fruit-guava{background:#ff668f}.fruit-coconut{background:#f4e2be}.fruit-dragon{background:#ff4fd8}.bistro-empty{color:#6a6070;font-weight:800}.bistro-pantry{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.pantry-fruit{min-height:52px;border:2px solid var(--ink);color:var(--ink);font-weight:900;box-shadow:4px 4px 0 var(--ink)}.pantry-fruit:disabled{opacity:.35;box-shadow:none}.bistro-actions{display:flex;flex-wrap:wrap;gap:9px}.bistro-actions button{border:2px solid var(--ink);background:#fff;color:var(--ink);padding:11px 15px;font-weight:900}.bistro-actions .primary{background:var(--hot);color:#fff}.bistro-actions .serve{background:var(--lime)}.bistro-status{min-height:1.5em;font-weight:900;margin:15px 0 0}.bistro-note{line-height:1.55}.bistro-guide{margin-top:34px}@media(max-width:720px){.bistro-shell{box-shadow:6px 6px 0 var(--ink)}.bistro-head{align-items:start;flex-direction:column}.bistro-stats{grid-template-columns:repeat(2,1fr)}.bistro-stats>div:last-child{grid-column:span 2}.bistro-board{grid-template-columns:1fr}.bistro-queue{grid-template-columns:1fr}.bistro-pantry{grid-template-columns:1fr 1fr}.bistro-actions button{flex:1 1 42%}}
