.live-arena{width:100%;max-width:1380px;margin-inline:auto;padding:16px clamp(14px,2.2vw,28px) 64px;display:flex;flex-direction:column;gap:22px}.live-lobby-controls{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}@media(min-width:1025px){.live-lobby-controls{grid-template-columns:1.25fr .75fr;align-items:stretch}}.live-card{padding:clamp(16px,2vw,24px);border-radius:20px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:14px}.live-card--spotlight{background:var(--surface-hero-card, var(--surface));border-color:var(--tint-blue-border)}.live-eyebrow{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;padding:4px 10px;border-radius:999px;background:var(--tint-blue-bg);border:1px solid var(--tint-blue-border);color:var(--accent-blue-text);font-size:.71rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.live-eyebrow--red{background:var(--tint-danger-bg);border-color:var(--tint-danger-border);color:var(--accent-danger-text)}.live-eyebrow--emerald{background:var(--tint-emerald-bg);border-color:var(--tint-emerald-border);color:var(--accent-emerald-text)}.live-pulse-dot{width:7px;height:7px;border-radius:999px;background:#ef4444;box-shadow:0 0 0 3px #ef444438}.live-section-title{margin:0;font-size:clamp(1.06rem,.92rem + .55vw,1.28rem);font-weight:800;color:var(--text-primary);line-height:1.32}.live-section-sub{margin:0;font-size:.85rem;color:var(--text-secondary);line-height:1.5}.live-form-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.live-input,.live-select{height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--border);background:var(--surface-inset);color:var(--text-primary);font-family:inherit;font-size:.9rem;font-weight:600}.live-input:focus,.live-select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--tint-blue-bg)}.live-input--code{flex:1 1 180px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.live-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}@media(max-width:768px){.live-mode-grid{grid-template-columns:minmax(0,1fr)}}.live-mode-tile{padding:13px 14px;border-radius:14px;border:1.5px solid var(--border);background:var(--surface-inset);color:var(--text-primary);text-align:left;font-family:inherit;cursor:pointer;display:flex;flex-direction:column;gap:5px;transition:border-color .16s ease,background .16s ease,transform .14s ease}.live-mode-tile:hover{transform:translateY(-1px);border-color:var(--tint-blue-border)}.live-mode-tile.is-active{background:var(--tint-blue-bg);border-color:var(--brand)}.live-mode-tile__head{display:flex;align-items:center;gap:7px;font-size:.88rem;font-weight:800;color:var(--text-primary)}.live-mode-tile.is-active .live-mode-tile__head{color:var(--accent-blue-text)}.live-mode-tile__desc{font-size:.77rem;color:var(--text-secondary);line-height:1.42}.live-master-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}@media(max-width:1120px){.live-master-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.live-master-grid{grid-template-columns:minmax(0,1fr)}}.live-master-card{padding:16px;border-radius:18px;background:var(--surface);border:1px solid var(--border);display:flex;flex-direction:column;justify-content:space-between;gap:14px;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.live-master-card:hover{transform:translateY(-2px);border-color:var(--tint-blue-border);box-shadow:var(--shadow)}.live-master-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.live-master-name{margin:6px 0 3px;font-size:.96rem;font-weight:800;color:var(--text-primary)}.live-master-meta{font-size:.78rem;color:var(--text-secondary);line-height:1.45}.live-master-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.live-btn{min-height:40px;padding:0 13px;border-radius:11px;border:1px solid var(--border);background:var(--surface-inset);color:var(--text-primary);font-family:inherit;font-size:.81rem;font-weight:800;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;white-space:nowrap;transition:transform .14s ease,filter .16s ease,border-color .16s ease}.live-btn:hover:not(:disabled){border-color:var(--brand);filter:brightness(1.04)}.live-btn--primary{background:linear-gradient(135deg,#2563eb,#0ea5e9);border-color:transparent;color:#fff;box-shadow:0 8px 20px -6px #2563eb7a}.live-btn--emerald{background:var(--tint-emerald-bg);border-color:var(--tint-emerald-border);color:var(--accent-emerald-text)}.live-btn--amber{background:var(--tint-amber-bg);border-color:var(--tint-amber-border);color:var(--accent-amber-text)}.live-public-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px}.live-public-item{padding:14px 16px;border-radius:16px;background:var(--surface-inset);border:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px}.live-room-topbar{padding:14px 18px;border-radius:18px;background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.live-room-topbar__left,.live-room-topbar__right{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.live-racetrack-card{padding:16px 18px;border-radius:18px;background:var(--surface);border:1px solid var(--tint-blue-border);display:flex;flex-direction:column;gap:10px}.live-racetrack-lanes{display:flex;flex-direction:column;gap:9px}.live-lane{display:grid;grid-template-columns:148px minmax(0,1fr) 74px;align-items:center;gap:12px}@media(max-width:640px){.live-lane{grid-template-columns:108px minmax(0,1fr) 62px;gap:8px}}.live-lane__driver{font-size:.81rem;font-weight:800;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-flex;align-items:center;gap:6px}.live-lane__track{position:relative;height:28px;border-radius:999px;background:var(--surface-inset);border:1px dashed var(--border);overflow:hidden}.live-lane__fill{position:absolute;inset:0 auto 0 0;background:var(--tint-blue-bg);transition:width .35s ease}.live-lane.is-self .live-lane__fill{background:var(--tint-emerald-bg)}.live-lane__car{position:absolute;top:50%;transform:translate(-50%,-50%);color:var(--accent-blue-text);transition:left .35s ease;display:inline-flex}.live-lane.is-self .live-lane__car{color:var(--accent-emerald-text)}.live-lane__score{font-size:.8rem;font-weight:800;font-variant-numeric:tabular-nums;text-align:right;color:var(--text-secondary)}.live-room-split{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-items:start}@media(min-width:1025px){.live-room-split{grid-template-columns:minmax(0,1fr) 370px;gap:24px}.live-room-sidebar{position:sticky;top:calc(var(--nav-height, 64px) + 16px)}}.live-room-sidebar{display:flex;flex-direction:column;gap:14px;min-width:0}.live-q-card{padding:clamp(16px,2.4vw,26px);border-radius:20px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:14px}.live-q-title{margin:0;font-size:clamp(1rem,.9rem + .45vw,1.18rem);font-weight:800;color:var(--text-primary);line-height:1.5}.live-q-img{padding:12px;border-radius:14px;background:#fff;border:1px solid var(--border);text-align:center}.live-q-img img{max-width:100%;max-height:260px;object-fit:contain}.live-options{display:flex;flex-direction:column;gap:9px}.live-opt-btn{width:100%;padding:12px 14px;border-radius:13px;border:1.5px solid var(--border);background:var(--surface-inset);color:var(--text-primary);font-family:inherit;font-size:.9rem;line-height:1.45;text-align:left;display:flex;align-items:flex-start;gap:11px;cursor:pointer;position:relative;overflow:hidden;transition:border-color .15s ease,background .15s ease}.live-opt-btn:hover:not(:disabled){border-color:var(--brand)}.live-opt-btn.is-picked{border-color:var(--brand);background:var(--tint-blue-bg)}.live-opt-btn.is-correct{border-color:var(--tint-emerald-border);background:var(--tint-emerald-bg)}.live-opt-btn.is-wrong{border-color:var(--tint-danger-border);background:var(--tint-danger-bg)}.live-opt-label{width:28px;height:28px;border-radius:8px;background:var(--surface);border:1px solid var(--border);font-size:.8rem;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.live-opt-content{flex:1;min-width:0}.live-opt-vote-pill{flex-shrink:0;padding:2px 8px;border-radius:999px;background:var(--surface);border:1px solid var(--border);color:var(--accent-blue-text);font-size:.72rem;font-weight:800}.live-master-tip-box{padding:12px 14px;border-radius:13px;background:var(--tint-amber-bg);border:1px solid var(--tint-amber-border);color:var(--text-primary);font-size:.85rem;line-height:1.52}.live-master-tip-box strong{color:var(--accent-amber-text)}.live-chat-feed{max-height:250px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding-right:4px}.live-chat-msg{padding:8px 11px;border-radius:11px;background:var(--surface-inset);border:1px solid var(--border);font-size:.81rem;line-height:1.42;color:var(--text-secondary)}.live-chat-msg strong{color:var(--accent-blue-text);margin-right:5px}.live-cheer-chips{display:flex;flex-wrap:wrap;gap:6px}.live-cheer-chip{padding:5px 10px;border-radius:999px;border:1px solid var(--border);background:var(--surface-inset);color:var(--text-secondary);font-family:inherit;font-size:.74rem;font-weight:700;cursor:pointer}.live-cheer-chip:hover{border-color:var(--brand);color:var(--accent-blue-text)}
