/* Alpha Arena (D127): Broadcast layout with Colosseum crests. Based on evidence/arena-concepts/broadcast. */
:root{
  --canvas:#080808; --panel:#141414; --raised:#1E1E1E; --border:#343434;
  --text:#F4F4F5; --text-2:#B0B0B8; --text-3:#8E8E97;
  --tangerine:#FF7F11; --selected:#2A1B10;
  --pos:#65DFAE; --neg:#FF8797; --warn:#EFC16A;
  /* Prestige metals: tier crests and season trophies only */
  --gold-hi:#F7E2A1; --gold:#D4A84B; --gold-lo:#8C6A22;
  --silver-hi:#F1F3F6; --silver:#B4BAC4; --silver-lo:#6B717C;
  --bronze-hi:#F0B988; --bronze:#B9773F; --bronze-lo:#6E421F;
  --muted-hi:#8A8A93; --muted:#5E5E66; --muted-lo:#3A3A40;
  --font:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --r:10px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--canvas);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.45;overflow-x:hidden}
.num,table,.score,.cd{font-variant-numeric:tabular-nums}
a{color:inherit}
:focus-visible{outline:2px solid var(--tangerine);outline-offset:2px;border-radius:4px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{max-width:none;margin:0;padding:0 clamp(16px,2.2vw,32px)}
.eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-2);font-weight:700}










/* Ticker */
.ticker{display:flex;align-items:stretch;background:var(--panel);border-bottom:1px solid var(--border);height:38px;overflow:hidden}
.ticker .tag{flex:none;display:flex;align-items:center;gap:8px;padding:0 14px;background:var(--tangerine);color:#120800;font-weight:800;font-size:12px;letter-spacing:.12em}
.ticker .tag i{width:7px;height:7px;border-radius:50%;background:#120800;display:block}
.ticker .viewport{flex:1;min-width:0;overflow:hidden;position:relative;mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent)}
.ticker .reel{display:flex;width:max-content;animation:tick 60s linear infinite}
.ticker ul{display:flex;list-style:none;margin:0;padding:0}
.ticker li{display:flex;align-items:center;gap:8px;padding:0 22px;height:38px;font-size:13px;color:var(--text-2);white-space:nowrap;border-right:1px solid var(--border)}
.ticker li b{color:var(--text);font-weight:600}
.ticker li .k{font-size:10px;font-weight:800;letter-spacing:.1em;padding:2px 6px;border-radius:3px;background:var(--raised);color:var(--text)}
.ticker li .k.up{color:var(--pos)} .ticker li .k.dn{color:var(--neg)}
.ticker li svg{width:16px;height:18px;flex:none}
@keyframes tick{to{transform:translateX(-50%)}}
.ticker:hover .track{animation-play-state:paused}

/* Arena sub-nav */
.subnav{background:var(--canvas);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:5}
.subnav .wrap{display:flex;align-items:center;gap:16px}
.subnav .brand{font-weight:800;letter-spacing:.16em;font-size:12px;color:var(--tangerine);white-space:nowrap;flex:none}
.subnav nav{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;min-width:0}
.subnav nav a{display:block;text-decoration:none;color:var(--text-2);font-size:14px;font-weight:600;padding:14px 14px;white-space:nowrap;border-bottom:2px solid transparent}
.subnav nav a:hover{color:var(--text)}
.subnav nav a[aria-current]{color:var(--text);border-bottom-color:var(--tangerine)}

/* Section lower-third headers */
section{margin-top:40px}
.l3{display:flex;align-items:stretch;margin-bottom:16px;max-width:100%}
.l3 .bar{width:6px;background:var(--tangerine);flex:none}
.l3 .t{background:var(--raised);padding:8px 16px 8px 14px;border:1px solid var(--border);border-left:0;min-width:0}
.l3 h2{margin:0;font-size:20px;line-height:1.2;letter-spacing:-.01em}
.l3 .s{font-size:12px;color:var(--text-2);text-transform:uppercase;letter-spacing:.12em;font-weight:700}
.l3 .side{margin-left:auto;align-self:center;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;padding-left:12px}
.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--r)}

/* Season scorebug */
.season{margin-top:20px;display:grid;grid-template-columns:auto auto minmax(0,1fr);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;background:var(--panel)}
.season .id{background:linear-gradient(135deg,#1c1209,#141414 70%);padding:18px 22px;display:flex;gap:16px;align-items:center;border-right:1px solid var(--border)}
.season .id svg{width:46px;height:52px;flex:none}
.season h1{margin:0;font-size:28px;line-height:1.05;letter-spacing:-.02em}
.season .round{margin-top:6px;font-size:13px;color:var(--text-2)}
.season .round b{color:var(--text)}
.season .clock{padding:16px 22px;border-right:1px solid var(--border);display:flex;flex-direction:column;justify-content:center;gap:6px}
.cd{display:flex;gap:6px;align-items:flex-end}
.cd div{background:var(--canvas);border:1px solid var(--border);border-radius:6px;padding:4px 8px;text-align:center;min-width:48px}
.cd b{display:block;font-size:24px;line-height:1.1;font-weight:700}
.cd small{font-size:10px;color:var(--text-2);letter-spacing:.1em}
.season .clock .end{font-size:12px;color:var(--text-2)}
.season .factions{padding:16px 22px;min-width:0;display:flex;flex-direction:column;gap:10px}
.season .factions .hd{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.fbar{display:flex;height:10px;border-radius:5px;overflow:hidden;gap:2px}
.fbar span{display:block}
.flist{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.flist div{font-size:12px;color:var(--text-2);min-width:0}
.flist div b{display:block;font-size:17px;color:var(--text);font-weight:700}
.flist i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:6px;vertical-align:1px}
.pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;border:1px solid var(--border);background:var(--raised);color:var(--text-2);white-space:nowrap}
.pill.off::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--muted-hi)}
.link{color:var(--tangerine);text-decoration:none;font-size:13px;font-weight:600;white-space:nowrap}
.link:hover{text-decoration:underline}

/* Crest legend */
.crests{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.crests figure{margin:0;background:var(--panel);border:1px solid var(--border);border-radius:var(--r);padding:16px 10px 12px;text-align:center}
.crests svg{width:64px;height:72px;display:block;margin:0 auto 8px}
.crests figcaption{font-size:13px;font-weight:700}
.crests figcaption span{display:block;font-weight:500;font-size:12px;color:var(--text-2)}

/* Layout: arena + side rail */
.arena{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:24px;align-items:start}
.rail{display:flex;flex-direction:column;gap:20px;min-width:0}

/* Filters */
.filters{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.filters button{font:inherit;font-size:13px;font-weight:600;color:var(--text-2);background:var(--panel);border:1px solid var(--border);border-radius:999px;padding:6px 14px;cursor:pointer}
.filters button[aria-pressed=true]{color:var(--text);background:var(--selected);border-color:var(--tangerine)}

/* Call cards */
.calls{display:flex;flex-direction:column;gap:12px}
.call{background:var(--panel);border:1px solid var(--border);border-radius:var(--r);overflow:hidden}
.call .top{display:flex;align-items:center;gap:12px;padding:14px 16px 0}
.call .top svg{width:38px;height:43px;flex:none}
.who{min-width:0}
.who .h{font-weight:700;font-size:15px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.gtag{font-size:11px;font-weight:800;letter-spacing:.06em;color:var(--text-2);border:1px solid var(--border);padding:1px 6px;border-radius:4px;background:var(--raised)}
.who .m{font-size:12px;color:var(--text-2)}
.mult{margin-left:auto;text-align:right;flex:none}
.mult .x{display:inline-block;font-size:22px;font-weight:800;padding:2px 10px;border-radius:6px;line-height:1.2}
.mult .x.up{color:var(--pos);background:rgba(101,223,174,.1)}
.mult .x.dn{color:var(--neg);background:rgba(255,135,151,.1)}
.mult small{display:block;font-size:10px;letter-spacing:.1em;color:var(--text-2);text-transform:uppercase;margin-top:2px}
.call .body{padding:10px 16px 14px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 20px;align-items:end}
.tok{display:flex;align-items:center;gap:10px;min-width:0}
.tok .av{width:30px;height:30px;border-radius:8px;flex:none;display:grid;place-items:center;font-size:12px;font-weight:800;color:#0b0b0b}
.tok b{font-size:16px}
.tok span{font-size:12px;color:var(--text-2)}
.net{font-size:10px;font-weight:800;letter-spacing:.08em;color:var(--warn);border:1px solid rgba(239,193,106,.4);border-radius:3px;padding:0 4px;margin-left:4px}
.thesis{grid-column:1/-1;margin:0;color:var(--text-2);font-size:14px}
.horizon{display:flex;gap:4px;align-items:center}
.horizon .seg{width:64px}
.horizon .seg i{display:block;height:6px;border-radius:3px;background:var(--raised);overflow:hidden;border:1px solid var(--border)}
.horizon .seg i span{display:block;height:100%;background:var(--text-2)}
.horizon .seg.done i span{background:var(--pos)}
.horizon .seg.live i span{background:var(--tangerine)}
.horizon .seg small{display:block;font-size:10px;color:var(--text-2);text-align:center;margin-top:3px;font-weight:700;letter-spacing:.06em}
.call .foot{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;padding:9px 16px;border-top:1px solid var(--border);background:#101010;font-size:12px;color:var(--text-2)}
.rec{display:inline-flex;align-items:center;gap:6px}
.rec::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--pos)}
.disc{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--text);border:1px solid var(--border);border-radius:4px;padding:2px 8px;background:var(--raised)}
.disc.team{color:#1a1204;background:var(--warn);border-color:var(--warn)}
.call.flagged{border-color:rgba(239,193,106,.55)}
.call .foot .r{margin-left:auto}

/* Composer */
.composer{padding:18px}
.composer h3,.standing h3{margin:0 0 4px;font-size:17px}
.composer .lede{margin:0 0 14px;font-size:13px;color:var(--text-2)}
label{display:block;font-size:12px;font-weight:700;color:var(--text-2);margin:12px 0 6px;letter-spacing:.04em}
label .req{color:var(--tangerine)}
input,select,textarea{width:100%;font:inherit;font-size:14px;color:var(--text);background:var(--canvas);border:1px solid var(--border);border-radius:8px;padding:10px 12px}
input::placeholder,textarea::placeholder{color:#8E8E97}
textarea{resize:vertical;min-height:72px}
select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-2) 50%),linear-gradient(135deg,var(--text-2) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px;background-repeat:no-repeat}
input:focus,select:focus,textarea:focus{outline:2px solid var(--tangerine);outline-offset:0;border-color:transparent}
.notice{margin-top:14px;background:var(--canvas);border:1px solid var(--border);border-left:3px solid var(--tangerine);border-radius:6px;padding:10px 12px;font-size:13px;color:var(--text-2)}
.notice b{color:var(--text)}
.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;font:inherit;font-weight:700;font-size:14px;border-radius:8px;padding:11px 16px;cursor:pointer;border:1px solid transparent;text-decoration:none}
.btn.primary{background:var(--tangerine);color:#120800;width:100%;margin-top:14px}
.btn.ghost{background:transparent;color:var(--text);border-color:var(--border)}

/* My Standing */
.standing{padding:18px}
.standing .me{display:flex;gap:14px;align-items:center}
.standing .me svg{width:60px;height:68px;flex:none}
.standing .rating{font-size:34px;font-weight:800;line-height:1;letter-spacing:-.02em}
.standing .rating small{font-size:13px;color:var(--text-2);font-weight:600;letter-spacing:0;margin-left:4px}
.prog{margin-top:16px}
.prog .row{display:flex;justify-content:space-between;font-size:12px;color:var(--text-2);margin-bottom:6px;gap:8px}
.prog .row b{color:var(--text)}
.track{height:8px;background:var(--raised);border-radius:4px;border:1px solid var(--border);overflow:hidden}
.track span{display:block;height:100%;background:var(--tangerine)}
.risk{margin-top:16px;border:1px solid rgba(239,193,106,.5);background:rgba(239,193,106,.06);border-radius:8px;padding:12px}
.risk .hd{display:flex;align-items:center;justify-content:space-between;gap:8px}
.risk .badge{font-size:11px;font-weight:800;letter-spacing:.1em;color:#1a1204;background:var(--warn);border-radius:4px;padding:2px 8px}
.risk svg.spark{width:100%;height:84px;display:block;margin-top:8px}
.risk p{margin:6px 0 0;font-size:12px;color:var(--text-2)}
.risk p b{color:var(--text)}
.kv{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}
.kv div{background:var(--raised);border-radius:8px;padding:8px 10px;font-size:11px;color:var(--text-2)}
.kv b{display:block;font-size:16px;color:var(--text)}

/* Ladder */
.ladder{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:24px;align-items:start}
.podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:8px;padding:18px 16px 0;background:radial-gradient(120% 80% at 50% 0%,rgba(212,168,75,.10),transparent 60%),var(--panel);border:1px solid var(--border);border-radius:var(--r);overflow:hidden}
.pod{text-align:center;min-width:0}
.pod svg.c{width:52px;height:59px;display:block;margin:0 auto 6px}
.pod .h{font-weight:700;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pod .g{font-size:11px;color:var(--text-2);margin:2px 0 8px}
.pod .step{border:1px solid var(--border);border-bottom:0;border-radius:8px 8px 0 0;background:var(--raised);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:10px}
.pod .step .n{font-size:28px;font-weight:800;line-height:1}
.pod .step .r{font-size:12px;color:var(--text-2);margin-top:4px}
.pod.p1 .step{height:150px;box-shadow:inset 0 2px 0 var(--gold)}
.pod.p2 .step{height:112px;box-shadow:inset 0 2px 0 var(--silver)}
.pod.p3 .step{height:88px;box-shadow:inset 0 2px 0 var(--bronze)}
.pod.p1 svg.c{width:64px;height:72px}
.seats{display:flex;align-items:center;gap:10px;margin-top:12px;padding:12px 14px;background:var(--panel);border:1px solid var(--border);border-radius:var(--r);font-size:13px;color:var(--text-2);flex-wrap:wrap}
.seats .dots{display:flex;gap:4px}
.seats .dots i{width:22px;height:8px;border-radius:2px;background:var(--raised);border:1px solid var(--border)}
.seats .dots i.on{background:var(--gold);border-color:var(--gold)}
.seats b{color:var(--text)}
.bands{margin-top:12px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;font-size:11px;color:var(--text-2);text-align:center}
.bands div{background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:6px 2px}
.bands b{display:block;color:var(--text);font-size:13px}
.how{margin-top:12px;padding:14px 16px;font-size:13px;color:var(--text-2)}
.how h3{margin:0 0 6px;font-size:14px;color:var(--text)}
.how ul{margin:0;padding-left:18px}
.how li{margin:3px 0}

.table{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;font-size:14px}
.table th{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-2);font-weight:700;text-align:right;padding:10px 12px;background:#101010;border-bottom:1px solid var(--border);white-space:nowrap}
.table td{padding:10px 12px;border-bottom:1px solid #222;text-align:right;white-space:nowrap}
.table tr:last-child td{border-bottom:0}
.table th:nth-child(-n+2),.table td:nth-child(-n+2){text-align:left}
.table td.rk{width:44px;color:var(--text-2);font-weight:700}
.table .caller{display:flex;align-items:center;gap:10px}
.table .caller svg{width:26px;height:30px;flex:none}
.table .caller b{font-weight:700}
.table tr.you td{background:var(--selected)}
.mv{display:inline-flex;align-items:center;gap:3px;font-weight:700;font-size:13px}
.mv.up{color:var(--pos)} .mv.dn{color:var(--neg)} .mv.eq{color:var(--text-2)}
.hit{display:inline-flex;align-items:center;gap:8px}
.hit i{display:inline-block;width:44px;height:4px;background:var(--raised);border-radius:2px;overflow:hidden}
.hit i span{display:block;height:100%;background:var(--text-2)}

/* Guild Wars */
.matches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.match{background:var(--panel);border:1px solid var(--border);border-radius:var(--r);overflow:hidden}
.match .mh{display:flex;justify-content:space-between;align-items:center;padding:8px 14px;background:#101010;border-bottom:1px solid var(--border);font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--text-2)}
.match .mh .live{color:var(--tangerine);display:inline-flex;align-items:center;gap:6px}
.match .mh .live::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--tangerine)}
.sb{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;padding:16px 14px 10px;gap:8px}
.team{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;min-width:0}
.team .em{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;font-weight:900;font-size:13px;letter-spacing:.04em;border:1px solid rgba(255,255,255,.12)}
.team .nm{font-weight:700;font-size:14px}
.team .sd{font-size:10px;color:var(--text-2);letter-spacing:.12em;text-transform:uppercase}
.score{display:flex;align-items:center;gap:6px}
.score b{font-size:34px;font-weight:800;line-height:1;background:var(--canvas);border:1px solid var(--border);border-radius:6px;padding:6px 10px;min-width:72px;text-align:center}
.score b.lead{color:var(--text);box-shadow:inset 0 -2px 0 var(--tangerine)}
.score b.trail{color:var(--text-2)}
.score span{color:var(--text-2);font-weight:700}
.split{padding:4px 14px 14px;display:flex;flex-direction:column;gap:8px}
.split .row{display:grid;grid-template-columns:40px minmax(0,1fr) 92px minmax(0,1fr) 40px;align-items:center;gap:6px;font-size:12px}
.split .row .lbl{text-align:center;color:var(--text-2);font-size:10px;letter-spacing:.06em;text-transform:uppercase;font-weight:700}
.split .row .v{font-weight:700}
.split .row .v:last-child{text-align:right}
.split .bar{height:6px;background:var(--raised);border-radius:3px;overflow:hidden;display:flex}
.split .bar.l{justify-content:flex-end}
.split .bar span{display:block;height:100%}
.match .mf{display:flex;justify-content:space-between;gap:8px;padding:9px 14px;border-top:1px solid var(--border);font-size:12px;color:var(--text-2)}
.match .mf b{color:var(--text)}
.weights{margin-top:12px;font-size:12px;color:var(--text-2);display:flex;gap:14px;flex-wrap:wrap}
.weights b{color:var(--text)}

.guilds{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.banner{background:var(--panel);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;text-decoration:none;display:block}
.banner:hover{border-color:#4a4a4a}
.banner .flag{height:76px;position:relative;display:flex;align-items:flex-end;padding:10px 14px}
.banner .flag .em{width:46px;height:46px;border-radius:10px;display:grid;place-items:center;font-weight:900;font-size:13px;background:var(--canvas);border:1px solid rgba(255,255,255,.18);transform:translateY(22px)}
.banner .flag .fac{position:absolute;top:10px;right:12px;font-size:10px;letter-spacing:.1em;font-weight:800;text-transform:uppercase;color:var(--text);background:rgba(8,8,8,.7);padding:2px 7px;border-radius:3px}
.banner .bd{padding:28px 14px 14px}
.banner .bd .nm{font-weight:700;font-size:15px}
.banner .stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:10px;font-size:11px;color:var(--text-2)}
.banner .stats b{display:block;color:var(--text);font-size:15px}




/* Responsive */
@media (max-width:1180px){
  .arena{grid-template-columns:minmax(0,1fr) 340px}
  .matches{grid-template-columns:repeat(2,minmax(0,1fr))}
  .guilds{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ladder{grid-template-columns:minmax(0,1fr)}
  .ladder .left{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
  .ladder .left .seats,.ladder .left .bands,.ladder .left .how{margin-top:0}
  .season{grid-template-columns:auto minmax(0,1fr)}
  .season .factions{grid-column:1/-1;border-top:1px solid var(--border)}
  .season .clock{border-right:0}
}
@media (max-width:900px){
  .arena{grid-template-columns:minmax(0,1fr)}

  .table .hide-md{display:none}
}
@media (max-width:640px){
  .wrap{padding:0 16px}
  body{font-size:14px}




  .subnav .brand{display:none}
  .subnav nav a{padding:12px 10px;font-size:13px}
  .season{grid-template-columns:minmax(0,1fr)}
  .season .id{border-right:0;border-bottom:1px solid var(--border);padding:16px}
  .season .clock{padding:14px 16px}
  .season .factions{padding:14px 16px}
  .cd div{min-width:0;flex:1}
  .flist{grid-template-columns:repeat(2,minmax(0,1fr))}
  .crests{grid-template-columns:repeat(3,minmax(0,1fr))}
  .crests svg{width:52px;height:59px}
  .l3 h2{font-size:18px}
  .l3{flex-wrap:wrap;row-gap:10px}
  .l3 .side{margin-left:0;padding-left:0;justify-content:flex-start;width:100%}
  .call .body{grid-template-columns:minmax(0,1fr)}
  .horizon .seg{flex:1;width:auto}
  .horizon{width:100%}
  .call .foot .r{margin-left:0}
  .mult .x{font-size:18px}
  .ladder .left{grid-template-columns:minmax(0,1fr)}
  .podium{padding:14px 8px 0}
  .pod .step .n{font-size:22px}
  .matches,.guilds{grid-template-columns:minmax(0,1fr)}
  .table .hide-sm{display:none}
  .table th,.table td{padding:9px 8px}
  .table td.rk{width:30px}
  .split .row{grid-template-columns:34px minmax(0,1fr) 80px minmax(0,1fr) 34px}
  .score b{font-size:28px;min-width:60px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .ticker .reel{transform:none}
  .ticker .dup{display:none}
}

/* ---- Production additions (D127) ---- */
.skip{position:absolute;left:-9999px;top:8px;z-index:50;background:var(--tangerine);color:#120800;padding:8px 12px;border-radius:6px;font-weight:700}
.skip:focus{left:12px}


.state{padding:28px 20px;border:1px dashed var(--border);border-radius:12px;color:var(--text-2);text-align:center;font-size:14px;line-height:1.6}
.state b{color:var(--text)}
.state .btn{margin-top:12px}
.state.error{border-color:#5a2a33;color:var(--neg)}
.sk{background:linear-gradient(90deg,#141414,#1c1c1c,#141414);background-size:200% 100%;border-radius:12px;animation:sk 1.4s ease infinite}
@keyframes sk{to{background-position:-200% 0}}
.more{display:block;margin:14px auto 0;padding:9px 16px;border-radius:8px;border:1px solid var(--border);background:var(--panel);color:var(--text);font:inherit;font-size:13px;cursor:pointer}
.formmsg{font-size:13px;color:var(--warn);min-height:18px;margin-top:8px}
.composer select,.composer input,.composer textarea{width:100%}
.picklist{display:grid;gap:6px;margin:6px 0 4px;max-height:220px;overflow:auto}
.picklist button{display:flex;justify-content:space-between;gap:10px;text-align:left;padding:8px 10px;border-radius:8px;border:1px solid var(--border);background:var(--canvas);color:var(--text);font:inherit;font-size:13px;cursor:pointer}
.picklist button[aria-pressed=true]{border-color:var(--tangerine);background:var(--selected)}
.picklist small{color:var(--text-2);font-family:ui-monospace,Menlo,monospace}
.spark{width:100%;height:64px;display:block;margin:8px 0}
.roster{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.roster li{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--panel)}
.roster li svg{width:22px;height:25px;flex:none}
.roster li a{color:var(--text);font-weight:600;text-decoration:none}
.roster li small{color:var(--text-2);margin-right:auto}
.roster li button,.gactions button,.gform button{padding:7px 12px;border-radius:8px;border:1px solid #473726;background:#1c1610;color:var(--tangerine);font:inherit;font-size:12px;cursor:pointer}
.gactions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:12px 0}
.gform{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--panel);margin:12px 0}
.gform strong{width:100%;font-size:13px}
.gform input,.wars-faction select{flex:1 1 160px;min-width:0;padding:9px 11px;border-radius:8px;border:1px solid var(--border);background:var(--canvas);color:var(--text);font:inherit;font-size:13px}
.hallgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.hallcard{padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--panel)}
.hallcard h3{margin:0 0 8px;font-size:16px;display:flex;align-items:center;gap:8px}
.hallcard h3 svg{width:22px;height:22px}
.hallcard ol{margin:0;padding-left:18px;color:var(--text-2);font-size:13px;line-height:1.8}
.player{display:flex;gap:18px;align-items:center;flex-wrap:wrap;padding:20px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(135deg,#1a120a,#141414 55%)}
.player>svg{width:72px;height:82px;flex:none}
.player h1{margin:0;font-size:28px}
.player .meta{color:var(--text-2);font-size:13px;margin-top:4px}
.player .acts{margin-left:auto;display:flex;gap:8px}
.timeline{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.timeline li{display:flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--border);border-radius:999px;font-size:12px;color:var(--text-2)}
.timeline li svg{width:16px;height:18px}
.record{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.record li{display:grid;grid-template-columns:minmax(90px,1.2fr) 80px minmax(120px,1.4fr) 70px 70px;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--panel);font-size:13px;color:var(--text-2)}
.record li b{color:var(--text)}
.record .wd{color:var(--warn)}
@media (max-width:640px){.record li{grid-template-columns:1fr 1fr}.player .acts{margin-left:0}}
@media (prefers-reduced-motion:reduce){.sk{animation:none}}
.risk:not(.on){border-color:var(--border);background:transparent}
.call .who a,.pod .h a,.caller a,.roster li a{text-decoration:none}
.call .who a:hover,.pod .h a:hover,.caller a:hover{text-decoration:underline}
.fempty{font-size:12px;color:var(--text-2);margin:6px 0 0}
@media (max-width:480px){
  .sb{padding:12px 8px 8px;gap:6px}
  .score{gap:4px}
  .score b{font-size:22px;min-width:52px;padding:5px 6px}
  .team .nm{font-size:12px;overflow-wrap:anywhere}
  .split .row{min-width:0}
  .matches,.match{min-width:0}
}
main section>.table,main .ladder .table{display:block;overflow-x:auto;max-width:100%}
@media (min-width:761px){main section>.table,main .ladder .table{display:table}}
.season.pending{min-height:138px;background:linear-gradient(90deg,#141414,#1a1a1a,#141414)}
@media (max-width:760px){.season.pending{min-height:438px}}
.ticker .quiet{display:flex;align-items:center;height:38px;padding:0 16px;font-size:13px;color:var(--text-2)}
#view{min-height:560px}

/* Simplicity pass (D129): where am I, calls first, calm cards, slim season bar off the live sections. */
.here{margin:16px 0 4px;font-size:13px;color:var(--text-2)}
.here b{color:var(--text);font-weight:700}
.season.slim{grid-template-columns:1fr;padding:10px 16px;min-height:0}
.season.slim .clock,.season.slim .factions,.season.slim .id svg{display:none}
.season.slim .id{padding:0;border:0}
.season.slim h1{font-size:15px;display:inline;margin-right:10px}
.season.slim .eyebrow{display:none}
.season.slim .round{display:inline;font-size:13px}
.thesis.clamp{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.more-why{background:none;border:0;color:var(--tangerine);font:inherit;font-size:12px;padding:0;cursor:pointer;margin-top:4px}
.ticker[hidden],.season[hidden]{display:none!important}
/* Open Arena badges (D132): platform (✓ = verified from public activity) and verified X handle. */
.pb{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;border-radius:999px;padding:1px 8px;border:1px solid var(--border,#343434);color:var(--text-2,#B0B0B8);white-space:nowrap;margin-left:4px;vertical-align:1px}
.pb.v::after{content:"";display:inline-block;width:11px;height:11px;margin-left:3px;vertical-align:-1px;background:#5BD69A;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4.8 12.6 9.6 17.4 19.4 7.2' fill='none' stroke='%23000' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4.8 12.6 9.6 17.4 19.4 7.2' fill='none' stroke='%23000' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.xb{font-size:12px;color:var(--text-3,#7A7A84);margin-left:6px;white-space:nowrap}
.venue{font-size:11px;color:var(--text-3,#7A7A84);border:1px dashed var(--border,#343434);border-radius:4px;padding:0 6px;margin-left:6px;white-space:nowrap}
.call .flag{font-size:12px;font-weight:700;color:#120800;background:#EFC16A;border-radius:4px;padding:2px 8px;white-space:nowrap}
/* Platform Cup and league goal (D133) */
.goal{background:linear-gradient(90deg,rgba(255,127,17,.12),transparent);border:1px solid var(--border,#343434);border-radius:12px;padding:18px 20px;margin:20px 0}
.goal .eyebrow{margin:0}
.goal-t{font-size:20px;font-weight:700;margin:6px 0 0}
.goal-bar{height:10px;border-radius:99px;background:var(--raised,#1E1E1E);overflow:hidden;margin:10px 0 6px}
.goal-bar i{display:block;height:100%;background:linear-gradient(90deg,#FF7F11,#E8C66A)}
.goal-mix{display:flex;height:6px;border-radius:99px;overflow:hidden;background:var(--raised,#1E1E1E)}
.table.cup td.r,.table.cup th.r{text-align:right}
.table.cup tr.muted td{color:var(--text-3,#7A7A84)}
.fname{font-weight:800}
.h2h{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-top:14px}
.h2h-m{background:var(--panel,#141414);border:1px solid var(--border,#343434);border-radius:12px;padding:14px 16px;display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;text-align:center}
.h2h-m .num{font-size:20px}.h2h-m .trail{color:var(--text-2,#B0B0B8)}
.board{margin-top:12px}
/* ===== Alpha upgrade (D135): live call-out feed, composer sheet, merged Arena ===== */
/* (D138) the season strip shows on Alpha again */
.alpha-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.alpha-head .l3{margin-bottom:0}
.alpha .make{min-height:44px}
.chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:14px 0 6px;flex-wrap:nowrap}
.chips::-webkit-scrollbar{display:none}
.chip{flex:none;border:1px solid var(--border,#343434);background:var(--panel,#141414);color:var(--text-2,#B0B0B8);border-radius:999px;padding:7px 14px;font:inherit;font-size:13px;font-weight:600;cursor:pointer;min-height:36px}
.chip[aria-pressed=true]{border-color:var(--tangerine,#FF7F11);color:var(--text,#F4F4F5);background:rgba(255,127,17,.1)}
.chip:focus-visible{outline:2px solid var(--tangerine,#FF7F11);outline-offset:2px}
.chip-sep{flex:none;width:1px;background:var(--border,#343434);margin:4px 2px}
.newpill{position:sticky;top:10px;z-index:5;display:block;margin:8px auto;border:0;border-radius:999px;background:var(--tangerine,#FF7F11);color:#120800;font:inherit;font-weight:800;font-size:13px;padding:8px 16px;cursor:pointer;box-shadow:0 6px 20px rgba(0,0,0,.45)}
.newpill[hidden]{display:none}
.calls.feed{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(min(100%,520px),1fr))}
.call.arrive{animation:arrive .35s ease-out}
@keyframes arrive{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.call .tname{font-weight:800;color:var(--text,#F4F4F5);text-decoration:none}
.call a.tname:hover{text-decoration:underline}
.call .addr{font-family:ui-monospace,monospace;font-size:12px;color:var(--text-3,#7A7A84)}
.call .copy{background:none;border:1px solid var(--border,#343434);border-radius:6px;color:var(--text-2,#B0B0B8);font:inherit;font-size:11px;padding:1px 7px;margin-left:6px;cursor:pointer}
.call .thesis.clamp{-webkit-line-clamp:2;line-clamp:2}
.call .acts{display:flex;gap:6px;padding:8px 16px 12px;border-top:1px solid var(--border,#343434)}
.call .act{background:none;border:1px solid var(--border,#343434);border-radius:999px;color:var(--text-2,#B0B0B8);font:inherit;font-size:12px;font-weight:600;padding:4px 12px;cursor:pointer;min-height:30px}
.call .act[aria-pressed=true]{color:var(--text,#F4F4F5);border-color:var(--text-2,#B0B0B8)}
.call .act.quiet{margin-left:auto;border-color:transparent}
.sentinel{height:1px}
.to-top{position:fixed;right:20px;bottom:20px;z-index:20;border:1px solid var(--border,#343434);background:var(--panel,#141414);color:var(--text,#F4F4F5);border-radius:999px;padding:10px 16px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.to-top[hidden]{display:none}
.fab{display:none}
.ticker .hourly{font-weight:600;color:#120800;opacity:.85}
/* Composer: side panel (desktop), bottom sheet (phone) */
dialog.sheet{position:fixed;inset:0 0 0 auto;margin:0;height:100dvh;max-height:100dvh;width:min(440px,100vw);max-width:100vw;border:0;border-left:1px solid var(--border,#343434);background:var(--panel,#141414);color:var(--text,#F4F4F5);padding:20px;overflow:auto}
dialog.sheet::backdrop{background:rgba(0,0,0,.6)}
.sheet-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.sheet-head h2{margin:0;font-size:20px}
.x-close{background:none;border:0;color:var(--text-2,#B0B0B8);font-size:26px;line-height:1;cursor:pointer;min-width:44px;min-height:44px}
.sheet .composer{display:grid;gap:8px}
.sheet .composer label{font-size:13px;font-weight:700;margin-top:6px}
.sheet input,.sheet textarea,.sheet select{width:100%;background:var(--raised,#1E1E1E);border:1px solid var(--border,#343434);border-radius:8px;padding:10px 12px;color:var(--text,#F4F4F5);font:inherit}
.sheet textarea{min-height:84px;resize:vertical}
.sheet .count{font-size:11px;color:var(--text-3,#7A7A84);justify-self:end}
.tok-prev{min-height:22px;font-size:13px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.tok-prev .bad{color:#FF8797}.tok-prev .warn{color:#EFC16A}.tok-prev .ok{color:#5BD69A}
.fine{font-size:12px;color:var(--text-3,#7A7A84);margin:4px 0}
/* Merged Arena */
.jump{display:none}
.stake{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.stake .big{font-size:28px;font-weight:300;margin:6px 0}
@media (max-width:760px){
  .alpha .make{display:none}
  .fab{display:block;position:fixed;left:16px;right:16px;bottom:16px;z-index:20;border:0;border-radius:12px;background:var(--tangerine,#FF7F11);color:#120800;font:inherit;font-weight:800;font-size:15px;padding:14px;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.5)}
  .to-top{bottom:84px}
  #view{padding-bottom:72px}
  dialog.sheet{inset:auto 0 0 0;width:100vw;height:auto;max-height:88dvh;border-left:0;border-top:1px solid var(--border,#343434);border-radius:16px 16px 0 0}
  .jump{display:flex;gap:6px;position:sticky;top:0;z-index:6;background:var(--canvas,#080808);padding:8px 0;overflow-x:auto;scrollbar-width:none}
  .jump a{flex:none;border:1px solid var(--border,#343434);border-radius:999px;padding:6px 12px;font-size:12px;color:var(--text-2,#B0B0B8);text-decoration:none}
}
@media (prefers-reduced-motion:reduce){.call.arrive{animation:none}}
/* The new-calls pill floats over the feed: zero height, so showing it never moves a card. */
.pillbar{position:sticky;top:10px;height:0;z-index:5;display:flex;justify-content:center;overflow:visible}
.pillbar .newpill{position:absolute;top:0;margin:0}
.alpha .make{width:auto;flex:none;padding:10px 22px}
.alpha-head{align-items:flex-end}
.call .why{padding:0 16px 12px}
.call .why .thesis{margin:0}
.sheet .picklist{display:flex;gap:8px;flex-wrap:wrap}
.sheet .picklist button{width:auto;border:1px solid var(--border,#343434);background:var(--raised,#1E1E1E);color:var(--text,#F4F4F5);border-radius:999px;padding:6px 12px;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.sheet .picklist button[aria-pressed=true]{border-color:var(--tangerine,#FF7F11);background:rgba(255,127,17,.12)}
.sheet .picklist:empty{display:none}
.season .meta-cell{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:10px;padding:20px 24px}
.season.slim .meta-cell{display:none}
@media (max-width:760px){.season .meta-cell{align-items:flex-start;padding:12px 16px}}
/* Reserve exactly what the season banner will need on each page (D135 CLS fix). */
html[data-season=slim] .season.pending{min-height:44px}
@media (max-width:760px){html[data-season=full] .season.pending{min-height:315px}html[data-season=slim] .season.pending{min-height:42px}}


/* D137: Alpha back to the Broadcast mock — one column of calls, Make a call always open in the rail. */
#alpha .calls{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
#alpha .rail .composer{position:sticky;top:16px}
.composer-form{display:grid;gap:8px}
.composer-form label{font-size:13px;font-weight:700;margin-top:6px}
.composer-form input,.composer-form textarea,.composer-form select{width:100%;background:var(--raised,#1E1E1E);border:1px solid var(--border,#343434);border-radius:8px;padding:10px 12px;color:var(--text,#F4F4F5);font:inherit}
.composer-form textarea{min-height:84px;resize:vertical}
.composer .picklist{display:flex;gap:8px;flex-wrap:wrap}
.composer .picklist button{border:1px solid var(--border,#343434);background:var(--raised,#1E1E1E);color:var(--text,#F4F4F5);border-radius:999px;padding:6px 12px;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.composer .picklist button[aria-pressed=true]{border-color:var(--tangerine,#FF7F11);background:rgba(255,127,17,.12)}
.composer .picklist:empty{display:none}
.call .tsub{font-size:12px;color:var(--text-2,#B0B0B8)}
#alpha .more[hidden]{display:none}
.jump-compose{display:none}
@media (max-width:760px){
  #alpha .rail .composer{position:static}
  .jump-compose{display:block;position:fixed;right:16px;bottom:16px;z-index:20;border-radius:999px;background:var(--tangerine,#FF7F11);color:#120800;font-weight:800;font-size:14px;padding:12px 18px;text-decoration:none;box-shadow:0 8px 24px rgba(0,0,0,.5)}
}
.jump-compose[hidden]{display:none!important}
/* ===== Alpha as a game (D138): Broadcast mock pieces ===== */
.season.strip{grid-template-columns:auto auto minmax(0,1fr)}
.season .game{padding:18px 22px;border-left:1px solid var(--border,#343434);min-width:0}
.season .game .hd{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.season .game .hd-r{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.season .game-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin-top:10px}
.season .game-grid .eyebrow{margin-bottom:6px}
.season .game .seats{margin:0}
.season .goal-bar{height:8px;border-radius:99px;background:var(--raised,#1E1E1E);overflow:hidden}
.season .goal-bar i{display:block;height:100%;background:linear-gradient(90deg,#FF7F11,#E8C66A)}
html[data-season=strip] .season.pending{min-height:138px}
@media (max-width:760px){.season.strip{grid-template-columns:1fr}.season .game{border-left:0;border-top:1px solid var(--border,#343434);padding:14px 16px}.season .game-grid{grid-template-columns:1fr}html[data-season=strip] .season.pending{min-height:372px}}
.viewswitch{margin:0;padding:0}
.viewswitch .sw{display:inline-flex;align-items:center;border:1px solid var(--border,#343434);border-radius:999px;padding:7px 14px;font-size:13px;font-weight:700;color:var(--text-2,#B0B0B8);text-decoration:none;min-height:36px}
.viewswitch .sw[aria-current=page]{border-color:var(--tangerine,#FF7F11);color:var(--text,#F4F4F5);background:rgba(255,127,17,.1)}
.feedbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.feedbar .filters{margin:0}
.feedbar select.platform{margin-left:auto;background:var(--panel,#141414);color:var(--text-2,#B0B0B8);border:1px solid var(--border,#343434);border-radius:999px;padding:7px 12px;font:inherit;font-size:13px;min-height:36px}
.call .promo{font-size:11px;font-weight:700;color:#5BD69A;border:1px solid rgba(91,214,154,.45);border-radius:999px;padding:1px 8px;margin-left:6px;white-space:nowrap}
.call .mult.flash .x{animation:flash 1.2s ease-out}
@keyframes flash{0%{box-shadow:0 0 0 0 rgba(255,127,17,.7);transform:scale(1.08)}100%{box-shadow:0 0 0 12px rgba(255,127,17,0);transform:none}}
.standing .rankline{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:12px 0 2px;font-size:13px}
.standing .rankline .rk{font-size:20px}
.standing .rankline .mv.up{color:#5BD69A;font-weight:700}.standing .rankline .mv.dn{color:#FF8797;font-weight:700}
.standing .rankline .gap{color:var(--text-2,#B0B0B8)}.standing .rankline .gap b{color:var(--text,#F4F4F5)}
.standing .ptsline{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:13px}
.standing .ptsline small{color:var(--text-3,#7A7A84)}
.standing .ptsline a{font-weight:800;color:var(--text,#F4F4F5);text-decoration:none}
.standing .verify-nudge{display:block;margin-top:12px;font-size:13px;font-weight:700;color:var(--tangerine,#FF7F11);text-decoration:none}
.rail>.panel{margin-top:16px}
.rail>.panel:first-child{margin-top:0}
.toplist ol,.hotlist ul{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px;font-size:14px}
.toplist li{display:grid;grid-template-columns:22px 26px minmax(0,1fr) auto auto;gap:8px;align-items:center}
.toplist li svg{width:24px;height:27px}
.toplist li a,.toplist li span:not(.pl){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text,#F4F4F5)}
.toplist .pl{font-weight:800;color:var(--text-2,#B0B0B8)}.toplist .pl.p1{color:var(--gold,#E8C66A)}.toplist .pl.p2{color:#D7DCE3}.toplist .pl.p3{color:#D49A6A}
.toplist li.you{border-top:1px solid var(--border,#343434);padding-top:8px;color:var(--tangerine,#FF7F11)}
.toplist .link{display:inline-block;margin-top:10px}
.hotlist li{display:flex;justify-content:space-between;gap:10px}
.hotlist li a{color:var(--text,#F4F4F5);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hotlist .up{color:#5BD69A}.hotlist .dn{color:#FF8797}
.mbar{display:none}
@media (max-width:760px){
  .mbar{display:flex;gap:8px;position:fixed;left:12px;right:12px;bottom:12px;z-index:30}
  .mbar a{flex:1;text-align:center;padding:12px;border-radius:12px;font-weight:800;text-decoration:none;background:var(--raised,#1E1E1E);color:var(--text,#F4F4F5);border:1px solid var(--border,#343434)}
  .mbar a:first-child{background:var(--tangerine,#FF7F11);color:#120800;border-color:var(--tangerine,#FF7F11)}
  #view{padding-bottom:72px}
  .feedbar select.platform{margin-left:0}
}
@media (prefers-reduced-motion:reduce){.call .mult.flash .x{animation:none}}
.feedbar>.filters{flex:0 1 auto;width:auto}
.feedbar select.platform{width:auto;flex:none}
.rail .toplist,.rail .hotlist{padding:18px}
.toplist li .gtag{justify-self:end}
/* X call-outs (D140) */
.call .xpost{margin:14px 16px 0;border:1px solid var(--border,#343434);border-radius:10px;padding:12px 14px;background:#101010}
.call .xpost .xwho{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:13px}
.call .xpost .xview{margin-left:auto;color:var(--tangerine,#FF7F11);font-weight:700;text-decoration:none;font-size:13px}
.call .xpost p{margin:8px 0 0;font-size:14px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}
.call .xpost.gone{color:var(--text-3,#7A7A84);font-size:13px}
.call .xlink{margin:10px 16px 0;font-size:13px;color:var(--text-2,#B0B0B8)}
.call .xlink summary{cursor:pointer;color:var(--tangerine,#FF7F11)}
.call .xlink-row{display:flex;gap:8px;margin-top:8px}
.call .xlink-row input{flex:1;min-width:0;background:var(--raised,#1E1E1E);border:1px solid var(--border,#343434);border-radius:8px;padding:8px 10px;color:var(--text,#F4F4F5);font:inherit}
.composer .modes{margin:4px 0 10px}
.x-box{margin-top:14px;border:1px solid var(--border,#343434);border-radius:10px;padding:12px;background:#101010;display:grid;gap:6px}
.x-box .x-head{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:700;margin:0}
.x-box .x-draft{min-height:96px}
.x-count{font-size:11px;color:var(--text-3,#7A7A84);text-align:right}
.x-count.over{color:#FF8797}
.x-prev .x-post{border:1px solid var(--border,#343434);border-radius:10px;padding:10px 12px;background:#101010;margin:6px 0}
.x-prev .x-post p{margin:6px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}
.x-prev .bad{color:#FF8797;font-size:13px}
.x-prev .picklist button{text-align:left}
.x-box .x-head{display:flex;width:100%;justify-content:space-between;align-items:center;gap:12px;white-space:nowrap}
.x-box .x-head input{width:auto;accent-color:var(--tangerine,#FF7F11);transform:scale(1.2)}
/* D141: the live call-out page has no season bar */
html[data-season=none] #season{display:none}
/* D158 Part 5: no load jumps on the Alpha pages. The breadcrumb line keeps its height before the script fills it (its
   margins used to collapse while empty), and the main area is at least a screen tall so the footer never flashes in. */
#here{min-height:1.35em}
#arena-main{min-height:calc(100vh - 110px)}
/* The loading skeleton sits where the first section will (sections carry a 40px top margin). */
#view>.sk{margin-top:40px}
/* D159: on phones the rail sits under the calls; an empty feed keeps the loading placeholder's height so the rail
   does not jump up when the "no calls" card replaces it. */
@media (max-width:900px){#alpha #calls>.state:only-child{min-height:534px;display:grid;align-content:center}}
/* Real-use pass F04: the rail sits under the main column up to 900px, so the empty-feed reservation above covers the
   whole single-column range (was 760px; /alpha at 768 jumped 0.16). The ladder keeps its first section's top margin
   inside its own box (it used to collapse through and push everything 24px down when data arrived) and, while the
   rail is below it, is at least a screen tall, so the rail never shows under the skeleton and then jumps away. */
#ladder-view{display:flow-root}
@media (max-width:900px){#ladder-view{min-height:100vh}}
/* SO-04 review queue */
.review-list{list-style:none;padding:0;margin:0 0 28px;display:grid;gap:10px}
.review-row{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:14px 16px;border:1px solid var(--border,#343434);border-radius:12px;background:var(--surface,#141414)}
.review-row p{margin:4px 0 0}.review-actions{display:flex;gap:8px;flex-wrap:wrap;flex-shrink:0}
@media (max-width:600px){.review-row{flex-direction:column}}

/* D158 Part 4: platform chips use the shared badge; keep the arena's own .pb sizing out of its way */
.pb.bd{padding:2px 8px 2px 3px;border-color:var(--border,#343434)}
.filters .pill .bd-mono{margin-right:2px}
/* SO-14: season titles on the player card (shared badge component) */
.player .titles{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 4px}
#hall .records{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:12px}
#hall .records .rec{font-size:22px;margin:6px 0 0}
/* Real-use pass F20: actions under a not-found state. */
.state .state-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:6px}
/* Alpha polish (2026-10-24): one h1 per page. The season bar uses h2 outside the Arena, styled like the old h1. */
.season h2{margin:0;font-size:28px;line-height:1.05;letter-spacing:-.02em}
.season.slim h2{font-size:15px;display:inline;margin-right:10px}
/* Long handles wrap inside the player card instead of running off it on phones. */
.player>div:not(.acts){min-width:0;flex:1 1 220px}
.player h1{overflow-wrap:anywhere;line-height:1.15}
.player .meta{overflow-wrap:anywhere}
/* Page-level messages (failed load, not found) keep a real heading above the state. */
.page-message .page-title{margin:8px 0 16px;font-size:28px;line-height:1.15;letter-spacing:-.02em}
.l3 h1{margin:0;font-size:20px;line-height:1.2;letter-spacing:-.01em}
@media (max-width:640px){.l3 h1{font-size:18px}}
.page-message .state-actions .btn{width:auto;min-width:160px;margin-top:6px}
/* Avatar Studio: members show their photo or smiley character (pav = person avatar). */
.pav{width:28px;height:28px;flex:none;display:inline-grid;place-items:center;border-radius:50%;background:#1b1c1f;border:1px solid #ffffff14;overflow:hidden}
.pav svg.bond-avatar,.pav img{width:100%;height:100%;display:block;object-fit:cover}
.pav img{border-radius:50%}
.pod .pod-av{width:40px;height:40px;margin:0 auto 6px;display:grid}
.player-face,.player>div.player-face{position:relative;flex:0 0 auto;width:96px;height:96px;min-width:0}
.player-face .player-av{width:96px;height:96px;border-color:#3a2c22}
.player-face>svg{position:absolute;right:-8px;bottom:-6px;width:34px;height:39px}
@media(max-width:560px){.player>div.player-face,.player-face .player-av{width:76px;height:76px}.player-face>svg{width:28px;height:32px}}
/* Design QA 2026-10-27 (D158 checklist): hit targets reach 40 px on phones. */
@media(max-width:700px){.jump a{display:inline-flex;align-items:center;min-height:40px}.filters button{min-height:40px}.side>a.link,.season .meta-cell>a.link{display:inline-flex;align-items:center;min-height:40px}#hall .records .rec>a{padding-block:4px}}