:root { --bg:#05070d; --panel:#0d1220; --line:#273244; --text:#f4f7fb; --muted:#9aa7b8; --red:#ff005c; --blue:#00e5ff; --violet:#9d4dff; --lime:#b6ff00; }
* { box-sizing: border-box; }
body { margin:0; font-family: Impact, Haettenschweiler, "Arial Narrow Bold", Arial, sans-serif; background:#05070d; color:var(--text); letter-spacing:0; }
body > *:not(.neural-bg) { position:relative; z-index:1; }
.neural-bg { position:fixed; inset:0; width:100vw; height:100vh; z-index:0; pointer-events:none; object-fit:cover; opacity:.62; filter:saturate(1.42) contrast(1.18) brightness(.54); background:#05070d; }
body::after { content:""; position:fixed; inset:0; z-index:0; pointer-events:none; background:linear-gradient(120deg,rgba(5,7,13,.82),rgba(8,10,22,.48) 42%,rgba(5,7,13,.84)), radial-gradient(circle at 50% 0%,rgba(0,229,255,.16),transparent 42%), repeating-linear-gradient(135deg,rgba(255,255,255,.045) 0 1px,transparent 1px 18px); }
.obs-transparent .neural-bg { display:none; }
.obs-transparent::after { content:none; }
a { color:inherit; text-decoration:none; }
.topbar { height:64px; display:flex; align-items:center; justify-content:space-between; padding:0 32px; border-bottom:1px solid rgba(0,229,255,.24); background:rgba(5,7,13,.86); backdrop-filter:blur(14px); box-shadow:0 0 34px rgba(0,229,255,.08); }
.brand { font-size:22px; color:#fff; text-shadow:0 0 18px rgba(0,229,255,.8), 0 0 26px rgba(255,0,92,.35); }
.topbar nav { display:flex; align-items:center; gap:20px; color:var(--muted); }
.language-switcher { display:flex; align-items:center; gap:8px; margin:0; }
.language-switcher label { margin:0; color:var(--muted); font:800 12px Arial,sans-serif; text-transform:uppercase; }
.language-switcher select { width:auto; min-width:70px; padding:7px 28px 7px 9px; font-size:13px; }
.page { width:min(1180px, calc(100% - 32px)); margin:32px auto; }
body:has(.product-hero) .page { width:100%; margin:0; }
body:has(.product-hero) { font-family:Arial, Helvetica, sans-serif; }
.site-credit { width:min(1180px, calc(100% - 32px)); margin:0 auto 28px; padding:18px 0 0; border-top:1px solid rgba(0,229,255,.14); color:var(--muted); font:800 12px Arial,sans-serif; text-transform:uppercase; display:flex; align-items:center; justify-content:center; gap:14px; flex-wrap:wrap; }
.credit-line { display:flex; align-items:center; gap:6px; }
.site-credit a:not(.coffee-button) { color:#7df9ff; text-shadow:0 0 14px rgba(0,229,255,.42); }
.coffee-button { border:1px solid rgba(255,221,87,.48); border-radius:999px; padding:8px 12px; background:linear-gradient(135deg,#ffdd57,#ff8a3d); color:#111827; box-shadow:0 0 22px rgba(255,186,73,.18); font-weight:900; text-shadow:none; }
.coffee-button:hover { box-shadow:0 0 28px rgba(255,186,73,.32); transform:translateY(-1px); }
body:has(.product-hero) .site-credit { margin-top:28px; }
.panel { background:linear-gradient(135deg,rgba(13,18,32,.94),rgba(8,10,18,.92)); border:1px solid rgba(0,229,255,.22); border-radius:8px; padding:28px; box-shadow:0 20px 80px rgba(0,0,0,.32), inset 0 0 0 1px rgba(255,0,92,.08); }
.neon-panel { box-shadow:0 0 34px rgba(0,229,255,.12), 0 0 80px rgba(255,0,92,.08), inset 0 0 0 1px rgba(255,255,255,.04); }
h1,h2,p { margin-top:0; }
h1 { font-size:40px; }
h2 { font-size:24px; color:#dbe5f2; }
p { color:var(--muted); font-family:Arial, sans-serif; }
.row { display:flex; align-items:center; gap:16px; }
.between { justify-content:space-between; }
.link-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:12px; margin-top:24px; }
.link-grid a,.button,button { border:1px solid rgba(0,229,255,.26); background:linear-gradient(135deg,#111827,#0b1020); color:#fff; border-radius:6px; padding:14px 16px; font:800 16px Arial, sans-serif; cursor:pointer; text-align:center; box-shadow:0 0 18px rgba(0,229,255,.08); }
.link-grid a:hover,.button:hover,button:hover { border-color:rgba(0,229,255,.72); box-shadow:0 0 26px rgba(0,229,255,.22), inset 0 0 18px rgba(0,229,255,.08); }
.primary { background:linear-gradient(90deg,var(--red),var(--violet),var(--blue)); border-color:#ff4e9b; box-shadow:0 0 28px rgba(255,0,92,.25); }
.danger { background:#3a1018; border-color:#803040; }
.ghost { background:#0b1018; }
.notice { margin-bottom:16px; padding:12px 16px; background:#12321d; border:1px solid #2d8b45; border-radius:6px; font-family:Arial, sans-serif; }
.table { display:grid; gap:10px; }
.table-row { display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:12px; padding:16px; background:#0d131d; border:1px solid var(--line); border-radius:6px; font-family:Arial, sans-serif; }
.form-panel { max-width:440px; margin:auto; }
.account-form p { line-height:1.45; }
.form-switch { margin:16px 0 0; color:var(--muted); font:800 13px Arial,sans-serif; }
.form-switch a { color:#7df9ff; }
input,select,textarea { width:100%; background:#070b13; border:1px solid rgba(0,229,255,.24); color:#fff; border-radius:6px; padding:10px; font:15px Arial, sans-serif; }
input:focus,select:focus,textarea:focus { outline:none; border-color:var(--blue); box-shadow:0 0 18px rgba(0,229,255,.18); }
label { display:block; margin:12px 0 5px; color:#cbd5e1; font:700 13px Arial, sans-serif; }
.admin-grid { display:grid; grid-template-columns:1fr 1fr; gap:22px; }
.admin-grid section { background:#0d131d; border:1px solid var(--line); border-radius:8px; padding:18px; }
.admin-grid .wide { grid-column:1 / -1; }
.result-panel { margin-top:24px; }
.workspace-result-panel { margin:0 0 18px; }
.series-target { border:1px solid rgba(255,255,255,.14); background:rgba(7,11,19,.78); border-radius:6px; padding:10px 12px; color:#ffdf6e; font:900 13px Arial,sans-serif; text-transform:uppercase; }
.scoreboard-admin { display:grid; grid-template-columns:1fr auto 1fr; gap:16px; align-items:stretch; margin:18px 0; }
.quick-score-card { display:grid; grid-template-columns:1fr auto; grid-template-rows:auto auto; gap:10px; align-items:center; margin:0; padding:16px; border:1px solid rgba(0,229,255,.22); border-radius:8px; background:linear-gradient(135deg,rgba(255,0,92,.16),rgba(7,11,19,.86)); }
.quick-score-card.team-b-card { background:linear-gradient(135deg,rgba(0,163,255,.18),rgba(7,11,19,.86)); }
.quick-score-card strong { min-width:0; color:#fff; font-size:22px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.quick-score-card span { color:#fff; font:900 46px/1 Arial,sans-serif; }
.quick-score-card button { grid-column:1 / -1; }
.score-vs { display:flex; align-items:center; justify-content:center; min-width:150px; border:1px solid rgba(255,255,255,.14); border-radius:8px; background:#070b13; color:#fff; font:900 44px/1 Arial,sans-serif; }
.result-form { display:grid; grid-template-columns:repeat(5,1fr); gap:14px; align-items:end; margin:0; }
.result-form label { margin:0; }
.versus { display:grid; grid-template-columns:1fr auto 1fr; gap:24px; align-items:center; font-size:34px; }
.versus span { color:var(--muted); }
.product-hero { min-height:calc(100vh - 96px); display:flex; align-items:flex-end; padding:clamp(56px,8vw,112px) max(32px,calc((100vw - 1180px) / 2)) 88px; background:
  linear-gradient(90deg,rgba(5,7,13,.98) 0%,rgba(5,7,13,.88) 38%,rgba(5,7,13,.42) 76%,rgba(5,7,13,.70) 100%),
  linear-gradient(0deg,rgba(5,7,13,.98) 0%,rgba(5,7,13,.18) 32%,rgba(5,7,13,.46) 100%),
  url("/static/assets/landing/picks-bans-real.26fb8065a00b.png") center / cover no-repeat; border-bottom:1px solid rgba(0,229,255,.20); }
.corporate-hero { min-height:calc(100vh - 80px); align-items:center; justify-content:space-between; gap:48px; background:linear-gradient(90deg,rgba(5,7,13,.96),rgba(5,7,13,.72) 48%,rgba(5,7,13,.90)), linear-gradient(0deg,rgba(5,7,13,.96),rgba(5,7,13,.28) 42%,rgba(5,7,13,.78)); }
.hero-copy { width:min(680px, calc(100vw - 64px)); }
.hero-copy h1 { font-family:Arial, Helvetica, sans-serif; font-weight:900; font-size:clamp(52px,7vw,86px); line-height:.96; margin-bottom:20px; text-shadow:0 0 34px rgba(0,229,255,.34), 0 0 46px rgba(255,0,92,.16); }
.hero-copy p { max-width:620px; font-size:20px; line-height:1.55; color:#d7e3f1; }
.hero-actions { display:flex; flex-wrap:wrap; gap:14px; margin-top:28px; }
.hero-facts { display:flex; flex-wrap:wrap; gap:10px; margin-top:26px; font-family:Arial,sans-serif; }
.hero-facts span { border:1px solid rgba(255,255,255,.16); background:rgba(7,11,19,.72); border-radius:6px; padding:9px 11px; color:#cbd5e1; font-size:13px; font-weight:800; text-transform:uppercase; }
.neon-copy { color:#7df9ff; text-shadow:0 0 18px rgba(0,229,255,.55); }
.hero-console { width:min(520px, 38vw); border:1px solid rgba(0,229,255,.28); border-radius:8px; background:rgba(7,11,19,.88); box-shadow:0 30px 90px rgba(0,0,0,.48), 0 0 38px rgba(0,229,255,.12); overflow:hidden; }
.console-topline { display:flex; justify-content:space-between; align-items:center; padding:14px 16px; border-bottom:1px solid rgba(255,255,255,.10); background:rgba(255,255,255,.04); color:#9aa7b8; font:900 12px Arial,sans-serif; text-transform:uppercase; }
.console-topline strong { color:#ffdf6e; }
.console-preview { aspect-ratio:16 / 9; background:#05070d; overflow:hidden; }
.console-preview img { display:block; width:100%; height:100%; object-fit:cover; aspect-ratio:16 / 9; }
.obs-preview-frame { aspect-ratio:16 / 9; overflow:hidden; background:#05070d; }
.obs-preview-frame iframe { width:1920px; height:1080px; border:0; transform:scale(.1667); transform-origin:0 0; pointer-events:none; background:#05070d; }
.console-actions { display:grid; grid-template-columns:1fr 1fr; gap:10px; padding:14px; }
.console-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:rgba(255,255,255,.10); }
.console-metrics span { min-height:54px; display:flex; align-items:center; justify-content:center; padding:10px; background:#080c16; color:#dbeafe; font:900 11px Arial,sans-serif; text-align:center; text-transform:uppercase; }
.broadcast-proof { display:grid; grid-template-columns:minmax(260px,.38fr) minmax(480px,.62fr); gap:34px; align-items:center; width:min(1180px, calc(100% - 32px)); margin:40px auto 32px; }
.corporate-proof { padding:28px; border:1px solid rgba(255,255,255,.10); border-radius:8px; background:rgba(7,11,19,.70); box-shadow:0 22px 80px rgba(0,0,0,.30); }
.proof-copy h2 { font-family:Arial, Helvetica, sans-serif; font-weight:900; font-size:38px; line-height:1.05; margin-bottom:12px; }
.proof-shot { margin:0; border:1px solid rgba(0,229,255,.22); border-radius:8px; overflow:hidden; background:#070b13; box-shadow:0 24px 80px rgba(0,0,0,.34), 0 0 34px rgba(0,229,255,.10); }
.proof-shot img { display:block; width:100%; aspect-ratio:16 / 9; object-fit:cover; }
.product-band { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; width:min(1180px, calc(100% - 32px)); margin:0 auto 32px; }
.product-band article { border:1px solid rgba(0,229,255,.22); border-radius:8px; padding:24px; background:rgba(7,11,19,.78); }
.product-band h2 { font-family:Arial, Helvetica, sans-serif; font-size:22px; line-height:1.15; margin-bottom:14px; }
.support-link { display:inline-flex; align-items:center; justify-content:center; margin-top:10px; border:1px solid rgba(255,221,87,.44); border-radius:6px; padding:10px 12px; background:linear-gradient(135deg,#ffdd57,#ff8a3d); color:#111827; font:900 12px Arial,sans-serif; text-transform:uppercase; box-shadow:0 0 22px rgba(255,186,73,.16); }
.support-link:hover { box-shadow:0 0 28px rgba(255,186,73,.28); transform:translateY(-1px); }
.match-workspace,.product-workflow { width:min(1180px, calc(100% - 32px)); margin:0 auto 40px; }
.workspace-heading,.workspace-hero { display:flex; justify-content:space-between; align-items:flex-end; gap:28px; margin-bottom:18px; padding:28px; border:1px solid rgba(255,255,255,.10); border-radius:8px; background:linear-gradient(135deg,rgba(9,14,24,.90),rgba(7,11,19,.72)); box-shadow:0 22px 80px rgba(0,0,0,.28); }
.workspace-heading h2,.workspace-hero h1 { margin:6px 0 8px; font-family:Arial, Helvetica, sans-serif; font-weight:900; }
.workspace-heading h2 { font-size:34px; }
.workspace-heading p,.workspace-hero p,.station-panel p,.obs-link-card p { margin:0; line-height:1.45; }
.workspace-layout { display:grid; grid-template-columns:310px 1fr; gap:18px; align-items:start; }
.station-panel { position:sticky; top:84px; border:1px solid rgba(255,255,255,.10); border-radius:8px; padding:22px; background:rgba(7,11,19,.84); box-shadow:0 18px 70px rgba(0,0,0,.26); }
.station-panel h2 { margin:8px 0 10px; font-family:Arial, Helvetica, sans-serif; font-size:28px; }
.station-links { display:grid; gap:10px; margin-top:18px; }
.station-links a,.obs-mini-link-list a { border:1px solid rgba(0,229,255,.22); border-radius:6px; padding:12px 14px; background:rgba(10,16,28,.84); color:#f8fbff; font:900 13px Arial,sans-serif; text-transform:uppercase; }
.station-links a:hover,.obs-mini-link-list a:hover { border-color:rgba(0,229,255,.65); box-shadow:0 0 24px rgba(0,229,255,.14); }
.obs-link-board { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.obs-link-board.compact { grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr); align-items:stretch; }
.obs-link-card { display:grid; grid-template-rows:auto 1fr auto; min-width:0; overflow:hidden; border:1px solid rgba(0,229,255,.20); border-radius:8px; background:rgba(7,11,19,.86); box-shadow:0 18px 70px rgba(0,0,0,.28); }
.obs-link-card.featured { border-color:rgba(255,0,92,.34); box-shadow:0 24px 90px rgba(0,0,0,.34), 0 0 34px rgba(255,0,92,.10); }
.obs-link-card > div:not(.obs-card-actions) { padding:16px; }
.obs-link-card span { color:#7df9ff; font:900 11px Arial,sans-serif; letter-spacing:.12em; text-transform:uppercase; }
.obs-link-card h3 { margin:6px 0 8px; font:900 24px/1 Arial, Helvetica, sans-serif; color:#fff; }
.obs-card-actions { display:grid; grid-template-columns:1fr 1fr 1fr; gap:8px; padding:0 16px 16px; }
.obs-card-actions .button,.obs-card-actions button,.console-actions .button { display:flex; align-items:center; justify-content:center; min-height:42px; padding:10px 12px; font-size:12px; }
.obs-mini-link-list { display:grid; gap:10px; align-content:stretch; }
.compact-versus { margin-top:16px; font-size:24px; }
.dashboard-shell { width:min(1180px, calc(100% - 32px)); margin:0 auto 40px; }
.metrics-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-bottom:18px; }
.metrics-grid article { border:1px solid rgba(0,229,255,.18); border-radius:8px; padding:18px; background:rgba(7,11,19,.80); box-shadow:0 18px 70px rgba(0,0,0,.22); }
.metrics-grid span { display:block; color:var(--muted); font:900 11px Arial,sans-serif; text-transform:uppercase; letter-spacing:.08em; }
.metrics-grid strong { display:block; margin-top:8px; color:#fff; font:900 38px/1 Arial,sans-serif; }
.account-table { gap:12px; }
.match-row { grid-template-columns:minmax(220px,1.2fr) minmax(160px,.7fr) minmax(90px,.35fr) auto; align-items:center; }
.match-row div,.match-row span { min-width:0; }
.match-row strong,.match-row span { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.row-actions { display:flex; gap:8px; justify-content:flex-end; }
.row-actions .button { padding:10px 12px; font-size:12px; }
.empty-state { padding:24px; text-align:center; }
.empty-state p { max-width:520px; margin:0 auto 18px; }
.workflow-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.workflow-steps article { border:1px solid rgba(0,229,255,.18); border-radius:8px; padding:24px; background:rgba(7,11,19,.78); box-shadow:0 18px 70px rgba(0,0,0,.24); }
.workflow-steps span { display:inline-flex; width:42px; height:42px; align-items:center; justify-content:center; margin-bottom:16px; border:1px solid rgba(0,229,255,.34); color:#7df9ff; font:900 13px Arial,sans-serif; }
.workflow-steps h3 { margin:0 0 10px; font:900 24px/1.1 Arial,Helvetica,sans-serif; }
.workflow-steps p { margin:0; line-height:1.45; }
body:has(.product-hero) .panel h2 { font-family:Arial, Helvetica, sans-serif; font-size:24px; }
.self-serve-form { margin-bottom:40px; }
.setup-header { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:22px; }
.setup-header h1 { margin-bottom:8px; }
.setup-header p { max-width:680px; margin:0; line-height:1.45; }
.danger-notice { background:#36101b; border-color:#ff3d7f; }

.station-page { width:100%; margin:0; }
.station { min-height:calc(100vh - 64px); padding:24px; }
.station-header { display:grid; grid-template-columns:1fr 1.2fr 1fr; gap:18px; align-items:stretch; }
.team-strip,.turn-box { min-height:150px; border:1px solid rgba(0,229,255,.24); background:linear-gradient(135deg,#0d131d,#070b13); border-radius:8px; padding:18px; box-shadow:0 0 26px rgba(0,229,255,.08); }
.team-strip { display:flex; align-items:center; gap:18px; overflow:hidden; }
.team-strip img { width:96px; height:96px; object-fit:contain; }
.team-strip strong { font-size:34px; }
.team-strip span { display:block; color:var(--muted); font-family:Arial, sans-serif; }
.turn-box { text-align:center; display:flex; flex-direction:column; justify-content:center; }
.turn-box h1 { font-size:48px; margin-bottom:8px; }
.eyebrow { color:var(--muted); font:800 14px Arial, sans-serif; text-transform:uppercase; letter-spacing:.14em; }
.station-message { min-height:42px; margin:16px 0; color:#ffd166; font:700 18px Arial, sans-serif; }
.map-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:14px; }
.map-card { min-height:178px; border:1px solid rgba(0,229,255,.24); border-radius:8px; overflow:hidden; background:#121a27; position:relative; display:flex; flex-direction:column; justify-content:flex-end; cursor:pointer; box-shadow:0 0 20px rgba(0,229,255,.07); }
.map-card:not([disabled]):hover { transform:translateY(-2px); border-color:var(--blue); box-shadow:0 0 32px rgba(0,229,255,.24); }
.map-card.used { opacity:.38; cursor:not-allowed; filter:grayscale(1); }
.map-card img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.55; }
.map-card div { position:relative; padding:16px; background:linear-gradient(transparent,rgba(0,0,0,.86)); }
.map-card strong { font-size:28px; }
.map-card span { display:block; color:#dbe5f2; font-family:Arial, sans-serif; }
.control-bar { position:fixed; right:24px; bottom:24px; display:flex; gap:10px; }
.draft-history { margin-top:18px; border:1px solid var(--line); border-radius:8px; background:#0d131d; padding:16px; }
.draft-history h2 { margin-bottom:12px; }
#draft-history { display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:10px; }
.history-item { min-height:72px; border:1px solid #263244; border-radius:6px; padding:10px; background:#121a27; font-family:Arial,sans-serif; }
.history-item b,.history-item span,.history-item em { display:block; color:var(--muted); font-style:normal; font-size:12px; text-transform:uppercase; }
.history-item strong { display:block; font-size:18px; color:#fff; }

.overlay-body { width:1920px; height:1080px; overflow:hidden; background:#05070d; }
.overlay-body.transparent { background:transparent; }
.obs { width:1920px; height:1080px; padding:72px; background:
  linear-gradient(135deg,rgba(255,0,92,.16),rgba(157,77,255,.06),rgba(0,229,255,.14)),
  repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0 1px,transparent 1px 120px); }
.transparent .obs { background:transparent; }
.obs-teams { display:grid; grid-template-columns:1fr 360px 1fr; align-items:center; gap:28px; }
.obs-team,.hud-team,.final-team { display:flex; align-items:center; gap:18px; min-width:0; }
.obs-team.b,.hud-team.b,.final-team.b { justify-content:flex-end; text-align:right; }
.obs-mini-teams .obs-team,.waiting-logos .obs-team { width:min(520px, calc((100vw - 180px) / 2)); max-width:520px; overflow:hidden; }
.obs-mini-teams .obs-team.b,.waiting-logos .obs-team.b { flex-direction:row-reverse; justify-content:flex-start; }
.obs-mini-teams .obs-team.b div,.waiting-logos .obs-team.b div { margin-left:0; }
.obs-mini-teams .obs-team,.waiting-logos .obs-team,.final-team { padding:14px 18px; background:linear-gradient(90deg,var(--team-color,rgba(0,229,255,.56)),rgba(8,11,17,.76)); border:1px solid rgba(255,255,255,.12); box-shadow:0 10px 28px rgba(0,0,0,.22); }
.obs-mini-teams .obs-team.b,.waiting-logos .obs-team.b,.final-team.b { background:linear-gradient(270deg,var(--team-color,rgba(0,229,255,.56)),rgba(8,11,17,.76)); }
.hud-team.b { min-width:0; overflow:hidden; }
.final-team.b { min-width:0; overflow:hidden; }
.obs-team img,.final-team img { flex:0 0 auto; width:104px; height:104px; object-fit:contain; }
.obs-team strong,.final-team strong { display:block; max-width:100%; font-size:54px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.obs-team div,.hud-team div,.final-team div { min-width:0; }
.obs-team span,.hud-team span,.final-team span { display:block; color:#dbe5f2; font:800 16px Arial, sans-serif; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.obs-title { text-align:center; border:1px solid rgba(0,229,255,.32); padding:18px; background:rgba(8,10,15,.78); box-shadow:0 0 28px rgba(0,229,255,.14), inset 0 0 20px rgba(255,0,92,.08); }
.overlay-brand-logo { display:none; width:68px; height:34px; object-fit:contain; margin:0 auto 8px; }
.floating-brand-logo { display:none; width:120px; height:70px; object-fit:contain; margin:0 auto 18px; filter:drop-shadow(0 0 18px rgba(0,229,255,.38)); }
.obs-draft .obs-team.a { justify-content:flex-start; text-align:left; }
.obs-draft .obs-team.b { flex-direction:row-reverse; justify-content:flex-start; text-align:right; }
.obs-draft .obs-team.b div { margin-left:auto; }
.obs-title strong { display:block; font-size:34px; }
.obs-title small { display:block; margin-top:6px; color:#ffdf6e; font:800 13px Arial,sans-serif; text-transform:uppercase; }
.draft-lane { margin-top:76px; display:grid; grid-template-columns:repeat(5,1fr); gap:18px; }
.draft-lane.mapset-locked { margin-top:72px; }
.draft-item { min-height:520px; border:1px solid rgba(0,229,255,.28); background:rgba(10,14,22,.88); animation:pop .25s ease-out; overflow:hidden; box-shadow:0 0 26px rgba(0,229,255,.10), inset 0 0 22px rgba(255,0,92,.05); }
.draft-item img { width:100%; height:330px; object-fit:cover; opacity:.76; }
.draft-item div { padding:16px; }
.draft-item b { color:#fff; font-size:28px; text-transform:uppercase; }
.draft-item span { display:block; color:var(--muted); font:800 15px Arial, sans-serif; }
.series-card { min-height:560px; }
.series-card.empty { opacity:.55; }
.available-map { min-height:500px; }
.final-map-lane { margin-top:24px; display:grid; gap:14px; font-family:Arial,sans-serif; }
.veto-strip { display:flex; justify-content:center; align-items:center; gap:10px; padding:8px 10px; border:1px solid rgba(255,255,255,.10); background:linear-gradient(90deg,rgba(255,0,92,.08),rgba(5,9,16,.70),rgba(0,229,255,.08)); }
.veto-strip h2 { margin:0; padding:0 12px 0 0; border-right:1px solid rgba(255,223,110,.24); color:#ffdf6e; font:900 12px Arial,sans-serif; letter-spacing:.12em; text-transform:uppercase; white-space:nowrap; }
.veto-strip-list { display:flex; justify-content:center; align-items:center; gap:8px; flex-wrap:wrap; }
.veto-strip article { min-width:112px; display:grid; grid-template-columns:auto auto 1fr; align-items:center; gap:7px; border:1px solid rgba(255,255,255,.12); background:rgba(7,11,19,.68); padding:7px 10px; text-align:left; box-shadow:inset 0 0 16px rgba(0,229,255,.04); }
.veto-strip article b { color:#91c8ff; font:900 11px Arial,sans-serif; }
.veto-strip article em { color:#ffdf6e; font:900 10px Arial,sans-serif; font-style:normal; }
.veto-strip article span { color:#f8fbff; font:900 14px/1 Arial,sans-serif; text-transform:uppercase; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.partial-mapset div,.played-maps div { min-width:150px; border:1px solid rgba(0,229,255,.26); background:rgba(10,14,22,.88); padding:10px 12px; text-align:center; box-shadow:0 0 18px rgba(0,229,255,.08); }
.partial-mapset,.played-maps { display:flex; justify-content:center; gap:12px; font-family:Arial,sans-serif; }
.partial-mapset b,.played-maps b,.partial-mapset em,.played-maps em { display:block; color:var(--muted); font-style:normal; font-size:12px; text-transform:uppercase; }
.partial-mapset span,.played-maps span { display:block; color:#fff; font-weight:900; font-size:17px; text-transform:uppercase; }
@keyframes pop { from { transform:translateY(18px); opacity:0; } to { transform:none; opacity:1; } }
.hud-overlay { position:fixed; inset:0; width:1920px; height:1080px; overflow:hidden; background:transparent; pointer-events:none; font-family:"Rajdhani","Arial Narrow",Arial,sans-serif; }
.match-hud { --hud-left-x:41px; --hud-left-y:16px; --hud-left-w:611px; --hud-left-h:56px; --hud-right-x:1266px; --hud-right-y:10px; --hud-right-w:614px; --hud-right-h:59px; --hud-center-x:640px; --hud-center-y:58px; --hud-center-w:640px; --hud-center-h:77px; --hud-center-logo-gap:246px; --hud-center-logo-y:6px; --hud-logo-size:85px; --hud-name-size:32px; position:fixed; inset:0; width:1920px; height:1080px; }
.hud-team-card { position:absolute; top:var(--hud-left-y); left:var(--hud-left-x); width:var(--hud-left-w); height:var(--hud-left-h); display:grid; grid-template-columns:124px 1fr; overflow:hidden; background:#080b11; border:1px solid rgba(255,255,255,.16); box-shadow:0 10px 28px rgba(0,0,0,.28); }
.hud-team-card-b { top:var(--hud-right-y); left:var(--hud-right-x); width:var(--hud-right-w); height:var(--hud-right-h); grid-template-columns:1fr 124px; }
.hud-team-card::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 46%,rgba(0,0,0,.18)); }
.hud-team-crest { display:flex; align-items:center; justify-content:center; min-width:0; background:linear-gradient(90deg,#05070d,var(--team-color,#00e5ff)); }
.hud-team-card-b .hud-team-crest { background:linear-gradient(270deg,#05070d,var(--team-color,#00e5ff)); }
.hud-logo { width:var(--hud-logo-size); height:calc(var(--hud-logo-size) * .82); object-fit:contain; filter:drop-shadow(0 0 10px rgba(255,255,255,.18)); }
.hud-team-name { display:flex; align-items:center; min-width:0; padding:0 22px; background:linear-gradient(90deg,var(--team-color,#00e5ff),#080b11); }
.hud-team-card-b .hud-team-name { justify-content:flex-end; text-align:right; background:linear-gradient(270deg,var(--team-color,#00e5ff),#080b11); }
.hud-team-name span { display:block; max-width:100%; color:#f8fbff; font:900 var(--hud-name-size)/1 "Rajdhani","Arial Narrow",Arial,sans-serif; text-transform:uppercase; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-shadow:0 2px 0 rgba(0,0,0,.36); }
.hud-logo-cover { position:absolute; top:var(--hud-center-y); left:var(--hud-center-x); width:var(--hud-center-w); height:var(--hud-center-h); display:flex; align-items:center; justify-content:center; gap:var(--hud-center-logo-gap); overflow:visible; background:transparent; border:0; box-shadow:none; }
.hud-logo-cover::before { content:none; }
.hud-center-logo-plate { width:calc(var(--hud-logo-size) + 26px); height:calc(var(--hud-logo-size) + 26px); display:flex; align-items:center; justify-content:center; flex:0 0 auto; transform:translateY(var(--hud-center-logo-y)); overflow:hidden; background:#080b11; box-shadow:0 10px 26px rgba(0,0,0,.42), inset 0 0 34px rgba(255,255,255,.08); }
.hud-center-logo-plate-a { background:linear-gradient(135deg,#080b11 0%,var(--team-a-color,#ff005c) 56%,var(--team-b-color,#00e5ff) 130%); }
.hud-center-logo-plate-b { background:linear-gradient(225deg,#080b11 0%,var(--team-b-color,#00e5ff) 56%,var(--team-a-color,#ff005c) 130%); }
.hud-center-logo { width:var(--hud-logo-size); height:var(--hud-logo-size); object-fit:contain; filter:drop-shadow(0 2px 7px rgba(0,0,0,.62)) drop-shadow(0 0 10px rgba(255,255,255,.18)); }
.hud-logo-divider { display:none; }
.hud-calibrator { position:fixed; left:18px; bottom:18px; width:980px; padding:12px; background:rgba(5,7,13,.94); border:1px solid rgba(0,229,255,.38); color:#fff; font:700 12px Arial,sans-serif; pointer-events:auto; z-index:10; box-shadow:0 14px 42px rgba(0,0,0,.45); }
.hud-calibrator header { display:flex; align-items:center; justify-content:space-between; margin-bottom:10px; }
.hud-calibrator button { padding:7px 10px; font-size:12px; }
.cal-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }
.hud-calibrator h2 { margin:0 0 8px; font:900 13px Arial,sans-serif; color:#7df9ff; }
.hud-calibrator label { display:grid; grid-template-columns:54px 1fr; align-items:center; gap:8px; margin:6px 0; color:#cbd5e1; }
.hud-calibrator input { padding:0; }
.hud-calibrator textarea { width:100%; height:72px; margin-top:10px; color:#b6ff00; font:12px Consolas,monospace; resize:none; }
.single-card,.final,.waiting { display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
.single-card h1,.waiting h1 { font-size:126px; margin:20px 0; }
.single-card p,.waiting p { font-size:34px; color:#dbe5f2; }
.obs-mini-teams,.waiting-logos { position:absolute; top:72px; left:72px; width:min(1776px, calc(100vw - 144px)); display:flex; justify-content:space-between; overflow:hidden; }
.map-number { color:#ffdf6e; font:900 32px Arial,sans-serif; text-transform:uppercase; }
#next-map-image { width:980px; height:420px; object-fit:cover; border:1px solid #354259; margin-top:24px; }
.final-row { display:grid; grid-template-columns:1fr 260px 1fr; gap:42px; align-items:center; width:1500px; }
.final-row > * { min-width:0; }
#final-score { text-align:center; font-size:92px; }
#winner { font-size:82px; margin:18px 0 40px; }
@media (max-width: 800px) {
  .admin-grid,.station-header,.table-row,.versus,.broadcast-proof,.product-band,.scoreboard-admin,.result-form,.workspace-layout,.obs-link-board,.obs-link-board.compact,.workflow-steps,.metrics-grid,.match-row { grid-template-columns:1fr; }
  .turn-box h1 { font-size:34px; }
  .hero-copy h1 { font-size:54px; }
  .product-hero { min-height:640px; padding:48px 20px 54px; background-position:center; }
  .corporate-hero { flex-direction:column; align-items:stretch; justify-content:center; gap:24px; }
  .hero-console { width:100%; }
  .workspace-heading,.workspace-hero,.setup-header { align-items:stretch; flex-direction:column; }
  .station-panel { position:static; }
  .obs-card-actions,.console-actions { grid-template-columns:1fr; }
  .row-actions { justify-content:stretch; flex-direction:column; }
  .topbar { height:auto; min-height:64px; flex-wrap:wrap; gap:12px; padding:14px 20px; }
  .topbar nav { flex-wrap:wrap; gap:12px; }
  body:has(.product-hero) .panel .row.between { align-items:stretch; flex-direction:column; }
  body:has(.product-hero) .panel .row.between .button { width:100%; }
}