/* interface de produção · LoL Live Fusion redesign 2026-09 · styles/home.css
   Central de partidas + pré-jogo + draft. Só tokens; .chip/.banner/.btn/.skel vêm de base.css. */

/* ---------- ícone fallback (quando assets.js não carregou) ---------- */
.lf-icon{flex:0 0 auto;vertical-align:middle}
.lf-icon--fb{display:inline-flex;align-items:center;justify-content:center;width:var(--size,14px);height:var(--size,14px);font-size:calc(var(--size,14px) * .8);line-height:1}
.chip .lf-icon{margin-right:1px}

/* ---------- retrato (assets.portrait ou fallback local) ---------- */
.portrait{position:relative;display:inline-grid;place-items:center;width:var(--size,40px);height:var(--size,40px);border-radius:var(--r-1);overflow:hidden;background:var(--bg-deep);border:1px solid var(--line);flex:0 0 auto}
.portrait img{width:100%;height:100%;object-fit:cover;display:block}
.portrait__sigil{display:grid;place-items:center;width:100%;height:100%;font:800 calc(var(--size,40px) * .32)/1 var(--font-sans);letter-spacing:.04em;color:var(--text);background:var(--panel-3)}
.portrait__sigil svg{width:100%;height:100%}

/* ============================================================ HOME */
.home{max-width:var(--w-max);margin:0 auto;padding:var(--s-8) var(--s-8) var(--s-10);display:flex;flex-direction:column;gap:var(--s-7)}

.home-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s-6);flex-wrap:wrap}
.home-title{font:800 var(--fs-h1)/1.1 var(--font-sans);letter-spacing:-.02em;color:var(--text)}
.home-subtitle{margin-top:var(--s-2);color:var(--text-2);font-size:var(--fs-body)}
.home-head__status{display:flex;align-items:center;gap:var(--s-5);flex-wrap:wrap;padding-top:var(--s-2)}
.home-head__update{color:var(--text-3);font-size:var(--fs-small)}
.home-counts{color:var(--text-2);font-size:var(--fs-small);letter-spacing:.04em;text-transform:uppercase}
.home-counts b{color:var(--green);font-weight:700}
.home-counts i{font-style:normal;color:var(--text-4);margin:0 var(--s-1)}
.skel--counts{display:inline-block;width:130px;height:12px}

.home-banner{margin:0}
.home-banner .banner__title{display:inline-flex;align-items:center;gap:var(--s-2)}

/* filtros */
.home-filters{display:flex;align-items:center;justify-content:space-between;gap:var(--s-5);flex-wrap:wrap}
.home-filters__tabs{display:inline-flex;gap:var(--s-1);padding:var(--s-1);border:1px solid var(--line);border-radius:var(--r-3);background:var(--panel);box-shadow:var(--el-1);max-width:100%;overflow-x:auto;scrollbar-width:none}
.home-filters__tabs::-webkit-scrollbar{display:none}
.home-filter.btn{border-color:transparent;background:transparent;color:var(--text-2);min-height:32px;padding:0 var(--s-6);border-radius:var(--r-2);white-space:nowrap}
.home-filter.btn:hover{background:var(--panel-2);color:var(--text)}
.home-filter.btn[aria-pressed="true"]{background:var(--panel-3);border-color:var(--line-strong);color:var(--text);box-shadow:var(--el-1)}
.home-filters__league{display:inline-flex;align-items:center;gap:var(--s-4)}
.home-filters__league select{min-height:36px;padding:0 var(--s-9) 0 var(--s-5);border:1px solid var(--line);border-radius:var(--r-3);background:var(--panel) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23A9BDCA' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right var(--s-5) center;color:var(--text);font-weight:600;appearance:none;-webkit-appearance:none;min-width:150px}

/* seções */
.home-section{display:flex;flex-direction:column;gap:var(--s-5)}
.home-section__head{display:flex;align-items:baseline;gap:var(--s-5);flex-wrap:wrap}
.home-section__title{font:700 var(--fs-h2)/1.2 var(--font-sans);color:var(--text)}
.home-section__count{font:600 var(--fs-label)/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3)}
.home-section__hint{font-size:var(--fs-small);color:var(--text-3)}
.home-empty{padding:var(--s-6) var(--s-7);border:1px dashed var(--line);border-radius:var(--r-4);color:var(--text-2);font-size:var(--fs-body);background:var(--panel)}
.home-foot{margin-top:var(--s-4);text-align:center;color:var(--text-3);font-size:var(--fs-small)}

.match-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--s-6);min-width:0}

/* card */
.match-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);border-radius:var(--r-4);background:var(--panel);box-shadow:var(--el-1);color:var(--text);transition:border-color var(--t-fast) var(--ease-out),transform var(--t-fast) var(--ease-out),box-shadow var(--t-fast) var(--ease-out);overflow:hidden}
a.match-card:hover,.match-card .match-card__main:hover{color:var(--text)}
a.match-card:hover,.match-card--completed:hover{border-color:var(--line-strong);box-shadow:var(--el-2);transform:translateY(-1px)}
.match-card__main{display:flex;flex-direction:column;color:inherit}
.match-card__head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);padding:var(--s-4) var(--s-6);background:var(--panel-2);border-bottom:1px solid var(--line-soft);min-height:38px}
.match-card__league{font-size:var(--fs-small);font-weight:600;color:var(--text-2)}
.match-card__head-right{display:inline-flex;align-items:center;gap:var(--s-3);flex:0 0 auto;font-size:var(--fs-small);color:var(--text-3)}
.match-card__map{font:600 var(--fs-small)/1 var(--font-mono);color:var(--text-2);white-space:nowrap}
.chip--md{color:var(--text-2)}
.match-card__time{color:var(--gold);font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:var(--fs-small);white-space:nowrap}
.match-card__ended{display:inline-flex;align-items:center;gap:var(--s-2);color:var(--text-3);font-size:var(--fs-small);white-space:nowrap}

.match-card__status{display:flex;align-items:center;gap:var(--s-4);padding:var(--s-4) var(--s-6) 0}
.match-card__state{font-size:var(--fs-label)}
.match-card__state .live-dot{width:6px;height:6px}
.match-card__clock{color:var(--gold);font-weight:700;font-size:var(--fs-body)}
.match-card__clock.is-paused{color:var(--text-2)}
.match-card__clock.is-paused::after{content:" ❚❚";font-size:10px;color:var(--gold)}
.match-card__spacer{flex:1}
.match-card__series{font-weight:700;font-size:var(--fs-body);color:var(--text-2);letter-spacing:.06em}
.match-card__series::before{content:"série ";font:600 var(--fs-label)/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3)}
.match-card__series i{font-style:normal;color:var(--text-4);margin:0 1px}

.match-card__teams{display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-4) var(--s-6)}
.team-row{display:flex;align-items:center;gap:var(--s-4);min-height:32px}
.team-row__logo{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;flex:0 0 26px}
.team-row__logo .team-logo,.team-row__logo .sigil{width:26px;height:26px}
.team-row__name{flex:1;font:700 var(--fs-team)/1.2 var(--font-sans);font-size:16px;color:var(--text)}
.team-row__series{font-size:var(--fs-small);color:var(--text-3);white-space:nowrap}
.team-row__kills{font-weight:700;font-size:26px;line-height:1;min-width:2ch;text-align:right;color:var(--text)}
.team-row__kills.is-missing{color:var(--text-3);font-size:20px}
.team-row__final{font-weight:700;font-size:22px;line-height:1;min-width:1.5ch;text-align:right;color:var(--text-2)}
.is-winner .team-row__final{color:var(--gold)}
.is-winner .team-row__name{color:var(--text)}
.team-row__crown{display:inline-flex;color:var(--gold)}
.team-badge{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--panel-3);border:1px solid var(--line);font:800 10px/1 var(--font-mono);letter-spacing:.04em;color:var(--text-2);flex:0 0 auto}
.side-dot{width:10px;height:10px;border-radius:3px;flex:0 0 auto;border:1px solid transparent}
.side-dot--blue{background:var(--blue);box-shadow:0 0 0 2px var(--blue-dim)}
.side-dot--red{background:var(--red);box-shadow:0 0 0 2px var(--red-dim)}
.side-dot--none{border-color:var(--line-strong);border-style:dashed;background:transparent}

.match-card__note{margin:0 var(--s-6) var(--s-4);font-size:var(--fs-small);color:var(--text-3);display:flex;align-items:center;gap:var(--s-2)}
.match-card__note--conflict{color:var(--conflict)}
.match-card__note--inline{margin:0;font-size:11px}

.match-card__objectives{display:flex;align-items:center;gap:var(--s-5);flex-wrap:wrap;padding:0 var(--s-6) var(--s-5);color:var(--text-2);font-size:var(--fs-small)}
.obj{display:inline-flex;align-items:center;gap:var(--s-2)}
.obj__icon{color:var(--text-3)}
.obj__icon--baron{color:var(--baron)}
.obj__sep{font-style:normal;color:var(--text-4);margin:0 2px}
.obj__dragons{display:inline-flex;align-items:center;gap:1px;min-width:14px}
.obj .num{display:inline-flex;align-items:center;font-weight:600}

.match-card__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);padding:var(--s-4) var(--s-6);border-top:1px solid var(--line-soft);margin-top:auto;min-height:44px;flex-wrap:wrap}
.match-card__sources{display:flex;align-items:center;gap:var(--s-2);flex-wrap:wrap;min-width:0}
.match-card__sources .label{margin-right:var(--s-1)}
.match-card__chips{display:inline-flex;gap:var(--s-2);flex-wrap:wrap}
.chip--source{padding:0;overflow:hidden;gap:0;background:var(--panel);text-transform:none;letter-spacing:.02em}
.chip__name{padding:2px 6px;color:var(--text-2);font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.chip__state{display:inline-flex;align-items:center;gap:2px;padding:2px 6px;border-left:1px solid var(--line);font-weight:600;font-size:var(--fs-micro);text-transform:uppercase;letter-spacing:.06em}
.chip__state.chip--fresh{color:var(--green);background:var(--green-dim)}
.chip__state.chip--stale{color:var(--stale);background:var(--stale-dim)}
.chip__state.chip--conflict{color:var(--conflict);background:var(--conflict-dim)}
.chip__state.chip--unavailable,.chip__state.chip--unknown{color:var(--text-3);background:var(--unknown-dim)}
.match-card__cta{display:inline-flex;align-items:center;gap:var(--s-2);font:700 var(--fs-small)/1 var(--font-sans);color:var(--blue);white-space:nowrap;min-height:28px;margin-left:auto}
a.match-card:hover .match-card__cta,a.match-card__cta:hover{color:#8cc9ff}

/* estados do card ao vivo */
.match-card.is-reconnecting{border-style:dashed;border-color:rgba(255,157,61,.5)}
.match-card.is-delayed{border-color:rgba(255,157,61,.35)}
.match-card.is-paused .team-row__kills{color:var(--text-2)}

/* encerradas */
.map-chips{display:flex;flex-wrap:wrap;gap:var(--s-3);padding:0 var(--s-6) var(--s-5)}
.map-chip{display:inline-flex;align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-4) var(--s-2) var(--s-4);border:1px solid var(--line);border-radius:var(--r-3);background:var(--panel-2);color:var(--text);min-height:32px;transition:border-color var(--t-fast) var(--ease-out),background var(--t-fast) var(--ease-out)}
a.map-chip:hover{border-color:var(--blue);background:var(--panel-3);color:var(--text)}
.map-chip--static{border-style:dashed;color:var(--text-3)}
.map-chip__title{font:700 var(--fs-small)/1 var(--font-mono);letter-spacing:.02em}
.map-chip .chip{padding:1px 6px;font-size:var(--fs-micro)}
.is-frozen .match-card__head{background:var(--panel)}

/* skeleton em formato de card (sem números) */
.match-card--skeleton{pointer-events:none}
.skel--league{width:140px;height:12px}.skel--md{width:36px;height:16px;border-radius:var(--r-pill)}
.skel--state{width:84px;height:18px;border-radius:var(--r-pill)}
.skel--dot{width:10px;height:10px;border-radius:3px}
.skel--name{width:55%;height:16px}.skel--name-2{width:42%}
.skel--score{width:28px;height:22px;margin-left:auto}
.skel--sources{width:180px;height:16px}.skel--cta{width:80px;height:14px}
.skel--chip{width:96px;height:32px;border-radius:var(--r-3)}

/* ============================================================ PRÉ-JOGO */
.pregame{max-width:820px;margin:0 auto;padding:var(--s-8);display:flex;flex-direction:column;gap:var(--s-6);border:1px solid var(--line);border-radius:var(--r-5);background:var(--panel);box-shadow:var(--el-2)}
.pregame-head{display:flex;flex-direction:column;gap:var(--s-3)}
.pregame-title{font:700 var(--fs-h2)/1.2 var(--font-sans);color:var(--text)}
.pregame-meta{display:flex;align-items:center;gap:var(--s-4);flex-wrap:wrap}
.pregame-meta__time{color:var(--gold);font-weight:700;font-size:var(--fs-body);text-transform:uppercase;letter-spacing:.04em}
.pregame-state{flex-wrap:wrap}
.pregame-state .banner__title{display:inline-flex;align-items:center;gap:var(--s-2);font-size:var(--fs-small)}
.pregame-state .banner__text{flex:1;min-width:200px}
.pregame-state .btn{margin-left:auto}
.pregame-versus{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--s-6);padding:var(--s-7) 0;border-block:1px solid var(--line-soft)}
.pregame-team{display:flex;flex-direction:column;align-items:center;gap:var(--s-4);text-align:center;padding:var(--s-6);border-radius:var(--r-4);background:var(--panel-2);border:1px solid var(--line-soft)}
.pregame-team.is-blue{border-color:rgba(66,169,255,.45);background:linear-gradient(180deg,var(--blue-dim),var(--panel-2))}
.pregame-team.is-red{border-color:rgba(255,78,116,.45);background:linear-gradient(180deg,var(--red-dim),var(--panel-2))}
.pregame-team__badge{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--panel-3);border:1px solid var(--line);font:800 var(--fs-body)/1 var(--font-mono);letter-spacing:.06em;color:var(--text-2);overflow:hidden}
.pregame-team__badge .team-logo,.pregame-team__badge .sigil{width:56px;height:56px}
.pregame-team__name{font:700 var(--fs-team)/1.2 var(--font-sans);color:var(--text)}
.pregame-versus__vs{font:800 var(--fs-label)/1 var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--text-3)}
.pregame-note{color:var(--text-3);font-size:var(--fs-small)}
.pregame-note--score{color:var(--text-2)}
.pregame-sources ul{display:flex;flex-direction:column;gap:var(--s-3);margin-top:var(--s-4);margin-bottom:var(--s-4)}
.pregame-source{display:flex;align-items:center;gap:var(--s-5);min-height:32px}
.pregame-source__role{color:var(--text-2);font-size:var(--fs-small)}
.pregame-source.is-off .pregame-source__role{color:var(--text-3)}

/* ============================================================ DRAFT (composição aprovada, addendum E) */
.draft{max-width:var(--w-max);margin:0 auto;padding:var(--s-6);border:1px solid var(--line);border-radius:var(--r-5);background:var(--panel);box-shadow:var(--el-2);min-width:0}
.draft-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-4);flex-wrap:wrap}
.draft-head__title{font:800 var(--fs-small)/1.2 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text)}
.draft-head__series{font-size:var(--fs-small);color:var(--text-2)}
.draft-head__note{margin-top:var(--s-2);font-size:var(--fs-small);color:var(--text-3)}
.draft-phase{display:flex;align-items:center;gap:var(--s-3);margin-top:var(--s-3);font-size:var(--fs-small);color:var(--text-2)}
.draft-empty-msg{padding:var(--s-7);color:var(--text-2)}

.draft-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,235px) minmax(0,1fr);gap:var(--s-5);align-items:start;margin-top:var(--s-5);padding:var(--s-5);border:1px solid var(--line);border-radius:var(--r-4);background:linear-gradient(90deg,rgba(66,169,255,.05),transparent 34%,transparent 66%,rgba(255,78,116,.05)),var(--bg-deep);min-width:0}
.draft--sides-unknown .draft-stage{background:var(--bg-deep)}

.draft-side{display:flex;flex-direction:column;gap:var(--s-4);min-width:0;padding-top:var(--s-1)}
.draft-side--blue{border-left:3px solid var(--blue);padding-left:var(--s-4)}
.draft-side--red{border-right:3px solid var(--red);padding-right:var(--s-4);align-items:flex-end}
.draft-side--neutral{border-left:3px solid var(--line-strong);padding-left:var(--s-4)}
.draft-side--neutral.draft-side--right{border-left:0;border-right:3px solid var(--line-strong);padding-left:0;padding-right:var(--s-4);align-items:flex-end}

.draft-team{display:flex;align-items:center;gap:var(--s-3);min-height:34px;width:100%;padding-bottom:var(--s-2);border-bottom:2px solid var(--line);font:900 var(--fs-body)/1.2 var(--font-sans);letter-spacing:.03em;min-width:0}
.draft-side--blue .draft-team{border-bottom-color:var(--blue)}
.draft-side--red .draft-team{border-bottom-color:var(--red);flex-direction:row-reverse;text-align:right}
.draft-side--neutral.draft-side--right .draft-team{flex-direction:row-reverse;text-align:right}
.draft-team__name{color:var(--text)}
.draft-team__tag{font:800 var(--fs-label)/1 var(--font-mono);letter-spacing:.12em;flex:0 0 auto}
.draft-team__tag.is-blue{color:var(--blue);opacity:.85}
.draft-team__tag.is-red{color:var(--red);opacity:.85}
.draft-team__tag.is-unknown{color:var(--text-3)}

.draft-bans{display:grid;grid-template-columns:repeat(5,44px);gap:5px;width:max-content;max-width:100%}
.draft-ban{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:var(--r-1)}
.draft-ban .portrait{--size:42px;width:42px;height:42px;border-radius:3px}
.draft-ban.is-filled .portrait img{filter:grayscale(1) brightness(.55)}
.draft-ban.is-filled .portrait__sigil{filter:saturate(.25) brightness(.55)}
.draft-ban.is-filled::after{content:"";position:absolute;left:3px;right:3px;top:50%;height:2px;margin-top:-1px;background:var(--conflict);opacity:.85;transform:rotate(-45deg);pointer-events:none}
.draft-empty{display:block;width:42px;height:42px;border:1px dashed var(--line);border-radius:3px}
.draft-pick .draft-empty{width:52px;height:52px;border-radius:var(--r-1)}
.draft-seq{position:absolute;right:-5px;bottom:-5px;z-index:1;display:grid;place-items:center;min-width:14px;height:14px;padding:0 2px;border-radius:50%;background:var(--bg-deep);border:1px solid var(--line);color:var(--text-2);font-style:normal;font-size:10px;font-weight:800}
.draft-side--red .draft-ban .draft-seq,.draft-side--neutral.draft-side--right .draft-ban .draft-seq{right:auto;left:-5px}

.draft-picks{display:flex;flex-direction:column;gap:5px;width:100%;min-width:0}
.draft-pick{position:relative;display:flex;align-items:center;gap:var(--s-4);min-height:58px;padding:3px 6px;border:1px solid var(--line-soft);border-left:3px solid var(--blue);border-radius:var(--r-1);background:linear-gradient(90deg,rgba(66,169,255,.06),var(--panel) 34%);min-width:0}
.draft-side--red .draft-pick{flex-direction:row-reverse;text-align:right;border-left:1px solid var(--line-soft);border-right:3px solid var(--red);background:linear-gradient(270deg,rgba(255,78,116,.06),var(--panel) 34%)}
.draft-side--neutral .draft-pick{border-left-color:var(--line-strong);background:var(--panel)}
.draft-side--neutral.draft-side--right .draft-pick{flex-direction:row-reverse;text-align:right;border-left:1px solid var(--line-soft);border-right:3px solid var(--line-strong)}
.draft-pick__portrait{flex:0 0 52px;width:52px;height:52px}
.draft-pick__portrait .portrait{--size:52px;width:52px;height:52px}
.draft-pick__name{flex:1;font:900 14px/1.2 var(--font-sans);color:var(--text);min-width:0}
.draft-pick .draft-seq{position:static;flex:0 0 auto}
.draft-pick.is-empty .draft-pick__name{color:var(--text-3);font-weight:600}

/* centro */
.draft-centre{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0;padding:var(--s-2) 0;color:var(--text-2)}
.draft-centre__live{display:inline-flex;align-items:center;gap:var(--s-3);font:900 var(--fs-label)/1 var(--font-mono);letter-spacing:.14em;color:var(--text-3)}
.draft-centre__live.is-live{color:var(--green)}
.draft-centre__phase{margin-top:var(--s-4);font-size:var(--fs-label);letter-spacing:.1em}
.draft-turn{width:100%;min-height:210px;margin-top:var(--s-4);padding:var(--s-4) var(--s-2);border-block:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(255,208,79,.08),transparent 65%)}
.draft-turn__label{font:900 var(--fs-label)/1 var(--font-mono);font-style:normal;letter-spacing:.1em;color:var(--gold);text-transform:uppercase}
.draft-turn__portrait{position:relative;width:104px;height:104px;margin:var(--s-4) 0;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line);background:var(--panel)}
.draft-turn__portrait .portrait{--size:104px;width:104px;height:104px;border:0;border-radius:0}
.draft-turn__placeholder{font:900 var(--fs-body)/1 var(--font-mono);letter-spacing:.14em;color:var(--text-3)}
.draft-turn__champion{font:800 20px/1.1 var(--font-sans);color:var(--text)}
.draft-turn__champion.missing{font-family:var(--font-mono);color:var(--text-3)}
.draft-turn__note{margin-top:2px;font-size:var(--fs-label);color:var(--text-3)}
.draft-turn__count{margin-top:var(--s-2);font-size:var(--fs-label);color:var(--text-3)}
.draft-next{margin-top:var(--s-4);min-height:12px;font:700 var(--fs-label)/1.3 var(--font-mono);letter-spacing:.08em;color:var(--text-2);text-transform:uppercase}
.draft-seqbar{display:grid;grid-template-columns:repeat(10,6px);gap:3px;margin-top:var(--s-5)}
.draft-seqbar__i{display:block;width:6px;height:3px;background:var(--line);border-radius:1px}
.draft-seqbar__i.is-done{background:var(--green)}
.draft-seqbar__i.is-current{background:var(--gold);box-shadow:0 0 5px rgba(255,208,79,.6)}

/* pulso do slot da vez: exatamente um, só em andamento, nenhum em reduced-motion */
@keyframes lf-draft-pulse{0%,100%{box-shadow:0 0 0 0 rgba(66,232,160,0);opacity:.72}50%{box-shadow:0 0 0 5px rgba(66,232,160,.18);opacity:1}}
.draft-slot--next{animation:lf-draft-pulse 1.2s ease-in-out infinite;border-radius:var(--r-1)}
.draft-slot--next .draft-empty{border-color:var(--green)}
.draft.is-frozen .draft-slot--next,.draft.is-frozen .live-dot{animation:none}
@media (prefers-reduced-motion:reduce){.draft-slot--next{animation:none;box-shadow:0 0 0 2px rgba(66,232,160,.35)}}
html[data-motion="reduced"] .draft-slot--next{animation:none;box-shadow:0 0 0 2px rgba(66,232,160,.35)}

/* ============================================================ RESPONSIVO */
@media (max-width:1439px){
  .home{padding:var(--s-7) var(--s-7) var(--s-9)}
}
@media (max-width:1023px){
  .home{padding:var(--s-6) var(--s-6) var(--s-8);gap:var(--s-6)}
  .team-row__name{font-size:15px}
  .team-row__kills{font-size:24px}
}
@media (max-width:820px){
  .home{padding:var(--s-5) var(--s-5) var(--s-8)}
  .match-grid{grid-template-columns:1fr}
  .home-head{flex-direction:column;gap:var(--s-4)}
  .home-head__status{padding-top:0}
  .home-filters{align-items:stretch;flex-direction:column}
  .home-filters__tabs{justify-content:flex-start}
  .home-filter.btn{min-height:var(--h-touch);padding:0 var(--s-5);flex:1 0 auto}
  .home-filters__league{justify-content:space-between}
  .home-filters__league select{min-height:var(--h-touch);flex:1}
  .match-card__cta{min-height:var(--h-touch)}
  .map-chip{min-height:var(--h-touch)}
  .pregame{padding:var(--s-6);border-radius:var(--r-4)}
  .pregame-versus{grid-template-columns:1fr;gap:var(--s-4)}
  .pregame-versus__vs{text-align:center}
}
@media (max-width:800px){
  .draft{padding:var(--s-4);border-radius:var(--r-4)}
  .draft-stage{grid-template-columns:minmax(0,1fr);padding:var(--s-4)}
  .draft-centre{order:-1}
  .draft-turn{min-height:180px}
  .draft-side--red,.draft-side--neutral.draft-side--right{align-items:flex-start;border-right:0;border-left:3px solid var(--red);padding-right:0;padding-left:var(--s-4)}
  .draft-side--neutral.draft-side--right{border-left-color:var(--line-strong)}
  .draft-side--red .draft-team,.draft-side--neutral.draft-side--right .draft-team,.draft-side--red .draft-pick,.draft-side--neutral.draft-side--right .draft-pick{flex-direction:row;text-align:left}
  .draft-side--red .draft-pick{border-right:1px solid var(--line-soft);border-left:3px solid var(--red);background:linear-gradient(90deg,rgba(255,78,116,.06),var(--panel) 34%)}
  .draft-side--neutral.draft-side--right .draft-pick{border-right:1px solid var(--line-soft);border-left:3px solid var(--line-strong)}
  .draft-side--red .draft-ban .draft-seq,.draft-side--neutral.draft-side--right .draft-ban .draft-seq{left:auto;right:-5px}
}
@media (max-width:390px){
  .home{padding:var(--s-4) var(--s-4) var(--s-8)}
  .match-card__head{padding:var(--s-3) var(--s-5)}
  .match-card__teams,.match-card__objectives,.match-card__foot,.match-card__status{padding-left:var(--s-5);padding-right:var(--s-5)}
  .map-chips{padding-left:var(--s-5);padding-right:var(--s-5)}
  .match-card__note{margin-left:var(--s-5);margin-right:var(--s-5)}
  .team-row__name{font-size:15px}
  .draft-bans{grid-template-columns:repeat(5,minmax(0,44px));width:100%}
}
/* Resumo discreto da cobertura confirmada desta partida. */
.match-card__coverage{color:var(--text-3);font-size:11px;line-height:1.5;overflow-wrap:anywhere;min-width:0}