:root{--bg:#0e1015;--card:#181b22;--line:#262b36;--txt:#e8eaf0;--dim:#8a91a3;--ok:#3fb68b;--mid:#e0a63d;--bad:#e05d5d;--blue:#4a90d9;--red:#d97a4a;--splash-img:none}*{box-sizing:border-box;margin:0}body{background:var(--bg);color:var(--txt);font:15px/1.5 system-ui,sans-serif;padding:24px;max-width:1200px;margin:auto;position:relative}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:linear-gradient(#0e1015de,#0e1015de),var(--splash-img);background-size:cover;background-position:center 18%;opacity:0;transition:opacity .5s ease}body.has-splash:before{opacity:1}#app{position:relative;z-index:1}h1{font-size:22px;margin-bottom:4px;display:flex;align-items:center;flex-wrap:wrap;gap:8px;flex:1 1 auto;min-width:0}h1 span{color:var(--mid)}.site-header{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.lol-logo{height:24px;width:auto;display:block;flex-shrink:0;filter:drop-shadow(0 0 6px rgba(199,155,59,.3))}.unofficial-badge{font-size:10px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;background:#3a2d10;color:var(--mid);border:1px solid var(--mid);border-radius:99px;padding:2px 8px}.h1-right{display:inline-flex;align-items:center;gap:12px;margin-left:auto}#clerkBtn{font-size:14px}.algo-link,.algo-link span{color:var(--dim);text-decoration:none;font-size:13px}.algo-link:hover,.algo-link:hover span{color:var(--ok)}.algo-short{display:none}.sub{color:var(--dim);font-size:13px;margin-bottom:20px}form{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}input,select{background:var(--card);border:1px solid var(--line);color:var(--txt);border-radius:8px;padding:10px 12px;font-size:15px}.combo{position:relative;flex:1;min-width:220px;display:flex}input#riotId{flex:1;min-width:200px;width:100%;padding-right:40px}.keywrap{position:relative;display:inline-flex}input#apiKey{width:270px;padding-right:46px;transition:border-color .3s ease;-webkit-text-security:disc}input#apiKey.key-updated{border-color:var(--ok)}#keyValid{position:absolute;right:26px;top:50%;transform:translateY(-50%);font-size:13px;line-height:1;font-weight:700;cursor:default}#keyValid.ok{color:var(--ok)}#keyValid.bad{color:var(--bad)}#keyValid.checking{color:var(--dim);font-weight:400}#clearKey{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:0;color:var(--dim);font-size:13px;padding:2px 4px;line-height:1;cursor:pointer}#clearKey:hover{color:var(--txt)}button{background:var(--ok);color:#06251b;border:0;border-radius:8px;padding:10px 20px;font-weight:700;font-size:15px;cursor:pointer}button:disabled{opacity:.5;cursor:wait}.keyrow{display:flex;gap:14px;align-items:flex-start;width:100%;flex-wrap:wrap}.note{font-size:12px;color:var(--dim);flex:1;min-width:200px}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;margin-bottom:12px;overflow:hidden}.head{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;flex-wrap:wrap}.badge{font-weight:800;font-size:12px;padding:4px 10px;border-radius:99px;white-space:nowrap}.b-ok{background:#123527;color:var(--ok)}.b-mid{background:#3a2d10;color:var(--mid)}.b-bad{background:#3a1616;color:var(--bad)}.b-live{background:#3a1616;color:#e05d5d}.live{background:#e05d5d;color:#2a0d0d}.res-V{color:var(--ok);font-weight:700}.res-D{color:var(--bad);font-weight:700}.details{display:none;border-top:1px solid var(--line);padding:12px 16px;overflow-x:auto}.card.open .details{display:block}table{width:100%;border-collapse:collapse;font-size:13px;margin:8px 0 16px}th,td{text-align:left;padding:5px 8px;border-bottom:1px solid var(--line);white-space:nowrap}th{color:var(--dim);font-weight:600}.t-blue td:first-child{border-left:3px solid var(--blue)}.t-red td:first-child{border-left:3px solid var(--red)}.even-blue{background:#4a90d90f}.even-red{background:#d97a4a0f}.fav-blue{background:#4a90d924}.fav-red{background:#d97a4a24}.you{background:#f2c34c1a}tr.you td:first-child,td.you:first-child{border-left:3px solid #f2c34c!important}td:not(.you)+td.you{border-left:3px solid #f2c34c!important}td.you+td.you{border-left:none!important}.gold{color:#f2c34c;font-weight:800}.tm-blue{color:var(--blue);font-weight:800}.tm-red{color:var(--red);font-weight:800}.badge-mvp,.badge-ace{border:1px solid currentColor;border-radius:99px;padding:0 6px;font-size:10px;font-weight:800}.badge-mvp{color:#f2c34c}.badge-ace{color:#c77dff}.champ-c{width:1%;white-space:nowrap}.champ{font-weight:700}.champ-meta{border-bottom:1px dashed var(--dim);cursor:help}.champ-icon{width:36px;height:36px;border-radius:9px;display:block;object-fit:cover;border:2px solid var(--line);box-shadow:0 1px 4px #0006}.champ-icon.team-blue{border-color:var(--blue)}.champ-icon.team-red{border-color:var(--red)}.champ-icon.champ-meta{cursor:help}.role-icon{width:16px;height:16px;display:block;margin:0 auto 3px;filter:brightness(0) invert(1);opacity:.55}.pcell{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.pname{white-space:nowrap}.plink{color:inherit;text-decoration:none;cursor:pointer}.plink:hover{text-decoration:underline}.chip{font-size:10px;background:#20242d;border:1px solid var(--line);border-radius:99px;padding:1px 7px;color:var(--dim);white-space:nowrap;cursor:default}.chip.cs-elite{color:#2dd4bf;border-color:#2dd4bf}.chip.cs-good{color:var(--ok);border-color:var(--ok)}.chip.cs-ok{color:var(--mid);border-color:var(--mid)}.chip.cs-low{color:var(--bad);border-color:var(--bad)}.chip.wr-hi{color:var(--ok);border-color:var(--ok)}.chip.wr-lo{color:var(--bad);border-color:var(--bad)}.chip.flag-otp-denied,.chip.flag-tilt{color:var(--mid);border-color:var(--mid)}.chip.flag-smurf{color:var(--bad);border-color:var(--bad);font-weight:800}.chip.flag-afk,.chip.flag-countered{color:var(--bad);border-color:var(--bad)}.chip.flag-duo,.chip.flag-otp,.chip.flag-mastery{color:var(--blue);border-color:var(--blue)}.chip.flag-autofill,.chip.flag-rusty{color:var(--mid);border-color:var(--mid)}.chip.streak-win{color:var(--ok);border-color:var(--ok)}.chip.streak-loss{color:var(--bad);border-color:var(--bad)}.matchup td{white-space:normal}#bmStar{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:0;color:#f2c34c;font-size:17px;padding:2px 4px;line-height:1}#bmStar.starred{background:none}#bmDrop{display:none;position:absolute;top:100%;left:0;right:0;background:var(--card);border:1px solid var(--line);border-radius:0 0 10px 10px;z-index:20;max-height:240px;overflow-y:auto}#bmDrop.open{display:block}.bmItem{padding:8px 12px;cursor:pointer}.bmItem:hover{background:#20242d}.bmItem .dim{font-size:12px}.ga-hi{color:var(--ok);font-weight:700}.ga-lo{color:var(--bad);font-weight:700}#status{color:var(--dim);margin:20px 0}#losingBadge{margin:0 0 14px}.row{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px 14px;margin-bottom:8px;flex-wrap:nowrap}.col-res,.col-champ,.col-kda,.col-badge,.col-date{flex-shrink:0;white-space:nowrap;overflow:hidden}.col-res{width:64px}.col-champ{width:84px;text-overflow:ellipsis}.col-kda{width:70px}.col-badge{width:90px}.col-badge .badge{font-size:10.5px;padding:3px 8px}.col-date{width:78px;text-overflow:ellipsis}.gcard{background:var(--card);border:1px solid var(--line);border-radius:10px;margin-bottom:8px;overflow:hidden}.gcard .row{background:none;border:0;border-radius:0;margin:0}.gcard .details{display:none;border-top:1px solid var(--line);padding:12px 16px;overflow-x:auto}.gcard.open .details{display:block}.matchup{margin-bottom:16px}.matchup td{vertical-align:top}.matchup .mid-v{text-align:center;white-space:nowrap;min-width:90px;padding-top:9px}.wp-bar-wrap{position:relative;margin-top:6px;height:15px}.wp-bar{display:flex;height:100%;border-radius:99px;overflow:hidden;background:var(--line)}.wp-seg{display:flex;align-items:center;justify-content:center;min-width:0;overflow:hidden}.wp-seg-blue{background:var(--blue)}.wp-seg-red{background:var(--red);box-shadow:-1px 0 #0000004d inset}.wp-seg-label{font-size:10px;font-weight:800;color:#fff;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.6)}.wp-label-out{position:absolute;top:50%;transform:translateY(-50%);font-size:10px;font-weight:800;white-space:nowrap}.wp-label-out-blue{right:100%;margin-right:4px;color:var(--blue)}.wp-label-out-red{left:100%;margin-left:4px;color:var(--red)}.wp-compact{color:var(--dim);font-size:11px;white-space:nowrap}.chip.synergy-pos{color:var(--ok);border-color:var(--ok)}.chip.synergy-neg{color:var(--bad);border-color:var(--bad)}.chip.synergy-dim{color:var(--dim)}.draft-pill{display:inline-flex;align-items:center;margin-top:5px;padding:3px 6px;border:1px solid var(--line);border-radius:6px;font-size:11px;white-space:nowrap}.draft-pill.draft-good{border-color:var(--ok)}.draft-pill.draft-bad{border-color:var(--bad)}.draft-verdict{font-weight:700}.draft-pill.draft-good .draft-verdict{color:var(--ok)}.draft-pill.draft-bad .draft-verdict{color:var(--bad)}.draft-pill.draft-even .draft-verdict{color:var(--dim);font-weight:400}.draft-comp{color:var(--dim)}.matchup .rgt{text-align:right}.matchup .teamrow{background:#ffffff08}.matchup .teamrow td{border-top:2px solid var(--line);border-bottom:none;padding:10px 8px}.af-count{color:var(--mid);font-weight:400}.place{color:var(--dim);font-size:11px;font-weight:700}.rank-tag{font-size:11px;font-weight:700;border:1px solid var(--line);border-radius:4px;padding:0 3px;white-space:nowrap}.p-main{display:flex;align-items:baseline;gap:6px}.p-main-info{min-width:0}.p-main .p-cell-edge{margin-left:auto;flex-shrink:0}.matchup .pname{display:inline-block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}.p-chips{display:flex;gap:4px;flex-wrap:wrap;margin-top:3px}.matchup tr:not(.teamrow) .rgt{text-align:left}.matchup tr:not(.teamrow) .rgt .p-chips{justify-content:flex-end}.details-table{table-layout:fixed}.details-table td,.details-table th{white-space:normal;word-break:break-word}.details-table td:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:0}.details-table .pcell{flex-wrap:nowrap}.one-h{color:var(--dim);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 auto;min-width:0}.sec-h{cursor:pointer;padding:8px 0;border-top:1px solid var(--line);color:var(--dim);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.sec-h.first{border-top:none}.lv-even{color:var(--ok)}.lv-blue{color:var(--blue);font-weight:700}.lv-red{color:var(--red);font-weight:700}.lv-even,.lv-blue,.lv-red{cursor:help;border-bottom:1px dotted currentColor}.row .dim,.dim{color:var(--dim);font-size:13px}.row .dim{white-space:nowrap;flex-shrink:0}.mini{margin-left:auto;padding:6px 14px;font-size:13px;flex-shrink:0}.mini.wasLive-ready{outline:2px solid var(--mid);outline-offset:1px}.icon-btn{min-width:0;padding:6px 10px;margin-left:6px;font-size:14px;flex-shrink:0}.note a{color:var(--ok)}#keyHelp{margin-top:8px;line-height:1.7}h4{margin:10px 0 2px}.spinner{display:inline-block;width:13px;height:13px;border:2px solid rgba(255,255,255,.3);border-top-color:currentColor;border-radius:50%;animation:r .8s linear infinite;vertical-align:-2px}.foot{margin-top:40px;padding:16px 0;border-top:1px solid var(--line);font-size:12px;text-align:center}.foot a{color:var(--ok);text-decoration:none;font-weight:700}.foot a:hover{text-decoration:underline}.live-head{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;white-space:nowrap}.reco-inline{font-weight:800;color:var(--ok);white-space:nowrap}.reco-inline.dim{font-weight:600;color:var(--mid)}@keyframes r{to{transform:rotate(360deg)}}@media(max-width:640px){body{padding:12px}h1{font-size:19px}.algo-full{display:none}.algo-short{display:inline}.lol-logo{height:19px}.sub-more,.note-more{display:none}.combo{min-width:140px}#go,#liveBtn{flex:1 1 calc(50% - 4px);padding:8px 12px;font-size:14px}.keyrow{flex-direction:column;align-items:stretch}.keywrap,input#apiKey,.note{width:100%}.matchup,.matchup tbody,.matchup tr,.matchup td{display:block;width:100%}.matchup tr:first-child{display:none}.matchup td{border-bottom:none;padding:2px 4px}.matchup tr:not(.teamrow){border-top:1px solid var(--line);padding:8px 0}.matchup .champ-c{display:inline-block;width:auto;color:var(--dim)}.matchup .rank-tag{display:none}.matchup .champ-icon{width:28px;height:28px;border-radius:7px}.matchup .role-icon{display:none}.matchup .mid-v{text-align:center;margin:6px 0;min-width:0}.matchup .teamrow{border-top:2px solid var(--line)}.matchup .teamrow td{border-top:none;padding:4px}.details-table{table-layout:auto}.details-table col{width:auto!important}.details-table td:first-child{max-width:none;overflow:visible;text-overflow:clip;white-space:normal}.details-table th:nth-child(6),.details-table td:nth-child(6),.details-table th:nth-child(7),.details-table td:nth-child(7){display:none}.mini{min-height:38px;padding:6px 12px;display:inline-flex;align-items:center;box-sizing:border-box}.icon-btn{min-height:38px;padding:6px 8px;margin-left:4px}.sec-h{min-height:44px;display:flex;align-items:center;box-sizing:border-box}.head{min-height:44px;box-sizing:border-box}.row{padding:8px 12px;flex-wrap:wrap}.one-h{max-width:46ch;flex:0 1 auto}.row .dim{white-space:normal;flex-shrink:1}.col-res,.col-champ,.col-kda,.col-badge,.col-date{width:auto;overflow:visible}.live-head{flex:1 1 100%}}