/* 电脑版签表适度缩小；文字与边框之间保留完整内边距。 */
@media screen and (min-width:601px) {
 .panel .bracketwrap .bracket {gap:24px;}
 .panel .bracketwrap .round {width:204px;}
 .panel .bracketwrap .match,
 .panel .bracketwrap .match:hover {
   width:204px;min-height:108px;padding:12px;
 }
 .panel .bracketwrap .bracket-grouped .match {width:100%;}
 .panel .bracketwrap .match .matchmeta {margin-bottom:6px;gap:8px;}
 .panel .bracketwrap .match .pair {padding:3px 0;gap:8px;}
 .panel .bracketwrap .match .name {min-width:0;line-height:1.6;overflow-wrap:anywhere;}
 .panel .bracketwrap .qualhead,
 .panel .bracketwrap .qualgroup {
   grid-template-columns:180px 204px 204px 180px;
   gap:22px;min-width:834px;
 }
 .panel .bracketwrap .qresult {padding:14px;}
 .panel .bracketwrap .championbox {min-width:164px;padding:18px;}
}

/* 正赛按可用宽度均分连线间距，卡片保持舒适宽度；窄屏可横向滚动。 */
@media screen and (min-width:601px) {
 .panel .bracketwrap .bracket-grouped {
   display:grid;
   grid-template-columns:repeat(var(--bracket-columns),204px) 164px;
   width:100%;
   min-width:calc(var(--bracket-columns) * 204px + 164px + var(--bracket-columns) * 24px);
   column-gap:24px;
   justify-content:space-between;
   align-items:start;
 }
 .panel .bracketwrap .bracket-grouped .round {min-width:0;width:204px;}
 .panel .bracketwrap .bracket-grouped .round > h3 {
   display:flex;align-items:center;justify-content:center;text-align:center;
   min-height:54px;margin:0 0 15px;padding:0 8px 14px;line-height:1.5;
 }
 .panel .bracketwrap .bracket-grouped > .championbox {
   width:164px;min-width:0;align-self:start;
   margin:var(--champion-top,54px) 0 0;
   overflow-wrap:anywhere;
 }
}

/* 以资格赛首轮列中心为页面中心，其余列保持原列宽与间距。 */
@media screen and (min-width:601px) {
 .panel .bracketwrap > .qualhead,
 .panel .bracketwrap > .qualgroup {
   width:834px;
   margin-left:max(0px,calc(50% - 530px));
   margin-right:0;
 }
 .panel .bracketwrap > .qualhead > b {text-align:center;}
}
