/* V0.2 — coordinated themes based on the two approved visual references.
   All routes read the same server-owned theme; these are functional layouts, not screenshots. */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&family=Tajawal:wght@400;500;600;700;800&display=swap');
:root,body[data-theme="arena-light"]{
 --bg:#f7f4ef;--panel:#ffffff;--panel2:#f9f7f3;--ink:#232b36;--muted:#697386;--line:#e7e2db;--accent:#a45a35;
 --blue:#267ab8;--red:#b9563e;--green:#21795d;--gold:#a86c23;--primary:#80512d;--field:#fff;
 --hero-a:#f8e8d8;--hero-b:#f3dfce;--shdw:0 10px 40px rgba(61,48,30,.065);--sidelight:#f6eee7;
 color-scheme:light;
}
body[data-theme="arena-midnight"]{
 --bg:#0c1724;--panel:#142235;--panel2:#1c2d41;--ink:#edf2fa;--muted:#a2b1c5;--line:#2d4056;--accent:#6dd6d2;
 --blue:#76b4ff;--red:#eb8b9d;--green:#68dac7;--gold:#f3c879;--primary:#38b9b3;--field:#101d2e;
 --hero-a:#152d43;--hero-b:#203f51;--shdw:0 16px 42px rgba(0,0,0,.17);--sidelight:#122639;
 color-scheme:dark;
}
*{box-sizing:border-box}
body{background:var(--bg)!important;color:var(--ink);font-family:'Tajawal','IBM Plex Sans Arabic','Segoe UI',Tahoma,sans-serif;font-size:15px;transition:background .18s,color .18s;line-height:1.58}
body[data-theme="arena-midnight"]{font-family:'IBM Plex Sans Arabic','Tajawal','Segoe UI',sans-serif}
.topbar{background:var(--panel)!important;border-bottom:1px solid var(--line);box-shadow:0 2px 20px #17223105;min-height:78px;position:relative;z-index:4}
.logo{color:var(--ink);letter-spacing:-.5px;font-family:Manrope,'Tajawal',sans-serif}.logo b,.accent{color:var(--accent)}.logo small{letter-spacing:0}
.logo-icon{background:var(--sidelight);border:1px solid var(--line);color:var(--accent);box-shadow:none;border-radius:15px}
main{max-width:1540px}.panel{background:var(--panel)!important;border:1px solid var(--line);color:var(--ink);box-shadow:var(--shdw);border-radius:21px;padding:22px}
.panel h2,.panel h3{color:var(--ink)}.sub,.muted,.pill.muted,footer{color:var(--muted)}footer{border-top:1px solid var(--line)}
a{color:var(--accent)}a:hover{text-decoration:none;opacity:.9}.title{font-weight:800;letter-spacing:-.6px}.gold{color:var(--gold)}.green{color:var(--green)}.danger-text{color:var(--red)}
.pill{background:var(--panel2);color:var(--ink);border:1px solid var(--line);font-size:12px}.pill.green{background:color-mix(in srgb,var(--green) 11%,var(--panel));color:var(--green);border-color:color-mix(in srgb,var(--green) 30%,var(--line))}.pill.red{background:color-mix(in srgb,var(--red) 10%,var(--panel));color:var(--red);border-color:var(--line)}.pill.gold{background:color-mix(in srgb,var(--gold) 11%,var(--panel));color:var(--gold);border-color:var(--line)}
.btn,button.primary{background:var(--primary);color:body;text-decoration:none;box-shadow:none;border-radius:11px;border:1px solid transparent;font-weight:700;color:var(--bg)}
body[data-theme="arena-light"] .btn,body[data-theme="arena-light"] button.primary{color:#fff}
body[data-theme="arena-midnight"] .btn,body[data-theme="arena-midnight"] button.primary{color:#081a24}
.btn.success{background:var(--green);color:#fff!important}.btn.danger{background:var(--red);color:#fff!important}
button.ghost,.btn.outline{background:var(--panel2);border:1px solid var(--line);color:var(--ink);box-shadow:none}button.ghost:hover,.btn.outline:hover{background:var(--sidelight)}
.btn:hover,button.primary:hover{filter:brightness(1.04)}.form-grid label,.field{color:var(--ink);font-weight:600}
input,textarea,select{background:var(--field);border:1px solid var(--line);color:var(--ink);border-radius:11px;min-height:44px}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 13%,transparent)}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.84}input[type="checkbox"]{min-height:0;width:19px;height:19px;accent-color:var(--accent)}
.list-item,.stat,.linkbox,.tag,.tab,.collapse{background:var(--panel2);border:1px solid var(--line);color:var(--ink)}.list-item.selected{border-color:var(--accent);background:var(--sidelight)}.linkbox code{color:var(--muted)}.tag{background:var(--sidelight);color:var(--accent)}.tab{border-radius:10px}.tab.active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.divider{background:var(--line)}th,td{border-color:var(--line)}th{color:var(--muted)}
.notice{background:color-mix(in srgb,var(--green) 8%,var(--panel));border:1px solid color-mix(in srgb,var(--green) 25%,var(--line));color:var(--ink)}.notice.warn{background:color-mix(in srgb,var(--gold) 10%,var(--panel));border-color:color-mix(in srgb,var(--gold) 20%,var(--line));color:var(--ink)}.toast{background:var(--green);color:white}.toast.error{background:#ad4947}
.hero{background:linear-gradient(115deg,var(--hero-a),var(--hero-b))!important;border-radius:22px;border:1px solid var(--line);text-align:right;overflow:hidden;position:relative;color:var(--ink);padding:clamp(20px,3vw,40px);isolation:isolate}
.hero::before{content:"";position:absolute;inset:auto -10px -35px auto;width:360px;height:180px;opacity:.22;z-index:-1;background:repeating-radial-gradient(ellipse at 50% 100%,transparent 0 16px,color-mix(in srgb,var(--gold) 44%,transparent) 17px 20px,transparent 21px 40px);transform:rotate(-8deg)}
.hero p{color:var(--muted);margin-inline:0;max-width:850px}.questionbox{background:var(--panel2);border:1px solid var(--line);color:var(--ink)}
.option{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:13px;text-align:right;font-weight:600;box-shadow:none}.option:hover:not(:disabled){border-color:var(--accent);background:var(--sidelight)}.option.selected{border-color:var(--blue);background:color-mix(in srgb,var(--blue) 12%,var(--panel));color:var(--ink)}.option.correct{border-color:var(--green);background:color-mix(in srgb,var(--green) 15%,var(--panel));color:var(--ink)}.option.wrong{border-color:var(--red);background:color-mix(in srgb,var(--red) 14%,var(--panel));color:var(--ink)}.clock{color:var(--accent)}.clock.urgent{color:var(--red)}
.score{border-radius:19px;min-height:145px;padding:22px!important}.score.blue{background:color-mix(in srgb,var(--blue) 10%,var(--panel));border:1px solid color-mix(in srgb,var(--blue) 28%,var(--line))}.score.red{background:color-mix(in srgb,var(--red) 10%,var(--panel));border:1px solid color-mix(in srgb,var(--red) 28%,var(--line))}.score .number{color:var(--ink);font-family:Manrope,'Tajawal',sans-serif;font-variant-numeric:tabular-nums;line-height:1.22;padding-top:10px}.vs-mark{font-family:Manrope,'Tajawal',sans-serif;font-weight:800;letter-spacing:.3em;color:var(--muted)}
.team-profile{display:flex;align-items:center;gap:12px;min-width:0}.team-profile .name{overflow-wrap:anywhere}.team-profile strong{font-size:18px!important;line-height:1.3}.team-profile small{display:block}.team-logo{width:45px;height:45px;object-fit:cover;border-radius:12px;background:var(--panel);border:1px solid var(--line);flex:0 0 auto;display:inline-grid;place-items:center}.team-logo.large{width:66px;height:66px;border-radius:18px}.team-fallback{font-size:22px;color:var(--accent);font-family:Manrope,sans-serif}.score.red .team-fallback{color:var(--red)}.choose-team button{display:flex;align-items:center;gap:10px;min-height:68px}
.theme-panel{margin:15px 0 20px}.theme-choices{display:grid;grid-template-columns:1fr 1fr;gap:14px}.theme-choice{display:flex;gap:15px;padding:11px;border:2px solid var(--line);border-radius:16px;background:var(--panel2);color:var(--ink);text-align:right;align-items:center;min-width:0;transition:border .15s,transform .15s}.theme-choice img{width:150px;max-width:38%;height:88px;object-fit:cover;border-radius:10px;object-position:center}.theme-choice strong{font-size:17px;display:block}.theme-choice small{display:block;color:var(--muted);font-size:12px}.theme-choice.chosen{border-color:var(--accent)}.theme-choice:hover{transform:translateY(-1px)}.theme-choice:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.team-edit{display:grid;gap:10px;min-width:0}.team-edit .team-profile{margin-bottom:6px}.team-edit .team-profile strong{display:block}.team-edit .actions{align-items:center;margin:0}.team-edit .actions button{flex:1;white-space:nowrap}.team-edit input[type=file]{font-size:12px}.bonus-switch{display:flex!important;gap:13px;align-items:start;border:1px solid var(--line);border-radius:13px;background:var(--sidelight);padding:13px}.bonus-switch small{display:block;font-weight:400;color:var(--muted)}.audience-bonus{background:color-mix(in srgb,var(--gold) 10%,var(--panel));border:1px solid color-mix(in srgb,var(--gold) 30%,var(--line));border-radius:16px;padding:17px;margin:15px 0}.bonus-kicker{display:block;font-weight:800;color:var(--gold);font-size:13px;letter-spacing:.2px}.audience-bonus h3{margin:8px 0}.audience-bonus p{margin:9px 0}.audience-bonus .actions button{flex:1}
.login-card{max-width:560px;margin:55px auto;padding:clamp(24px,4vw,52px)}
@media(max-width:900px){.theme-choice{display:block}.theme-choice img{max-width:100%;width:100%;height:100px}.theme-choice strong{margin-top:6px}.team-logo.large{width:46px;height:46px}.score{min-height:110px;padding:12px!important}}
@media(max-width:620px){.theme-choices{grid-template-columns:1fr}.theme-choice{display:flex}.theme-choice img{width:40%;height:84px}.topbar{padding:9px}.logo{font-size:16px}.scoreboard{gap:5px}.score .number{font-size:28px}.score .team-profile{display:grid;justify-items:center;text-align:center;gap:4px}.score .name{font-size:13px}.score .team-logo.large{width:40px;height:40px}.score{padding:10px!important}.panel{padding:16px}.questionbox{padding:16px}.audience-bonus .actions{display:grid}.theme-panel .pill{display:none}}
@media print{body{background:white!important;color:black}.panel,.score,.questionbox{background:white!important;color:black!important;box-shadow:none;border:1px solid #ccc}.theme-panel{display:none}}
/* Editorial dashboard header: actual statistics from the authoritative API */
.dashboard-intro{background:linear-gradient(115deg,var(--hero-a),var(--hero-b));border:1px solid var(--line);border-radius:23px;display:grid;grid-template-columns:minmax(0,1fr) 150px;align-items:center;gap:20px;padding:26px 32px;min-height:210px;overflow:hidden;position:relative;margin:14px 0 17px}
.dashboard-intro::after{content:"";position:absolute;inset:auto -25px -85px auto;border:9px double color-mix(in srgb,var(--accent) 18%,transparent);width:350px;height:220px;border-radius:50% 50% 0 0;pointer-events:none}
.dashboard-intro .eyebrow{font-family:Manrope,sans-serif;font-size:10px;font-weight:800;letter-spacing:.23em;color:var(--accent)}
.dashboard-intro h2{font-size:clamp(23px,3.5vw,40px);letter-spacing:-.8px;margin:5px 0 3px}.dashboard-intro p{margin:4px 0 17px;color:var(--muted);font-size:15px}
.arena-mark{aspect-ratio:1;background:var(--panel);border:1px solid var(--line);border-radius:50%;box-shadow:var(--shdw);display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--accent);transform:rotate(-8deg);position:relative;z-index:1;font-family:Manrope,sans-serif}.arena-mark span{font-size:32px;line-height:1}.arena-mark b{font-size:16px;line-height:1.4}.arena-mark small{font-size:10px;letter-spacing:.5em;margin-right:-.5em}
.kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:18px}.kpi{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:13px 17px;box-shadow:var(--shdw);display:grid;align-items:center;gap:1px;min-width:0}.kpi-icon{font-size:20px;color:var(--accent)}.kpi strong{font-family:Manrope,'Tajawal',sans-serif;font-size:30px;line-height:1.2;letter-spacing:-.5px;color:var(--ink)}.kpi small{font-size:12px;color:var(--muted)}.kpi.live .kpi-icon{color:var(--green)}
@media(max-width:930px){.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.dashboard-intro{grid-template-columns:minmax(0,1fr);padding:18px 20px}.arena-mark{display:none}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* V0.3 — two additional original concept directions. Semantic variables affect all routes. */
body[data-theme="arena-neon"]{
 --bg:#101827;--panel:#1d293d;--panel2:#26334b;--ink:#fff9f3;--muted:#b9c8d9;--line:#40536b;--accent:#65e9d9;
 --blue:#74c6ff;--red:#ff8d87;--green:#68e7c3;--gold:#ffd18b;--primary:#f47e71;--field:#17243a;
 --hero-a:#294659;--hero-b:#443149;--shdw:0 15px 36px rgba(9,15,31,.24);--sidelight:#284557;color-scheme:dark;
}
body[data-theme="arena-stadium"]{
 --bg:#0e1827;--panel:#152438;--panel2:#203248;--ink:#f6f8fd;--muted:#b7c9dc;--line:#354a62;--accent:#75d5fa;
 --blue:#8fc2ff;--red:#ffa3ad;--green:#7ed4c6;--gold:#ffcc90;--primary:#60c9dd;--field:#132136;
 --hero-a:#1d3c53;--hero-b:#233151;--shdw:0 12px 34px rgba(6,18,35,.24);--sidelight:#25445a;color-scheme:dark;
}
body[data-theme="arena-neon"],body[data-theme="arena-stadium"]{font-family:'IBM Plex Sans Arabic','Tajawal','Segoe UI',sans-serif}
body[data-theme="arena-neon"] .btn,body[data-theme="arena-neon"] button.primary{color:#241724}
body[data-theme="arena-stadium"] .btn,body[data-theme="arena-stadium"] button.primary{color:#071a2d}
body[data-theme="arena-neon"] .hero{background:linear-gradient(125deg,var(--hero-a),var(--hero-b))!important}
body[data-theme="arena-stadium"] .hero{background:linear-gradient(125deg,var(--hero-a),var(--hero-b))!important}
body[data-theme="arena-neon"] .dashboard-intro{background:linear-gradient(120deg,var(--hero-a),var(--hero-b))}
body[data-theme="arena-stadium"] .dashboard-intro{background:linear-gradient(120deg,var(--hero-a),var(--hero-b))}
body[data-theme="arena-neon"] .logo-icon{background:#f47e71;color:#241724}
body[data-theme="arena-stadium"] .logo-icon{background:#60c9dd;color:#071a2d}
body[data-theme="arena-neon"] .theme-choice.chosen,body[data-theme="arena-stadium"] .theme-choice.chosen{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 22%,transparent)}

/* V0.4 — seven coordinated design systems. Theme variables reach admin, team, watch and login. */
body[data-theme="arena-esports"]{
 --bg:#0c1026;--panel:#141a35;--panel2:#1b2444;--ink:#f6f8ff;--muted:#a9b5da;--line:#30385c;--accent:#49bdff;
 --blue:#61b1ff;--red:#f06a9a;--green:#55dbb7;--gold:#f6cb76;--primary:#2463eb;--field:#111831;
 --hero-a:#151e42;--hero-b:#191c39;--shdw:0 10px 35px rgba(0,0,0,.28);--sidelight:#20284e;color-scheme:dark;
}
body[data-theme="arena-editorial"]{
 --bg:#f4f2ee;--panel:#fffefc;--panel2:#f4f0eb;--ink:#292724;--muted:#71695e;--line:#e3ddd4;--accent:#9e543a;
 --blue:#336b8d;--red:#ad5149;--green:#466b53;--gold:#95672c;--primary:#353e34;--field:#ffffff;
 --hero-a:#f3e6d8;--hero-b:#e9d5c6;--shdw:0 8px 35px rgba(74,59,43,.065);--sidelight:#eee4d7;color-scheme:light;
}
body[data-theme="arena-sage"]{
 --bg:#edf2eb;--panel:#fffefa;--panel2:#f2f6f0;--ink:#273a30;--muted:#637769;--line:#d7e1d4;--accent:#49765d;
 --blue:#527b9b;--red:#bb655a;--green:#328064;--gold:#a57739;--primary:#326850;--field:#fffefa;
 --hero-a:#e0eadd;--hero-b:#cfdfd3;--shdw:0 9px 35px rgba(38,67,44,.075);--sidelight:#dfe9dc;color-scheme:light;
}
body[data-theme="arena-esports"] .btn,body[data-theme="arena-esports"] button.primary{color:#fdfdff}
body[data-theme="arena-editorial"] .btn,body[data-theme="arena-editorial"] button.primary,
body[data-theme="arena-sage"] .btn,body[data-theme="arena-sage"] button.primary{color:#fff}
body[data-theme="arena-esports"] .hero,body[data-theme="arena-editorial"] .hero,body[data-theme="arena-sage"] .hero{background:linear-gradient(125deg,var(--hero-a),var(--hero-b))!important}
body[data-theme="arena-esports"] .dashboard-intro,body[data-theme="arena-editorial"] .dashboard-intro,body[data-theme="arena-sage"] .dashboard-intro{background:linear-gradient(120deg,var(--hero-a),var(--hero-b))}

/* Image reference: the supplied colosseum screenshot is a picker preview only.
   Arena graphic below is a text-free illustration beneath real, accessible UI. */
body[data-theme="arena-light"]{
 --bg:#fcf9f5;--panel:#ffffff;--panel2:#fff9f3;--ink:#2c354a;--muted:#656e80;--line:#ebe1d8;--accent:#9a4b2c;
 --blue:#2478c8;--red:#b94948;--green:#249a77;--gold:#d79724;--primary:#975338;--field:#fff;
 --hero-a:#fff1df;--hero-b:#fff9f2;--shdw:0 10px 37px rgba(91,68,49,.065);--sidelight:#fff0e5;
}
body[data-theme="arena-light"] .dashboard-intro{
 background:linear-gradient(90deg,rgba(255,252,248,.91) 0%,rgba(255,246,236,.71) 54%,rgba(255,248,241,.05) 100%), url('/static/themes/arena-hero.svg') center/cover !important;
 border-color:#ead4bb;min-height:250px;
}
body[data-theme="arena-light"] .hero{
 background:linear-gradient(90deg,rgba(255,252,247,.96),rgba(255,249,238,.76)), url('/static/themes/arena-hero.svg') center/cover !important;
 border-color:#ead4bb;
}
body[data-theme="arena-light"] .dashboard-intro h2{font-family:'Tajawal',sans-serif;color:#542d20;font-size:clamp(30px,3vw,49px);line-height:1.2}
body[data-theme="arena-light"] .dashboard-intro p{color:#654f47;font-size:17px}
body[data-theme="arena-light"] .dashboard-intro .eyebrow{color:#a25b31}
body[data-theme="arena-light"] .logo-icon{border-radius:9px;color:#99623e;background:#f5e4ca;font-size:24px}
body[data-theme="arena-light"] .kpi{background:linear-gradient(160deg,#fff,var(--panel2))}
body[data-theme="arena-light"] .kpi:nth-child(1) .kpi-icon{color:#3177c7}
body[data-theme="arena-light"] .kpi:nth-child(2) .kpi-icon{color:#d07c3b}
body[data-theme="arena-light"] .kpi:nth-child(3) .kpi-icon{color:#249a77}
body[data-theme="arena-light"] .kpi:nth-child(4) .kpi-icon{color:#7761c7}
body[data-theme="arena-light"] .kpi:nth-child(5) .kpi-icon{color:#db5356}
body[data-theme="arena-light"] .score.blue{background:#edf6ff}
body[data-theme="arena-light"] .score.red{background:#fff0ed}
body[data-theme="arena-esports"] .kpi,body[data-theme="arena-esports"] .panel{border-radius:10px}
body[data-theme="arena-esports"] .logo-icon{border-radius:6px;background:#182a53;color:#49bdff}
body[data-theme="arena-esports"] .theme-choice.chosen{box-shadow:0 0 0 2px #2365be55}
body[data-theme="arena-editorial"] .panel,body[data-theme="arena-editorial"] .kpi{border-radius:9px}
body[data-theme="arena-editorial"] .dashboard-intro h2{font-weight:700;letter-spacing:0}
body[data-theme="arena-sage"] .panel,body[data-theme="arena-sage"] .kpi{border-radius:23px}
body[data-theme="arena-sage"] .dashboard-intro{background:radial-gradient(circle at 8% 92%,#cde3c7 0,transparent 36%),linear-gradient(120deg,var(--hero-a),var(--hero-b))}

/* Easy-to-use appearance controls + admin navigation */
.theme-panel{scroll-margin-top:25px}
.theme-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.theme-choice{position:relative;gap:12px;align-items:start;min-height:132px}
.theme-choice img{width:176px;height:103px;max-width:42%;object-fit:cover;border-radius:9px;flex-shrink:0}
.theme-choice strong{font-size:16px;line-height:1.35}
.theme-choice small{line-height:1.4;margin-top:6px}
.theme-choice:disabled{opacity:.6}
.default-theme-tag,.active-theme-tag{font-style:normal;font-size:11px;font-weight:800;padding:3px 8px;border-radius:5px;margin:8px 0 0 5px;display:inline-block}
.default-theme-tag{background:color-mix(in srgb,var(--gold) 17%,var(--panel));color:var(--gold)}
.active-theme-tag{background:color-mix(in srgb,var(--green) 14%,var(--panel));color:var(--green)}
.theme-choice.chosen::after{content:'✓';position:absolute;top:7px;left:8px;background:var(--accent);color:#fff;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-weight:bold}
.dashboard-intro{position:relative;overflow:hidden;min-height:215px}
.dashboard-intro .intro-copy{max-width:660px;position:relative;z-index:1}
.dashboard-intro .intro-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px}
.dashboard-intro .intro-actions button{min-height:43px}
.dashboard-intro .arena-mark{opacity:.45}
body[data-theme="arena-light"] .dashboard-intro .arena-mark{display:none}
/* Keep readable text when team or audience share a theme on smaller screens. */
@media(max-width:1080px){.theme-choices{grid-template-columns:1fr 1fr}.theme-choice{display:block}.theme-choice img{width:100%;max-width:100%;height:110px}.theme-choice strong{margin-top:8px}}
@media(max-width:650px){.theme-choices{grid-template-columns:1fr}.theme-choice{display:flex;min-height:105px}.theme-choice img{max-width:39%;width:39%;height:95px}.dashboard-intro{min-height:220px}.dashboard-intro .intro-actions{gap:7px}}
@media print{.dashboard-intro,.theme-panel{display:none!important}}

.import-drop-zone{border:2px dashed var(--line);background:var(--panel2);border-radius:13px;padding:19px;cursor:pointer;transition:background .15s,border-color .15s}
.import-drop-zone.drag-over{border-color:var(--accent);background:var(--sidelight)}
.import-drop-zone input{margin-top:8px;cursor:pointer}

/* ========================= V0.5 UX + faithful theme pass ========================= */
/* Admin shell: keep navigation visually separated like the approved references. */
body[data-route="admin"] .layout.admin{direction:ltr;grid-template-columns:275px minmax(0,1fr);align-items:start}
body[data-route="admin"] .layout.admin>aside,body[data-route="admin"] .layout.admin>div{direction:rtl}
body[data-route="admin"] .layout.admin>aside{position:sticky;top:94px;max-height:calc(100vh - 116px);overflow:auto}
body[data-route="admin"] .tabbar{position:sticky;top:83px;z-index:3;background:var(--bg);padding:8px 0}
.match-code-box code{font-size:18px!important;font-weight:800;letter-spacing:.16em;color:var(--accent)!important}

/* Quick question builder — simple first, advanced only on demand. */
.question-builder-panel{padding:0!important;overflow:hidden}
.quick-question-builder{display:grid;gap:18px;padding:22px}
.quick-head{display:flex;align-items:end;justify-content:space-between;gap:18px;padding-bottom:15px;border-bottom:1px solid var(--line)}
.quick-head h2{margin:2px 0 0;font-size:24px}.quick-head p{margin:4px 0 0}
.compact-field{display:grid;gap:5px;min-width:118px;font-size:12px;font-weight:700}.compact-field select{min-height:42px}
.question-prompt textarea{min-height:92px;font-size:18px;line-height:1.6;padding:15px}
.question-type-switch{display:flex;gap:8px;flex-wrap:wrap}.type-chip{border:1px solid var(--line);background:var(--panel2);color:var(--ink);border-radius:999px;padding:8px 15px;font-weight:700}.type-chip.active{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.answer-editor{display:grid;gap:9px}.answer-hint{margin:0;color:var(--muted);font-size:12px}.option-editor{display:grid;grid-template-columns:auto 35px minmax(0,1fr);align-items:center;gap:8px;padding:7px 10px;border:1px solid var(--line);background:var(--panel2);border-radius:13px}.option-editor>input[type=radio]{width:18px;height:18px;accent-color:var(--accent)}.option-editor>span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--sidelight);color:var(--accent);font-weight:800}.option-editor>input[type=text],.option-editor>input:not([type]){border:0;background:transparent;padding:7px 4px;min-height:38px;box-shadow:none}.option-editor:has(input[type=radio]:checked){border-color:var(--green);box-shadow:0 0 0 2px color-mix(in srgb,var(--green) 12%,transparent)}
.tf-picks{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tf-picks label{cursor:pointer}.tf-picks input{position:absolute;opacity:0}.tf-picks span{display:block;text-align:center;border:1px solid var(--line);background:var(--panel2);padding:15px;border-radius:13px;font-weight:800}.tf-picks label:has(input:checked) span{border-color:var(--green);background:color-mix(in srgb,var(--green) 12%,var(--panel));color:var(--green)}
.quick-settings{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px;background:var(--panel2);border:1px solid var(--line);border-radius:14px}.quick-settings label{display:grid;gap:5px;font-weight:700;font-size:12px}
.advanced-question{border:1px solid var(--line);border-radius:14px;background:var(--panel2);overflow:hidden}.advanced-question summary{cursor:pointer;padding:13px 15px;font-weight:800;color:var(--ink)}.advanced-question[open] summary{border-bottom:1px solid var(--line)}.advanced-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:15px}.advanced-grid .full{grid-column:1/-1}
.quick-actions{display:flex;gap:9px;flex-wrap:wrap}.quick-actions button{min-height:44px}
[hidden]{display:none!important}

/* DEFAULT: approved warm arena reference — light, spacious, colosseum-inspired. */
body[data-theme="arena-light"]{background:linear-gradient(180deg,#fffdf9 0,#f8f1e9 100%)!important}
body[data-theme="arena-light"] .topbar{background:rgba(255,255,255,.92)!important;backdrop-filter:blur(16px);border-color:#eadfd4;box-shadow:0 8px 28px rgba(118,80,46,.05)}
body[data-theme="arena-light"] main{max-width:1600px;padding-top:20px}
body[data-theme="arena-light"] .panel{border-radius:17px;box-shadow:0 10px 34px rgba(93,62,36,.065)}
body[data-theme="arena-light"] .layout.admin>aside{background:linear-gradient(180deg,#fff 0,#fffaf5 100%)!important;border-color:#eadfd5}
body[data-theme="arena-light"] .dashboard-intro{min-height:300px;padding:38px 42px;border-radius:18px;background:linear-gradient(90deg,rgba(255,252,247,.98) 0%,rgba(255,248,238,.84) 46%,rgba(255,247,235,.16) 76%),url('/static/themes/arena-hero.svg') center/cover!important;box-shadow:0 20px 45px rgba(136,87,42,.08)}
body[data-theme="arena-light"] .dashboard-intro::after{display:none}body[data-theme="arena-light"] .dashboard-intro h2{font-size:clamp(32px,3.6vw,54px);max-width:760px;color:#672b1d}body[data-theme="arena-light"] .dashboard-intro p{font-size:18px;color:#6e554a}
body[data-theme="arena-light"] .intro-actions .btn.success{background:#2f9e74}body[data-theme="arena-light"] .intro-actions .ghost{background:#fff;border-color:#ead7c8}
body[data-theme="arena-light"] .kpi{min-height:104px;border-radius:16px;padding:17px 18px}.kpi:nth-child(1){background:#eef7ff!important}.kpi:nth-child(2){background:#fff4ea!important}.kpi:nth-child(3){background:#eef9f4!important}.kpi:nth-child(4){background:#f5f0ff!important}.kpi:nth-child(5){background:#fff0f1!important}
body[data-theme="arena-light"] .tab.active{background:#8b4c35;color:#fff;border-color:#8b4c35}
body[data-theme="arena-light"] .questionbox{background:#fffaf4;border-color:#ecdcd0}

/* ESPORTS: squared panels, cyan telemetry and subtle grid like the supplied esports board. */
body[data-theme="arena-esports"]{background:#080d1f!important;background-image:linear-gradient(rgba(78,112,184,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(78,112,184,.055) 1px,transparent 1px)!important;background-size:34px 34px!important}
body[data-theme="arena-esports"] .topbar{background:#0b1127!important;border-color:#26335e;box-shadow:none}
body[data-theme="arena-esports"] main{max-width:1560px}
body[data-theme="arena-esports"] .panel,body[data-theme="arena-esports"] .kpi,body[data-theme="arena-esports"] .list-item,body[data-theme="arena-esports"] .linkbox,body[data-theme="arena-esports"] input,body[data-theme="arena-esports"] select,body[data-theme="arena-esports"] textarea{border-radius:5px!important}
body[data-theme="arena-esports"] .panel{background:#0e1631!important;border:1px solid #273762;box-shadow:inset 0 0 0 1px rgba(73,189,255,.02)}
body[data-theme="arena-esports"] .layout.admin>aside{background:#0b132c!important;border-right:3px solid #1a8fe6}
body[data-theme="arena-esports"] .dashboard-intro{min-height:220px;border-radius:6px;background:radial-gradient(circle at 78% 50%,rgba(38,99,235,.22),transparent 28%),linear-gradient(135deg,#101a3a,#0d142d)!important;border-color:#2a3c6d}
body[data-theme="arena-esports"] .dashboard-intro::after{content:"";display:block;inset:0;background:linear-gradient(90deg,transparent 0 49%,rgba(66,159,255,.08) 50%,transparent 51%);width:auto;height:auto;border:0;border-radius:0}
body[data-theme="arena-esports"] .dashboard-intro h2{font-family:Manrope,'IBM Plex Sans Arabic',sans-serif;text-transform:none;letter-spacing:-.03em}
body[data-theme="arena-esports"] .kpi{background:#101a37!important;border-color:#2b3a64;min-height:92px}.kpi-icon{color:#43b8ff!important}
body[data-theme="arena-esports"] .tab{border-radius:4px}.tab.active{background:#123a6a;color:#58c7ff;border-color:#268bdd;box-shadow:inset 3px 0 0 #45c8ff}
body[data-theme="arena-esports"] .score{border-radius:5px!important;background:#101a37!important}.score.blue{border-color:#247dd1}.score.red{border-color:#6a315e}.vs-mark{color:#56bfff}
body[data-theme="arena-esports"] .option{border-radius:4px;background:#111c3a;border-color:#2c4373}.option:hover:not(:disabled){background:#16294f;border-color:#4cbcff}
body[data-theme="arena-esports"] .theme-choice{border-radius:5px}

/* Remaining themes are intentionally distinct rather than recolors. */
body[data-theme="arena-midnight"] .panel{border-radius:14px;background:linear-gradient(145deg,#132235,#101c2b)!important}body[data-theme="arena-midnight"] .dashboard-intro{background:linear-gradient(135deg,#15344b,#152333)!important;border-radius:28px}
body[data-theme="arena-neon"]{background:radial-gradient(circle at 15% 10%,#2a3e50 0,transparent 32%),radial-gradient(circle at 85% 90%,#472e42 0,transparent 38%),#101827!important}body[data-theme="arena-neon"] .panel{border-radius:22px}body[data-theme="arena-neon"] .btn,body[data-theme="arena-neon"] button.primary{background:#ff8b76!important}body[data-theme="arena-neon"] .dashboard-intro{border-radius:30px;background:linear-gradient(120deg,#26495a,#4b3145)!important}
body[data-theme="arena-stadium"] .dashboard-intro{background:linear-gradient(120deg,#112b42,#183c63)!important;box-shadow:inset 0 -4px 0 #60c9dd}body[data-theme="arena-stadium"] .panel{border-radius:12px}
body[data-theme="arena-editorial"]{background:#f2efe9!important}body[data-theme="arena-editorial"] .topbar{background:#f8f6f1!important}body[data-theme="arena-editorial"] .panel{box-shadow:none;border-color:#d8d0c5}body[data-theme="arena-editorial"] .dashboard-intro{background:#e9dfd1!important;border:0;border-radius:0}body[data-theme="arena-editorial"] .dashboard-intro h2{font-family:Georgia,'Tajawal',serif;font-size:clamp(30px,4vw,55px)}
body[data-theme="arena-sage"]{background:linear-gradient(180deg,#eff4ed,#e6eee5)!important}body[data-theme="arena-sage"] .dashboard-intro{background:radial-gradient(circle at 85% 30%,#d7e7d2,transparent 28%),linear-gradient(120deg,#edf5e9,#d9e7d9)!important}body[data-theme="arena-sage"] .panel{border-radius:26px}

/* Team and audience pages inherit the same identity but stay intentionally simpler. */
body[data-route="play"] main,body[data-route="watch"] main{max-width:1220px}
body[data-route="play"] .hero,body[data-route="watch"] .hero{min-height:150px;display:grid;align-content:center}
body[data-theme="arena-light"][data-route="play"] .hero,body[data-theme="arena-light"][data-route="watch"] .hero{background:linear-gradient(90deg,rgba(255,252,247,.97),rgba(255,248,238,.72)),url('/static/themes/arena-hero.svg') center/cover!important}
body[data-theme="arena-esports"][data-route="play"] .hero,body[data-theme="arena-esports"][data-route="watch"] .hero{border-radius:5px;background:linear-gradient(135deg,#101a3a,#0b132b)!important;border-color:#2b3e70}

@media(max-width:900px){body[data-route="admin"] .layout.admin{direction:rtl;grid-template-columns:1fr}body[data-route="admin"] .layout.admin>aside{position:static;max-height:none}.advanced-grid{grid-template-columns:1fr}.advanced-grid .full{grid-column:auto}.quick-head{align-items:start}.dashboard-intro{min-height:220px!important}.quick-settings{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.quick-head{display:grid}.quick-settings,.tf-picks{grid-template-columns:1fr}.quick-actions{display:grid}.quick-actions button{width:100%}.option-editor{grid-template-columns:auto 30px minmax(0,1fr);padding:6px}.question-prompt textarea{font-size:16px}}
.theme-panel{padding:0!important;overflow:hidden}.theme-summary{list-style:none;cursor:pointer;padding:15px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.theme-summary::-webkit-details-marker{display:none}.theme-summary span:first-child{display:grid;gap:2px}.theme-summary small{color:var(--muted);font-size:12px}.theme-panel-body{padding:0 18px 18px;border-top:1px solid var(--line)}.theme-panel[open] .theme-summary{background:var(--panel2)}

/* V0.6 base — premium broadcast experience + master timer controls */
.timer-settings-card{overflow:hidden;position:relative}
.timer-settings-card::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--accent)}
.timer-setting-badge{display:inline-flex;align-items:center;justify-content:center;min-width:100px;padding:9px 14px;border-radius:999px;background:color-mix(in srgb,var(--accent) 11%,var(--panel));border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));font-weight:800;color:var(--accent);font-variant-numeric:tabular-nums}
.timer-settings-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end;margin-top:16px}
.timer-settings-form label{display:grid;gap:6px;color:var(--muted);font-size:12px;font-weight:700}.timer-settings-form .checkline{grid-column:1/-1;display:flex;align-items:center;gap:9px;background:var(--panel2);border:1px solid var(--line);padding:10px 12px;border-radius:12px}.timer-settings-form .checkline input{width:auto}.timer-settings-form button{grid-column:1/-1;justify-self:start}

body[data-route="play"],body[data-route="watch"]{background:var(--bg)!important;min-height:100vh;overflow-x:hidden}
body[data-route="play"] .topbar,body[data-route="watch"] .topbar,body[data-route="play"]>footer,body[data-route="watch"]>footer{display:none!important}
body[data-route="play"] main,body[data-route="watch"] main{max-width:none!important;padding:0!important;margin:0!important;min-height:100vh}
.broadcast-shell{--broadcast-glow:color-mix(in srgb,var(--accent) 22%,transparent);min-height:100vh;position:relative;isolation:isolate;display:grid;grid-template-rows:auto auto 1fr auto;gap:clamp(14px,2vw,24px);padding:clamp(16px,2.4vw,34px);background:
 radial-gradient(circle at 12% 12%,var(--broadcast-glow),transparent 28%),
 radial-gradient(circle at 88% 86%,color-mix(in srgb,var(--blue) 14%,transparent),transparent 30%),
 linear-gradient(180deg,color-mix(in srgb,var(--panel) 20%,transparent),transparent 28%),var(--bg)}
.broadcast-shell::before{content:"";position:fixed;z-index:-1;inset:0;pointer-events:none;opacity:.25;background-image:linear-gradient(color-mix(in srgb,var(--line) 34%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--line) 34%,transparent) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,#000,transparent 78%)}
.broadcast-top{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:2px 4px 12px;border-bottom:1px solid var(--line)}
.broadcast-brand{display:flex;align-items:center;gap:12px}.brand-glyph{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--ink);color:var(--bg);font-family:Manrope,sans-serif;font-weight:900;letter-spacing:-1px}.broadcast-brand strong{display:block;font-family:Manrope,'Tajawal',sans-serif;font-size:18px;letter-spacing:.04em}.broadcast-brand small{display:block;color:var(--muted);font-size:11px;margin-top:-2px}.broadcast-meta{display:flex;gap:9px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:12px}.broadcast-meta>span{border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 72%,transparent);padding:7px 11px;border-radius:999px}.live-indicator{color:var(--red)!important;font-weight:800}.live-indicator i{display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;margin-left:6px;box-shadow:0 0 0 5px color-mix(in srgb,currentColor 12%,transparent);animation:broadcastPulse 1.6s infinite}
.broadcast-score{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,180px) minmax(0,1fr);gap:clamp(10px,2vw,22px);align-items:stretch}
.broadcast-team{min-width:0;display:flex;align-items:center;gap:14px;padding:clamp(15px,2vw,24px);border-radius:22px;border:1px solid var(--line);background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 96%,transparent),color-mix(in srgb,var(--panel2) 88%,transparent));box-shadow:var(--shdw);position:relative;overflow:hidden}
.broadcast-team::after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;background:var(--broadcast-glow);filter:blur(35px);opacity:.55;inset:auto auto -72px -30px}.broadcast-team.right::after{inset:-65px -45px auto auto;background:color-mix(in srgb,var(--red) 18%,transparent)}
.broadcast-team>strong{margin-inline-start:auto;font-family:Manrope,'Tajawal',sans-serif;font-size:clamp(38px,6vw,82px);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.06em}.broadcast-team.right>strong{margin-inline-start:0;margin-inline-end:auto}.broadcast-team h2{margin:0;font-size:clamp(18px,2.2vw,30px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.broadcast-team small{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.broadcast-team .team-logo.large{width:clamp(54px,6vw,84px);height:clamp(54px,6vw,84px);border-radius:20px}.broadcast-team.left{border-bottom:3px solid var(--blue)}.broadcast-team.right{border-bottom:3px solid var(--red)}
.broadcast-timer-wrap{display:grid;place-items:center;align-content:center;gap:6px}.broadcast-timer-wrap>em{font-style:normal;color:var(--muted);font-size:11px;text-align:center}.timer-ring{--time-progress:1;width:clamp(105px,10vw,150px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(var(--accent) calc(var(--time-progress) * 100%),color-mix(in srgb,var(--line) 58%,transparent) 0);box-shadow:0 0 45px color-mix(in srgb,var(--accent) 14%,transparent)}.timer-ring::before{content:"";position:absolute;inset:8px;border-radius:50%;background:var(--bg);border:1px solid var(--line)}.timer-ring>div{position:relative;z-index:1;text-align:center}.timer-ring span{display:block;font-family:Manrope,'Tajawal',sans-serif;font-weight:900;font-size:clamp(34px,5vw,60px);line-height:.95;font-variant-numeric:tabular-nums}.timer-ring small{display:block;color:var(--muted);font-size:9px;margin-top:7px}.timer-ring.timeless{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 18%,var(--panel)),var(--panel2))}.timer-ring.urgent{color:var(--red);animation:timerAlert .7s infinite alternate}
.broadcast-question{width:min(1180px,100%);margin-inline:auto;align-self:center;padding:clamp(20px,3.2vw,44px);border:1px solid var(--line);border-radius:28px;background:color-mix(in srgb,var(--panel) 96%,transparent);box-shadow:0 22px 70px color-mix(in srgb,#000 16%,transparent);position:relative;overflow:hidden}.broadcast-question::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,transparent,var(--accent),var(--blue),transparent)}.question-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.question-kicker{color:var(--accent);font-family:Manrope,'Tajawal',sans-serif;font-weight:800;font-size:11px;letter-spacing:.06em;text-transform:uppercase}.question-progress{font-family:Manrope,sans-serif;font-weight:800;font-size:20px;color:var(--muted)}.question-progress i{font-style:normal;opacity:.45;margin-inline:4px}.question-content h1{font-size:clamp(25px,4vw,52px);line-height:1.35;margin:8px auto 26px;text-align:center;max-width:980px;letter-spacing:-.02em}.broadcast-question .quiz-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:1000px;margin:0 auto}.broadcast-question .option{border-radius:18px;min-height:76px;padding:18px 20px;background:var(--panel2);border:1px solid var(--line);color:var(--ink);box-shadow:none;transition:transform .13s,border-color .13s,background .13s}.broadcast-question .option:hover:not(:disabled){transform:translateY(-2px);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,var(--panel2))}.broadcast-question .option .tag{float:right;margin-left:12px;width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 12%,var(--panel));color:var(--accent);font-weight:900}.broadcast-note,.broadcast-explanation{max-width:1000px;margin:15px auto 0;padding:12px 16px;border-radius:13px;background:color-mix(in srgb,var(--accent) 8%,var(--panel2));border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));color:var(--ink);text-align:center}.success-note{border-color:color-mix(in srgb,var(--green) 35%,var(--line));background:color-mix(in srgb,var(--green) 9%,var(--panel2))}.danger-note{border-color:color-mix(in srgb,var(--red) 42%,var(--line));background:color-mix(in srgb,var(--red) 9%,var(--panel2));color:var(--red)}.broadcast-buzz{max-width:1000px;margin:18px auto 0;display:block}.broadcast-results-strip{max-width:1000px;margin:18px auto 0;border-top:1px solid var(--line);padding-top:14px;text-align:center}.waiting-stage{display:grid;place-items:center;align-content:center;min-height:38vh;text-align:center}.waiting-stage h1{margin:8px 0 0}.waiting-stage p{color:var(--muted)}
.broadcast-result{width:min(900px,100%);margin:auto;text-align:center;padding:28px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(130deg,color-mix(in srgb,var(--gold) 9%,var(--panel)),var(--panel));box-shadow:var(--shdw)}.broadcast-result>span{font-family:Manrope,sans-serif;letter-spacing:.22em;color:var(--gold);font-size:10px}.broadcast-result h1{font-size:clamp(28px,4vw,50px);margin:8px}.broadcast-result p{font-size:clamp(36px,6vw,72px);font-weight:900;margin:0;font-family:Manrope,sans-serif}.broadcast-result b{color:var(--muted);font-weight:400}
.broadcast-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:12px;color:var(--muted);font-size:11px}.footer-actions{display:flex;align-items:center;gap:8px}.broadcast-shell .audience-bonus{max-width:1000px;margin:18px auto 0}.broadcast-shell .media,.broadcast-shell .media-embed{max-width:880px}.broadcast-shell #answerForm{max-width:760px;margin-inline:auto}
body[data-theme="arena-light"] .broadcast-shell{background:radial-gradient(circle at 12% 12%,rgba(235,191,137,.24),transparent 30%),radial-gradient(circle at 90% 88%,rgba(80,139,191,.10),transparent 28%),#fbf8f4}.broadcast-shell .team-fallback{display:grid;place-items:center;background:var(--panel2);border:1px solid var(--line);color:var(--accent)}

@keyframes broadcastPulse{50%{opacity:.45;transform:scale(.75)}}@keyframes timerAlert{to{filter:drop-shadow(0 0 12px color-mix(in srgb,var(--red) 55%,transparent))}}
@media(max-width:900px){.timer-settings-form{grid-template-columns:1fr 1fr}.broadcast-score{grid-template-columns:1fr 96px 1fr}.broadcast-team{display:grid;justify-items:center;text-align:center;gap:6px}.broadcast-team>strong,.broadcast-team.right>strong{margin:0}.broadcast-team h2{font-size:15px}.broadcast-team small{display:none}.broadcast-team .team-logo.large{width:52px;height:52px}.timer-ring{width:88px}.broadcast-question .quiz-options{grid-template-columns:1fr}}
@media(max-width:620px){.timer-settings-form{grid-template-columns:1fr}.broadcast-shell{padding:11px;gap:11px}.broadcast-top{align-items:flex-start}.broadcast-meta>span:not(.live-indicator){display:none}.broadcast-score{grid-template-columns:1fr 72px 1fr;gap:6px}.broadcast-team{padding:10px;border-radius:15px}.broadcast-team .team-logo.large{width:40px;height:40px;border-radius:11px}.broadcast-team>strong{font-size:29px}.broadcast-team h2{font-size:12px;max-width:100px}.timer-ring{width:68px}.timer-ring::before{inset:5px}.timer-ring span{font-size:25px}.timer-ring small{display:none}.broadcast-question{padding:18px 13px;border-radius:18px}.question-content h1{font-size:24px;margin-bottom:18px}.broadcast-question .option{min-height:62px;padding:13px;font-size:14px}.broadcast-footer{justify-content:center;text-align:center}.footer-actions{width:100%;justify-content:center}}

/* V0.7 — director-grade match flow, direct launch cards, lightweight team screen */
.match-launcher{display:grid;gap:14px;margin-top:16px}.match-code-hero{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 8%,var(--panel2)),var(--panel));flex-wrap:wrap}.match-code-hero span{color:var(--muted);font-size:11px;font-weight:800}.match-code-hero strong{font:900 clamp(24px,3vw,38px)/1 Manrope,'Tajawal',sans-serif;letter-spacing:.12em}.match-code-hero button{margin-inline-start:auto}.launch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.launch-card{padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--panel2);display:grid;gap:5px;align-content:start}.launch-card>span{font-size:10px;color:var(--muted);font-weight:800;letter-spacing:.08em}.launch-card>strong{font-size:18px}.launch-card>small{color:var(--muted);direction:ltr;text-align:right}.launch-card .actions{margin-top:10px}.audience-launch{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 9%,var(--panel2)),var(--panel2))}.muted-launch{place-content:center;color:var(--muted);text-align:center}
.show-settings-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}.setting-group{border:1px solid var(--line);border-radius:18px;background:var(--panel2);padding:14px;display:grid;gap:10px;align-content:start}.setting-group h3{margin:0;font-size:13px}.setting-group label{display:grid;gap:5px;color:var(--muted);font-size:11px;font-weight:700}.setting-note{font-size:10px;color:var(--muted);margin:0;line-height:1.7}.full-setting{grid-column:1/-1;display:flex!important;align-items:flex-start!important;gap:10px;background:var(--panel2);padding:11px 13px;border:1px solid var(--line);border-radius:13px}.full-setting input{width:auto;margin-top:3px}.save-show-settings{grid-column:1/-1;justify-self:start}.director-controls{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.reveal-btn{background:linear-gradient(110deg,#8a5a00,#d79c26)!important;color:#fff!important}

body[data-route="play"]{background:#f5f6f8!important}.team-console{min-height:100vh;background:#f7f8fa;color:#101722;display:grid;grid-template-rows:auto 1fr auto;--team-line:#dfe4ea;--team-muted:#6f7886}.team-console-head{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px clamp(18px,4vw,52px);border-bottom:1px solid var(--team-line);background:#fff}.team-console-head>div:first-child{display:grid}.team-console-brand{font:800 10px/1 Manrope,sans-serif;letter-spacing:.17em;color:#82909f}.team-console-head strong{font-size:17px;margin-top:5px}.team-console-state{display:flex;gap:8px;flex-wrap:wrap}.team-console-state span{border:1px solid var(--team-line);border-radius:999px;padding:6px 10px;font-size:11px;color:var(--team-muted);background:#fafbfc}.team-question-stage{width:min(980px,calc(100% - 28px));margin:auto;padding:clamp(24px,5vw,62px) 0;text-align:center;display:grid;justify-items:center;align-content:center;gap:18px}.team-question-number{font:800 11px/1 Manrope,'Tajawal',sans-serif;letter-spacing:.05em;color:#7a8491}.team-question-stage h1{font-size:clamp(28px,5vw,58px);line-height:1.36;margin:0;max-width:930px;color:#101722;letter-spacing:-.02em}.team-question-stage .quiz-options{width:min(900px,100%);grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:8px auto 0}.team-question-stage .option{background:#fff;color:#151c26;border:1px solid #d7dde5;border-radius:16px;box-shadow:0 5px 18px rgba(31,42,55,.05);min-height:72px}.team-question-stage .option:hover:not(:disabled){background:#f4f8ff;border-color:#6b8cff;transform:translateY(-1px)}.team-question-stage .option.selected{background:#eef7ff;border-color:#4389ca}.team-question-stage .option.correct{background:#e9f9f2;border-color:#38a57c;color:#145c47}.team-question-stage .option.wrong{background:#fff0f2;border-color:#d46a7a;color:#8f2436}.team-timer{--time-progress:1;width:120px;aspect-ratio:1;border-radius:50%;display:grid;place-content:center;background:conic-gradient(#1d6fe8 calc(var(--time-progress)*100%),#e7ebf0 0);position:relative}.team-timer::before{content:"";position:absolute;inset:7px;border-radius:50%;background:#fff}.team-timer>*{position:relative;z-index:1}.team-timer span{display:block;font:900 42px/1 Manrope,sans-serif;color:#111827;font-variant-numeric:tabular-nums}.team-timer small{display:block;color:#7c8794;font-size:9px;margin-top:6px}.team-timer.timeless{background:#edf1f5}.team-timer.urgent{background:conic-gradient(#df3f57 calc(var(--time-progress)*100%),#f0dfe2 0)}.team-stage-note{max-width:800px;padding:11px 16px;border-radius:12px;background:#fff;border:1px solid var(--team-line);color:#56606d}.team-console .success-note{background:#edf9f4;border-color:#b9e4d2;color:#25644f}.team-console .danger-note{background:#fff0f2;border-color:#efc6cd;color:#9d2e41}.team-console-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px clamp(18px,4vw,52px);border-top:1px solid var(--team-line);background:#fff;color:#7a8491;font-size:11px}.team-console .big-buzz{max-width:900px}

.audience-pro{background:radial-gradient(circle at 50% -10%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 36%),var(--bg)!important}.reading-note{border-style:dashed!important}.question-result-board{max-width:1040px;margin:22px auto 0;border-top:1px solid var(--line);padding-top:18px}.result-board-title{text-align:center;margin-bottom:14px}.result-board-title>span{font:800 9px/1 Manrope,sans-serif;letter-spacing:.2em;color:var(--muted)}.result-board-title h3{margin:7px 0 0;font-size:22px}.result-team-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.result-team-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--panel2);position:relative;overflow:hidden}.result-team-card::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--muted)}.result-team-card.is-correct::before{background:var(--green)}.result-team-card.is-wrong::before{background:var(--red)}.result-team-card h4{font-size:18px;margin:2px 0}.result-team-card p{margin:0;color:var(--muted);font-size:11px}.result-team-card .team-logo.large{width:58px;height:58px}.result-points{display:grid;text-align:center;min-width:95px}.result-points strong{font:900 32px/1 Manrope,sans-serif;color:var(--green)}.is-wrong .result-points strong,.is-empty .result-points strong{color:var(--muted)}.result-points small,.result-points em{font-size:8px;color:var(--muted);font-style:normal}.result-points b{font:800 20px/1.1 Manrope,sans-serif;margin-top:8px}.broadcast-question[data-stage="prompt"] .quiz-options{visibility:hidden}

@media(max-width:980px){.launch-grid,.show-settings-form{grid-template-columns:1fr 1fr}.setting-group:last-of-type{grid-column:1/-1}.result-team-grid{grid-template-columns:1fr}}
@media(max-width:680px){.launch-grid,.show-settings-form{grid-template-columns:1fr}.setting-group:last-of-type{grid-column:auto}.team-console-head{align-items:flex-start}.team-console-state{justify-content:flex-end}.team-question-stage .quiz-options{grid-template-columns:1fr}.team-timer{width:92px}.team-timer span{font-size:32px}.team-question-stage h1{font-size:28px}.result-team-card{grid-template-columns:auto 1fr}.result-points{grid-column:1/-1;grid-template-columns:repeat(4,auto);align-items:center;justify-content:center;gap:8px}.result-points b{margin:0}}

/* V0.8 — broadcast-grade audience show + flexible round builder */
.rounds-studio{overflow:hidden}.round-count-form{display:flex;align-items:end;gap:8px;min-width:260px}.round-count-form label{display:grid;gap:4px;font-size:11px;font-weight:800;flex:1}.round-count-form input{min-width:84px}.round-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.round-card{display:grid;gap:9px;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--panel2)}.round-card label{display:grid;gap:5px;font-size:11px;font-weight:700}.round-card-head{display:flex;align-items:center;gap:10px;padding-bottom:8px;border-bottom:1px solid var(--line)}.round-card-head>span{font:900 23px/1 Manrope,sans-serif;color:var(--accent);opacity:.78}.round-card-head strong{font-size:15px}.round-card>button{justify-self:stretch}.team-edit .delete-team{margin-inline-start:auto}

body[data-route="watch"]{--show-surface:color-mix(in srgb,var(--panel) 88%,transparent);--show-line:color-mix(in srgb,var(--line) 82%,transparent);--show-shadow:0 22px 80px rgba(20,26,38,.12)}
.broadcast-shell.audience-pro{position:relative;isolation:isolate;min-height:100vh;padding:clamp(14px,2vw,28px);display:grid;grid-template-rows:auto 5px auto minmax(0,1fr) auto;gap:clamp(10px,1.4vw,18px);overflow:hidden;background:radial-gradient(circle at 10% 0%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 32%),radial-gradient(circle at 92% 92%,color-mix(in srgb,var(--blue) 10%,transparent),transparent 30%),var(--bg)!important;color:var(--ink)}
.show-glow{position:absolute;width:42vw;aspect-ratio:1;border-radius:50%;filter:blur(90px);opacity:.14;z-index:-1;pointer-events:none}.glow-a{top:-28vw;right:-16vw;background:var(--accent)}.glow-b{left:-20vw;bottom:-31vw;background:var(--blue)}
.broadcast-top{min-height:62px;padding:8px 4px!important;background:transparent!important;border:0!important}.broadcast-brand{display:flex;align-items:center;gap:12px}.broadcast-brand .brand-glyph{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font:900 15px/1 Manrope,sans-serif;letter-spacing:-.08em;background:var(--ink);color:var(--bg);box-shadow:var(--show-shadow)}.broadcast-brand strong{font:800 18px/1 Manrope,sans-serif;letter-spacing:.03em}.broadcast-brand small{display:block;color:var(--muted);font:700 9px/1.3 Manrope,sans-serif;letter-spacing:.14em;margin-top:5px}.broadcast-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.broadcast-meta>span{border:1px solid var(--show-line);background:var(--show-surface);backdrop-filter:blur(14px);border-radius:999px;padding:7px 12px;font-size:10px;font-weight:800}.live-indicator{color:var(--red)!important}.live-indicator i{display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;margin-inline-end:6px;animation:broadcastPulse 1.15s infinite}
.show-progress{height:5px;border-radius:999px;background:color-mix(in srgb,var(--line) 58%,transparent);overflow:hidden}.show-progress>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--blue));transition:width .45s cubic-bezier(.2,.8,.2,1)}
.premium-score{display:grid!important;grid-template-columns:minmax(0,1fr) 145px minmax(0,1fr)!important;gap:clamp(8px,1.4vw,16px)!important;align-items:stretch!important}.premium-score .broadcast-team{position:relative;min-height:115px;padding:15px 18px;border:1px solid var(--show-line);border-radius:22px;background:linear-gradient(145deg,var(--show-surface),color-mix(in srgb,var(--panel2) 88%,transparent));backdrop-filter:blur(17px);box-shadow:var(--show-shadow);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;overflow:hidden}.premium-score .broadcast-team::after{content:"";position:absolute;inset:auto 0 0 0;height:3px;background:var(--line);opacity:.55}.premium-score .broadcast-team.left::after{background:linear-gradient(90deg,var(--blue),transparent)}.premium-score .broadcast-team.right::after{background:linear-gradient(90deg,transparent,var(--red))}.premium-score .broadcast-team.is-leading{border-color:color-mix(in srgb,var(--gold) 52%,var(--line));box-shadow:0 16px 55px color-mix(in srgb,var(--gold) 12%,transparent)}.premium-score .broadcast-team h2{margin:2px 0 0;font-size:clamp(16px,1.55vw,25px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.premium-score .broadcast-team small{color:var(--muted);font-size:9px;font-weight:800}.premium-score .broadcast-team>strong{font:900 clamp(34px,4vw,64px)/1 Manrope,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.05em}.premium-score .team-logo.large{width:68px;height:68px;border-radius:19px}.broadcast-timer-wrap{display:grid;place-items:center;align-content:center;gap:5px}.broadcast-timer-wrap>em{font-style:normal;color:var(--muted);font-size:9px;font-weight:800;text-align:center}.timer-ring{--time-progress:1;width:118px;aspect-ratio:1;border-radius:50%;padding:7px;background:conic-gradient(var(--accent) calc(var(--time-progress)*100%),color-mix(in srgb,var(--line) 72%,transparent) 0);display:grid;place-items:center;position:relative;box-shadow:0 14px 45px color-mix(in srgb,var(--accent) 10%,transparent)}.timer-ring::before{content:"";position:absolute;inset:7px;border-radius:50%;background:var(--panel);border:1px solid var(--line)}.timer-ring>div{position:relative;text-align:center;z-index:1}.timer-ring span{display:block;font:900 38px/1 Manrope,sans-serif;font-variant-numeric:tabular-nums;color:var(--ink)}.timer-ring small{display:block;font-size:8px;color:var(--muted);margin-top:5px}.timer-ring.urgent{background:conic-gradient(var(--red) calc(var(--time-progress)*100%),color-mix(in srgb,var(--red) 13%,var(--line)) 0);animation:timerAlert .7s infinite alternate}.timer-ring.timeless{background:var(--panel2)}
.broadcast-intro,.broadcast-question,.broadcast-reveal,.broadcast-result{position:relative;min-height:0;border:1px solid var(--show-line);background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 96%,transparent),color-mix(in srgb,var(--panel2) 90%,transparent));border-radius:clamp(20px,2vw,30px);box-shadow:var(--show-shadow);backdrop-filter:blur(18px);overflow:hidden;animation:showStageIn .5s cubic-bezier(.2,.75,.2,1)}
.broadcast-intro{display:grid;place-items:center;text-align:center;padding:clamp(28px,5vw,72px)}.broadcast-intro::before{content:"";position:absolute;width:620px;height:280px;left:50%;bottom:-170px;transform:translateX(-50%);background:repeating-radial-gradient(ellipse at 50% 100%,transparent 0 21px,color-mix(in srgb,var(--accent) 13%,transparent) 22px 25px,transparent 26px 48px);opacity:.85}.show-kicker{font:800 10px/1 Manrope,sans-serif;letter-spacing:.25em;color:var(--accent)}.broadcast-intro>h1{font-size:clamp(34px,5vw,72px);letter-spacing:-.04em;margin:11px 0 4px;position:relative}.broadcast-intro>p{color:var(--muted);font-size:clamp(12px,1.3vw,18px);position:relative}.intro-versus{position:relative;margin-top:28px;display:grid;grid-template-columns:minmax(150px,260px) 90px minmax(150px,260px);align-items:center;gap:16px}.intro-versus article{display:grid;justify-items:center;gap:10px}.intro-versus .team-logo.large{width:96px;height:96px;border-radius:28px;box-shadow:0 12px 40px rgba(0,0,0,.08)}.intro-versus h2{margin:0;font-size:20px}.intro-versus>span{font:900 25px/1 Manrope,sans-serif;color:var(--muted);letter-spacing:.08em}
.show-question-stage{padding:clamp(20px,2.6vw,38px)}.show-sting{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:13px;margin-bottom:10px;border-bottom:1px solid var(--show-line);animation:showSting .45s ease both}.show-sting span{font:800 9px/1 Manrope,sans-serif;letter-spacing:.22em;color:var(--accent)}.show-sting strong{font-size:12px;color:var(--muted)}.question-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.question-kicker{font-size:11px;font-weight:800;color:var(--muted)}.question-progress{font:900 20px/1 Manrope,sans-serif;color:var(--accent)}.question-progress i{font-style:normal;color:var(--muted);font-size:11px;margin:0 3px}.question-content{width:min(1120px,100%);margin:0 auto;text-align:center;padding:clamp(8px,2vw,24px) 0}.question-content h1{font-size:clamp(28px,4.4vw,62px);line-height:1.3;letter-spacing:-.035em;margin:10px auto clamp(22px,3vw,38px);max-width:1050px}.show-question-stage .quiz-options{width:min(1020px,100%);margin-inline:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.show-question-stage .option{position:relative;min-height:76px;padding:15px 18px;border-radius:16px;background:var(--panel);border:1px solid var(--line);box-shadow:none;font-size:clamp(14px,1.45vw,20px);animation:showOptionIn .36s ease both}.show-question-stage .option:nth-child(2){animation-delay:.04s}.show-question-stage .option:nth-child(3){animation-delay:.08s}.show-question-stage .option:nth-child(4){animation-delay:.12s}.show-question-stage .option .tag{min-width:32px;text-align:center;margin-inline-end:7px}.broadcast-note{width:min(760px,100%);margin:8px auto;padding:13px 17px;border:1px dashed var(--line);border-radius:14px;background:var(--panel2);color:var(--muted);font-weight:700}.cinematic-note{color:var(--accent)}.show-bonus{width:min(920px,100%);margin:16px auto 0!important;text-align:center;animation:showOptionIn .4s ease both}.show-bonus .choose-team{justify-content:center}
.broadcast-reveal{padding:clamp(20px,2.6vw,38px);display:grid;align-content:start}.reveal-question{text-align:center;width:min(1050px,100%);margin:0 auto}.reveal-question>span{color:var(--muted);font-size:11px;font-weight:800}.reveal-question h1{font-size:clamp(23px,3vw,42px);line-height:1.35;margin:8px auto 20px}.correct-answer-hero{width:min(760px,92%);margin:0 auto;padding:18px 24px;border:1px solid color-mix(in srgb,var(--green) 38%,var(--line));background:color-mix(in srgb,var(--green) 10%,var(--panel));border-radius:20px;animation:answerPop .48s cubic-bezier(.2,.8,.2,1)}.correct-answer-hero small{display:block;color:var(--green);font-weight:800}.correct-answer-hero strong{display:block;font-size:clamp(24px,3.6vw,48px);line-height:1.25;margin-top:6px}.correct-answer-line{margin:5px 0 0;color:var(--muted)}.question-result-board.show-result-board{width:min(1050px,100%);margin:18px auto 0!important;padding-top:16px!important}.fastest-callout{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin:0 auto 13px;padding:8px 14px;width:max-content;max-width:100%;border-radius:999px;background:color-mix(in srgb,var(--gold) 12%,var(--panel));border:1px solid color-mix(in srgb,var(--gold) 32%,var(--line));color:var(--gold)}.fastest-callout span{font-size:10px;font-weight:800}.fastest-callout strong{color:var(--ink)}.fastest-callout em{font-style:normal;font:800 11px/1 Manrope,sans-serif}.result-team-card{animation:showOptionIn .42s ease both}.result-team-card:nth-child(2){animation-delay:.09s}.grand-final{display:grid;place-items:center;align-content:center;text-align:center;padding:40px}.final-trophy{font-size:70px;filter:drop-shadow(0 13px 30px color-mix(in srgb,var(--gold) 30%,transparent));animation:answerPop .7s cubic-bezier(.2,.8,.2,1)}.grand-final h1{font-size:clamp(35px,5vw,72px);margin:4px 0}.grand-final p{display:flex;gap:20px;align-items:center;font:900 clamp(40px,7vw,88px)/1 Manrope,sans-serif;margin:12px}.grand-final p b{color:var(--muted);font-size:.45em}.grand-final small{color:var(--muted)}.premium-footer{padding:0 5px!important;background:transparent!important;border:0!important;min-height:34px}.premium-footer span{font-size:9px;color:var(--muted);font-weight:700;letter-spacing:.04em}
body[data-theme="arena-light"][data-route="watch"] .broadcast-shell.audience-pro{background:radial-gradient(circle at 8% 0%,rgba(220,164,104,.20),transparent 28%),radial-gradient(circle at 95% 95%,rgba(53,126,176,.10),transparent 30%),linear-gradient(180deg,#fffdf9,#f6eee5)!important}body[data-theme="arena-light"][data-route="watch"] .broadcast-brand .brand-glyph{background:#6f3b27;color:#fff}body[data-theme="arena-light"][data-route="watch"] .premium-score .broadcast-team,body[data-theme="arena-light"][data-route="watch"] .broadcast-intro,body[data-theme="arena-light"][data-route="watch"] .broadcast-question,body[data-theme="arena-light"][data-route="watch"] .broadcast-reveal,body[data-theme="arena-light"][data-route="watch"] .broadcast-result{box-shadow:0 24px 70px rgba(98,66,38,.09)}
body[data-theme="arena-esports"][data-route="watch"] .broadcast-shell.audience-pro{background-image:linear-gradient(rgba(72,112,184,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(72,112,184,.06) 1px,transparent 1px),radial-gradient(circle at 50% 0%,rgba(0,174,255,.13),transparent 36%)!important;background-size:36px 36px,36px 36px,auto!important}body[data-theme="arena-esports"][data-route="watch"] .broadcast-intro,body[data-theme="arena-esports"][data-route="watch"] .broadcast-question,body[data-theme="arena-esports"][data-route="watch"] .broadcast-reveal,body[data-theme="arena-esports"][data-route="watch"] .broadcast-result,body[data-theme="arena-esports"][data-route="watch"] .premium-score .broadcast-team{border-radius:7px!important;background:#0d1630e8!important;border-color:#2a3b68!important}body[data-theme="arena-esports"][data-route="watch"] .broadcast-brand .brand-glyph{border-radius:5px;background:#14b8ff;color:#071024}body[data-theme="arena-esports"][data-route="watch"] .show-progress>span{background:#18c3ff}
@keyframes showStageIn{from{opacity:0;transform:translateY(12px) scale(.992)}to{opacity:1;transform:none}}@keyframes showSting{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}@keyframes showOptionIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes answerPop{0%{opacity:0;transform:scale(.94)}70%{transform:scale(1.015)}100%{opacity:1;transform:scale(1)}}
@media(max-width:1100px){.round-cards{grid-template-columns:1fr 1fr}.premium-score{grid-template-columns:minmax(0,1fr) 110px minmax(0,1fr)!important}.premium-score .broadcast-team{grid-template-columns:auto 1fr}.premium-score .broadcast-team>strong{grid-column:1/-1;text-align:center}.timer-ring{width:96px}.intro-versus{grid-template-columns:1fr 70px 1fr}}
@media(max-width:720px){.round-cards{grid-template-columns:1fr}.round-count-form{width:100%;min-width:0}.broadcast-shell.audience-pro{padding:10px}.broadcast-top{align-items:flex-start}.broadcast-meta>span:not(.live-indicator){display:none}.premium-score{grid-template-columns:1fr 76px 1fr!important}.premium-score .broadcast-team{display:grid;justify-items:center;text-align:center;padding:9px 6px;border-radius:14px!important}.premium-score .broadcast-team .team-logo.large{width:42px;height:42px;border-radius:12px}.premium-score .broadcast-team h2{font-size:11px;max-width:100px}.premium-score .broadcast-team small{display:none}.premium-score .broadcast-team>strong{font-size:29px}.timer-ring{width:68px;padding:5px}.timer-ring::before{inset:5px}.timer-ring span{font-size:24px}.timer-ring small,.broadcast-timer-wrap>em{display:none}.broadcast-intro,.broadcast-question,.broadcast-reveal,.broadcast-result{border-radius:16px}.intro-versus{grid-template-columns:1fr 42px 1fr;gap:5px}.intro-versus .team-logo.large{width:58px;height:58px;border-radius:16px}.intro-versus h2{font-size:13px}.show-question-stage{padding:16px 12px}.question-content h1{font-size:27px}.show-question-stage .quiz-options{grid-template-columns:1fr}.show-question-stage .option{min-height:60px}.result-team-grid{grid-template-columns:1fr}.premium-footer>span:nth-child(2){display:none}}

/* V0.9 media delivery: question media is visible on teams and audience, not admin-only. */
.team-question-stage .media,.team-question-stage .media-embed{width:min(860px,100%);max-height:44vh;margin:16px auto;border-radius:18px;box-shadow:0 16px 48px #0003;background:#070b12}
.team-question-stage video.media{object-fit:contain}
.broadcast-question .media,.broadcast-question .media-embed,.broadcast-reveal .media,.broadcast-reveal .media-embed{width:min(980px,100%);max-height:48vh;margin:18px auto;border-radius:20px;box-shadow:0 22px 60px #0004;background:#060910}
.broadcast-reveal video.media,.broadcast-question video.media{object-fit:contain}
@media(max-width:720px){.team-question-stage .media,.team-question-stage .media-embed{max-height:34vh;border-radius:12px}.broadcast-question .media,.broadcast-question .media-embed,.broadcast-reveal .media,.broadcast-reveal .media-embed{max-height:36vh;border-radius:12px}}

/* =============================================================
   V1.0 — Competition Director + world-class responsive stages
   High contrast is token-driven so no theme can hide labels/text.
   ============================================================= */
:root,body[data-theme="arena-light"]{--on-primary:#fff;--focus-ring:#1f6feb}
body[data-theme="arena-midnight"]{--on-primary:#071820;--focus-ring:#7ee7df}
body[data-theme="arena-neon"]{--on-primary:#20151d;--focus-ring:#75f0df}
body[data-theme="arena-stadium"]{--on-primary:#071827;--focus-ring:#7ddffc}
body[data-theme="arena-esports"]{--on-primary:#fff;--focus-ring:#49bdff}
body[data-theme="arena-editorial"]{--on-primary:#fff;--focus-ring:#9e543a}
body[data-theme="arena-sage"]{--on-primary:#fff;--focus-ring:#49765d}
.btn,button.primary{color:var(--on-primary)!important}
button.ghost,.btn.outline,.panel,.list-item,.stat,.collapse,.linkbox,.tag,.tab,label,.field{color:var(--ink)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--focus-ring) 62%,transparent);outline-offset:2px}

/* Fullscreen competition surfaces — no small web-page chrome on team/audience. */
body[data-route="play"],body[data-route="watch"]{overflow-x:hidden;background:var(--bg)!important;color:var(--ink)!important}
body[data-route="play"]>.topbar,body[data-route="watch"]>.topbar,body[data-route="play"]>footer,body[data-route="watch"]>footer{display:none!important}
body[data-route="play"]>main,body[data-route="watch"]>main{width:100%;max-width:none!important;min-height:100dvh;margin:0;padding:0!important}

/* Team surface: intentionally light in information density, but fully theme-aware. */
.team-console{min-height:100dvh!important;background:var(--bg)!important;color:var(--ink)!important;--team-line:var(--line)!important;--team-muted:var(--muted)!important}
.team-console-head,.team-console-foot{background:var(--panel)!important;border-color:var(--line)!important;color:var(--ink)!important;padding-inline:clamp(20px,5vw,76px)!important}
.team-console-brand,.team-question-number,.team-console-state span,.team-console-foot{color:var(--muted)!important}
.team-console-state span{background:var(--panel2)!important;border-color:var(--line)!important}
.team-question-stage{width:min(1180px,calc(100% - 36px))!important;gap:clamp(16px,2.2vw,28px)!important;padding:clamp(32px,6vh,80px) 0!important}
.team-question-stage h1{font-size:clamp(34px,5.4vw,70px)!important;max-width:1120px!important;color:var(--ink)!important;line-height:1.28!important}
.team-question-stage .quiz-options{width:min(1040px,100%)!important;gap:16px!important}
.team-question-stage .option{background:var(--panel)!important;color:var(--ink)!important;border-color:var(--line)!important;min-height:86px!important;font-size:clamp(17px,1.8vw,24px)!important;box-shadow:var(--shdw)!important}
.team-question-stage .option:hover:not(:disabled){background:var(--panel2)!important;border-color:var(--accent)!important}
.team-timer{width:clamp(108px,10vw,148px)!important;background:conic-gradient(var(--accent) calc(var(--time-progress)*100%),var(--line) 0)!important}
.team-timer::before{background:var(--panel)!important;border:1px solid var(--line)}
.team-timer span{color:var(--ink)!important;font-size:clamp(38px,5vw,58px)!important}.team-timer small{color:var(--muted)!important}
.team-timer.timeless{background:var(--panel2)!important}.team-stage-note{background:var(--panel)!important;border-color:var(--line)!important;color:var(--muted)!important;font-size:15px}
.team-console .success-note{background:color-mix(in srgb,var(--green) 10%,var(--panel))!important;color:var(--green)!important}.team-console .danger-note{background:color-mix(in srgb,var(--red) 10%,var(--panel))!important;color:var(--red)!important}
.waiting-stage{min-height:68dvh}.waiting-orb{width:110px;height:110px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);background:var(--panel);box-shadow:0 0 0 14px color-mix(in srgb,var(--accent) 6%,transparent);animation:waitingPulse 1.8s ease-in-out infinite}.waiting-orb span{font-size:50px;color:var(--accent)}

/* Admin director flow controls. */
.director-flow-controls{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px!important}.director-flow-controls .hero-control{min-height:54px;font-size:15px}.director-status-strip{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:12px;padding:10px 13px;border-radius:12px;background:var(--panel2);border:1px solid var(--line);color:var(--muted)}.director-status-strip b{color:var(--ink)}
.director-mode-group{border-color:color-mix(in srgb,var(--accent) 32%,var(--line))!important;background:color-mix(in srgb,var(--accent) 5%,var(--panel2))!important}.integrity-panel{border-color:color-mix(in srgb,var(--green) 30%,var(--line))!important}.result-seal{display:grid;gap:6px;margin-top:12px;padding:12px;border-radius:12px;background:var(--panel2);border:1px solid var(--line)}.result-seal span{color:var(--muted);font-size:11px}.result-seal code{direction:ltr;text-align:left;word-break:break-all;font-size:10px;color:var(--green)}

/* Audience Broadcast Studio */
.broadcast-shell.audience-pro{min-height:100dvh!important;width:100%!important;padding:clamp(18px,2.2vw,40px)!important;grid-template-rows:auto 6px auto minmax(0,1fr) auto!important;gap:clamp(12px,1.4vw,22px)!important;color:var(--ink)!important}
.broadcast-top,.show-progress,.premium-score,.broadcast-intro,.broadcast-question,.broadcast-reveal,.broadcast-result,.premium-footer{width:min(1640px,100%);margin-inline:auto!important}
.broadcast-top{min-height:58px}.broadcast-brand strong{font-size:18px!important;color:var(--ink)!important}.broadcast-brand small,.broadcast-meta{color:var(--muted)!important}
.premium-score{grid-template-columns:minmax(0,1fr) 190px minmax(0,1fr)!important}.premium-score .broadcast-team{min-height:142px!important;padding:20px 26px!important}.premium-score .team-logo.large{width:88px!important;height:88px!important;border-radius:24px!important}.premium-score .broadcast-team h2{font-size:clamp(20px,2vw,31px)!important;color:var(--ink)!important}.premium-score .broadcast-team>strong{font-size:clamp(48px,5.3vw,82px)!important;color:var(--ink)!important}.premium-score .broadcast-team small{font-size:11px!important;color:var(--muted)!important}
.broadcast-timer-wrap .timer-ring{width:154px!important}.broadcast-timer-wrap .timer-ring span{font-size:50px!important;color:var(--ink)!important}.broadcast-timer-wrap>em{font-size:11px!important;color:var(--muted)!important}
.broadcast-intro,.broadcast-question,.broadcast-reveal,.broadcast-result{min-height:min(58dvh,680px);align-content:center!important}
.world-waiting{position:relative;overflow:hidden;display:grid!important;place-items:center;text-align:center;padding:clamp(34px,5vw,86px)!important}.world-waiting>*{position:relative;z-index:2}.world-waiting::after{content:"";position:absolute;width:min(900px,80vw);height:min(900px,80vw);border-radius:50%;border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);box-shadow:0 0 0 80px color-mix(in srgb,var(--accent) 3%,transparent),0 0 0 160px color-mix(in srgb,var(--accent) 2%,transparent);left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}.world-waiting h1{font-size:clamp(42px,6vw,86px)!important;line-height:1.12;margin:14px 0 8px;color:var(--ink)}.world-waiting>p{font-size:clamp(15px,1.5vw,22px);color:var(--muted);margin:0}.broadcast-round-badge{display:inline-flex;padding:8px 15px;border-radius:999px;background:color-mix(in srgb,var(--accent) 10%,var(--panel));border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));color:var(--accent);font-weight:800}.world-waiting .intro-versus{margin-top:32px;width:min(800px,100%)}.world-waiting .intro-versus article strong{font:900 36px/1 Manrope,sans-serif;color:var(--ink)}.standby-pulse{display:flex;gap:9px;align-items:center;margin-top:24px;color:var(--muted);font:800 10px/1 Manrope,sans-serif;letter-spacing:.16em}.standby-pulse i{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 color-mix(in srgb,var(--green) 40%,transparent);animation:livePulse 1.4s infinite}
.question-content{max-width:1320px!important}.question-content h1{font-size:clamp(36px,4.7vw,72px)!important;max-width:1250px!important;line-height:1.25!important}.show-question-stage .quiz-options{width:min(1200px,100%)!important;gap:16px!important}.show-question-stage .option{min-height:92px!important;font-size:clamp(17px,1.65vw,25px)!important;padding:19px 22px!important;color:var(--ink)!important;background:var(--panel)!important}.broadcast-note{font-size:16px!important}.correct-answer-hero{width:min(950px,96%)!important;padding:24px 30px!important}.correct-answer-hero strong{font-size:clamp(30px,4vw,58px)!important}.result-team-grid{gap:18px!important}.result-team-card{min-height:150px!important;padding:20px!important}.result-team-card h4{font-size:23px!important}.result-points b{font-size:32px!important}
.broadcast-shell .media,.broadcast-shell .media-embed{width:min(1180px,100%)!important;max-width:1180px!important;max-height:52dvh!important}.premium-footer{min-height:42px!important;font-size:10px!important}

/* Theme-specific broadcast contrast guarantees. */
body[data-theme="arena-neon"] .broadcast-shell,body[data-theme="arena-neon"] .team-console{--ink:#fff9f3;--muted:#c6d2df}
body[data-theme="arena-stadium"] .broadcast-shell,body[data-theme="arena-stadium"] .team-console{--ink:#f6f8fd;--muted:#c0d0e0}
body[data-theme="arena-esports"] .broadcast-shell,body[data-theme="arena-esports"] .team-console{--ink:#f6f8ff;--muted:#b5c2e5}
body[data-theme="arena-editorial"] .broadcast-shell,body[data-theme="arena-editorial"] .team-console{--ink:#292724;--muted:#6e665c}
body[data-theme="arena-sage"] .broadcast-shell,body[data-theme="arena-sage"] .team-console{--ink:#273a30;--muted:#617467}

@keyframes waitingPulse{50%{transform:scale(1.045);box-shadow:0 0 0 22px color-mix(in srgb,var(--accent) 3%,transparent)}}
@keyframes livePulse{70%{box-shadow:0 0 0 12px transparent}}
@media(max-width:1050px){.director-flow-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.premium-score{grid-template-columns:minmax(0,1fr) 125px minmax(0,1fr)!important}.premium-score .broadcast-team{min-height:118px!important;padding:14px!important}.premium-score .team-logo.large{width:62px!important;height:62px!important}.broadcast-timer-wrap .timer-ring{width:105px!important}.broadcast-timer-wrap .timer-ring span{font-size:36px!important}}
@media(max-width:720px){body[data-route="play"]{overflow-y:auto}.team-console{min-height:100dvh}.team-console-head{padding:12px 14px!important}.team-console-state span{font-size:9px}.team-question-stage{padding:24px 0!important}.team-question-stage h1{font-size:30px!important}.team-question-stage .option{min-height:65px!important;font-size:15px!important}.director-flow-controls{grid-template-columns:1fr}.director-status-strip{align-items:flex-start;flex-direction:column}.world-waiting{min-height:54dvh!important}.world-waiting h1{font-size:38px!important}.premium-score{grid-template-columns:1fr 76px 1fr!important}.premium-score .broadcast-team{min-height:92px!important;padding:8px!important}.premium-score .team-logo.large{width:44px!important;height:44px!important}.premium-score .broadcast-team h2{font-size:12px!important}.premium-score .broadcast-team>strong{font-size:30px!important}.broadcast-timer-wrap .timer-ring{width:68px!important}.broadcast-timer-wrap .timer-ring span{font-size:24px!important}.broadcast-intro,.broadcast-question,.broadcast-reveal,.broadcast-result{min-height:56dvh}.question-content h1{font-size:28px!important}.show-question-stage .option{min-height:62px!important;font-size:14px!important}}