/* Wide tournament boards scroll within their own viewport, not the page grid. */
.match-dashboard.match-sequence{grid-template-columns:minmax(0,1fr)}
.match-sequence>.panel,.match-timeline,.match-entry,.match-detail,.match-detail-grid,
.game-format-block,.game-format-scroll{min-width:0;max-width:100%}

@media(max-width:920px){
  .match-dashboard.match-sequence{width:calc(100% - 24px);padding:16px 0 40px}
  .match-sequence>.panel{padding:0;border:0;border-radius:0;background:none;box-shadow:none}
  .match-card-head{display:block;margin-bottom:16px}
  .match-card-head h2{font-size:26px;line-height:1.2;letter-spacing:0}
  .match-card-head p{margin-top:10px;font-size:13px;line-height:1.6}
  .match-detail-grid{grid-template-columns:minmax(0,1fr)}
  .match-sections-nav{max-width:100%;overscroll-behavior-x:contain;scroll-padding:8px}
  .match-sections-nav a{display:flex;align-items:center;min-height:44px;scroll-snap-align:start}
  .match-entry-toggle{min-width:0}
  .match-body h3{white-space:normal;overflow-wrap:anywhere;letter-spacing:0;line-height:1.25}
  .game-format-head,.game-format-foot,.lol-placement-title,.naruto-placement-group-head,
  .mario-ranking-title{flex-wrap:wrap}
  .game-format-badge{max-width:100%;white-space:normal}
  .game-format-scroll{overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
  .game-format-board.naruto-tree:not(.cs2-tree),.game-format-board.lol-lower-tree{
    grid-template-columns:repeat(7,180px);min-width:1332px;
  }
}

@media(max-width:560px){
  .hero{padding:108px 0 18px}
  .hero h1{font-size:40px;line-height:1;letter-spacing:0;margin:18px 0}
  .hero p{font-size:14px;line-height:1.6}
  .match-hero-line{margin-top:18px}
  .countdown-panel{margin-top:22px;padding:14px;border-radius:8px}
  .countdown-head{align-items:flex-start;flex-direction:column;gap:6px;margin-bottom:12px}
  .countdown-head strong{font-size:16px;letter-spacing:0}
  .countdown-head span{font-size:11px;letter-spacing:0}
  .countdown-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
  .time-box{min-width:0;padding:12px 3px;border-radius:6px}
  .time-box strong{font-size:28px;line-height:1;letter-spacing:0;font-variant-numeric:tabular-nums}
  .time-box span{font-size:9px;letter-spacing:0;margin-top:7px}
  .match-timeline.sections-view{gap:16px}
  .match-timeline.sections-view .match-entry{border-radius:8px}
  .match-entry-toggle{grid-template-columns:minmax(0,1fr);padding:14px;gap:12px}
  .match-time{grid-template-columns:auto auto auto;justify-content:start;gap:10px}
  .match-time small{margin-top:0}
  .match-game-title{align-items:center;gap:10px}
  .match-game-title h3{font-size:18px;min-width:0}
  .match-body p{font-size:13px;line-height:1.55;margin-top:8px}
  .match-tags span{letter-spacing:0;font-size:10px}
  .match-side{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%}
  .match-expand{min-height:40px;letter-spacing:0}
  .match-detail{padding:0 10px 12px}
  .detail-panel{padding:10px;border-radius:8px}
  .detail-title strong{line-height:1.5;overflow-wrap:anywhere}
  .bracket-column{padding:9px;border-radius:8px}
  .bracket-box{font-size:12px;overflow-wrap:anywhere}
  .match-detail-link{width:100%;min-height:44px;font-size:12px}
  .game-format-head{padding:12px;gap:8px}
  .game-format-head strong{line-height:1.4}
  .game-format-note,.game-format-foot{font-size:11px;line-height:1.5}
  .game-format-scroll{padding:8px}
  .game-stage-head{height:auto;min-height:36px;font-size:10px;gap:6px}
  .game-pair-title{height:auto;min-height:26px;font-size:9px}
  .game-competitor{min-height:36px;height:auto;font-size:11px}
  .game-competitor>span{min-width:0;overflow-wrap:anywhere}
  .naruto-public-ranking{grid-template-columns:minmax(0,1fr)}
  .naruto-public-rank-row span{font-size:12px}
  .naruto-public-rank-row b{font-size:11px}
  .player-final-ranking{margin:12px 8px!important}
  .player-final-ranking .naruto-placement-group-head strong{font-size:13px}
  .mario-public-layout,.quiz-public-grid{padding:8px}
  .mario-public-name b,.mario-ranking-team strong{font-size:12px;white-space:normal;overflow-wrap:anywhere}
  .mario-public-mate>strong{font-size:11px}
  .quiz-public-name b{font-size:12px}
  .footer-inner{flex-wrap:wrap}
}