/* DartVision v7.41.0 · Reference Match Redesign
   Ziel: Layout und visuelle Hierarchie eng an der freigegebenen Dashboard-Vorlage. */
:root{
  --dv-ref-red:var(--accent);
  --dv-ref-red2:var(--accent);
  --dv-ref-line:#3b1117;
  --dv-ref-panel:#090809;
  --dv-ref-panel2:#0e0b0c;
  --dv-ref-silver:#e8e8ea;
  --dv-ref-muted:#8e878a;
  --dv-ref-left:0px;   /* linke Navigationsleiste entfällt: sie war im Spiel doppelt und ohne Funktion */
  --dv-ref-right:306px;
}
html,body{background:#020202!important}
body{overflow:hidden!important}
body:before{opacity:.18!important;background-size:54px 54px!important}

/* ===== Gesamtarchitektur ===== */
.app{
  height:calc(100 * var(--dp-dvh))!important;
  display:grid!important;
  grid-template-columns:var(--dv-ref-left) minmax(0,1fr)!important;
  grid-template-rows:82px 204px minmax(0,1fr) 66px!important;
  overflow:hidden!important;
  background:#020202!important;
}
.dvTopbar{grid-column:1/-1!important;grid-row:1!important}
.dvLiveHero{grid-column:1/-1!important;grid-row:2!important}
.dvSidebar{display:none!important}
.gameLayout{grid-column:2!important;grid-row:3!important}
.dvPlatformFooter{grid-column:1/-1!important;grid-row:4!important}
.debugbar{display:none!important}

/* ===== Topbar wie Referenz ===== */
.dvTopbar{
  display:grid!important;
  grid-template-columns:305px minmax(570px,1fr) auto 170px!important;
  min-height:82px!important;
  padding:0 18px 0 22px!important;
  align-items:stretch!important;
  background:linear-gradient(180deg,#090708 0%,#020202 100%)!important;
  border-bottom:1px solid rgba(var(--accent-rgb),.56)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.55)!important;
}
.dvTopBrand{align-self:center!important;padding-right:18px!important}
.dvTopBrand .brandLogoWide{width:285px!important;height:68px!important;object-fit:contain!important;object-position:left center!important}
.dvTopNav{height:100%!important;border-left:1px solid rgba(255,255,255,.04)!important;border-right:1px solid rgba(255,255,255,.04)!important}
.dvTopNavBtn{min-width:92px!important;max-width:138px!important;padding:11px 10px 8px!important;border-color:rgba(255,255,255,.035)!important}
.dvTopNavBtn span{font-size:22px!important;margin-bottom:4px!important}
.dvTopNavBtn b{font-size:9px!important;letter-spacing:.09em!important}
.dvTopNavBtn.active{background:linear-gradient(180deg,rgba(var(--accent-rgb),.31),rgba(108,4,12,.18))!important;box-shadow:inset 0 0 28px rgba(var(--accent-rgb),.09),0 0 24px rgba(var(--accent-rgb),.08)!important}
.dvTopUtilities{align-self:center!important;margin:0 12px!important}
.dvTopUtilities .badge,.dvTopUtilities .dvSystemBtn,.dvTopUtilities .dvHiddenUtility{display:none!important}
.dvTopUtilities .dvProfileBtn{display:inline-flex!important;min-width:130px!important;min-height:46px!important;justify-content:flex-start!important;padding:0 16px!important;border-radius:10px!important;border-color:#33272a!important;background:linear-gradient(180deg,#100e0f,#070607)!important}
.dvTopUtilities .adminTopBtn{display:none!important}
.dvTopMotto{align-self:center;justify-self:end;display:flex;flex-direction:column;gap:4px;text-align:left;color:#b7aeb2;letter-spacing:.31em;line-height:1.1;font-size:8px;text-transform:uppercase;padding-left:10px}
.dvTopMotto b{font-size:8px;color:#d4cdd0}.dvTopMotto span{font-size:8px;color:#8e8589}

/* ===== Hero: volle Breite, echte Bühne ===== */
.dvLiveHero{
  position:relative!important;
  display:grid!important;
  grid-template-columns:220px minmax(500px,1fr) 260px!important;
  align-items:center!important;
  min-height:204px!important;
  padding:10px 42px!important;
  overflow:hidden!important;
  border-bottom:1px solid rgba(var(--accent-rgb),.55)!important;
  background:
    linear-gradient(90deg,rgba(0,0,0,.93) 0%,rgba(0,0,0,.36) 22%,rgba(0,0,0,.20) 50%,rgba(0,0,0,.35) 78%,rgba(0,0,0,.92) 100%),
    linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.35)),
    url('../branding/dartprime-bg-dark.jpg') center 48%/cover no-repeat!important;
  box-shadow:inset 0 -24px 48px rgba(0,0,0,.58)!important;
}
.dvLiveHero:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 52% 54%,rgba(var(--accent-rgb),.16),transparent 30%),linear-gradient(90deg,transparent 15%,rgba(var(--accent-rgb),.08) 50%,transparent 85%)}
.dvLiveHeroLogo{z-index:2!important;width:min(720px,78%)!important;height:160px!important;max-height:none!important;object-fit:contain!important;filter:drop-shadow(0 18px 32px rgba(0,0,0,.55)) drop-shadow(0 0 18px rgba(var(--accent-rgb),.18))!important}
.dvLiveHeroLeft,.dvLiveHeroRight{z-index:2!important;font-size:9px!important;letter-spacing:.34em!important;gap:10px!important;color:#c8bec2!important;text-transform:uppercase!important}
.dvLiveHeroLeft:after{content:"";width:78px;height:2px;background:var(--accent);margin-top:10px;box-shadow:0 0 14px rgba(var(--accent-rgb),.52)}
.dvLiveHeroRight{padding-right:10px!important}.dvLiveHeroRight span{color:#d7c7cb!important}

/* ===== Linke Navigation erst unterhalb des Hero-Banners ===== */
.dvSidebar{
  padding:10px 14px 12px!important;
  min-height:0!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#080607,#020202)!important;
  border-right:1px solid rgba(var(--accent-rgb),.46)!important;
}
.dvSidebarAccent{display:none!important}
.dvSideBtn{min-height:48px!important;padding:0 14px!important;grid-template-columns:32px 1fr!important;border-bottom:1px solid rgba(255,255,255,.06)!important}
.dvSideBtn.active{margin:0 0 4px!important;min-height:50px!important;border:1px solid var(--accent)!important;background:linear-gradient(90deg,rgba(var(--accent-rgb),.56),rgba(var(--accent-rgb),.22))!important;box-shadow:inset 3px 0 var(--accent),0 0 24px rgba(var(--accent-rgb),.11)!important}
.dvSidebarPromo{min-height:122px!important;margin-top:auto!important;background:linear-gradient(180deg,rgba(0,0,0,.28),rgba(0,0,0,.88)),url('../branding/dartprime-hero-7463.png') 50% center/cover no-repeat!important}

/* ===== Live-Dashboard: Mitte + rechte Informationssäule ===== */
.gameLayout{
  min-width:0!important;min-height:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) var(--dv-ref-right)!important;
  --x01-bottom-h:clamp(134px,calc(18 * var(--dp-vh)),168px);
  grid-template-rows:40px minmax(210px,1fr) auto var(--x01-bottom-h)!important;
  grid-template-areas:
    "toolbar toolbar"
    "players players"
    "history history"
    "center stats"!important;
  gap:8px!important;
  padding:8px 12px 9px!important;
  background:linear-gradient(180deg,#050404,#020202)!important;
  overflow:hidden!important;
}
.dvMatchToolbar{grid-area:toolbar;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:0 10px;border:1px solid #34181d;border-radius:6px;background:linear-gradient(180deg,#0d0a0b,#070506);color:#d8d2d5;min-width:0}
.dvMatchMode{font-size:11px;font-weight:950;letter-spacing:.035em;color:#f1edef;white-space:nowrap}.dvMatchMode:before{content:"◎";color:var(--accent);margin-right:8px}
.dvMatchFormat{text-align:center;font-size:9px;letter-spacing:.16em;color:#a8a0a4;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Mitte der Matchleiste: [Spieler links: Sets · Legs] BEST OF … [Legs · Sets: Spieler rechts] */
.dvMatchMid{display:flex;align-items:center;justify-content:center;gap:clamp(10px,calc(1.6 * var(--dp-vw)),34px);min-width:0;overflow:hidden}
.dvMatchMid .dvMatchFormat{flex:0 1 auto;min-width:0}
.dvMatchSide{display:flex;align-items:center;gap:clamp(6px,calc(.7 * var(--dp-vw)),14px);min-width:0;white-space:nowrap;color:#e8e2e5;--sc:var(--accent-rgb)}
body.dvSbHideMatchScores .dvMatchSide{display:none!important}
.dvMatchSide.left{justify-content:flex-end}.dvMatchSide.right{justify-content:flex-start}
.dvMatchSide .nm{max-width:12ch;overflow:hidden;text-overflow:ellipsis;font-size:clamp(9px,calc(.7 * var(--dp-vw)),12px);font-weight:900;letter-spacing:.08em;color:#f3eef0;padding-bottom:1px;border-bottom:2px solid rgb(var(--sc))}
.dvMatchSide .cnt{display:flex;align-items:baseline;gap:5px}
.dvMatchSide .cnt b{font-size:clamp(15px,calc(1.35 * var(--dp-vw)),26px);line-height:1;font-weight:1000;color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 0 12px rgba(var(--sc),.55)}
.dvMatchSide .cnt i{font-style:normal;font-size:clamp(7px,calc(.52 * var(--dp-vw)),10px);font-weight:900;letter-spacing:.14em;color:#a8a0a4}
@media(max-width:980px){.dvMatchSide .nm{display:none}}
@media(max-width:720px){
  /* Handy: Matchleiste zweizeilig – oben Modus · Matchformat · Status, darunter Sets/Legs links und rechts */
  body[data-game="x01"] .dvMatchToolbar{grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto auto;row-gap:5px;padding:6px 10px;height:auto!important;min-height:36px}
  .dvMatchToolbar .dvMatchMid{display:contents}
  .dvMatchToolbar .dvMatchMode{grid-area:1/1}
  .dvMatchToolbar .dvMatchMid .dvMatchFormat{grid-area:1/2;text-align:center;min-width:0}
  .dvMatchToolbar .dvMatchState{grid-area:1/3}
  .dvMatchToolbar .dvMatchSide.left{grid-area:2/1/3/3;justify-content:flex-start}
  .dvMatchToolbar .dvMatchSide.right{grid-area:2/3/3/4;justify-content:flex-end}
}
.dvMatchState{justify-self:end;display:flex;align-items:center;gap:7px;font-size:9px;font-weight:900;color:#d7d0d3;white-space:nowrap}.dvMatchState span{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px rgba(var(--accent-rgb),.8)}

/* Spielerduell */
.playerBar{
  grid-area:players!important;
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  align-items:stretch!important;
  gap:118px!important;
  padding:0!important;
  min-height:0!important;
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
}
.playerBar:after{display:none!important}
.playerCard{
  position:relative!important;min-width:0!important;min-height:0!important;
  display:grid!important;
  grid-template-rows:clamp(24px,calc(3.6 * var(--dp-vh)),42px) minmax(26px,auto) minmax(0,1fr) auto!important;
  grid-template-columns:1fr!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid #35181e!important;border-radius:8px!important;
  background:linear-gradient(180deg,#100c0d 0%,#090708 60%,#050404 100%)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.02)!important;
}
.playerCard.active{border-color:var(--accent)!important;box-shadow:0 12px 28px rgba(0,0,0,.38),0 0 26px rgba(var(--accent-rgb),.09),inset 0 1px rgba(255,255,255,.03)!important}
.playerCard:before{display:none!important}
.dvPlayerSlotLabel{grid-row:1;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:950;color:#f0ecee;letter-spacing:.02em;border-bottom:1px solid #2e181d;background:linear-gradient(180deg,#120e0f,#090708)}
.playerCard.active .dvPlayerSlotLabel{background:linear-gradient(180deg,rgba(var(--accent-rgb),.72),rgba(96,5,12,.32));border-bottom-color:var(--accent-dark);box-shadow:inset 0 -1px rgba(var(--accent-rgb),.13)}
.dvPlayerIdentity{grid-row:2!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;padding:2px 12px!important;border-bottom:0!important;min-width:0!important}
.dvPlayerDart{color:var(--accent);font-size:15px;text-shadow:0 0 10px rgba(var(--accent-rgb),.45)}
.playerName{font-size:15px!important;letter-spacing:.01em!important;color:#efeaec!important;font-weight:850!important;text-transform:none!important}
.playerMini{display:none!important}
.pcScore{grid-row:3!important;grid-column:1!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:0!important;border:0!important}
.pcScore b{font-size:clamp(74px,calc(7 * var(--dp-vw)),118px)!important;line-height:.78!important;letter-spacing:-.075em!important;color:#f0f0f2!important;text-shadow:0 5px 0 #000,0 12px 22px rgba(0,0,0,.38)!important}
.pcScore span{margin-top:13px!important;font-size:9px!important;letter-spacing:.18em!important;color:#8d8589!important;font-weight:850!important}
.dvPlayerStats{grid-row:4;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #29191d;background:rgba(0,0,0,.16)}
.dvPlayerStats>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-right:1px solid #25181b;min-width:0}.dvPlayerStats>div:last-child{border-right:0}
.dvPlayerStats b{font-size:17px;color:#efedef;line-height:1}.dvPlayerStats span{font-size:7px;color:#8d8589;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:96%}

/* VS-Mitte */
.dvDuelCore{position:absolute;z-index:10;left:50%;top:50%;transform:translate(-50%,-50%);width:108px;min-height:156px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#fff;pointer-events:none}
.dvDuelCore:before,.dvDuelCore:after{content:"";position:absolute;top:50%;width:28px;height:46px;border-top:2px solid var(--accent);border-bottom:2px solid var(--accent);opacity:.7}
.dvDuelCore:before{right:90%;transform:skewX(-25deg)}.dvDuelCore:after{left:90%;transform:skewX(25deg)}
.dvDuelCore span{font-size:10px;letter-spacing:.20em;color:#cbc3c7}.dvDuelCore b{font-size:40px;line-height:.9;font-style:italic;text-shadow:0 0 18px rgba(var(--accent-rgb),.35),0 3px #000}.dvDuelCore small{font-size:7px;letter-spacing:.13em;color:#9a9296;text-align:center}.dvDuelCore i{display:flex;gap:8px;margin-top:8px}.dvDuelCore em{display:block;width:7px;height:7px;border-radius:50%;background:#525052}.dvDuelCore em:first-child{background:var(--accent);box-shadow:0 0 10px rgba(var(--accent-rgb),.6)}

/* Untere Eingabezone */
body[data-game="x01"] .center{
  grid-area:center!important;min-width:0!important;min-height:0!important;
  display:grid!important;grid-template-columns:minmax(0,1fr) 245px!important;grid-template-rows:1fr!important;gap:8px!important;
  padding:10px!important;border:1px solid #32181d!important;border-radius:7px!important;background:linear-gradient(180deg,#0b090a,#060506)!important;
}
body[data-game="x01"] .turnHeader,body[data-game="x01"] .scoreWrap,body[data-game="x01"] .message{display:none!important}
body[data-game="x01"] .dartArea{grid-column:1!important;grid-row:1!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:8px!important;min-width:0!important}
body[data-game="x01"] .dartArea:before{content:"NÄCHSTE AUFNAHME";display:block;color:#c9c1c5;font-size:9px;font-weight:900;letter-spacing:.13em;margin-bottom:2px}
body[data-game="x01"] .dartStrip{display:grid!important;grid-template-columns:repeat(var(--dart-cols,3),minmax(0,1fr))!important;gap:5px!important;width:100%!important;max-width:none!important}
body[data-game="x01"] .dartSlot{min-height:52px!important;border-radius:5px!important;border-color:#383034!important;background:linear-gradient(180deg,#111011,#090809)!important}
body[data-game="x01"] .dartSlot.checkoutSuggestion{border-style:solid!important;border-color:#2f282b!important;background:#0b0a0a!important;opacity:.72!important}
body[data-game="x01"] .manualNextBtn{width:100%!important;max-width:none!important;min-height:38px!important;border-radius:5px!important;background:linear-gradient(180deg,var(--accent),var(--accent))!important;border-color:var(--accent)!important;font-size:10px!important;letter-spacing:.06em!important}
body[data-game="x01"] .liveQuickActions{display:none!important}
body[data-game="x01"] .roundInfo{grid-column:2!important;grid-row:1!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:repeat(3,1fr)!important;gap:5px!important;width:auto!important;margin:0!important}
body[data-game="x01"] .roundBox{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:7px 10px!important;border:1px solid #2d2024!important;border-radius:5px!important;background:#090708!important;text-align:left!important}
body[data-game="x01"] .roundBox .big{font-size:20px!important}.roundBox .small{font-size:7px!important;margin:0!important;text-align:right!important}

/* Rechte Spalte */
body[data-game="x01"] .rightSide{grid-area:right!important;display:flex!important;min-width:0!important;min-height:0!important;padding:10px!important;gap:7px!important;border:1px solid #32181d!important;border-radius:7px!important;background:linear-gradient(180deg,#0d0a0b,#070506)!important;overflow:hidden!important}
body[data-game="x01"] .rightSide .lastDartTitle,body[data-game="x01"] .rightSide .lastCard{display:none!important}
body[data-game="x01"] .historyTitle{font-size:10px!important;color:#f0ebed!important;letter-spacing:.10em!important;padding-bottom:7px!important;border-bottom:1px solid #2d1a1f!important}
body[data-game="x01"] .historyTitle:after{content:"⌄";float:right;color:#8f878b}
body[data-game="x01"] .historyFixed{gap:0!important;border:1px solid #281a1e!important;border-radius:5px!important;overflow:hidden!important;background:#060506!important}
body[data-game="x01"] .hist{grid-template-columns:26px minmax(0,1fr) 38px!important;min-height:34px!important;padding:5px 8px!important;border:0!important;border-bottom:1px solid #201518!important;border-radius:0!important;background:#080708!important;font-size:10px!important}.hist:last-child{border-bottom:0!important}.hist .name{color:#eee9eb!important}.hist .pts{color:#bdb4b8!important}
body[data-game="x01"] .rightBottom{margin-top:auto!important}.rightBottom button{display:none!important}

/* Rechte untere Statistikbox */
body[data-game="x01"] .leftSide{
  grid-area:stats!important;display:flex!important;min-width:0!important;min-height:0!important;overflow:hidden!important;
  padding:9px!important;gap:5px!important;border:1px solid #32181d!important;border-radius:7px!important;background:linear-gradient(180deg,#0d0a0b,#070506)!important;opacity:1!important;
}
body[data-game="x01"] .leftStatsTitle{display:block!important;font-size:10px!important;color:#f0ebed!important;letter-spacing:.10em!important;padding-bottom:5px!important;border-bottom:1px solid #2c1a1e!important}
body[data-game="x01"] .leftStatsTitle:after{content:"⌄";float:right;color:#8f878b}
body[data-game="x01"] .statHero{padding:5px 8px!important;min-height:0!important;border:0!important;border-bottom:1px solid #25181b!important;border-radius:0!important;background:transparent!important;display:flex!important;align-items:center!important;justify-content:space-between!important;text-align:left!important}
body[data-game="x01"] .statHero .value{font-size:19px!important}.statHero .label{font-size:7px!important;margin:0!important}
body[data-game="x01"] .statGrid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0!important;min-height:0!important;overflow:hidden!important;border:1px solid #25181b!important;border-radius:4px!important}
body[data-game="x01"] .stat{min-height:0!important;padding:5px 7px!important;border:0!important;border-bottom:1px solid #211619!important;border-right:1px solid #211619!important;border-radius:0!important;background:#080708!important;text-align:center!important}.stat:nth-child(even){border-right:0!important}
body[data-game="x01"] .stat .value{font-size:14px!important}.stat .label{font-size:6px!important}
body[data-game="x01"] .nineDartCard{display:none!important}.modePill{display:none!important}

/* ===== Plattformleiste unten ===== */
.dvPlatformFooter{display:grid;grid-template-columns:minmax(340px,.9fr) minmax(650px,1.5fr);align-items:center;gap:20px;padding:0 30px;border-top:1px solid rgba(var(--accent-rgb),.55);background:linear-gradient(180deg,#080607,#030303);box-shadow:0 -10px 30px rgba(0,0,0,.42);min-width:0;overflow:hidden}
.dvPlatformBrand{display:flex;align-items:center;gap:20px;min-width:0}.dvPlatformBrand b{font-size:11px;letter-spacing:.32em;color:var(--accent)}.dvPlatformBrand span{font-size:9px;letter-spacing:.25em;color:#aaa1a5;white-space:nowrap}
.dvPlatformBenefits{display:grid;grid-template-columns:repeat(4,1fr);align-items:center;min-width:0}.dvPlatformBenefits>span{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:8px;padding:0 12px;border-left:1px solid #2a1a1e;color:#d2cbce;min-width:0}.dvPlatformBenefits>span>b{font-size:8px;letter-spacing:.05em;white-space:nowrap}.dvPlatformBenefits small{grid-column:2;font-size:6px;color:#777074;white-space:nowrap}

/* ===== Home / Overlay ebenfalls in derselben Designsprache ===== */
#setupOverlay.homeMode .dvHomeHero{min-height:250px!important;background:linear-gradient(90deg,rgba(0,0,0,.74),rgba(0,0,0,.18),rgba(0,0,0,.74)),url('../branding/dartprime-bg-dark.jpg') center/cover no-repeat!important}
#setupOverlay.homeMode .dvHomeHeroLogo{width:min(860px,calc(66 * var(--dp-vw)))!important}
#setupOverlay.homeMode .dvHomeSideNav{background:linear-gradient(180deg,#080607,#020202)!important}
#setupOverlay.homeMode .dvHomeMain{background:linear-gradient(180deg,#060405,#020202)!important}
#setupOverlay.homeMode .homeAction{border-color:#321d22!important;background:linear-gradient(145deg,#0f0c0d,#060505)!important}
#setupOverlay.homeMode .homeAction.primary{border-color:var(--accent)!important;background:linear-gradient(145deg,rgba(var(--accent-rgb),.27),#070506)!important}

/* ===== Responsive ===== */
@media(max-width:1240px){
  :root{--dv-ref-left:0px;--dv-ref-right:268px}
  .dvTopbar{grid-template-columns:260px minmax(500px,1fr) auto!important}.dvTopMotto{display:none!important}.dvTopBrand .brandLogoWide{width:245px!important}
  .dvLiveHero{grid-template-columns:150px 1fr 180px!important;padding-inline:24px!important}.dvLiveHeroLogo{width:min(650px,82%)!important}
  .playerBar{gap:96px!important}.pcScore b{font-size:clamp(66px,calc(7 * var(--dp-vw)),96px)!important}
  .gameLayout{grid-template-rows:38px minmax(200px,1fr) auto clamp(134px,calc(18 * var(--dp-vh)),158px)!important}
}
@media(max-width:980px){
  .app{grid-template-columns:0px minmax(0,1fr)!important;grid-template-rows:70px 150px minmax(0,1fr) 52px!important}
  .dvTopbar{grid-template-columns:190px 1fr auto!important;min-height:70px!important;padding-left:10px!important}.dvTopMotto{display:none!important}.dvTopBrand .brandLogoWide{width:178px!important;height:54px!important}.dvTopNavBtn{min-width:70px!important}.dvTopNavBtn b{font-size:7px!important}.dvTopNavBtn span{font-size:17px!important}.dvTopUtilities{margin-right:0!important}.dvTopUtilities .dvProfileBtn{min-width:90px!important;font-size:8px!important}
  .dvLiveHero{grid-template-columns:1fr!important;padding:6px 16px!important}.dvLiveHeroLeft,.dvLiveHeroRight{display:none!important}.dvLiveHeroLogo{height:126px!important;width:min(620px,85%)!important}
  .dvSideBtn{min-height:43px!important;font-size:9px!important}.dvSidebarPromo{display:none!important}
  .gameLayout{grid-template-columns:minmax(0,1fr) 220px!important;grid-template-rows:36px minmax(210px,1fr) 150px!important}
  .playerBar{gap:72px!important}.dvDuelCore{width:74px!important}.dvDuelCore b{font-size:30px!important}.pcScore b{font-size:60px!important}.dvPlayerStats b{font-size:13px!important}.dvPlayerStats span{font-size:5px!important}
  .dvPlatformFooter{grid-template-columns:1fr!important;padding:0 18px!important}.dvPlatformBenefits{display:none!important}.dvPlatformBrand{justify-content:center!important}
}
@media(max-width:720px){
  body{overflow:auto!important}.app{height:auto!important;min-height:calc(100 * var(--dp-dvh))!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:64px 118px auto auto 48px!important;overflow:visible!important}.dvTopbar{grid-column:1!important;grid-row:1!important;grid-template-columns:62px 1fr auto!important}.dvTopBrand .brandLogoWide{display:none!important}.dvTopBrand .brandCompactMark{display:block!important;width:42px!important;height:42px!important}.dvTopNav{overflow-x:auto!important;justify-content:flex-start!important}.dvTopNavBtn{min-width:75px!important}.dvTopUtilities .dvProfileBtn{min-width:44px!important;width:44px!important;padding:0!important;font-size:0!important;justify-content:center!important}.dvTopUtilities .dvProfileBtn:before{margin:0!important}.dvLiveHero{grid-column:1!important;grid-row:2!important;min-height:118px!important}.dvLiveHeroLogo{height:104px!important;width:88%!important}.dvSidebar{display:none!important}.gameLayout{grid-column:1!important;grid-row:3!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:34px auto auto auto!important;grid-template-areas:"toolbar" "players" "center" "right"!important;overflow:visible!important;padding:6px!important}.leftSide{display:none!important}.rightSide{min-height:190px!important}.playerBar{grid-template-columns:1fr!important;gap:7px!important}.dvDuelCore{display:none!important}.playerCard{min-height:210px!important}.playerCard:nth-child(n+3){display:none!important}.pcScore b{font-size:72px!important}.center{grid-template-columns:1fr!important}.roundInfo{display:none!important}.dvPlatformFooter{grid-column:1!important;grid-row:5!important;min-height:48px!important}.dvPlatformBrand b{font-size:9px!important}.dvPlatformBrand span{font-size:6px!important;letter-spacing:.15em!important}
}