@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=JetBrains+Mono:wght@400;600&display=swap";:root{--bg-1: #06111f;--bg-2: #0d2433;--bg-3: #123f4d;--surface: rgba(8, 21, 31, .72);--surface-strong: rgba(4, 12, 18, .8);--line: rgba(178, 233, 255, .22);--text: #f4fcff;--muted: #9ab7c8;--cyan: #41e8d1;--amber: #ffc857;--red: #ff5f5f;--green: #66d88f;--accent: #8ed8ff}*{box-sizing:border-box}body{margin:0;min-height:calc(100vh - 32px);color:var(--text);background:radial-gradient(circle at 10% 0%,rgba(65,232,209,.28),transparent 35%),radial-gradient(circle at 80% 30%,rgba(142,216,255,.24),transparent 38%),linear-gradient(140deg,var(--bg-1),var(--bg-2) 45%,var(--bg-3));font-family:Space Grotesk,Segoe UI,sans-serif}.app-shell{width:95%;margin:32px auto 24px;padding:26px;border:1px solid var(--line);border-radius:24px;background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 30px 80px #00000059;animation:rise-in .42s ease-out}.header-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}h1{margin:0;font-size:clamp(1.5rem,2.3vw,2.1rem);letter-spacing:.02em}.status-pill{border:1px solid var(--line);border-radius:999px;padding:8px 14px;background:var(--surface-strong);font-size:.9rem}.status-pill.connected{color:var(--cyan)}.status-pill.live{color:var(--green)}.status-pill.error{color:#ff9b9b}.status-pill.mock{color:var(--amber)}.control-grid{margin-top:18px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.top-actions{margin-top:18px;display:flex;flex-wrap:wrap;gap:10px}.main-stage{margin-top:18px;display:grid;gap:16px}.score-card{display:grid;gap:10px}.score-list{display:grid;gap:8px}.score-row{display:flex;justify-content:space-between;align-items:center;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px 12px;background:#ffffff08;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.score-row.scored{animation:score-pop .9s ease;border-color:var(--green);box-shadow:0 0 0 1px #66d88f66,0 8px 24px #66d88f29;transform:translateY(-2px) scale(1.01)}.score-row.rank-change{animation:rank-shift .8s ease;border-color:var(--amber);box-shadow:0 0 0 1px #ffc8573d}.empty-state{margin:0;color:var(--muted)}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:20px;background:#02080ec2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.settings-panel{width:min(980px,100%);border:1px solid var(--line);border-radius:22px;background:var(--surface-strong);padding:20px;box-shadow:0 24px 70px #00000059}.settings-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.settings-content{display:grid;gap:14px}.card{border:1px solid var(--line);border-radius:16px;padding:14px;background:var(--surface-strong)}button,select,input{font:inherit}.btn{border:1px solid transparent;border-radius:12px;padding:10px 14px;cursor:pointer;color:#041014;font-weight:700;transition:transform .18s ease,box-shadow .2s ease}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#47f0e4,#88d8ff);box-shadow:0 8px 24px #41e8d13d}.btn-green{background:linear-gradient(135deg,#79e6a2,#44b972)}.btn-red{background:linear-gradient(135deg,#ff8b8b,#f35656)}.btn-amber{background:linear-gradient(135deg,#ffd773,#ffac45)}.btn-ghost{border-color:var(--line);color:var(--text);background:#ffffff05}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.mock-toggle{display:inline-flex;align-items:center;gap:8px;color:var(--muted)}.ecran{margin-top:22px;min-height:170px;border-radius:20px;border:2px dashed rgba(255,255,255,.24);background:#0000004d;display:grid;place-items:center;text-align:center;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:800;padding:24px;white-space:pre-line}.screen-panel-content{display:grid;gap:14px;justify-items:center}.screen-queue{max-width:min(100%,720px);font-size:clamp(.95rem,1.4vw,1.15rem);font-weight:500;color:var(--muted)}.ecran.buzz{background:#ffc85733;border-color:var(--amber);color:#ffe7b7;animation:pulse 1s infinite}.ecran.good{background:#66d88f33;border-color:var(--green)}.ecran.bad{background:#ff5f5f29;border-color:var(--red)}.ecran.heartbeat{animation:heartbeat 1.2s ease-in-out infinite}.btn-heartbeat{animation:heartbeat 2s ease-in-out infinite}.section-title{margin:0 0 12px;color:var(--accent);font-size:1rem;text-transform:uppercase;letter-spacing:.08em}.teams-list{display:grid;gap:8px}.team-item{border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px;display:flex;align-items:center;justify-content:space-between;gap:8px}.team-name{margin:0}.queue{margin-top:12px;color:var(--muted);font-size:.92rem}.logs{margin-top:20px;border-radius:14px;border:1px solid var(--line);background:#01090f;color:#7eff9f;font-family:JetBrains Mono,monospace;font-size:.82rem;padding:10px 12px;max-height:180px;overflow:auto}.logs p{margin:2px 0}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes heartbeat{0%,to{transform:scale(1);text-shadow:0 0 0 rgba(255,255,255,0)}25%{transform:scale(1.05);text-shadow:0 0 12px rgba(255,255,255,.45)}40%{transform:scale(.98)}70%{transform:scale(1.03)}}@keyframes score-pop{0%{transform:scale(.96);box-shadow:0 0 #66d88f4d}40%{transform:scale(1.03);box-shadow:0 0 0 10px #66d88f1f}70%{transform:scale(1.01);box-shadow:0 0 0 2px #66d88f29}to{transform:scale(1);box-shadow:0 0 #66d88f00}}@keyframes rank-shift{0%{transform:translate(-3px) scale(.98);opacity:.75}50%{transform:translate(4px) scale(1.01);opacity:1}to{transform:translate(0) scale(1);opacity:1}}@keyframes rise-in{0%{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 680px){.app-shell{width:94vw;padding:16px;margin-top:14px}.ecran{min-height:130px;padding:18px}.settings-panel{padding:16px}}