/* 赛前规则：固定在选手信息的右上角，考官可先播放再开始计时。 */
.start-dialog-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}
.start-dialog-topline h2{margin:0!important}
.live-match-header-actions{display:flex;align-items:flex-start;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.rule-audio-corner{display:grid!important;gap:2px;place-items:center;min-width:142px!important;padding:9px 12px!important;line-height:1.25!important;text-align:center!important;color:#fff!important;background:#1f6d9a!important;border:1px solid #1f6d9a!important;box-shadow:0 3px 0 #155271!important}
.rule-audio-corner:hover{background:#155b82!important;border-color:#155b82!important}
.rule-audio-corner span{font-size:13px;font-weight:850}
.rule-audio-corner small{color:#d9f1fa;font-size:11px;font-weight:700}
.live-match-header-actions .secondary{align-self:stretch;min-height:50px}
.sandbox-prestart-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.sandbox-prestart-heading h2{margin:0 0 6px}
@media(max-width:620px){.start-dialog-topline,.sandbox-prestart-heading{align-items:stretch;flex-direction:column}.live-match-header-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.live-match-header-actions .rule-audio-corner,.live-match-header-actions .secondary{width:100%;min-width:0!important}.rule-audio-corner{width:100%}}

/* 开赛确认的两个必做操作：规则播放和加时卡选择并列呈现。 */
.prestart-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 14px}.prestart-rule-card,.prestart-time-card{min-height:220px;padding:20px;border:1px solid #c9dde6;border-radius:15px;background:#f7fbfd}.prestart-rule-card{display:flex;flex-direction:column;color:#fff;border-color:#1e6f96;background:linear-gradient(145deg,#1a638b,#2089a5)}.prestart-action-grid h3{margin:3px 0 8px;font-size:19px}.prestart-action-grid p{margin:0;font-size:13px;line-height:1.65}.prestart-step{font-size:11px!important;font-weight:900;letter-spacing:.12em}.prestart-rule-card .prestart-step{color:#d7f3fb}.prestart-rule-card .prestart-rule-button{margin-top:auto}.prestart-time-card{background:#f4f9ff;border-color:#bdd8ee}.prestart-time-card .prestart-step{color:#2568a0}.prestart-time-card>p:not(.hint){color:#526b80}.prestart-time-card label{display:grid;gap:6px;margin-top:14px;color:#294961;font-size:13px;font-weight:850}.prestart-time-card select{min-height:44px;border-color:#a9cbe2;background:#fff}.prestart-time-card .hint{margin-top:7px}.prestart-rule-button{display:grid!important;gap:4px;place-items:center;width:100%;min-height:78px;padding:12px 14px!important;color:#17495f!important;background:#fff!important;border:1px solid #fff!important;box-shadow:0 4px 0 #124862!important}.prestart-rule-button:hover{background:#e9f8fc!important;border-color:#e9f8fc!important}.prestart-rule-button span{font-size:18px;font-weight:900}.prestart-rule-button small{color:#32708a;font-size:12px;font-weight:800}.prestart-revival{margin-bottom:12px}.prestart-revival>p{margin:0;color:#536678;font-size:12px;line-height:1.65}

/* 测试页采用同样的左右分区，便于按正式流程演练。 */
#sandboxRoot:has(.prestart-info-heading){display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:stretch}#sandboxRoot:has(.prestart-info-heading) .prestart-info-heading{display:contents}#sandboxRoot:has(.prestart-info-heading) .prestart-info-heading>div{grid-column:1/-1}#sandboxRoot:has(.prestart-info-heading) .prestart-rule-button{grid-column:1;min-height:210px;border-radius:24px;background:linear-gradient(145deg,#1a638b,#2089a5)!important;border-color:#1a638b!important;box-shadow:0 8px 0 #124862!important}#sandboxRoot:has(.prestart-info-heading) .prestart-rule-button::before{content:'第一步 · 开赛前操作';color:#d8f3fb;font-size:12px;font-weight:900;letter-spacing:.12em}#sandboxRoot:has(.prestart-info-heading) .prestart-rule-button span{font-size:22px}#sandboxRoot:has(.prestart-info-heading) .prestart-rule-button small{color:#e4f7fb}#sandboxRoot:has(.prestart-info-heading) .prestart-time-card{grid-column:2;margin-top:0!important;min-height:210px;background:#f4f9ff!important}#sandboxRoot:has(.prestart-info-heading) .prestart-time-card h3::before{content:'第二步 · ';color:#2568a0;font-size:12px;letter-spacing:.08em}#sandboxRoot:has(.prestart-info-heading) .prestart-time-card .notice{margin-top:16px}@media(max-width:620px){.prestart-action-grid,#sandboxRoot:has(.prestart-info-heading){grid-template-columns:1fr}.prestart-rule-card,.prestart-time-card{min-height:0}.prestart-rule-button{min-height:72px}#sandboxRoot:has(.prestart-info-heading) .prestart-info-heading>div,#sandboxRoot:has(.prestart-info-heading) .prestart-rule-button,#sandboxRoot:has(.prestart-info-heading) .prestart-time-card{grid-column:1}#sandboxRoot:has(.prestart-info-heading) .prestart-rule-button,#sandboxRoot:has(.prestart-info-heading) .prestart-time-card{min-height:0}}
