*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0b0d12;--panel: #141824;--text: #f4f6fb;--muted: #9aa3b5;--idle: #2a3142;--wait: #c9a227;--cooking: #1f6feb;--pull: #e24a4a}html,body,#root{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text)}.login-shell{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{width:100%;max-width:420px;background:var(--panel);border-radius:16px;padding:32px;display:flex;flex-direction:column;gap:16px}.login-card h1{font-size:28px}.login-card p,.login-error{color:var(--muted)}.login-error{color:var(--pull)}.login-card input{width:100%;padding:14px 16px;border-radius:10px;border:1px solid #2c3344;background:#0b0d12;color:var(--text);font-size:16px}.login-card button,.board-header button{padding:12px 16px;border:none;border-radius:10px;background:var(--cooking);color:#fff;font-size:16px;font-weight:600;cursor:pointer}.board-shell{height:100%;display:flex;flex-direction:column}.board-header{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;border-bottom:1px solid #242838}.board-header h1{font-size:24px;letter-spacing:.02em}.board-header-meta{display:flex;align-items:center;gap:16px;color:var(--muted);font-size:16px;font-weight:700}.status-chip{display:inline-flex;align-items:baseline;gap:14px;padding:10px 18px;border-radius:12px;font-size:20px;font-weight:800;letter-spacing:.06em;line-height:1}.status-chip-ready{background:var(--idle);color:var(--text)}.status-bar{display:flex;align-items:center;justify-content:center;gap:16px;padding:8px 20px;font-size:26px;font-weight:800;letter-spacing:.08em;line-height:1}.status-bar-collecting,.status-bar-drop{background:var(--wait);color:#1a1404}.status-bar-cooking{background:#2a3344;color:#f4f7fb}.status-bar-join{font-size:32px;font-variant-numeric:tabular-nums;letter-spacing:.04em}.rush-banner{background:var(--pull);color:#fff;font-size:20px;font-weight:800;letter-spacing:.06em;text-align:center;padding:6px 16px}.board-body{flex:1;display:grid;grid-template-columns:3fr 1fr;gap:12px;padding:12px;min-height:0}.col-now,.col-waves{background:var(--panel);border-radius:16px;padding:16px;min-height:0;overflow:hidden}.col-now{display:flex;flex-direction:column;gap:12px}.col-waves{display:flex;flex-direction:column;min-height:0}.col-waves h2{color:var(--text);text-transform:uppercase;letter-spacing:.06em;font-size:32px;font-weight:800;margin-bottom:12px;flex-shrink:0}.now-verb{font-size:36px;line-height:.95;font-weight:800;letter-spacing:-.03em;flex-shrink:0}.start-wave{display:flex;align-items:baseline;justify-content:space-between;gap:16px;width:100%;padding:14px 18px;border:none;border-radius:14px;background:var(--wait);color:#1a1404;font:inherit;font-size:36px;font-weight:800;letter-spacing:.04em;cursor:pointer;flex-shrink:0}.start-wave-join{font-size:32px;font-variant-numeric:tabular-nums}.now-drops{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:12px}.now-drop{display:flex;flex-direction:column;gap:4px;min-height:0;min-width:0;padding:14px 14px 12px;border:3px solid #3d455c;border-radius:14px;background:var(--idle);color:inherit;text-align:left;cursor:pointer;font:inherit}.now-drop.basket-idle{background:var(--idle);border-color:#3d455c}.now-drop.basket-wait{background:var(--wait);color:#1a1404;border-color:#e0b52e}.now-drop.basket-cooking{background:var(--cooking);border-color:#6ea0ff}.now-drop.basket-pull{background:var(--pull);border-color:#ff7a7a}.now-drop.now-drop-empty{border-color:#2a3142}.now-basket-id{font-size:26px;font-weight:800;letter-spacing:.06em}.now-drop.basket-idle .now-basket-id,.now-drop.now-drop-empty .now-basket-id{color:var(--muted)}.now-items{flex:1;min-height:0;overflow:hidden}.now-item{font-size:38px;font-weight:800;line-height:1.12;letter-spacing:-.02em}.now-qty{font-weight:900}.now-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:auto}.now-time{font-size:52px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;margin-left:auto;text-align:right}.now-state{font-size:18px;font-weight:800;letter-spacing:.08em}.basket-cue{animation:basket-cue-blink .7s ease-in-out infinite;box-shadow:0 0 0 3px #fff}@keyframes basket-cue-blink{0%,to{filter:brightness(1)}50%{filter:brightness(1.35)}}.ticket-list{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.ticket{background:#0b0d12;border-radius:10px;padding:12px 14px;flex-shrink:0}.ticket ul{list-style:none;color:var(--text);font-size:22px;font-weight:700;line-height:1.25}.ticket li{white-space:nowrap}