:root{color-scheme:dark;--base:#0d181e;--top:#0c1d27;--panel:#172a33;--panel2:#1d303a;--row:#1a2b35;--line:#48616c;--text:#f5f8fa;--muted:#9cb3bf;--gold:#ffd078;--aqua:#6cddc8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:68px}body{margin:0;background:var(--base);color:var(--text);font:14px/1.5 'Pretendard','Noto Sans KR','Malgun Gothic',system-ui,sans-serif}a{color:inherit;text-decoration:none}button,select{font:inherit}button{cursor:pointer}.topbar{background:var(--top);border-bottom:1px solid #50646e;position:sticky;top:0;z-index:10}.topinner{max-width:1250px;margin:auto;padding:0 18px;display:flex;align-items:center;gap:20px;min-height:52px}.logo{font-weight:900;white-space:nowrap;letter-spacing:.04em}.logo>span:not(.logo-mark){color:var(--gold)}.logo small{font-size:11px}.logo-mark{color:#75b5ec;font-size:22px;margin-right:7px}.topnav{display:flex;align-self:stretch;gap:18px;align-items:stretch}.topnav a{color:var(--muted);font-weight:750;font-size:12px;padding-top:16px;white-space:nowrap;border-bottom:3px solid transparent}.topnav a.on,.topnav a:hover{color:var(--gold);border-bottom-color:var(--gold)}.ticker{flex:1;min-width:80px;display:flex;align-items:center;gap:8px;border:1px solid #425d6b;border-radius:7px;background:#1b2e39;color:#a8c0cc;height:30px;padding:0 12px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticker i,.live-dot:before{display:inline-block;content:'';width:7px;height:7px;border-radius:50%;background:var(--aqua);box-shadow:0 0 10px var(--aqua);flex:0 0 auto}.ticker b{color:#e3ebed}.admin-link{font-size:11px;border:1px solid #516874;padding:6px 10px;border-radius:6px;white-space:nowrap}.shell{max-width:1250px;margin:0 auto;padding:0 18px}.jump{display:flex;gap:6px;overflow-x:auto;padding:15px 0 12px;scrollbar-width:thin}.jump a{white-space:nowrap;background:#1b303b;border:1px solid #45616b;border-radius:6px;padding:8px 11px;font-size:11px;font-weight:800}.jump a:hover{border-color:var(--gold);color:var(--gold)}.jump b{color:var(--gold);padding-right:5px}.panel{border:1px solid #657c82;background:var(--panel);border-radius:12px;margin:7px 0 12px;overflow:hidden}.section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 20px;border-bottom:1px solid var(--line)}.section-title h1,.section-title h2{display:flex;align-items:center;gap:10px;font-size:19px;line-height:1.2;margin:0;font-weight:850}.section-title .hint,.live-dot{font-size:11px;color:#b0c3ce;white-space:nowrap}.live-dot{display:flex;align-items:center;gap:8px}.badge{display:inline-grid;place-items:center;width:25px;height:24px;border-radius:5px;background:linear-gradient(#ffe09c,#f6b853);box-shadow:0 2px #a86b20;color:#12212a;font-size:10px;font-weight:900}.lead{background:linear-gradient(115deg,#1d3836,#1b303a 78%)}.next-content{display:flex;align-items:center;gap:16px;min-height:116px;padding:17px 20px}.clock{border-right:1px solid #61777d;padding-right:20px;min-width:138px}.clock small,.clock span{display:block;color:#acc3c9;font-size:11px}.clock strong{display:block;font-size:28px;color:var(--gold);line-height:1.15;letter-spacing:.02em}.next-info{min-width:0;flex:1}.tag{display:inline-block;border:1px solid #668d88;border-radius:5px;padding:4px 8px;color:var(--gold);font-size:11px;font-weight:850}.next-info h2{font-size:22px;margin:5px 0 0;line-height:1.2}.next-info h2 em,.history-table em{font-style:normal;color:var(--gold);font-size:12px}.next-info p{color:#a9c2c9;font-size:11px;margin:5px 0 0}.primary-action,.event-filter button{background:#294753;border:1px solid #789baa;border-radius:6px;padding:10px 16px;font-weight:800;font-size:11px;white-space:nowrap}.primary-action:hover,.event-filter button:hover{color:var(--gold);border-color:var(--gold)}.next-empty{display:flex;flex-direction:column;gap:5px;padding:25px 20px}.next-empty strong{font-size:18px}.next-empty span{color:#9fb8c4;font-size:12px}.section-body{padding:15px 20px 20px}.tabs{display:flex;gap:6px;margin-bottom:15px}.tabs button{background:#152731;color:#aac3cc;border:1px solid #526b77;border-radius:7px;padding:7px 18px;font-size:11px;font-weight:800}.tabs button.active{background:var(--gold);border-color:var(--gold);color:#1d2930}.schedule-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.schedule-columns h3{font-size:13px;margin:0 0 9px}.schedule-columns h3 small{font-size:10px;color:#a9c0c9;margin-left:7px}.fixture{border:1px solid #536b75;background:var(--panel2);border-radius:7px;padding:10px 12px;margin:0 0 7px}.fixture-top{display:flex;gap:8px;align-items:center;font-size:11px;min-width:0}.fixture-top strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fixture-top time{margin-left:auto;white-space:nowrap;color:#a9d9e5}.league-tag{font-size:10px;border-radius:3px;border:1px solid #718c91;color:var(--gold);padding:1px 5px;white-space:nowrap}.fixture-main{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:7px}.fixture-main div{display:flex;gap:8px;align-items:center;min-width:0}.fixture-main b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fixture-main span{color:var(--gold);font-size:10px;font-weight:900}.fixture-main small{color:#b2c4cb;white-space:nowrap;font-size:10px}.fixture-result{text-align:right;margin-top:8px;color:var(--gold);font-size:11px;font-weight:800}.fixture-result.done{color:#9fefce}.table-wrap{overflow-x:auto;border:1px solid #59717a;border-radius:7px}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap;font-size:12px}th{background:#1c303a;border-bottom:1px solid #677e88;color:#bfd1db;font-size:11px}th,td{padding:9px 11px}tbody tr{border-bottom:1px solid #344a54}tbody tr:nth-child(even){background:#1b2e37}tbody tr:last-child{border:0}tbody tr:hover{background:#29414b}.rank-table td:first-child{color:var(--gold)}.strong{font-weight:800}.accent{color:var(--gold);font-weight:800}.race{font-weight:900}.race-T{color:#77bff8}.race-Z{color:#e9a3bd}.race-P{color:#e9ca80}.more-row{display:none}.rank-table.expanded .more-row{display:table-row}.more-btn{width:100%;margin-top:9px;border:1px solid #5c7781;background:#203640;color:#d6e8ed;padding:9px;border-radius:6px;font-weight:800;font-size:11px}.event-filter{display:flex;gap:8px;align-items:center;margin-bottom:13px}.event-filter label{font-size:11px;color:#afc7cf;white-space:nowrap}.event-filter select{flex:1;min-width:0;background:#122832;border:1px solid #57717b;color:#f0f5f7;border-radius:6px;padding:8px}.event-filter button{padding:9px 14px}.history-table small{display:block;color:#a9bdc7;font-size:10px}.history-table a{color:var(--gold)}.pager{display:flex;gap:8px;align-items:center;justify-content:flex-end;margin-top:11px;font-size:11px}.pager span{margin-right:auto;color:#b0c4cf}.pager a{border:1px solid #5d7884;border-radius:5px;padding:6px 10px}.pager a:hover{color:var(--gold)}.empty{color:#b4c9d1;padding:12px;font-size:12px}.error{padding:20px;background:#543235;border-radius:8px;margin-top:15px}.footer{display:flex;justify-content:space-between;padding-top:20px;padding-bottom:35px;color:#8ea2ae;font-size:11px}[hidden]{display:none!important}@media(max-width:850px){.topinner{gap:10px}.ticker{display:none}.schedule-columns{grid-template-columns:1fr}.jump{padding:10px 0}.section-title{padding:13px 12px}.section-body{padding:12px}.section-title h1,.section-title h2{font-size:16px}.next-content{padding:14px 12px}.clock{min-width:104px;padding-right:11px}.clock strong{font-size:22px}.next-info h2{font-size:17px}.primary-action{display:none}}@media(max-width:500px){.topnav{gap:9px}.topnav a{font-size:11px}.logo{font-size:12px}.logo-mark{font-size:16px;margin-right:2px}.admin-link{display:none}.section-title .hint,.live-dot{font-size:9px}.next-content{gap:10px}.fixture-main{display:block}.fixture-main small{display:block;margin-top:3px}.fixture-top time{font-size:9px}.footer span{display:none}.event-filter label{display:none}.history-table th,.history-table td{padding:8px}}
/* Month/season, bracket and set records */
.period-tabs,.round-tabs{display:flex;gap:7px;overflow-x:auto;padding-bottom:10px;scrollbar-width:thin}.period-tab,.round-tabs a{display:block;flex:0 0 auto;border:1px solid #587783;border-radius:7px;background:#142a35;padding:9px 15px;color:#c6dce5;font-weight:850;font-size:12px}.period-tab.active,.round-tabs a.active{background:linear-gradient(#ffdc8d,#efb14e);border-color:#ffd078;color:#12212a}.round-tabs{border-top:1px solid #3b5862;margin-top:4px;padding-top:12px}.match-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0 15px}.match-tile{display:flex;flex-direction:column;gap:3px;min-width:0;padding:12px;border:1px solid #54747f;border-radius:8px;background:#1a303b}.match-tile:hover,.match-tile.active{border-color:#91d6e3;background:#254751}.match-tile.active{box-shadow:inset 0 0 0 1px #91d6e3}.match-tile small{color:#9fd3df;font-size:10px}.match-tile strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.match-tile em{color:var(--gold);font-size:10px;font-style:normal}.match-tile span{color:#c6d9df;font-size:11px}.selected-result{border:1px solid #7b9fa8;border-radius:9px;background:#203943;padding:14px}.selected-result h3{color:var(--gold);margin:0;font-size:16px}.selected-result p{color:#c2d5dc;margin:4px 0 12px}.set-detail{color:#dbe8ec;font-weight:normal;white-space:normal;min-width:250px}.set-detail>strong{color:#ffda8c}.set-detail>small{display:block;color:#a7bec7;margin-top:8px}.set-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:0;margin:10px 0 0;list-style:none}.set-list li{display:flex;justify-content:space-between;gap:10px;border:1px solid #4c6a75;border-radius:5px;background:#182e39;padding:6px 9px;font-size:11px}.set-list b{color:#fbd080;white-space:nowrap}.history-sets summary{cursor:pointer;list-style:none}.history-sets summary::-webkit-details-marker{display:none}.history-sets summary span{display:block;font-size:10px;color:#c1d4da}.history-sets[open] .set-detail{padding:10px 0;width:min(520px,65vw)}.history-sets .set-list{grid-template-columns:repeat(2,minmax(0,1fr))}.history-table .strong a:hover{text-decoration:underline}.event-filter input{min-width:130px;width:170px;background:#122832;border:1px solid #57717b;color:#f0f5f7;border-radius:6px;padding:8px}.clear-filter{font-size:11px;color:var(--gold)}@media(max-width:850px){.match-picker{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:500px){.match-picker,.set-list{grid-template-columns:1fr}.event-filter{flex-wrap:wrap}.event-filter input{flex:1;width:125px}.period-tab{padding:8px 10px;font-size:11px}.history-sets[open] .set-detail{width:70vw}}
.group-game{padding:12px 0;border-top:1px solid #4d6871}.group-game:first-of-type{border-top:0}.group-game>strong{display:block;margin-bottom:5px;color:#e7f3f5}

/* Unified responsive commentator pages */
.shell{padding-top:16px}.panel{margin:0 0 20px}.section-title{min-height:76px}.badge{width:38px;height:38px;flex:0 0 38px;font-size:14px}.section-title h1,.section-title h2{min-width:0;line-height:1.4}.section-body{padding:20px}.topinner{min-height:64px}.topnav{margin-left:auto}.topnav a{padding-top:22px;font-size:14px}.period-tabs{flex-wrap:wrap;overflow:visible}.period-tab{min-width:110px;text-align:center;min-height:42px}.match-tile{min-height:116px}.match-tile strong{white-space:normal;overflow-wrap:anywhere}.profile{padding:24px;border-left:4px solid var(--gold);background:linear-gradient(120deg,#423b30,#172a33 55%)}.profile-top{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.profile h1{margin:0 0 6px;font-size:32px}.avatar{width:84px;height:84px;display:grid;place-items:center;border-radius:18px;background:#101c24;color:var(--gold);font-size:40px;font-weight:900;flex:0 0 84px}.profile-filter{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.profile-filter nav{margin:0;padding:0}.profile-filter select,.profile-filter button{background:#132831;border:1px solid #66838e;color:var(--text);padding:10px;border-radius:7px}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}.metric{border:1px solid #5c7884;border-radius:12px;background:#122630;padding:16px;min-height:116px}.metric>div{display:flex;justify-content:space-between;gap:10px}.metric strong{color:var(--gold);font-size:22px}.metric small{color:var(--muted)}progress{width:100%;height:10px;display:block;margin:14px 0 8px;border:0;border-radius:10px;overflow:hidden;background:#334a55}progress::-webkit-progress-bar{background:#334a55}progress::-webkit-progress-value{background:linear-gradient(90deg,#68bac0,#ffd078)}progress::-moz-progress-bar{background:#ffd078}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.summary-grid>div{border:1px solid #526e79;background:#122b35;border-radius:10px;padding:14px;text-align:center;min-height:92px}.summary-grid small,.summary-grid strong{display:block}.summary-grid strong{font-size:24px;color:var(--gold)}.summary-grid small,.hint,.breadcrumb{color:var(--muted)}.form-strip{display:flex;gap:8px;overflow-x:auto;padding:10px 0}.form-result{flex:1;min-width:48px;padding:12px;border-radius:8px;text-align:center;font-weight:850;background:#284b42;color:#88eed3}.form-result.loss{background:#4c3239;color:#efa8ae}.form-result small{display:block;font-size:10px;color:var(--muted)}table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid #3e5863;padding:12px;text-align:left;white-space:nowrap}th{color:var(--muted);font-size:12px}.table-wrap{overflow-x:auto;max-width:100%}.duel{display:flex;align-items:center;justify-content:space-around;gap:15px;flex-wrap:wrap;padding:22px 0;font-size:24px;font-weight:850}.duel strong{color:var(--gold);font-size:20px}.event-filter input,.event-filter select,.event-filter button{font:inherit}.rank-table{min-width:650px}.profile-filter .period-tab{min-width:80px}.primary-action{display:inline-block}
@media(max-width:650px){.shell{padding:14px 12px 0}.topinner{padding:0 12px;gap:10px}.topnav{gap:12px}.topnav a{font-size:12px}.section-title{padding:14px;min-height:66px}.section-body{padding:14px}.badge{width:32px;height:32px;flex-basis:32px;font-size:12px}.profile{padding:16px}.profile h1{font-size:25px}.avatar{width:64px;height:64px;flex-basis:64px;font-size:30px}.profile-filter{width:100%;justify-content:flex-start;margin-left:0}.profile-filter .period-tabs{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.profile-filter .period-tab{min-width:0}.metric-grid{gap:8px}.metric{padding:12px;min-height:112px}.metric>div{display:block}.metric strong{font-size:20px;display:block}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.match-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.match-tile{padding:10px;min-height:120px}.period-tab{min-width:0;flex:1;padding:10px 8px}.duel{font-size:19px}.duel strong{font-size:16px}}
@media(max-width:360px){.logo small{display:none}.topnav{gap:8px}.match-picker{grid-template-columns:1fr}}

.avatar{overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}