:root{--bg-deep: #0A0A0A;--bg-surface: #171717;--bg-elevated: #1F1F1F;--ember: #F97316;--ember-bright: #FB923C;--warm: #FBBF24;--text: #F5F5F5;--text-muted: #71717A;--text-dim: #3F3F46;--success: #10B981;--error: #F43F5E}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,sans-serif;background:var(--bg-deep);color:var(--text);-webkit-font-smoothing:antialiased;height:100vh;overflow:hidden}#root{height:100vh;display:flex;flex-direction:column}.display-header{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;background:var(--bg-surface);border-bottom:1px solid rgba(249,115,22,.1);flex-shrink:0}.display-logo{font-size:24px;font-weight:900;letter-spacing:-1px}.display-logo span{color:var(--ember)}.display-title{font-size:18px;font-weight:600;color:var(--text-muted);letter-spacing:.5px}.display-meta{display:flex;align-items:center;gap:10px}.display-time{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text)}.display-dot{width:10px;height:10px;border-radius:50%;background:var(--success);animation:statusPulse 2s ease-in-out infinite}.display-dot.off{background:var(--error)}.display-board{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:2px;background:#ffffff05}.display-column{display:flex;flex-direction:column;background:var(--bg-deep)}.column-header{display:flex;align-items:center;justify-content:center;gap:10px;padding:18px;font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:700;letter-spacing:3px;text-transform:uppercase;flex-shrink:0}.column-header.preparing{background:#fbbf240f;color:var(--warm);border-bottom:2px solid rgba(251,191,36,.2)}.column-header.ready{background:#10b9810f;color:var(--success);border-bottom:2px solid rgba(16,185,129,.2)}.column-count{background:#ffffff14;padding:2px 10px;border-radius:12px;font-size:16px;font-weight:800}.column-dot{width:10px;height:10px;border-radius:50%}.preparing-dot{background:var(--warm);animation:statusPulse 2s ease-in-out infinite}.ready-dot{background:var(--success);animation:statusPulse 1.5s ease-in-out infinite}.column-tiles{flex:1;display:flex;flex-wrap:wrap;align-content:start;gap:16px;padding:24px;overflow-y:auto}.column-empty{width:100%;display:flex;align-items:center;justify-content:center;color:var(--text-dim);font-size:18px;font-weight:500;padding:60px 0}.tile{width:140px;height:140px;border-radius:20px;display:flex;align-items:center;justify-content:center;animation:tileEnter .4s cubic-bezier(.16,1,.3,1) both}.tile-number{font-family:Space Grotesk,sans-serif;font-size:56px;font-weight:800;line-height:1}.tile-preparing{background:#fbbf2414;border:2px solid rgba(251,191,36,.25);color:var(--warm)}.tile-ready{background:#10b98114;border:2px solid rgba(16,185,129,.3);color:var(--success);animation:tileEnter .4s cubic-bezier(.16,1,.3,1) both,readyPulse 2s ease-in-out infinite}@keyframes tileEnter{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes readyPulse{0%,to{box-shadow:0 0 20px #10b98126}50%{box-shadow:0 0 40px #10b98159}}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.4}}