/*
 * Endgame Experience v1 — 2026-09-19
 * Modern-only polish for round results, rankings and final celebrations.
 * Gameplay rules, scoring, transitions and action handlers remain untouched.
 */

:root[data-ui-mode="modern"]{
  --eg-surface:rgba(21,12,38,.93);
  --eg-surface-2:rgba(34,18,58,.94);
  --eg-line:rgba(255,255,255,.10);
  --eg-line-strong:rgba(246,200,95,.28);
  --eg-gold:#f6c85f;
  --eg-violet:#9b66f6;
  --eg-mint:#68dfcf;
  --eg-muted:#c9bed4;
  --eg-shadow:0 28px 80px rgba(0,0,0,.30);
}

/* Fbrkha — reveal summary, ranking and finale */
:root[data-ui-mode="modern"] body[data-game-brand="fbrkha"] :is(
  .answers-voters-summary,
  .ranking-stage,
  .final-score-stage,
  .final-podium-stage,
  .awards-page,
  .share-summary-stage
){
  width:min(1120px,100%);
  margin-inline:auto;
}
:root[data-ui-mode="modern"] body[data-game-brand="fbrkha"] :is(
  .answers-voters-summary,
  .ranking-stage,
  .final-score-stage,
  .final-podium-stage,
  .awards-page
){
  padding:clamp(18px,3vw,34px)!important;
  border:1px solid var(--eg-line)!important;
  border-radius:30px!important;
  background:
    radial-gradient(circle at 82% 4%,rgba(155,102,246,.16),transparent 24rem),
    radial-gradient(circle at 8% 96%,rgba(246,200,95,.08),transparent 18rem),
    linear-gradient(150deg,var(--eg-surface-2),var(--eg-surface))!important;
  box-shadow:var(--eg-shadow)!important;
}
:root[data-ui-mode="modern"] body[data-game-brand="fbrkha"] :is(
  .answers-voters-summary,
  .ranking-stage,
  .final-score-stage,
  .final-podium-stage,
  .awards-page
)>header{
  width:min(820px,100%);
  margin:0 auto clamp(16px,2.4vw,26px)!important;
  text-align:center!important;
}
:root[data-ui-mode="modern"] body[data-game-brand="fbrkha"] :is(
  .answers-voters-summary,
  .ranking-stage,
  .final-score-stage,
  .final-podium-stage,
  .awards-page
)>header h1{
  margin:.12em 0 0!important;
  color:#fff!important;
  font-size:clamp(30px,4.8vw,54px)!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
}
:root[data-ui-mode="modern"] body[data-game-brand="fbrkha"] :is(
  .answers-voters-summary,
  .final-score-stage,
  .final-podium-stage
)>header>span{
  color:var(--eg-gold)!important;
  font-weight:900!important;
  letter-spacing:.04em!important;
}
:root[data-ui-mode="modern"] body[data-game-brand="fbrkha"] .answers-voters-list{
  gap:10px!important;
}
:root[data-ui-mode="modern"] body[data-game-brand="fbrkha"] .answers-voters-list>article{
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.035)!important;
  box-shadow:none!important;
}
:root[data-ui-mode="modern"] body[data-game-brand="fbrkha"] .answers-voters-list>article.correct{
  border-color:rgba(104,223,207,.34)!important;
  background:linear-gradient(140deg,rgba(104,223,207,.11),rgba(255,255,255,.025))!important;
}
:root[data-ui-mode="modern"] body[data-game-brand="fbrkha"] .answers-voters-list>article.top-fake{
  border-color:rgba(246,200,95,.30)!important;
}
:root[data-ui-mode="modern"] body[data-game-brand="fbrkha"] :is(.simple-scoreboard,.final-scoreboard){
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:22px!important;
  background:rgba(5,4,15,.26)!important;
  overflow:hidden!important;
}
:root[data-ui-mode="modern"] body[data-game-brand="fbrkha"] .scoreboard-row{
  min-height:62px!important;
  padding-inline:clamp(10px,2vw,18px)!important;
  border-color:rgba(255,255,255,.065)!important;
  background:transparent!important;
}
:root[data-ui-mode="modern"] body[data-game-brand="fbrkha"] .scoreboard-row.me{
  background:linear-gradient(90deg,rgba(155,102,246,.13),rgba(246,200,95,.07))!important;
}
:root[data-ui-mode="modern"] body[data-game-brand="fbrkha"] .podium-grid{
  gap:clamp(8px,1.6vw,16px)!important;
  align-items:end!important;
}
:root[data-ui-mode="modern"] body[data-game-brand="fbrkha"] .podium-card{
  border:1px solid var(--eg-line)!important;
  border-radius:24px!important;
  background:linear-gradient(155deg,rgba(255,255,255,.06),rgba(255,255,255,.018))!important;
  box-shadow:0 18px 46px rgba(0,0,0,.20)!important;
}
:root[data-ui-mode="modern"] body[data-game-brand="fbrkha"] .podium-card.rank-1{
  border-color:rgba(246,200,95,.40)!important;
  background:
    radial-gradient(circle at 50% 0,rgba(246,200,95,.17),transparent 15rem),
    linear-gradient(155deg,rgba(72,43,72,.72),rgba(28,17,44,.95))!important;
  transform:translateY(-8px);
}
:root[data-ui-mode="modern"] body[data-game-brand="fbrkha"] .awards-grid{
  gap:12px!important;
}
:root[data-ui-mode="modern"] body[data-game-brand="fbrkha"] .award-card{
  border:1px solid var(--eg-line)!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.035)!important;
}
:root[data-ui-mode="modern"] body[data-game-brand="fbrkha"] .share-summary-card{
  border:1px solid var(--eg-line-strong)!important;
  border-radius:30px!important;
  background:
    radial-gradient(circle at 80% 6%,rgba(246,200,95,.12),transparent 20rem),
    radial-gradient(circle at 12% 90%,rgba(155,102,246,.16),transparent 24rem),
    linear-gradient(150deg,rgba(33,18,56,.97),rgba(13,8,26,.98))!important;
  box-shadow:var(--eg-shadow)!important;
}
:root[data-ui-mode="modern"] body[data-game-brand="fbrkha"] .share-summary-stage>.share-actions{
  justify-content:center!important;
  gap:9px!important;
  margin-top:14px!important;
}

/* Khaltaha — result reveal, round ranking and finale */
:root[data-ui-mode="modern"] body[data-game-brand="khaltaha"] :is(.results-shell,.ranking-shell,.finale.khaltaha-final-v3235){
  width:min(1120px,100%);
  margin-inline:auto;
}
:root[data-ui-mode="modern"] body[data-game-brand="khaltaha"] :is(.results-shell,.ranking-shell)>.result-card,
:root[data-ui-mode="modern"] body[data-game-brand="khaltaha"] .ranking-shell>.ranking-list{
  border:1px solid var(--eg-line)!important;
  border-radius:26px!important;
  background:
    radial-gradient(circle at 88% 0,rgba(155,102,246,.11),transparent 18rem),
    linear-gradient(150deg,var(--eg-surface-2),var(--eg-surface))!important;
  box-shadow:0 22px 64px rgba(0,0,0,.24)!important;
}
:root[data-ui-mode="modern"] body[data-game-brand="khaltaha"] .result-card>header,
:root[data-ui-mode="modern"] body[data-game-brand="khaltaha"] .ranking-title{
  padding-bottom:14px!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
}
:root[data-ui-mode="modern"] body[data-game-brand="khaltaha"] .result-row{
  min-height:70px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.03)!important;
}
:root[data-ui-mode="modern"] body[data-game-brand="khaltaha"] .result-row.correct{
  border-color:rgba(104,223,207,.32)!important;
  background:rgba(104,223,207,.07)!important;
}
:root[data-ui-mode="modern"] body[data-game-brand="khaltaha"] .result-row.invalidated{
  opacity:.72;
}
:root[data-ui-mode="modern"] body[data-game-brand="khaltaha"] .round-podium{
  gap:10px!important;
}
:root[data-ui-mode="modern"] body[data-game-brand="khaltaha"] .rank-podium-card{
  border:1px solid var(--eg-line)!important;
  border-radius:24px!important;
  background:linear-gradient(155deg,rgba(255,255,255,.055),rgba(255,255,255,.018))!important;
  box-shadow:0 16px 42px rgba(0,0,0,.20)!important;
}
:root[data-ui-mode="modern"] body[data-game-brand="khaltaha"] .rank-podium-card.first{
  border-color:rgba(246,200,95,.38)!important;
  background:linear-gradient(155deg,rgba(246,200,95,.10),rgba(155,102,246,.08))!important;
}
:root[data-ui-mode="modern"] body[data-game-brand="khaltaha"] .ranking-row{
  border-color:rgba(255,255,255,.065)!important;
}
:root[data-ui-mode="modern"] body[data-game-brand="khaltaha"] .finale.khaltaha-final-v3235{
  position:relative;
  overflow:hidden;
  padding:clamp(20px,4vw,42px)!important;
  border:1px solid var(--eg-line)!important;
  border-radius:32px!important;
  background:
    radial-gradient(circle at 50% 0,rgba(246,200,95,.13),transparent 22rem),
    radial-gradient(circle at 85% 32%,rgba(155,102,246,.17),transparent 26rem),
    linear-gradient(150deg,rgba(31,17,53,.97),rgba(10,7,22,.98))!important;
  box-shadow:var(--eg-shadow)!important;
}
:root[data-ui-mode="modern"] body[data-game-brand="khaltaha"] .k-final-hero{
  width:min(820px,100%);
  margin-inline:auto!important;
  text-align:center!important;
}
:root[data-ui-mode="modern"] body[data-game-brand="khaltaha"] .k-final-hero h1{
  font-size:clamp(34px,5vw,62px)!important;
  letter-spacing:-.04em!important;
}
:root[data-ui-mode="modern"] body[data-game-brand="khaltaha"] .k-final-podium{
  width:min(880px,100%);
  margin-inline:auto!important;
  gap:10px!important;
}
:root[data-ui-mode="modern"] body[data-game-brand="khaltaha"] .k-final-podium .place{
  border:1px solid var(--eg-line)!important;
  border-radius:24px!important;
  background:rgba(255,255,255,.035)!important;
}
:root[data-ui-mode="modern"] body[data-game-brand="khaltaha"] .k-final-podium .place.first{
  border-color:rgba(246,200,95,.40)!important;
  background:linear-gradient(155deg,rgba(246,200,95,.11),rgba(155,102,246,.07))!important;
}
:root[data-ui-mode="modern"] body[data-game-brand="khaltaha"] :is(.k-awards,.fingerprint,.mission-reveal){
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.025)!important;
}

/* Qadha — final result only; board and active-question surfaces are excluded */
:root[data-ui-mode="modern"] body[data-game-brand="qadha"] .qadha-final-v3235{
  width:min(1080px,100%);
  margin-inline:auto!important;
  padding:clamp(20px,4vw,42px)!important;
  border:1px solid var(--eg-line)!important;
  border-radius:32px!important;
  background:
    radial-gradient(circle at 50% 0,rgba(246,200,95,.13),transparent 22rem),
    radial-gradient(circle at 86% 26%,rgba(104,223,207,.12),transparent 22rem),
    linear-gradient(150deg,rgba(24,18,46,.98),rgba(9,8,22,.98))!important;
  box-shadow:var(--eg-shadow)!important;
}
:root[data-ui-mode="modern"] body[data-game-brand="qadha"] .qadha-final-v3235 .final-winner-hero{
  width:min(800px,100%);
  margin-inline:auto!important;
  text-align:center!important;
}
:root[data-ui-mode="modern"] body[data-game-brand="qadha"] .qadha-final-v3235 .final-winner-hero h1{
  font-size:clamp(34px,5vw,60px)!important;
  line-height:1.08!important;
  letter-spacing:-.04em!important;
}
:root[data-ui-mode="modern"] body[data-game-brand="qadha"] .qadha-final-v3235 .final-team-scores{
  gap:10px!important;
}
:root[data-ui-mode="modern"] body[data-game-brand="qadha"] .qadha-final-v3235 .final-team-score{
  border:1px solid var(--eg-line)!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.032)!important;
}
:root[data-ui-mode="modern"] body[data-game-brand="qadha"] .qadha-final-v3235 .final-team-score.winner{
  border-color:rgba(246,200,95,.38)!important;
  background:linear-gradient(145deg,rgba(246,200,95,.10),rgba(104,223,207,.05))!important;
}
:root[data-ui-mode="modern"] body[data-game-brand="qadha"] .qadha-final-v3235 .qadha-final-stats>article{
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.025)!important;
}

/* Top10 — round summary and final result */
:root[data-ui-mode="modern"] body[data-game-brand="top10"] :is(#roundView,#finalView){
  width:min(1120px,100%);
  margin-inline:auto;
}
:root[data-ui-mode="modern"] body[data-game-brand="top10"] #roundView{
  padding:clamp(18px,3vw,34px)!important;
  border:1px solid var(--eg-line)!important;
  border-radius:30px!important;
  background:
    radial-gradient(circle at 86% 0,rgba(155,102,246,.14),transparent 22rem),
    linear-gradient(150deg,var(--eg-surface-2),var(--eg-surface))!important;
  box-shadow:var(--eg-shadow)!important;
}
:root[data-ui-mode="modern"] body[data-game-brand="top10"] #roundView .result-team{
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.03)!important;
}
:root[data-ui-mode="modern"] body[data-game-brand="top10"] #roundView .mini-card{
  border-radius:14px!important;
  background:rgba(255,255,255,.025)!important;
}
:root[data-ui-mode="modern"] body[data-game-brand="top10"] #finalView{
  position:relative;
  overflow:hidden;
  padding:clamp(20px,4vw,42px)!important;
  border:1px solid var(--eg-line)!important;
  border-radius:32px!important;
  background:
    radial-gradient(circle at 50% 0,rgba(246,200,95,.14),transparent 22rem),
    radial-gradient(circle at 86% 30%,rgba(155,102,246,.16),transparent 24rem),
    linear-gradient(150deg,rgba(29,16,51,.98),rgba(9,7,21,.98))!important;
  box-shadow:var(--eg-shadow)!important;
}
:root[data-ui-mode="modern"] body[data-game-brand="top10"] #finalView .final-hero{
  width:min(820px,100%);
  margin-inline:auto!important;
  text-align:center!important;
}
:root[data-ui-mode="modern"] body[data-game-brand="top10"] #finalView .final-hero h1{
  font-size:clamp(34px,5vw,62px)!important;
  line-height:1.08!important;
  letter-spacing:-.04em!important;
}
:root[data-ui-mode="modern"] body[data-game-brand="top10"] #finalView .winner-metric{
  color:var(--eg-gold)!important;
}
:root[data-ui-mode="modern"] body[data-game-brand="top10"] #finalView .final-team{
  border:1px solid var(--eg-line)!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.032)!important;
}
:root[data-ui-mode="modern"] body[data-game-brand="top10"] #finalView .final-team.winner{
  border-color:rgba(246,200,95,.40)!important;
  background:linear-gradient(150deg,rgba(246,200,95,.10),rgba(155,102,246,.07))!important;
}
:root[data-ui-mode="modern"] body[data-game-brand="top10"] #finalView .stat-card{
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.025)!important;
}

/* Shared endgame actions */
:root[data-ui-mode="modern"] body[data-game-brand] :is(
  .v320-final-actions,
  .host-stage-actions,
  .share-actions
){
  gap:9px!important;
}
:root[data-ui-mode="modern"] body[data-game-brand] .v320-final-actions :is(button,a),
:root[data-ui-mode="modern"] body[data-game-brand="khaltaha"] .host-stage-actions button{
  min-height:48px!important;
  border-radius:14px!important;
}

@media(max-width:720px){
  :root[data-ui-mode="modern"] body[data-game-brand="fbrkha"] :is(
    .answers-voters-summary,
    .ranking-stage,
    .final-score-stage,
    .final-podium-stage,
    .awards-page
  ),
  :root[data-ui-mode="modern"] body[data-game-brand="khaltaha"] .finale.khaltaha-final-v3235,
  :root[data-ui-mode="modern"] body[data-game-brand="qadha"] .qadha-final-v3235,
  :root[data-ui-mode="modern"] body[data-game-brand="top10"] :is(#roundView,#finalView){
    padding:14px!important;
    border-radius:22px!important;
  }
  :root[data-ui-mode="modern"] body[data-game-brand="fbrkha"] .podium-grid,
  :root[data-ui-mode="modern"] body[data-game-brand="khaltaha"] :is(.round-podium,.k-final-podium){
    gap:6px!important;
  }
  :root[data-ui-mode="modern"] body[data-game-brand="fbrkha"] .podium-card,
  :root[data-ui-mode="modern"] body[data-game-brand="khaltaha"] :is(.rank-podium-card,.k-final-podium .place){
    border-radius:18px!important;
  }
  :root[data-ui-mode="modern"] body[data-game-brand="fbrkha"] .scoreboard-row,
  :root[data-ui-mode="modern"] body[data-game-brand="khaltaha"] .result-row{
    min-height:56px!important;
  }
  :root[data-ui-mode="modern"] body[data-game-brand="top10"] #finalView .final-actions,
  :root[data-ui-mode="modern"] body[data-game-brand="qadha"] .qadha-final-v3235 .final-actions-v260,
  :root[data-ui-mode="modern"] body[data-game-brand="khaltaha"] .finale .final-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
}

@media(max-width:430px){
  :root[data-ui-mode="modern"] body[data-game-brand="fbrkha"] .podium-card.rank-1{transform:none}
  :root[data-ui-mode="modern"] body[data-game-brand="fbrkha"] .answers-voters-list>article{
    border-radius:14px!important;
  }
  :root[data-ui-mode="modern"] body[data-game-brand="top10"] #roundView .result-team,
  :root[data-ui-mode="modern"] body[data-game-brand="qadha"] .qadha-final-v3235 .final-team-score{
    border-radius:15px!important;
  }
}