/* Layout refresh: visual structure only, content remains untouched. */
@media (min-width: 721px){
  body{
    padding-top:calc(var(--nav-h) + 24px)!important;
    background:
      radial-gradient(circle at 92% 8%,color-mix(in srgb,var(--accent2) 16%,transparent),transparent 32%),
      linear-gradient(180deg,var(--bg),color-mix(in srgb,var(--bg2) 70%,#000))!important;
  }
  .top-nav{
    top:0!important;
    left:0!important;
    right:0!important;
    bottom:auto!important;
    width:auto!important;
    height:var(--nav-h)!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:space-between!important;
    padding:0 28px!important;
    gap:24px!important;
    border:0!important;
    border-bottom:1px solid color-mix(in srgb,var(--accent) 28%,var(--border))!important;
    border-radius:0!important;
    background:color-mix(in srgb,var(--bg2) 88%,transparent)!important;
    box-shadow:0 10px 32px rgba(0,0,0,.22)!important;
  }
  .nav-logo{
    width:auto!important;
    padding:0!important;
    border-bottom:0!important;
  }
  .nav-logo img{width:38px!important;height:38px!important}
  .nav-logo span{max-width:none!important;font-size:22px!important}
  .nav-links{
    display:flex!important;
    flex:1 1 auto!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:center!important;
    gap:2px!important;
    padding:0 12px!important;
    overflow:visible!important;
  }
  .nav-links a{
    display:inline-flex!important;
    width:auto!important;
    min-height:36px!important;
    align-items:center!important;
    justify-content:center!important;
    padding:8px 12px!important;
    border-radius:8px!important;
    font-size:14px!important;
    white-space:nowrap!important;
  }
  .nav-links a.active{
    border-left:0!important;
    border-bottom:2px solid var(--accent2)!important;
    background:color-mix(in srgb,var(--accent) 16%,transparent)!important;
  }
  .ham{display:none!important}
  .main{
    width:min(100% - 64px,1180px)!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
  }
  .breadcrumb{
    margin:28px 0 12px!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
  }
  .hero,.section{
    border-radius:0!important;
    border-left:0!important;
    border-right:0!important;
    border-top:1px solid color-mix(in srgb,var(--border) 70%,transparent)!important;
    border-bottom:1px solid color-mix(in srgb,var(--border) 70%,transparent)!important;
    background:transparent!important;
    box-shadow:none!important;
    margin:0!important;
    padding:clamp(42px,5vw,72px) 0!important;
  }
  .section::after{left:0!important;transform:none!important;width:96px!important}
  .hero{
    min-height:auto!important;
    display:grid!important;
    grid-template-columns:minmax(0,1.02fr) minmax(300px,.72fr)!important;
    align-items:center!important;
    gap:clamp(28px,4vw,56px)!important;
  }
  .hero::before{
    inset:0 auto 0 0!important;
    width:5px!important;
    background:linear-gradient(180deg,var(--accent),var(--accent2))!important;
  }
  .hero-content,.hero > :not(.img-fig):not(figure):not(.hero-svg-col){
    max-width:none!important;
  }
  .hero h1,.section h1{
    max-width:880px!important;
    letter-spacing:0!important;
  }
  .hero p,.lead,.section p{
    max-width:820px!important;
  }
  .hero-toc{
    position:sticky!important;
    top:24px!important;
    z-index:120!important;
    margin:0!important;
    padding:14px 0!important;
    border-top:1px solid color-mix(in srgb,var(--border) 66%,transparent)!important;
    border-bottom:1px solid color-mix(in srgb,var(--border) 66%,transparent)!important;
    background:color-mix(in srgb,var(--bg) 84%,transparent)!important;
    backdrop-filter:blur(12px)!important;
  }
  .hero-toc a{
    border-radius:4px!important;
    background:transparent!important;
    border-color:color-mix(in srgb,var(--border) 80%,transparent)!important;
  }
  .inner-hero,.hero-game-detail{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(300px,420px)!important;
    gap:clamp(26px,4vw,52px)!important;
    align-items:stretch!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .inner-hero::before{display:none!important}
  .inner-hero-text{
    padding:clamp(24px,3vw,38px)!important;
    border-left:5px solid var(--accent)!important;
    background:color-mix(in srgb,var(--card) 62%,transparent)!important;
  }
  .inner-hero-aside,.game-fact-card{
    display:grid!important;
    grid-template-rows:auto 1fr!important;
    gap:14px!important;
  }
  .inner-hero-fig,.inner-hero-aside figure{
    margin:0!important;
    max-width:none!important;
  }
  .game-fact-panel,.fig-info,.auth-card,.card,.benefit-card,.feat-card,.acc-item,.tldr-box,.hi-box,.pull-quote,.related-articles{
    border-radius:4px!important;
    box-shadow:none!important;
  }
  .split-grid,.img-side,.visual-proof-block,.location-content{
    grid-template-columns:minmax(0,.82fr) minmax(360px,1fr)!important;
    gap:clamp(24px,4vw,54px)!important;
    align-items:start!important;
  }
  .visual-proof-block .fig-info,.split-grid .fig-info{
    order:-1!important;
  }
  .game-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:18px!important;
  }
  .game-grid.v-list-row .game-tile,.game-tile{
    display:grid!important;
    grid-template-columns:1fr!important;
    border-radius:4px!important;
  }
  .game-grid.v-list-row .game-tile .game-thumb{
    width:100%!important;
    aspect-ratio:16/10!important;
    border-radius:4px 4px 0 0!important;
  }
  .benefit-grid,.feat-grid,.cards-grid,.stats-row,.stat-row,.sr-row{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:16px!important;
  }
  .stats-row.v-boxed,.proof-strip{
    border-radius:4px!important;
    background:transparent!important;
  }
  .img-float.left,.img-float.right{
    float:none!important;
    width:100%!important;
    max-width:460px!important;
    margin:4px 0 22px!important;
  }
  .cf{
    display:grid!important;
    grid-template-columns:minmax(280px,420px) minmax(0,1fr)!important;
    gap:28px!important;
    align-items:start!important;
  }
  .cf .img-float.right{order:2!important}
  .img-strip{
    grid-template-columns:1.25fr .9fr .9fr!important;
    align-items:start!important;
  }
  .footer{
    margin-left:0!important;
    border-top:1px solid color-mix(in srgb,var(--border) 76%,transparent)!important;
    background:transparent!important;
  }
  .footer-inner{
    width:min(100% - 64px,1180px)!important;
    max-width:1180px!important;
    margin:0 auto!important;
    padding-left:0!important;
    padding-right:0!important;
  }
}
@media (max-width:980px){
  .hero,.section{
    border-radius:0!important;
    box-shadow:none!important;
  }
  .top-nav{
    border-bottom-color:color-mix(in srgb,var(--accent) 28%,var(--border))!important;
  }
  .hero-toc{
    border-radius:0!important;
    background:transparent!important;
  }
  .game-tile,.card,.benefit-card,.feat-card,.acc-item{
    border-radius:6px!important;
  }
}