html { scrollbar-color: #d4c97a #041438; scrollbar-width: thin; }
body::-webkit-scrollbar { width: 12px; }
body::-webkit-scrollbar-track { background: #041438; }
body::-webkit-scrollbar-thumb { background: #d4c97a; border: 3px solid #041438; border-radius: 10px; }
.esl-championship-page { padding: 34px 0 55px; background: #f5f6f8; }
.esl-championship-container { width: min(calc(100% - 32px), 1450px); margin: 0 auto; }
.esl-championship-header { display: flex; margin-bottom: 18px; gap: 18px; align-items: center; justify-content: space-between; }
.esl-championship-header h1 { margin: 0; color: #041438; font-size: clamp(25px, 3vw, 40px); }
.esl-championship-external { display: inline-flex; padding: 10px 16px; color: #041438; background: #d4c97a; border-radius: 4px; font-weight: 800; text-decoration: none; }
.esl-championship-frame-wrap { overflow: hidden; background: #fff; border: 1px solid #dfe3e8; border-radius: 7px; box-shadow: 0 7px 25px rgba(4,20,56,.12); }
.esl-championship-frame { display: block; width: 100%; height: max(760px, 82vh); border: 0; }
.esl-championship-note { margin: 12px 0 0; color: #657084; font-size: 13px; }
@media (max-width: 650px) { .esl-championship-header { align-items: flex-start; flex-direction: column; } .esl-championship-frame { height: 72vh; min-height: 620px; } }