/* DartVision v7.39.0 · Live Scoring Redesign Phase 2 */

/* ---------- Live arena shell ---------- */
.app{
  grid-template-rows:78px 122px 242px minmax(0,1fr) 22px!important;
}
.dvSidebar{grid-row:2/6!important}
.dvLiveHero{
  grid-column:2;grid-row:2;position:relative;min-height:0;overflow:hidden;
  display:grid;grid-template-columns:minmax(120px,.7fr) minmax(430px,2.2fr) minmax(160px,.8fr);align-items:center;gap:18px;padding:8px 34px;
  border-bottom:1px solid rgba(var(--dv-red-rgb),.35);
  background:
    linear-gradient(90deg,rgba(0,0,0,.92),rgba(0,0,0,.12) 22%,rgba(0,0,0,.12) 78%,rgba(0,0,0,.90)),
    radial-gradient(circle at 50% 72%,rgba(var(--dv-red-rgb),.17),transparent 32%),
    url('../branding/dartprime-bg-dark.jpg') center 47%/cover no-repeat;
  box-shadow:0 12px 30px rgba(0,0,0,.36) inset,0 10px 26px rgba(0,0,0,.26);
}
.dvLiveHero:before{
  content:"";position:absolute;left:17%;right:17%;bottom:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent) 15%,var(--accent) 50%,var(--accent) 85%,transparent);box-shadow:0 0 18px rgba(var(--dv-red-rgb),.55)
}
.dvLiveHeroLogo{position:relative;z-index:2;width:min(690px,100%);height:100%;max-height:112px;object-fit:contain;justify-self:center;filter:drop-shadow(0 14px 24px rgba(0,0,0,.48)) drop-shadow(0 0 14px rgba(var(--dv-red-rgb),.12))}
.dvLiveHeroLeft,.dvLiveHeroRight{position:relative;z-index:2;display:flex;flex-direction:column;gap:7px;color:#a49b9f;font-size:9px;letter-spacing:.28em;font-weight:850}
.dvLiveHeroLeft{align-items:flex-start}.dvLiveHeroRight{align-items:flex-end;text-align:right}

.playerBar{grid-column:2;grid-row:3!important;position:relative;display:grid!important;align-items:stretch;gap:14px!important;padding:13px 14px!important;background:linear-gradient(180deg,#080607,#050404)!important;overflow:visible!important}
.playerBar:has(.playerCard:nth-child(2):last-child):after{
  content:"VS";position:absolute;z-index:12;left:50%;top:50%;transform:translate(-50%,-50%);width:78px;height:78px;border-radius:50%;display:grid;place-items:center;
  color:#f7f7f7;font-size:25px;font-weight:1000;font-style:italic;letter-spacing:-.07em;
  background:radial-gradient(circle,#15090b 0,#090607 61%,transparent 62%);border:1px solid rgba(var(--dv-red-rgb),.34);box-shadow:0 0 0 9px rgba(0,0,0,.68),0 0 28px rgba(var(--dv-red-rgb),.13)
}
.playerCard{
  min-height:212px!important;opacity:1!important;position:relative!important;overflow:hidden!important;
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:auto minmax(82px,1fr) auto!important;gap:5px 12px!important;
  padding:15px 18px 13px!important;border:1px solid #302126!important;border-top:1px solid #3a252b!important;border-radius:10px!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.018),transparent 30%),
    linear-gradient(180deg,#120e10,#080607)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.025),0 12px 30px rgba(0,0,0,.28)!important;
  transition:.18s!important;
}
.playerCard:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,transparent,rgba(143,143,143,.40),transparent)}
.playerCard.active{
  border-color:rgba(var(--dv-red-rgb),.62)!important;background:
    linear-gradient(120deg,rgba(var(--dv-red-rgb),.16),transparent 40%),
    linear-gradient(180deg,#150d0f,#080607)!important;
  box-shadow:inset 0 0 0 1px rgba(var(--dv-red-rgb),.12),0 0 34px rgba(var(--dv-red-rgb),.08),0 12px 30px rgba(0,0,0,.34)!important;
}
.playerCard.active:before{background:linear-gradient(90deg,transparent,var(--accent) 16%,var(--accent) 50%,var(--accent) 84%,transparent);box-shadow:0 0 12px rgba(var(--dv-red-rgb),.62)}
.playerCard>div:first-child{grid-column:1/-1;grid-row:1;display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
.playerName{font-size:18px!important;letter-spacing:.04em!important;color:#f2f0f1!important}
.playerMini{font-size:9px!important;margin:0!important;color:#847c80!important;text-transform:uppercase;letter-spacing:.07em}
.playerCard.active .playerMini{color:var(--accent)!important}
.pcStat{min-width:0!important;text-align:center!important;padding-top:8px;border-top:1px solid #261a1e}
.pcStat b{font-size:24px!important}.pcStat span{font-size:8px!important;letter-spacing:.10em!important}
.pcScore{grid-column:1/-1;grid-row:2;border:0!important;padding:0!important;display:flex;flex-direction:column;align-items:center;justify-content:center}
.pcScore b{
  color:#f2f1f2!important;font-size:clamp(72px,calc(7 * var(--dp-vw)),112px)!important;line-height:.80!important;letter-spacing:-.065em!important;
  text-shadow:0 3px 0 #000,0 12px 22px rgba(0,0,0,.34)
}
.playerCard.active .pcScore b{color:#fff!important;text-shadow:0 3px 0 #000,0 0 22px rgba(var(--dv-red-rgb),.10)}
.pcScore span{margin-top:9px!important;color:#90868a!important;font-size:9px!important;letter-spacing:.18em!important}
.playerCard>.pcStat:nth-child(3){grid-column:1;grid-row:3}
.playerCard>.pcStat:nth-child(4){grid-column:2;grid-row:3}

/* ---------- Lower match/control area ---------- */
.gameLayout{grid-column:2;grid-row:4!important;grid-template-columns:minmax(180px,.60fr) minmax(430px,1.8fr) minmax(230px,.82fr)!important;gap:10px!important;padding:10px 14px 12px!important;background:linear-gradient(180deg,#050404,#030303)!important}
.gameLayout>.panel{border-color:#302126!important;border-radius:9px!important;background:linear-gradient(180deg,#0d0a0b,#070506)!important;box-shadow:inset 0 1px rgba(255,255,255,.02)}
body[data-game="x01"] .center{grid-template-rows:auto auto minmax(0,1fr) auto!important;gap:7px!important;padding:10px 12px!important}
body[data-game="x01"] .turnHeader{order:0;width:100%!important;max-width:none!important;padding:0 0 8px;border-bottom:1px solid #2d1d22}
body[data-game="x01"] .turnLine{position:relative;min-height:27px;align-items:center;justify-content:center!important;color:#888085!important}
body[data-game="x01"] .turnRoundMeta{position:absolute;left:4px}
body[data-game="x01"] .x01MainMenuBtn{position:absolute!important;right:0!important;top:0!important;border-color:#3a252b!important;background:#0c090a!important;color:#a69ea2!important}
body[data-game="x01"] .x01MatchLine{font-size:10px!important;letter-spacing:.15em!important;color:#dad5d7!important;margin-top:4px}
body[data-game="x01"] .liveScoreFocus{display:none!important}
body[data-game="x01"] .roundInfo{order:1;width:100%!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important}
body[data-game="x01"] .roundBox{border-color:#302126!important;background:#0b0809!important;border-radius:7px!important;padding:8px!important}
body[data-game="x01"] .roundBox .big{font-size:26px!important;color:#f4f1f2!important}
body[data-game="x01"] .roundTotalBox{border-color:rgba(var(--dv-red-rgb),.48)!important;background:linear-gradient(180deg,rgba(var(--dv-red-rgb),.10),#0b0809)!important}
body[data-game="x01"] .dartArea{order:2;justify-content:center!important;gap:8px!important;min-height:0}
body[data-game="x01"] .dartStrip{max-width:none!important;gap:7px!important}
body[data-game="x01"] .dartSlot{min-height:64px!important;border-radius:7px!important;border-color:#3a2a2e!important;background:#0a0809!important}
body[data-game="x01"] .dartSlot strong{font-size:24px!important}
body[data-game="x01"] .dartSlot.hit{border-color:rgba(var(--dv-red-rgb),.58)!important;background:linear-gradient(180deg,rgba(var(--dv-red-rgb),.16),rgba(var(--dv-red-rgb),.04))!important;box-shadow:inset 0 0 0 1px rgba(var(--dv-red-rgb),.06)}
body[data-game="x01"] .dartSlot.checkoutSuggestion{border-style:dashed!important;border-color:#443439!important;background:rgba(255,255,255,.01)!important;color:#81797d!important;box-shadow:none!important}
body[data-game="x01"] .dartSlot.checkoutSuggestion strong{font-size:20px!important;color:#9b9397!important;font-weight:750!important}
body[data-game="x01"] .checkoutSlotHint{font-size:6px!important;letter-spacing:.16em!important;color:#645d60!important}
body[data-game="x01"] .manualNextBtn{order:3;width:100%!important;max-width:none!important;border-radius:7px!important;min-height:42px!important}
body[data-game="x01"] .message{display:none!important}
body[data-game="x01"] .liveQuickActions{display:none!important}

/* Left statistics = compact match stats */
body[data-game="x01"] .leftSide{padding:10px!important;gap:6px!important;opacity:1!important}
body[data-game="x01"] .leftStatsTitle:before{content:"SPIELSTATISTIK · ";color:var(--accent)}
body[data-game="x01"] .statHero{border-left:0!important;border:1px solid rgba(var(--dv-red-rgb),.36)!important;border-radius:7px!important;background:linear-gradient(180deg,rgba(var(--dv-red-rgb),.10),#0a0809)!important;text-align:center;padding:8px!important}
body[data-game="x01"] .statHero .value{font-size:34px!important}
body[data-game="x01"] .statGrid{gap:5px!important}
body[data-game="x01"] .stat{padding:7px!important;border-color:#2c2023!important;background:#0a0809!important;text-align:center}
body[data-game="x01"] .stat .value{font-size:18px!important}
body[data-game="x01"] .nineDartCard{min-height:auto!important;padding:9px!important;border-radius:7px!important;border-color:#342329!important;background:#0b0809!important}
body[data-game="x01"] .focusStatLabel{font-size:8px!important}body[data-game="x01"] .focusStatValue{font-size:28px!important;margin-top:5px!important}body[data-game="x01"] .focusStatSub{display:none}
body[data-game="x01"] .modePill{margin-top:auto!important;border-color:#3a252b!important;background:#0b0809!important;color:#a79fa3!important;font-size:8px!important}

/* Right rail */
body[data-game="x01"] .rightSide{padding:10px!important;gap:7px!important}
body[data-game="x01"] .sectionTitle{color:#9d9499!important;font-size:8px!important;letter-spacing:.14em!important}
body[data-game="x01"] .lastCard{border-color:#35252a!important;background:linear-gradient(180deg,rgba(var(--dv-red-rgb),.08),#0a0809)!important;border-radius:7px!important}
body[data-game="x01"] .lastName{color:var(--accent)!important;font-size:42px!important}
body[data-game="x01"] .historyFixed{gap:4px!important}
body[data-game="x01"] .hist{min-height:31px!important;border-color:#2d2023!important;background:#0a0809!important}
body[data-game="x01"] .rightBottom{margin-top:auto!important}
body[data-game="x01"] .smallBtn{border-color:#312227!important;background:#0a0809!important}
.debugbar{grid-column:2;grid-row:5!important;background:#030303!important;border-color:#1f1417!important}

@media(max-width:1300px){
  .dvLiveHero{grid-template-columns:100px minmax(360px,1fr) 120px;padding-left:22px;padding-right:22px}.dvLiveHeroRight{font-size:7px}.dvLiveHeroLeft{font-size:7px}
  .gameLayout{grid-template-columns:170px minmax(390px,1fr) 220px!important}
}
@media(max-width:1040px){
  .app{grid-template-rows:78px 104px 218px minmax(0,1fr) 20px!important}
  .dvLiveHero{grid-column:2}.dvLiveHeroLeft,.dvLiveHeroRight{display:none}.dvLiveHero{grid-template-columns:1fr;padding:6px 16px}.dvLiveHeroLogo{max-height:92px}
  .playerBar{grid-column:2;padding:9px!important}.playerCard{min-height:190px!important;padding:12px!important}.pcScore b{font-size:76px!important}
  .gameLayout{grid-column:2;grid-template-columns:150px minmax(360px,1fr) 190px!important;padding:7px!important;gap:6px!important}
}
@media(max-width:820px){
  .app{grid-template-rows:60px 84px 190px minmax(0,1fr) 18px!important}
  .dvLiveHero{grid-column:1!important;grid-row:2!important}.playerBar{grid-column:1!important;grid-row:3!important}.gameLayout{grid-column:1!important;grid-row:4!important}.debugbar{grid-column:1!important;grid-row:5!important}
  .playerBar:has(.playerCard:nth-child(2):last-child):after{width:54px;height:54px;font-size:18px}.playerCard{min-height:166px!important}.pcScore b{font-size:62px!important}
  .gameLayout{grid-template-columns:minmax(0,1fr) 190px!important}.leftSide{display:none!important}.rightSide{display:flex!important}.center{grid-column:1}
}
@media(max-width:620px){
  .app{grid-template-rows:60px 66px 142px minmax(0,1fr) 18px!important}
  .dvLiveHero{padding:3px 8px}.dvLiveHeroLogo{max-height:62px}
  .playerBar{overflow-x:auto!important;grid-template-columns:repeat(var(--player-count,1),minmax(190px,1fr))!important;gap:6px!important}.playerBar:after{display:none!important}.playerCard{min-width:190px!important;min-height:124px!important;grid-template-rows:auto minmax(48px,1fr) auto!important;padding:8px!important}.playerName{font-size:13px!important}.playerMini{font-size:6px!important}.pcScore b{font-size:46px!important}.pcStat b{font-size:15px!important}.pcStat span{font-size:6px!important}
  .gameLayout{grid-template-columns:1fr!important}.rightSide{display:none!important}.center{padding:6px!important}.turnHeader{padding-bottom:4px!important}.roundInfo{gap:4px!important}.roundBox{padding:5px!important}.roundBox .big{font-size:18px!important}.dartSlot{min-height:48px!important}.dartSlot strong{font-size:17px!important}
}
@media(max-height:760px) and (min-width:821px){
  .app{grid-template-rows:68px 82px 180px minmax(0,1fr) 18px!important}.dvTopbar{min-height:68px}.dvLiveHeroLogo{max-height:78px}.playerCard{min-height:158px!important}.pcScore b{font-size:62px!important}.gameLayout{padding-top:6px!important}
}