/* Game Experience v2 — Top10 entry/setup polish.
   Modern-only. Active board, turn logic, results and host controls are intentionally untouched. */
:root[data-ui-mode="modern"] body[data-game-brand="top10"]{
  --tx-surface:rgba(18,10,33,.90);
  --tx-surface-2:rgba(27,16,48,.94);
  --tx-line:rgba(255,255,255,.09);
  --tx-gold:#f6c85f;
  --tx-purple:#9b66f6;
}
:root[data-ui-mode="modern"] body[data-game-brand="top10"] .t10-nav{
  min-height:72px;
  padding-inline:clamp(12px,2vw,26px);
  border-bottom:1px solid var(--tx-line);
  background:linear-gradient(180deg,rgba(8,6,20,.96),rgba(8,6,20,.82));
  box-shadow:0 12px 34px rgba(0,0,0,.18);
}
:root[data-ui-mode="modern"] body[data-game-brand="top10"] .t10-brand{
  min-width:0;
}
:root[data-ui-mode="modern"] body[data-game-brand="top10"] .t10-brand img{
  filter:drop-shadow(0 8px 20px rgba(155,102,246,.18));
}
:root[data-ui-mode="modern"] body[data-game-brand="top10"] .t10-shell{
  width:min(1240px,calc(100% - 28px));
  padding-top:clamp(16px,2.6vw,30px);
}
:root[data-ui-mode="modern"] body[data-game-brand="top10"] :is(#loadingView,#authView,#errorView){
  width:min(640px,100%);
  margin:clamp(18px,6vh,64px) auto 0;
  border:1px solid var(--tx-line);
  border-radius:28px;
  background:
    radial-gradient(circle at 50% 0,rgba(155,102,246,.16),transparent 22rem),
    linear-gradient(145deg,var(--tx-surface-2),var(--tx-surface));
  box-shadow:0 24px 70px rgba(0,0,0,.28);
}
:root[data-ui-mode="modern"] body[data-game-brand="top10"] .setup-view{
  width:min(1180px,100%);
  margin-inline:auto;
}
:root[data-ui-mode="modern"] body[data-game-brand="top10"] .setup-hero{
  min-height:210px;
  padding:clamp(22px,4vw,42px);
  margin-bottom:14px;
  border:1px solid var(--tx-line);
  border-radius:30px;
  background:
    radial-gradient(circle at 82% 8%,rgba(246,200,95,.12),transparent 18rem),
    radial-gradient(circle at 10% 80%,rgba(155,102,246,.18),transparent 24rem),
    linear-gradient(145deg,rgba(28,16,49,.96),rgba(13,9,26,.96));
  box-shadow:0 24px 70px rgba(0,0,0,.26);
}
:root[data-ui-mode="modern"] body[data-game-brand="top10"] .setup-hero>div{
  min-width:0;
}
:root[data-ui-mode="modern"] body[data-game-brand="top10"] .top10-title{
  margin:0 0 6px;
  font-size:clamp(46px,7vw,86px);
  line-height:.92;
  letter-spacing:-.06em;
}
:root[data-ui-mode="modern"] body[data-game-brand="top10"] .setup-hero p{
  width:min(720px,100%);
  margin:10px 0 0;
  color:var(--muted);
  font-size:clamp(15px,1.55vw,19px);
  line-height:1.7;
}
:root[data-ui-mode="modern"] body[data-game-brand="top10"] .setup-grid{
  gap:12px;
}
:root[data-ui-mode="modern"] body[data-game-brand="top10"] .setup-card{
  border:1px solid var(--tx-line);
  border-radius:22px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012)),
    var(--tx-surface);
  box-shadow:0 16px 44px rgba(0,0,0,.18);
}
:root[data-ui-mode="modern"] body[data-game-brand="top10"] .section-title{
  align-items:flex-start;
  gap:11px;
}
:root[data-ui-mode="modern"] body[data-game-brand="top10"] .section-title>span{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  flex:0 0 34px;
  border-radius:11px;
  border:1px solid rgba(246,200,95,.22);
  background:rgba(246,200,95,.07);
  color:var(--tx-gold);
  font-weight:900;
}
:root[data-ui-mode="modern"] body[data-game-brand="top10"] .section-title h2{
  margin:0;
  font-size:clamp(20px,2vw,28px);
}
:root[data-ui-mode="modern"] body[data-game-brand="top10"] .section-title p{
  margin:.28em 0 0;
  color:var(--muted);
  line-height:1.55;
}
:root[data-ui-mode="modern"] body[data-game-brand="top10"] :is(.segmented,.round-options,.timer-options) button{
  min-height:48px;
  border-radius:13px;
}
:root[data-ui-mode="modern"] body[data-game-brand="top10"] :is(.segmented,.round-options,.timer-options) button.active{
  border-color:rgba(246,200,95,.30);
  box-shadow:inset 0 0 0 1px rgba(246,200,95,.06),0 8px 22px rgba(0,0,0,.12);
}
:root[data-ui-mode="modern"] body[data-game-brand="top10"] .team-name-fields input{
  min-height:48px;
  border-radius:13px;
}
:root[data-ui-mode="modern"] body[data-game-brand="top10"] .category-setup-tools{
  padding:10px;
  border:1px solid var(--tx-line);
  border-radius:16px;
  background:rgba(255,255,255,.02);
}
:root[data-ui-mode="modern"] body[data-game-brand="top10"] .categories-grid{
  gap:8px;
}
:root[data-ui-mode="modern"] body[data-game-brand="top10"] .categories-grid button{
  min-height:48px;
  border-radius:14px;
}
:root[data-ui-mode="modern"] body[data-game-brand="top10"] .start-card{
  border-color:rgba(246,200,95,.20);
  background:
    radial-gradient(circle at 85% 0,rgba(246,200,95,.09),transparent 17rem),
    linear-gradient(145deg,rgba(155,102,246,.10),rgba(255,255,255,.018)),
    var(--tx-surface);
}
:root[data-ui-mode="modern"] body[data-game-brand="top10"] .start-card .t10-btn.huge{
  min-height:58px;
  box-shadow:0 14px 34px rgba(155,102,246,.15);
}

@media(max-width:760px){
  :root[data-ui-mode="modern"] body[data-game-brand="top10"] .t10-nav{
    min-height:58px;
    padding-inline:7px;
    gap:7px;
  }
  :root[data-ui-mode="modern"] body[data-game-brand="top10"] .t10-brand span small{
    display:none;
  }
  :root[data-ui-mode="modern"] body[data-game-brand="top10"] .t10-nav-actions{
    gap:5px;
  }
  :root[data-ui-mode="modern"] body[data-game-brand="top10"] .nav-home{
    display:none;
  }
  :root[data-ui-mode="modern"] body[data-game-brand="top10"] .t10-shell{
    width:calc(100% - 12px);
    padding-top:9px;
  }
  :root[data-ui-mode="modern"] body[data-game-brand="top10"] .setup-hero{
    min-height:0;
    padding:18px 15px;
    border-radius:21px;
    grid-template-columns:minmax(0,1fr) auto;
    gap:10px;
  }
  :root[data-ui-mode="modern"] body[data-game-brand="top10"] .top10-title{
    font-size:clamp(40px,14vw,58px);
  }
  :root[data-ui-mode="modern"] body[data-game-brand="top10"] .setup-hero p{
    font-size:13px;
    line-height:1.55;
  }
  :root[data-ui-mode="modern"] body[data-game-brand="top10"] .setup-hero .hero-mark{
    width:64px;
    max-width:20vw;
  }
  :root[data-ui-mode="modern"] body[data-game-brand="top10"] .setup-grid{
    gap:8px;
  }
  :root[data-ui-mode="modern"] body[data-game-brand="top10"] .setup-card{
    padding:14px;
    border-radius:18px;
  }
  :root[data-ui-mode="modern"] body[data-game-brand="top10"] .section-title>span{
    width:30px;height:30px;flex-basis:30px;border-radius:10px;
  }
  :root[data-ui-mode="modern"] body[data-game-brand="top10"] .section-title h2{
    font-size:19px;
  }
  :root[data-ui-mode="modern"] body[data-game-brand="top10"] .section-title p{
    font-size:12px;
  }
}