.theater-detail-main { padding-top: 28px; }
.detail-breadcrumb { display: flex; gap: 9px; align-items: center; margin-bottom: 18px; color: #71848d; font: 600 11px var(--mono); }
.detail-breadcrumb a { color: #91a5ad; text-decoration: none; }
.detail-breadcrumb strong { color: #dce5e8; }
.theater-hero { padding: 36px; }
.theater-hero h1 { margin: 12px 0 14px; font-size: clamp(34px, 5vw, 66px); }
.theater-hero > p { max-width: 850px; color: #c2cdd2; font-size: 19px; line-height: 1.8; }
.theater-language-copy { margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--line); }
.theater-language-copy p { color: #778a93; font-size: 14px; line-height: 1.65; }
.theater-current-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 14px; margin-top: 14px; }
.current-score-panel, .current-summary-panel, .theater-links { padding: 30px; }
.detail-live-score { display: flex; align-items: baseline; gap: 10px; margin: 25px 0 18px; }
.detail-live-score strong { color: var(--orange); font: 700 64px var(--mono); }
.detail-live-score span { color: #8ca0a9; font: 600 18px var(--mono); }
.detail-live-score em { margin-left: auto; color: var(--orange); font-style: normal; font-weight: 800; }
.detail-score-bar { height: 6px; background: #17242c; overflow: hidden; }
.detail-score-bar i { display: block; height: 100%; background: linear-gradient(90deg, var(--yellow), var(--orange), var(--red)); }
.current-score-panel dl { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin: 24px 0 0; }
.current-score-panel dl div { padding-top: 15px; border-top: 1px solid var(--line); }
.current-score-panel dt { color: #71848d; font: 600 9px var(--mono); }
.current-score-panel dd { margin: 8px 0 0; color: #dce5e8; font: 600 13px var(--mono); }
.current-summary-panel h2, .theater-links h2 { margin: 18px 0 14px; font-size: 25px; }
.current-summary-panel p, .theater-links p { color: #b8c5ca; font-size: 18px; line-height: 1.8; }
.theater-links { margin-top: 14px; }
.theater-links div { display: flex; gap: 10px; margin-top: 20px; }
.theater-links a { border: 1px solid #2b4652; padding: 12px 16px; color: #9fe0e4; text-decoration: none; }
@media (max-width: 760px) {
  .theater-detail-main { padding-top: 18px; }
  .theater-hero, .current-score-panel, .current-summary-panel, .theater-links { padding: 22px 18px; }
  .theater-hero > p, .current-summary-panel p, .theater-links p { font-size: 17px; line-height: 1.75; }
  .theater-current-grid { grid-template-columns: 1fr; }
  .theater-language-copy { display: none; }
  .detail-live-score strong { font-size: 54px; }
  .theater-links div { flex-direction: column; }
}