:root{--accent:#d8553e}
.stage{flex-direction:column;align-items:stretch;justify-content:flex-start;background:#f7eedc;padding:8px;gap:8px;overflow:auto}
.tickets{display:flex;gap:8px;min-height:120px}
.ticket{flex:1;min-width:0;background:#fffdf7;border:2px solid var(--ink);border-radius:12px;padding:6px 8px;cursor:pointer;display:flex;flex-direction:column;gap:4px;position:relative;transition:transform .1s}
.ticket:hover{transform:translateY(-2px)}.ticket.empty{border-style:dashed;opacity:.45;cursor:default;align-items:center;justify-content:center;color:var(--muted);font-weight:700}
.ticket .who{display:flex;align-items:center;gap:6px;font-weight:800;font-size:13px}.ticket .face{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:15px}
.ticket ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:3px}.ticket li{font-size:11px;font-weight:700;padding:2px 6px;border-radius:999px;background:#f3ead6}
.ticket .pat{height:6px;background:#eee3cc;border-radius:3px;overflow:hidden;margin-top:auto}.ticket .pat i{display:block;height:100%;background:#3d9477;transition:width .2s linear}
.ticket .pay{font-size:11px;color:var(--muted);font-weight:700}
.kitchen{display:flex;flex-direction:column;gap:8px;flex:1}
.counter{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap}
.pizza-wrap{display:flex;flex-direction:column;align-items:center;gap:4px}
#pizza{width:min(46vw,230px);height:min(46vw,230px);background:radial-gradient(circle,#e9d7b4 0 60%,#d9c29a 61%);border-radius:50%;border:3px solid #b99a6a}
.oven{display:flex;flex-direction:column;align-items:center;gap:6px}
.oven-door{width:min(38vw,190px);background:#3c3a3a;border-radius:14px;padding:10px;border:3px solid #222}
.oven-window{height:min(22vw,110px);border-radius:10px;background:#1c1b1b;display:grid;place-items:center;color:#f2b84b;font-weight:800;font-size:14px;transition:background .3s}
.oven-window.hot{background:radial-gradient(circle,#ff9b45,#7a2410)}
.bake-bar{position:relative;height:10px;background:#555;border-radius:5px;margin-top:8px;overflow:hidden}.bake-bar i{position:absolute;left:0;top:0;bottom:0;width:0;background:#f2b84b}.bake-bar .zone{position:absolute;left:55%;width:25%;top:0;bottom:0;border:2px solid #7fe0a0;border-radius:4px}
.toppings{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.top{border:2px solid var(--ink);background:#fffdf7;border-radius:12px;padding:6px 4px;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;font-weight:700;font-size:12px}
.top:active{transform:scale(.96)}.top svg{width:30px;height:30px}.top kbd{font-size:10px;color:var(--muted)}
@media (min-width:760px){.stage{display:grid;grid-template-columns:1fr;max-width:900px;margin:0 auto;width:100%}.toppings{grid-template-columns:repeat(8,1fr)}}