/* PLATFORM_V4_PRODUCT_V1 */
:root{
  --bg:#080b10;
  --card:#121722;
  --border:#252d3a;
  --text:#f5f7fb;
  --muted:#98a3b3;
  --accent:#7d5cff;
  --accent2:#4f8cff;
  --green:#3ddc97;
  --red:#ff6b7a;
}
*{box-sizing:border-box}
body{
  margin:0;background:
  radial-gradient(circle at 20% 0%,rgba(79,140,255,.10),transparent 32rem),
  radial-gradient(circle at 80% 10%,rgba(125,92,255,.10),transparent 30rem),
  var(--bg);
  color:var(--text);
  font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  min-height:100vh
}
a{color:inherit;text-decoration:none}
header{
  max-width:1180px;margin:auto;padding:22px 24px;
  display:flex;justify-content:space-between;align-items:center
}
.brand{font-weight:850}
nav{display:flex;gap:22px;align-items:center;color:var(--muted)}
.nav-cta{padding:9px 13px;border:1px solid var(--border);border-radius:10px;color:var(--text)}
.hero{
  max-width:1180px;margin:95px auto;padding:0 24px;
  display:grid;grid-template-columns:1.2fr .8fr;gap:64px;align-items:center
}
h1{font-size:58px;line-height:1.02;letter-spacing:-.045em;margin:10px 0 20px}
p{color:var(--muted);line-height:1.65}
.tag{font-size:11px;letter-spacing:.16em;color:#a899ff;font-weight:850}
.actions{display:flex;gap:12px;margin-top:28px}
.btn{
  display:inline-flex;justify-content:center;align-items:center;
  padding:13px 18px;border:1px solid var(--border);border-radius:11px;
  font-weight:750;background:#141a25;color:var(--text);cursor:pointer
}
.primary{background:linear-gradient(135deg,var(--accent),var(--accent2));border-color:transparent}
.card{
  background:linear-gradient(180deg,rgba(18,23,34,.96),rgba(12,16,24,.96));
  border:1px solid var(--border);border-radius:18px;padding:26px;
  box-shadow:0 25px 80px rgba(0,0,0,.25)
}
.price{font-size:42px;font-weight:900;margin:18px 0}
.card li{margin:10px 0;color:#cbd2de}
.auth{
  min-height:calc(100vh - 160px);display:grid;place-items:center;padding:40px 20px
}
.form{width:min(520px,100%);display:grid;gap:16px}
.form h1{font-size:36px;margin:0}
label{display:grid;gap:7px;color:#cbd2de;font-size:14px}
input{
  width:100%;padding:13px;border-radius:10px;border:1px solid var(--border);
  background:#0b1018;color:var(--text);outline:none
}
input:focus{border-color:#635eff}
.error{padding:11px;border-radius:10px;background:rgba(255,107,122,.12);color:#ff9ba5}
small{color:var(--muted)}
small a{color:#b5a9ff}
.checkbox{grid-template-columns:auto 1fr;align-items:center}
.checkbox input{width:auto}
.page{max-width:1050px;margin:60px auto;padding:0 24px}
.narrow{max-width:800px}
.page-head h1{font-size:46px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.rows{display:grid;gap:12px;margin:20px 0}
.rows div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--border);padding-bottom:10px}
.rows span{color:var(--muted)}
.rows b{font-size:13px;text-align:right;word-break:break-all}
.status{display:inline-block;padding:7px 10px;border-radius:999px;font-weight:850;font-size:12px}
.active{background:rgba(61,220,151,.12);color:var(--green)}
.expired{background:rgba(255,107,122,.12);color:var(--red)}
.link-button{border:0;background:none;color:var(--muted);cursor:pointer;margin-top:24px}
.compact{width:100%}
.prediction-list{display:grid;gap:10px}
.prediction-row{display:flex;justify-content:space-between;align-items:center}
.prediction-row div{display:grid;gap:5px}
.prediction-row span{color:var(--muted);font-size:13px}
.prediction-main{text-align:right}
.prediction-main strong{font-size:18px}
.prediction-detail h1{font-size:42px}
.prediction-detail h1 small{color:var(--muted);font-weight:500}
.probabilities{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}
.probabilities div,.draft div{
  border:1px solid var(--border);border-radius:12px;padding:15px;
  display:flex;justify-content:space-between;gap:16px
}
.probabilities span,.draft span{color:var(--muted)}
.winner{font-size:20px;padding:18px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.winner span{float:right;color:#a899ff;font-weight:800}
.draft{display:grid;gap:10px}
.back{display:inline-block;color:var(--muted);margin-bottom:14px}
footer{max-width:1180px;margin:80px auto 0;padding:24px;color:var(--muted);border-top:1px solid var(--border);font-size:13px}
@media(max-width:800px){
  nav{gap:10px;font-size:13px}
  .hero{grid-template-columns:1fr;margin-top:45px}
  h1{font-size:42px}
  .grid2{grid-template-columns:1fr}
}
@media(max-width:520px){
  header{padding:18px}
  nav a:first-child{display:none}
  .hero,.page{padding-left:18px;padding-right:18px}
  .actions{flex-direction:column}
  .prediction-row{align-items:flex-start}
  .probabilities{grid-template-columns:1fr}
}

/* PLATFORM_V4_PRODUCT_UI */
select{
  width:100%;padding:13px;border-radius:10px;border:1px solid var(--border);
  background:#0b1018;color:var(--text);outline:none
}
select:focus{border-color:#635eff}

.page-head-row{
  display:flex;justify-content:space-between;align-items:flex-end;gap:24px
}
.prediction-filters{
  display:flex;flex-wrap:wrap;gap:9px;margin:0 0 20px
}
.prediction-filters a{
  padding:8px 12px;border:1px solid var(--border);border-radius:999px;
  color:var(--muted);font-size:13px
}
.prediction-filters a:hover,.prediction-filters .active-filter{
  color:var(--text);border-color:#5b5ff0;background:rgba(125,92,255,.11)
}
.prediction-cards{gap:14px}
.prediction-card{
  display:block;transition:transform .14s ease,border-color .14s ease
}
.prediction-card:hover{transform:translateY(-1px);border-color:#3c4658}
.prediction-card-top{
  display:flex;justify-content:space-between;align-items:flex-start;gap:18px
}
.prediction-card h2{
  margin:8px 0 0;font-size:24px;letter-spacing:-.025em
}
.prediction-card h2 small{font-weight:500;color:var(--muted)}
.result-badge,.decision-badge{
  display:inline-flex;align-items:center;justify-content:center;
  width:max-content;border-radius:999px;font-size:11px;font-weight:850;
  letter-spacing:.04em;padding:7px 10px;white-space:nowrap
}
.result-win{background:rgba(61,220,151,.12);color:var(--green)}
.result-loss{background:rgba(255,107,122,.12);color:var(--red)}
.result-pending{background:rgba(152,163,179,.10);color:#b2bdcb}
.decision-watch{background:rgba(168,153,255,.12);color:#b8adff}
.decision-play{background:rgba(79,140,255,.14);color:#86afff}
.decision-strong{background:rgba(61,220,151,.13);color:#62e4ab}
.decision-skip,.decision-unknown{background:rgba(152,163,179,.10);color:#aeb7c4}

.probability-compact{margin:22px 0}
.probability-compact>div:first-child,
.probability-compact>div:last-child{
  display:flex;justify-content:space-between;gap:18px;color:#d8deea
}
.probability-compact b{color:var(--text)}
.probability-track{
  height:7px;margin:8px 0;border-radius:999px;background:#252d3a;overflow:hidden
}
.probability-track span{
  display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2))
}
.prediction-summary-grid{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;
  border-top:1px solid var(--border);padding-top:17px
}
.prediction-summary-grid>div{display:grid;gap:5px}
.prediction-summary-grid span{font-size:12px;color:var(--muted)}
.prediction-summary-grid strong{font-size:14px;line-height:1.35}
.actual-result{
  margin-top:16px;padding:11px 13px;border-radius:10px;
  background:rgba(152,163,179,.08);color:#cbd2de
}
.actual-result-large{margin-bottom:8px}

.quality-panel{
  border:1px solid var(--border);border-radius:14px;padding:18px
}
.quality-score{display:flex;justify-content:space-between;align-items:baseline;gap:14px}
.quality-score strong{font-size:28px}
.quality-score span{color:var(--muted)}
.quality-track{
  height:8px;border-radius:999px;background:#252d3a;overflow:hidden;margin:12px 0
}
.quality-track span{
  display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--green))
}
.microcopy{font-size:12px;color:var(--muted);line-height:1.55}
.analysis-metrics{
  display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 28px
}
.analysis-metrics>div,.seed-grid>div{
  border:1px solid var(--border);border-radius:12px;padding:13px;
  display:flex;justify-content:space-between;gap:12px
}
.analysis-metrics span,.seed-grid span{color:var(--muted);font-size:13px}
.analysis-metrics b,.seed-grid b{text-align:right;font-size:13px}
.seed-grid{display:grid;gap:8px}

.stats-grid{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:24px 0
}
.stat-card{display:grid;gap:7px}
.stat-card span{color:var(--muted)}
.stat-card strong{font-size:32px}
.stat-card small{font-size:12px}
.stats-columns{
  display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px
}
.stats-table{display:grid}
.stats-table>div{
  display:grid;grid-template-columns:1fr 90px 110px;align-items:center;gap:12px;
  padding:11px 0;border-bottom:1px solid var(--border)
}
.stats-table>div:last-child{border-bottom:0}
.stats-table-head{color:var(--muted);font-size:12px}
.stats-table strong{text-align:right}
.stats-recent{margin-top:14px}
.stats-recent h2{margin:6px 0 0}
.stats-recent .prediction-row{
  padding:14px 0;border-bottom:1px solid var(--border)
}
.stats-recent .prediction-row:last-child{border-bottom:0}
.result-text-win{color:var(--green)}
.result-text-loss{color:var(--red)}
.stats-note{margin:18px 2px}

.notice{
  padding:11px;border-radius:10px;background:rgba(79,140,255,.10);color:#a9c7ff
}

@media(max-width:900px){
  .prediction-summary-grid{grid-template-columns:1fr 1fr}
  .stats-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .page-head-row{align-items:flex-start;flex-direction:column}
  .prediction-card-top{flex-direction:column}
  .analysis-metrics{grid-template-columns:1fr}
  .stats-columns{grid-template-columns:1fr}
}
@media(max-width:520px){
  .prediction-summary-grid{grid-template-columns:1fr}
  .stats-grid{grid-template-columns:1fr}
  .stats-table>div{grid-template-columns:1fr 58px 80px}
}

/* PLATFORM_MULTIGAME_V1 */
.game-switch {
  display: inline-flex;
  gap: 8px;
  padding: 6px;
  margin: 0 0 20px;
  border: 1px solid rgba(127, 127, 127, 0.28);
  border-radius: 14px;
  background: rgba(127, 127, 127, 0.07);
}

.game-switch a {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 132px;
  justify-content: center;
  padding: 11px 18px;
  border-radius: 10px;
  text-decoration: none;
  font-weight: 700;
  opacity: 0.72;
}

.game-switch a.active-game {
  background: var(--accent, #ffffff);
  color: var(--bg, #111111);
  opacity: 1;
}

.game-switch small {
  font-size: 0.66rem;
  opacity: 0.7;
}

.compact-game-switch {
  margin-bottom: 16px;
}

.subscription-plan-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.subscription-plan-card {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.plan-disabled {
  opacity: 0.72;
}

.plan-head h2 {
  margin: 7px 0 0;
}

.plan-price {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin: 4px 0;
}

.plan-price strong {
  font-size: 1.8rem;
}

.plan-current {
  margin: 0;
}

.product-access-list {
  display: grid;
  gap: 12px;
  margin: 16px 0;
}

.product-access-row {
  display: flex;
  gap: 14px;
  justify-content: space-between;
  align-items: center;
  padding: 12px 0;
  border-bottom: 1px solid rgba(127, 127, 127, 0.2);
}

.product-access-row:last-child {
  border-bottom: 0;
}

.product-access-row > div {
  display: grid;
  gap: 4px;
}

.product-access-row span:not(.status) {
  opacity: 0.72;
  font-size: 0.9rem;
}

.button-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.locked-product {
  max-width: 720px;
}

.prediction-meta {
  display: inline-block;
  margin-top: 5px;
  opacity: 0.72;
  font-size: 0.88rem;
}

.detail-probability {
  margin: 20px 0;
}

@media (max-width: 860px) {
  .subscription-plan-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .game-switch {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }

  .game-switch a {
    min-width: 0;
  }
}



/* PLATFORM_MULTIGAME_UI_V1_1 */
body{
  display:flex;
  flex-direction:column;
}
main{
  flex:1;
  display:block;
}
footer{
  margin-top:96px;
}
.legal-footer{
  max-width:1180px;
  margin:12px auto 28px;
  padding:0 24px 28px;
}
.legal-footer-disclaimer{
  margin:0 0 18px;
  max-width:940px;
  color:#aeb8c8;
  line-height:1.7;
}
.legal-footer-links{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.legal-footer-links a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid rgba(127,127,127,.22);
  background:rgba(255,255,255,.03);
  color:#d6ddeb;
  transition:transform .14s ease,border-color .14s ease,background .14s ease;
}
.legal-footer-links a:hover{
  transform:translateY(-1px);
  border-color:rgba(125,92,255,.55);
  background:rgba(125,92,255,.10);
}

.hero-multigame{
  margin:72px auto 24px;
  min-height:calc(100vh - 360px);
  align-items:start;
}
.hero-copy{
  display:grid;
  gap:0;
}
.hero-copy p{
  max-width:700px;
}
.hero-badges{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:10px;
}
.hero-badges span{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 12px;
  border:1px solid rgba(127,127,127,.20);
  border-radius:999px;
  background:rgba(255,255,255,.03);
  color:#d7dfed;
  font-size:13px;
}
.hero-stack{
  display:grid;
  gap:16px;
}
.hero-overview-card{
  display:grid;
  gap:10px;
}
.hero-overview-card h2,
.mini-product-card h3{
  margin:6px 0 0;
}
.hero-feature-list{
  list-style:none;
  padding:0;
  margin:4px 0 0;
  display:grid;
  gap:10px;
}
.hero-feature-list li{
  position:relative;
  padding-left:18px;
  color:#d4dcea;
}
.hero-feature-list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.72em;
  width:7px;
  height:7px;
  border-radius:999px;
  background:linear-gradient(135deg,var(--accent),var(--accent2));
  transform:translateY(-50%);
}
.hero-product-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}
.mini-product-card{
  display:grid;
  gap:10px;
  min-height:100%;
}
.mini-product-card p{
  margin:0;
}

.legal-consent-grid{
  display:grid;
  gap:12px;
  margin:2px 0 18px;
}
.consent-item{
  position:relative;
  display:grid;
  grid-template-columns:24px 1fr;
  gap:14px;
  align-items:start;
  padding:16px;
  border:1px solid rgba(127,127,127,.18);
  border-radius:14px;
  background:rgba(255,255,255,.03);
  overflow:hidden;
}
.consent-item:hover{
  border-color:rgba(125,92,255,.35);
  background:rgba(125,92,255,.05);
}
.consent-input{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  margin:0;
  opacity:0;
  cursor:pointer;
}
.consent-box{
  width:22px;
  height:22px;
  border-radius:8px;
  border:1px solid rgba(127,127,127,.30);
  background:#0b1018;
  position:relative;
  margin-top:2px;
  transition:all .14s ease;
}
.consent-input:checked + .consent-box{
  border-color:transparent;
  background:linear-gradient(135deg,var(--accent),var(--accent2));
  box-shadow:0 8px 24px rgba(79,140,255,.25);
}
.consent-input:checked + .consent-box::after{
  content:"";
  position:absolute;
  left:7px;
  top:3px;
  width:5px;
  height:10px;
  border:solid #fff;
  border-width:0 2px 2px 0;
  transform:rotate(45deg);
}
.consent-input:focus-visible + .consent-box{
  outline:2px solid rgba(125,92,255,.55);
  outline-offset:2px;
}
.consent-body{
  display:grid;
  gap:6px;
  color:#d4dcea;
  line-height:1.55;
}
.consent-body strong{
  color:var(--text);
  font-size:15px;
}
.consent-body > span{
  color:#afbacb;
  font-size:14px;
}
.consent-link-row{
  margin-top:4px;
}
.consent-link-row a{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid rgba(127,127,127,.22);
  background:rgba(255,255,255,.03);
  color:#e3e8f2;
  font-size:13px;
}
.consent-link-row a:hover{
  border-color:rgba(125,92,255,.45);
  background:rgba(125,92,255,.10);
}
.compact-consent-item .consent-body{
  gap:4px;
}
.subscription-note{
  margin-top:18px;
}

@media(max-width:960px){
  .hero-product-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:800px){
  .hero-multigame{
    min-height:auto;
    margin-top:44px;
  }
}
@media(max-width:640px){
  .legal-footer-links{
    display:grid;
    grid-template-columns:1fr;
  }
  .legal-footer-links a{
    justify-content:flex-start;
  }
}


/* PLATFORM_RESPONSIVE_V1 */
html{
  width:100%;
  min-width:0;
  overflow-x:hidden;
  -webkit-text-size-adjust:100%;
}
body{
  width:100%;
  min-width:0;
  min-height:100vh;
  min-height:100dvh;
  display:flex;
  flex-direction:column;
  overflow-x:hidden;
}
.site-main{
  flex:1 0 auto;
  width:100%;
  min-width:0;
}
img,svg,video,canvas{
  max-width:100%;
  height:auto;
}
button,input,select,textarea{font:inherit}
button,.btn,a{-webkit-tap-highlight-color:transparent}
.btn,button,.nav-cta{min-height:44px}
input,select,textarea{min-height:44px}

/* Header: desktop */
.site-header{
  width:min(1180px,100%);
  max-width:1180px;
  margin:0 auto;
  padding:22px 24px;
  padding-left:max(24px,env(safe-area-inset-left));
  padding-right:max(24px,env(safe-area-inset-right));
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
}
.site-header .brand{
  flex:0 0 auto;
  margin:0 auto 0 0;
  white-space:nowrap;
  font-weight:850;
  color:var(--text);
}
.site-header .site-nav{
  flex:0 1 auto;
  margin:0 0 0 auto;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:22px;
  min-width:0;
}
.site-header .site-nav a{
  flex:0 0 auto;
  white-space:nowrap;
}
.site-header .site-nav a:first-child{
  display:inline-flex;
}

/* Single footer pinned to the bottom on short pages */
.site-footer{
  flex:0 0 auto;
  width:100%;
  max-width:none;
  margin:auto 0 0;
  padding:72px 0 max(28px,env(safe-area-inset-bottom));
  border-top:0;
}
.site-footer-inner{
  width:min(1180px,100%);
  margin:0 auto;
  padding:0 24px;
  padding-left:max(24px,env(safe-area-inset-left));
  padding-right:max(24px,env(safe-area-inset-right));
}
.site-footer-copyright{
  display:block;
  padding-top:22px;
  border-top:1px solid var(--border);
  color:var(--muted);
  font-size:13px;
}

/* Universal sizing */
.hero,.page,.auth{width:min(100%,1180px)}
.page,.hero{min-width:0}
.page{margin-top:52px;margin-bottom:42px}
.narrow{width:min(100%,800px)}
.page-head,.card,.form,.rows,.prediction-list,.prediction-card,
.stats-table,.product-access-list{min-width:0}
.page-head h1,.hero h1,.prediction-detail h1{overflow-wrap:anywhere}

input,select,textarea{
  max-width:100%;
  font-size:16px;
}
.form{max-width:100%}
.form .btn,.form button{max-width:100%}
label{min-width:0}
.rows b,.product-access-row span,.product-access-row strong{
  overflow-wrap:anywhere;
  word-break:break-word;
}

/* Home */
.hero-multigame{margin-top:64px;margin-bottom:24px}
.hero-copy h1{font-size:clamp(42px,5vw,64px)}
.hero-copy p{font-size:clamp(15px,1.3vw,17px)}
.hero-stack,.hero-product-grid{min-width:0}

/* Predictions / statistics */
.prediction-filters{scrollbar-width:none}
.prediction-filters::-webkit-scrollbar{display:none}
.game-switch,.prediction-filters{max-width:100%}
.probability-compact,.probabilities,.analysis-metrics,
.prediction-summary-grid{min-width:0}
.stats-table>div>*{
  min-width:0;
  overflow-wrap:anywhere;
}

/* Subscription / legal consent */
.legal-consent-grid,.consent-item,.consent-body{min-width:0}
.consent-link-row a{position:relative;z-index:2}

/* Legal pages */
.legal-doc{
  width:min(900px,100%);
  max-width:900px;
  box-sizing:border-box;
}
.legal-doc,.legal-doc p,.legal-doc li,.legal-requisites dd{
  overflow-wrap:anywhere;
}

@media(max-width:900px){
  .site-header{padding-top:18px;padding-bottom:18px}
  .hero{margin-top:44px;gap:30px}
  .hero-multigame{grid-template-columns:1fr}
  .hero-stack{width:100%}
  .hero-product-grid{grid-template-columns:1fr 1fr}
  .grid2,.stats-columns{grid-template-columns:1fr}
  .subscription-plan-grid{grid-template-columns:1fr}
  .subscription-plan-card{width:100%}
  .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:760px){
  .site-header{
    width:100%;
    flex-wrap:wrap;
    align-items:center;
    gap:14px;
    padding-top:16px;
    padding-bottom:12px;
  }
  .site-header .brand{
    width:auto;
    margin-right:auto;
    font-size:15px;
  }
  .site-header .site-nav{
    order:2;
    width:100%;
    max-width:100%;
    margin:0;
    padding:2px 0 6px;
    justify-content:flex-start;
    gap:8px;
    overflow-x:auto;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .site-header .site-nav::-webkit-scrollbar{display:none}
  .site-header .site-nav a{
    display:inline-flex !important;
    align-items:center;
    min-height:40px;
    padding:0 11px;
    border-radius:10px;
    background:rgba(255,255,255,.025);
    font-size:13px;
  }
  .site-header .site-nav .nav-cta{border-color:var(--border)}

  .hero,.page{
    padding-left:max(18px,env(safe-area-inset-left));
    padding-right:max(18px,env(safe-area-inset-right));
  }
  .hero{margin-top:30px;margin-bottom:34px}
  .page{margin-top:30px;margin-bottom:34px}
  .hero h1,h1,.page-head h1,.prediction-detail h1{
    font-size:clamp(34px,10vw,46px);
    line-height:1.04;
    letter-spacing:-.035em;
  }
  h2{overflow-wrap:anywhere}
  .card{padding:20px;border-radius:16px}

  .hero-product-grid{grid-template-columns:1fr}
  .hero-badges{gap:8px}
  .hero-badges span{font-size:12px}
  .actions,.button-row{
    display:grid;
    grid-template-columns:1fr;
    width:100%;
  }
  .actions .btn,.button-row .btn,.locked-product .btn{width:100%}

  .page-head-row{
    align-items:stretch;
    flex-direction:column;
  }
  .page-head-row>.btn{width:100%}

  .game-switch{
    width:100%;
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .game-switch a{
    min-width:0;
    width:100%;
    padding-left:10px;
    padding-right:10px;
  }

  .prediction-filters{
    display:flex;
    flex-wrap:nowrap;
    width:100%;
    overflow-x:auto;
    padding-bottom:5px;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
  }
  .prediction-filters a{
    flex:0 0 auto;
    white-space:nowrap;
  }

  .prediction-card-top{
    flex-direction:column;
    align-items:flex-start;
  }
  .prediction-card h2{font-size:21px}
  .result-badge{white-space:normal;text-align:center}
  .prediction-summary-grid{grid-template-columns:1fr 1fr}
  .probabilities,.analysis-metrics{grid-template-columns:1fr}
  .winner{display:grid;gap:12px}
  .winner span{float:none}

  .stats-grid{grid-template-columns:1fr 1fr}
  .stats-table>div{
    grid-template-columns:minmax(0,1fr) 56px 82px;
    gap:8px;
  }
  .stats-recent .prediction-row,.prediction-row{
    align-items:flex-start;
    gap:14px;
  }

  .rows div{
    display:grid;
    grid-template-columns:1fr;
    gap:5px;
  }
  .rows b{text-align:left}
  .product-access-row{align-items:flex-start}

  .legal-consent-grid{gap:10px}
  .consent-item{
    grid-template-columns:22px minmax(0,1fr);
    gap:12px;
    padding:14px;
  }

  .site-footer{padding-top:54px}
  .site-footer-inner{
    padding-left:max(18px,env(safe-area-inset-left));
    padding-right:max(18px,env(safe-area-inset-right));
  }
  .legal-footer{margin-top:22px}
}

@media(max-width:520px){
  .site-header{
    padding-left:max(16px,env(safe-area-inset-left));
    padding-right:max(16px,env(safe-area-inset-right));
  }
  .site-header .brand{font-size:14px}
  .hero,.page{
    padding-left:max(16px,env(safe-area-inset-left));
    padding-right:max(16px,env(safe-area-inset-right));
  }
  .card{padding:17px}
  .stats-grid,.prediction-summary-grid{grid-template-columns:1fr}
  .stat-card strong{font-size:28px}
  .prediction-row{
    display:grid;
    grid-template-columns:1fr;
  }
  .prediction-main{text-align:left}
  .product-access-row{
    display:grid;
    grid-template-columns:1fr;
  }
  .product-access-row .status{justify-self:start}
  .legal-requisites{grid-template-columns:1fr}
  .site-footer-inner{
    padding-left:max(16px,env(safe-area-inset-left));
    padding-right:max(16px,env(safe-area-inset-right));
  }
}

@media(max-width:380px){
  .game-switch{grid-template-columns:1fr}
  .site-header .site-nav a{
    padding-left:9px;
    padding-right:9px;
  }
}

/* DOTA_STAGE29_7_INLINE_DETAIL_CELLS_V1_1 */

.dota-picks-meta {
  margin-bottom: 12px;
}

.dota-picks-inline {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 10px;
  margin: 0 0 28px;
}

.dota-picks-side {
  min-width: 0;
}

.dota-picks-side-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 8px;
  padding: 0 2px;
}

.dota-picks-side-head b {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
}

.dota-picks-side-head span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}

.dota-picks-heroes {
  display: grid;
  gap: 8px;
}

.dota-pick-cell {
  display: grid;
  grid-template-columns: 64px 22px minmax(0, 1fr);
  align-items: center;
  min-width: 0;
  min-height: 42px;
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: transparent;
}

.dota-pick-cell img,
.dota-pick-image-fallback {
  width: 64px;
  height: 42px;
  object-fit: cover;
  object-position: center 28%;
  background: rgba(152, 163, 179, .08);
}

.dota-pick-image-fallback {
  background:
    linear-gradient(
      135deg,
      rgba(124, 92, 255, .18),
      rgba(49, 116, 255, .08)
    );
}

.dota-pick-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  justify-self: center;
  border-radius: 6px;
  background: rgba(152, 163, 179, .08);
  color: var(--muted);
  font-size: 10px;
  font-weight: 800;
}

.dota-pick-cell b {
  min-width: 0;
  padding: 0 10px 0 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
}

.dota-team-stats-inline {
  margin-bottom: 0;
}

@media (max-width: 760px) {
  .dota-picks-inline {
    grid-template-columns: 1fr;
    gap: 14px;
    margin-bottom: 20px;
  }

  .dota-pick-cell {
    grid-template-columns: 58px 20px minmax(0, 1fr);
    min-height: 38px;
  }

  .dota-pick-cell img,
  .dota-pick-image-fallback {
    width: 58px;
    height: 38px;
  }

  .dota-pick-cell b {
    font-size: 12px;
  }

  .dota-team-stats-inline {
    grid-template-columns: 1fr;
  }
}