:root{font-family:Inter,"Segoe UI","Malgun Gothic",sans-serif;color:#e9edf6;background:#0b101b;font-size:16px;color-scheme:dark}*{box-sizing:border-box}body{margin:0}header{height:84px;border-bottom:1px solid #263044;display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - 1200px)/2))}.brand{display:flex;gap:12px;align-items:center}.mark{display:grid;place-items:center;border:1px solid #5adecc;color:#5adecc;width:36px;height:40px;font-size:26px;font-weight:800}.brand strong{display:block;font-size:17px}.brand span:not(.mark){display:block;color:#8d9ab2;font-size:12px;letter-spacing:2px;margin-top:4px}a{color:#a6b4cd;font-size:14px;text-underline-offset:4px}main{max-width:1200px;margin:42px auto;padding:0 24px}.intro{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:30px}.eyebrow{font-size:12px;letter-spacing:2px;color:#5adecc}h1{font-size:32px;letter-spacing:-1px;margin:10px 0}p{color:#9facbf;line-height:1.65;margin:8px 0}.snapshot{color:#c7d1e2;text-align:right;font-size:14px;line-height:1.8;white-space:nowrap}.context{display:flex;gap:20px;align-items:end;padding-bottom:22px}label{display:block;font-size:14px;color:#b9c4d6}input,select{width:100%;height:44px;border:1px solid #344157;background:#101a2a;color:#f2f5fa;border-radius:6px;padding:0 13px;font:inherit;outline:none;margin-top:8px}input:focus,select:focus{border-color:#5adecc;box-shadow:0 0 0 2px #5adecc25}input::placeholder{color:#8390a5}.context select{width:210px}.context input{width:140px}.hint{font-size:14px;color:#8998ad;padding-bottom:12px}.draft-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.team-panel{border:1px solid #2a3850;border-top:3px solid #67aaff;border-radius:9px;background:#111a29;padding:23px}.team-panel.red{border-top-color:#ed899f}.side-label{font-size:12px;letter-spacing:2px;font-weight:700;color:#78b4ff;margin-bottom:17px}.red .side-label{color:#f29daf}.team-input{margin-top:8px;margin-bottom:22px;font-size:17px;height:50px}.roles{display:grid;gap:10px}.role-row{display:grid;grid-template-columns:70px 1fr;align-items:center;gap:10px}.role-row label{color:#d0d7e3}.role-row input{margin-top:0}.action{display:flex;justify-content:space-between;align-items:center;padding-top:22px;color:#a9b7ca;font-size:14px}.action>div{display:flex;gap:10px}button{height:47px;padding:0 25px;border:0;border-radius:6px;background:#5adecc;color:#071b1d;font-size:16px;font-weight:700;cursor:pointer}button:hover{filter:brightness(1.08)}button:focus-visible{outline:3px solid white;outline-offset:3px}button.secondary{background:transparent;border:1px solid #3a465c;color:#c0cbe0;font-weight:400}button span{margin-left:25px}#error{color:#ffb3be}#results{margin:32px 0}.empty{padding:42px 20px;text-align:center;border:1px dashed #344058;border-radius:10px}.empty h2{font-size:18px;font-weight:500}.empty-icon{font-size:32px;color:#58708e}.result-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.result-head h2{font-size:22px;margin:0}.badge{font-size:13px;color:#5adecc;padding:7px 10px;background:#17332f;border-radius:4px}.stale{color:#ffcf84;background:#352b1a;padding:12px 16px;border-radius:6px;margin-bottom:16px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.metric{background:#131e2f;border:1px solid #2c3b53;padding:24px;border-radius:8px}.metric-label{font-size:14px;color:#abb9ce}.value{font-size:38px;font-weight:650;letter-spacing:-1px;margin:15px 0 8px}.value small{font-size:18px;font-weight:400;color:#a8b6c8;letter-spacing:0}.metric p{font-size:14px}.prob{display:flex;justify-content:space-between;color:#d5e0f1;margin-top:18px;font-size:14px}.bar{height:7px;background:#426599;border-radius:4px;overflow:hidden;margin:10px 0}.bar span{display:block;height:100%;background:#5adecc}.interpret{margin-top:16px;padding:20px 24px;border-left:3px solid #5adecc;background:#101b27}.interpret p{color:#c2cedf;font-size:14px}.evidence{margin-top:20px;overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:13px 12px;text-align:left;border-bottom:1px solid #263247;white-space:nowrap}th{font-weight:500;color:#8fa3bf}caption{text-align:left;margin:10px 0;color:#cbd6e8}details{border-top:1px solid #2a3547;padding:24px 0}summary{cursor:pointer;color:#c2cfe2;font-size:15px}details p,details li{font-size:14px;line-height:1.8;color:#9cacc2}footer{padding:22px 24px;text-align:center;color:#738299;font-size:13px;border-top:1px solid #222e42}body:has(.stale) .metrics{opacity:.6}@media(max-width:760px){header{padding:0 20px;height:72px}.intro{display:block}.snapshot{text-align:left;margin-top:14px}main{margin:26px auto;padding:0 18px}h1{font-size:27px}.draft-grid{grid-template-columns:1fr;gap:16px}.team-panel{padding:20px}.context{gap:12px;flex-wrap:wrap}.context select{width:180px}.hint{display:none}.metrics{grid-template-columns:1fr}.result-head{display:block}.badge{display:inline-block;margin-top:10px}.action{align-items:start;gap:12px}.action>div{gap:8px}button{padding:0 16px}button span{margin-left:8px}.value{font-size:34px}}

.context{flex-wrap:wrap}.handicap-hint{font-size:14px;color:#d4dfef;margin:-8px 0 20px}.context #handicapSide{width:200px}@media(max-width:760px){.context label{flex:1 1 40%}.context select,.context input,.context #handicapSide{width:100%}.handicap-hint{margin-top:0}}

.lineup-controls{display:flex;gap:16px;align-items:center;margin:0 0 20px}.lineup-controls span{font-size:14px;line-height:1.7;color:#a9bad0}.player-info{grid-column:2;display:flex;align-items:center;gap:7px;min-height:22px;font-size:13px;color:#9eb0c7;margin-top:-4px;margin-bottom:4px}.player-info strong{font-size:14px;color:#e1e9f6;font-weight:500}.flag{object-fit:contain}.country{font-size:12px;color:#b6c8dc}.context #league{width:210px}button:disabled{opacity:.5;cursor:wait}@media(max-width:760px){.lineup-controls{align-items:flex-start;flex-direction:column}.context #league{width:100%}}

.side-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:10px}.side-toolbar .side-label{margin:0}.lineup-button{height:36px;font-size:14px;padding:0 12px}.lineup-controls:has(span:only-child){margin-bottom:16px}

.objective-title{display:flex;justify-content:space-between;align-items:center;margin:28px 0 14px;gap:15px}.objective-title h3{font-size:18px;margin:0}.objective-title span{font-size:13px;color:#9daec5}@media(max-width:760px){.objective-title{display:block}.objective-title span{display:block;margin-top:8px}}

.first-objectives{grid-template-columns:repeat(2,1fr);margin-top:16px}.team-probabilities{display:flex;gap:20px;justify-content:space-between;margin:20px 0}.team-probabilities div{flex:1}.team-probabilities span{display:block;font-size:14px;color:#b8c8dd}.team-probabilities strong{display:block;font-size:30px;margin-top:10px}.team-probabilities div+div{text-align:right}.first-objectives .bar{background:#ed899f}.first-objectives .bar span{background:#67aaff}.team-probabilities div:first-child strong{color:#91c4ff}.team-probabilities div:last-child strong{color:#ffa9ba}@media(max-width:760px){.first-objectives{grid-template-columns:1fr}.team-probabilities strong{font-size:26px}}

.matchup-section{margin:26px 0}.matchup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.matchup-card{border:1px solid #2c3b53;background:#111a29;border-radius:8px;padding:18px}.matchup-card h4{margin:0 0 10px;line-height:1.6}.matchup-card p,.matchup-note{font-size:13px}.matchup-card dl{margin:0;font-size:13px}.matchup-card dl>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid #263247}.matchup-card dt{color:#9facbf}.matchup-card dd{margin:0;text-align:right;flex-shrink:0}.team-panel,.metric,.role-row input,.context label{min-width:0}.player-info{flex-wrap:wrap;overflow-wrap:anywhere}.team-probabilities div{min-width:0;overflow-wrap:anywhere}
@media(max-width:760px){header{gap:14px}header>a{font-size:12px;max-width:105px;text-align:right}.matchup-grid{grid-template-columns:1fr}.lineup-button{min-height:44px}.context label{flex:1 1 calc(50% - 12px)}.role-row{grid-template-columns:52px minmax(0,1fr)}.action{flex-wrap:wrap;position:sticky;bottom:0;z-index:5;background:#0b101bf5;border-top:1px solid #344157;margin-top:18px;padding:12px 0 max(12px,env(safe-area-inset-bottom))}.action>div{flex:1;justify-content:flex-end}.action button{min-height:48px}.result-head h2{overflow-wrap:anywhere}.metric{padding:20px}.evidence table,.evidence tbody,.evidence tr,.evidence td{display:block}.evidence thead{display:none}.evidence tr{border:1px solid #263247;border-radius:8px;margin:10px 0;padding:10px 14px}.evidence td{white-space:normal;border:0;padding:5px 0;display:flex;justify-content:space-between;gap:12px}.evidence td:before{color:#8fa3bf}.evidence td:nth-child(1):before{content:'진영·포지션'}.evidence td:nth-child(2):before{content:'챔피언'}.evidence td:nth-child(3):before{content:'표본'}.evidence td:nth-child(4):before{content:'O32.5 비율'}.evidence td:nth-child(5):before{content:'평균 시간'}.evidence td[colspan]:before{content:none}.evidence caption{display:block}.matchup-card dl>div{flex-wrap:wrap}.matchup-card dd{flex-shrink:1}.handicap-hint,#lineupStatus{overflow-wrap:anywhere}}
@media(max-width:360px){main{padding:0 12px}.team-panel{padding:16px}.action{gap:8px}.action>div{width:100%}.action button{flex:1}.context label{flex-basis:100%}}

.score-card{padding:28px;border:1px solid #4b807b;border-radius:10px;background:linear-gradient(115deg,#152941,#182332 55%,#332434);margin-bottom:20px;text-align:center}.score-card h3{margin:0 0 20px;font-size:19px}.scoreboard{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:20px;align-items:center}.scoreboard h4{margin:8px 0;font-size:21px;overflow-wrap:anywhere}.scoreboard strong{display:block;font-size:68px;line-height:1.2;color:#91c4ff;font-variant-numeric:tabular-nums}.scoreboard>div:last-child strong{color:#ffa9ba}.score-side{font-size:11px;letter-spacing:2px;color:#bccadd}.score-divider{font-size:40px;color:#92a3bd}.score-card p{font-size:13px;margin-top:18px}.score-note{color:#94a5bc}.scoreboard>div>span:last-child{font-size:14px;color:#acbdd2}@media(max-width:760px){.score-card{padding:22px 14px}.scoreboard{gap:10px}.scoreboard h4{font-size:17px}.scoreboard strong{font-size:52px}.score-divider{font-size:30px}}

.lineup-help{font-size:12px;margin:6px 0 20px}.team-panel select{max-width:100%;text-overflow:ellipsis}.interpret h3{margin:0 0 12px;font-size:17px}

.review-panel{margin:32px 0;padding:24px;background:#111e32;border:1px solid #31425e;border-radius:16px}.review-panel p{line-height:1.65;color:#b9c8dd}.review-panel label{display:block;margin:16px 0;font-size:14px}.review-panel select,.review-panel textarea,.review-panel input{display:block;width:100%;padding:10px;border:1px solid #405576;border-radius:8px;background:#101727;color:#e8f1ff;font:inherit;margin-top:6px}.review-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:16px 0}.review-table{overflow-x:auto}.review-table table{width:100%;min-width:560px;text-align:left;border-collapse:collapse}.review-table th,.review-table td{padding:12px 8px;border-bottom:1px solid #31425e}.review-table select{min-width:105px}.review-panel button{cursor:pointer}.review-panel details{margin-top:20px}

.team-panel.blue .review-panel{margin:22px 0 0;padding:16px;background:#0b1627;border-color:#354f78;min-width:0}.review-panel h2{font-size:20px}.review-panel .workspace-box{margin:0 0 18px}.workspace-box summary{font-weight:600;margin-bottom:12px}.prediction-row{padding:13px 0;border-bottom:1px solid #31425e;display:grid;grid-template-columns:1fr auto;gap:7px;align-items:center}.prediction-row strong{font-size:14px;overflow-wrap:anywhere}.prediction-row>span,.prediction-row small{font-size:12px;color:#a9bdd7}.prediction-row label{margin:0;display:flex;align-items:center;gap:8px;grid-column:1}.prediction-row select{width:auto;max-width:155px;margin:0}.review-panel .auto-refresh{display:flex;align-items:center;gap:7px;margin:0}.review-panel .auto-refresh input{width:auto;margin:0}.review-panel select{max-width:100%;min-width:0}.saved-result-note{color:#a9bdd7}

.match-picker{padding:16px;margin:18px 0;border:1px solid #314f70;border-radius:12px;background:#102037}.match-picker label{display:block;font-size:16px}.match-picker select{display:block;width:100%;padding:12px;margin:8px 0;background:#101727;color:#eef5ff;border:1px solid #496382;border-radius:8px;font:inherit}.match-picker p{color:#b7cbe3;font-size:14px;line-height:1.6}.match-picker button{margin-top:5px}
.auto-replay{margin:24px 0;padding:22px;border:1px solid #28364e;border-radius:14px;background:#101a2b}.auto-replay>label{display:inline-flex;align-items:center;gap:8px;margin-right:12px}.auto-replay input[type=checkbox]{width:auto}.auto-replay button{margin:6px}.auto-replay p,.auto-replay li{font-size:13px;line-height:1.6}.auto-replay small{display:block;line-height:1.6;color:#a6b3c9}.auto-replay details{margin-top:14px}.auto-replay article{padding:14px 0;border-top:1px solid #28364e}
.data-summary{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.data-summary .collection-status{max-width:340px;font-size:12px;text-align:right;margin:0}@media(max-width:700px){.data-summary{align-items:flex-start}.data-summary .collection-status{text-align:left}}
.header-info{display:flex;align-items:center;gap:24px}.creator-credit{font-size:14px;color:#c2cfe2}@media(max-width:760px){header{height:auto;min-height:84px;padding-top:14px;padding-bottom:14px;flex-wrap:wrap}.header-info{flex-wrap:wrap;gap:10px 18px}.creator-credit{font-size:13px}}
.brand-title{display:flex;align-items:center;gap:16px}.brand-title strong,.brand-title .creator-credit{white-space:nowrap}@media(max-width:760px){.brand-title{gap:10px}.brand-title .creator-credit{font-size:12px}}

.champion-ranks{margin:20px 0;padding:24px;background:#101a29;border:1px solid #2c3b53;border-radius:8px}.champion-rank-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.champion-rank-heading h2{font-size:20px;margin:0}.champion-rank-heading p{font-size:14px}.champion-rank-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.champion-rank-column h3{font-size:17px;margin:22px 0 12px;color:#ffc580}.champion-rank-column.under h3{color:#86c6ff}.champion-rank-list{display:grid;gap:12px}.champion-rank-card{background:#152235;border:1px solid #304259;border-radius:8px;padding:16px}.champion-rank-identity{display:flex;align-items:center;gap:12px;min-width:0}.champion-rank-number{font-size:20px;color:#899eb9;width:16px}.champion-rank-identity img{border-radius:8px;object-fit:cover;flex-shrink:0}.champion-rank-identity h4{font-size:18px;margin:0 0 4px}.champion-rank-identity span{font-size:14px;color:#aabbd0}.champion-rank-rate{font-size:32px;color:#ffc580;margin-top:14px;font-weight:700}.under .champion-rank-rate{color:#86c6ff}.champion-rank-rate small{font-size:18px}.champion-rank-rate>span{display:inline-block;font-size:14px;color:#bdcada;font-weight:400;margin-left:12px}.champion-rank-card .bar{background:#293951}.champion-rank-card .bar span{background:#eab477}.under .champion-rank-card .bar span{background:#67aaff}.champion-rank-card p,.champion-rank-note,.champion-rank-status{font-size:14px}.champion-rank-status{margin-top:20px;color:#bed3e7}.champion-rank-note{color:#99aac0}.champion-rank-refresh{flex-shrink:0}@media(max-width:760px){.champion-ranks{padding:16px}.champion-rank-heading{align-items:flex-start;flex-direction:column}.champion-rank-columns{grid-template-columns:1fr;gap:4px}.champion-rank-rate>span{margin-left:8px}}

.draft-grid{grid-template-columns:minmax(0,1fr) 84px minmax(0,1fr);gap:16px}.swap-sides-control{display:flex;align-items:center;justify-content:center}.swap-sides-control button{height:auto;min-height:64px;width:84px;padding:10px 6px;background:#1c3044;border:1px solid #5884a7;color:#d7eeff;font-size:24px}.swap-sides-control button span{display:block;margin:4px 0 0;font-size:14px;line-height:1.4}.team-panel{min-width:0}@media(max-width:760px){.draft-grid{grid-template-columns:minmax(0,1fr)}.swap-sides-control button{width:auto;min-height:44px;display:flex;align-items:center;gap:10px;padding:6px 20px}.swap-sides-control button span{margin:0}}
.site-release{display:flex;flex-direction:column;gap:3px;max-width:260px;line-height:1.4}.site-release strong{font-size:14px;color:#5adecc}.site-release span{font-size:14px;color:#b6c8dc;overflow-wrap:anywhere}@media(max-width:760px){.header-info{width:100%;justify-content:space-between;margin-top:12px}.site-release{max-width:65%}}
.site-release{height:auto;background:#122b31;border:1px solid #315057;border-radius:6px;text-align:left;padding:7px 12px;font-weight:400;align-items:flex-start}.site-release span{margin:0}.release-dialog{width:min(680px,calc(100vw - 32px));max-height:85dvh;padding:24px;border:1px solid #40536e;border-radius:12px;background:#111c2c;color:#e9edf6;overflow-y:auto;overscroll-behavior:contain}.release-dialog::backdrop{background:#000a}.release-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.release-dialog-heading h2{font-size:22px;margin:0}.release-dialog article{margin-top:24px;padding-top:20px;border-top:1px solid #304259}.release-dialog h3{font-size:18px;margin:0 0 8px;line-height:1.5}.release-dialog time{font-size:14px;color:#9cacc2}.release-dialog ul{padding-left:22px;margin:16px 0}.release-dialog li{font-size:16px;line-height:1.7;margin:10px 0;overflow-wrap:anywhere}.release-dialog-note{font-size:14px}@media(max-width:760px){.release-dialog{padding:18px}.release-dialog-heading h2{font-size:20px}.release-dialog-heading button{height:40px}}

.market-controls{margin:0 0 22px;padding:18px;border:1px solid #39546a;border-radius:8px;background:#111f2d;min-width:0}.market-controls legend{font-size:16px;color:#86d8cd;padding:0 8px}.market-control-row{display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:14px}.market-odds-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.market-controls p,.market-caveat{font-size:14px}.market-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.market-results{margin:16px 0}.market-results h3{font-size:22px;line-height:1.5;margin:14px 0}.market-probability{font-size:32px;font-weight:700;color:#72ddca}.market-caveat{padding:14px 18px;background:#162333;border-left:3px solid #658eab;line-height:1.8}.market-note{color:#8d9fb5}@media(max-width:760px){.market-control-row{grid-template-columns:1fr}.market-odds-grid{grid-template-columns:1fr}.market-result-grid{grid-template-columns:1fr}.market-controls{padding:14px}}

.market-team{min-width:0;margin:0;padding:14px;border:1px solid #334a65;border-radius:8px;background:#101a28;display:grid;gap:14px}.market-team legend{max-width:100%;padding:0 6px;overflow-wrap:anywhere}.market-team legend strong{font-size:18px;line-height:1.5}.market-team-side{display:block;font-size:13px;font-weight:400;color:#9caec4}.market-team-blue{border-top:3px solid #549df5}.market-team-red{border-top:3px solid #ef7689}.market-team-blue legend strong{color:#8cbfff}.market-team-red legend strong{color:#ff9cae}.market-team label{min-width:0;overflow-wrap:anywhere}.market-entry-hint{color:#b8cbdf}

.market-fetch{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0}.market-fetch p{flex-basis:100%;margin:0;overflow-wrap:anywhere}.market-fetch [hidden]{display:none}

.market-equal-lines{padding:16px 18px;margin:16px 0;border:1px solid #3d6c66;border-radius:9px;background:#13302c40}.market-equal-lines strong{color:#99e4d1}.market-equal-lines p{margin:8px 0 0}.market-equal-lines #marketEqualTotal{font-weight:600;color:#d2f3ea}.market-result-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}

/* League first, then the three match-specific market criteria. */
.context{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:stretch}
.league-control{min-width:0}.league-control-row{display:flex;gap:10px;align-items:center;margin-top:8px;max-width:620px}
.context .league-control-row #league{width:100%;min-width:0;flex:1;margin:0}
.context #leagueFavorite{margin:0;min-height:44px;height:auto;align-self:stretch;flex-shrink:0;padding:0 16px;white-space:nowrap}
.analysis-criteria{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:end;padding:18px;border:1px solid #304359;border-radius:10px;background:#111c2b}
.analysis-criteria label{line-height:1.5;min-width:0}
.context .analysis-criteria input,.context .analysis-criteria select,.context .analysis-criteria #handicapSide{width:100%;min-width:0}
.criterion-tag{display:inline-block;color:#9de8d7;background:#193c39;border-radius:4px;font-size:11px;font-weight:500;line-height:1.6;padding:1px 6px;margin-left:5px;vertical-align:1px}
@media(max-width:760px){.analysis-criteria{grid-template-columns:minmax(0,1fr);gap:16px;padding:16px}.context{gap:16px}}

.context>.match-picker{width:100%;margin:0;padding:18px;border:1px solid #304359;border-radius:10px;background:#111c2b}.context>.match-picker label{min-width:0;flex:1}.context>.match-picker select{width:100%;min-width:0}

.analysis-set-control{display:grid;grid-template-columns:auto minmax(150px,260px);align-items:center;gap:8px 16px;margin:20px 0 12px;padding:16px;border:1px solid #33445e;border-radius:12px;background:#142036}.analysis-set-control label{margin:0;font-weight:700}.analysis-set-control select{width:100%}.analysis-set-control p{grid-column:1/-1;margin:0;color:#a8b9d0;font-size:13px;line-height:1.5}@media(max-width:560px){.analysis-set-control{grid-template-columns:1fr}.analysis-set-control p{grid-column:1}}

#clearChampions{white-space:nowrap;padding:0 12px;font-size:14px}@media(max-width:560px){#draftForm .action>span{flex-basis:100%}#draftForm .action>div{width:100%}#draftForm .action button{flex:1}}