:root{--bg:#eef2f5;--surface:#fff;--surface-2:#f6f8fa;--line:#d7e0e8;--line-strong:#bcc9d4;--text:#172737;--muted:#66788a;--blue:#1769aa;--blue-soft:#e4f0fa;--red:#b33a45;--red-soft:#f9e7e9;--green:#34784a;--green-soft:#e5f2e8;--amber:#8a6715;--amber-soft:#fff2ca;--violet:#65529a;--sheet-input:#a88745;--sheet-output:#0b5394;--sheet-derived:#4f7f88;--sheet-warning:#b26b19;--sheet-strong:#b7e1cd;--sheet-average:#fdecc8;--sheet-weak:#ea9999;--shadow:0 3px 14px rgba(25,46,66,.08);--radius:7px}
*{box-sizing:border-box}html{font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text);background:var(--bg)}body{margin:0;min-width:320px;font-size:14px}button,input,select{font:inherit}button{color:inherit}.skip-link{position:fixed;left:12px;top:-60px;z-index:1000;background:#fff;padding:10px;border:2px solid var(--blue)}.skip-link:focus{top:12px}.app-shell{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100dvh}.sidebar{position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;background:#132738;color:#dce7ef;border-right:1px solid #263d50;z-index:50}.brand{height:74px;display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid #294155}.brand>span{display:grid;place-items:center;width:38px;height:38px;border:1px solid #6c91ad;border-radius:6px;background:#1b3a53;color:#fff;font-weight:900}.brand b,.brand small{display:block}.brand small{margin-top:2px;color:#91aabc;font-size:10px}.sidebar nav{flex:1;overflow:auto;padding:12px 8px}.sidebar nav section{margin-bottom:16px}.sidebar nav h2{margin:0 8px 6px;color:#819bad;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.sidebar nav button{width:100%;min-height:38px;display:flex;align-items:center;gap:9px;border:0;border-radius:5px;background:transparent;color:#bcd0df;padding:8px 10px;text-align:left;cursor:pointer}.sidebar nav button>span{width:6px;height:6px;border:1px solid #7593a8;border-radius:2px}.sidebar nav button:hover{background:#1b354a;color:#fff}.sidebar nav button.active{background:#24506f;color:#fff;font-weight:700}.sidebar nav button.active>span{border-color:#8ed0ff;background:#8ed0ff}.sidebar-status{display:grid;grid-template-columns:1fr auto;gap:4px 10px;padding:12px;border-top:1px solid #294155}.sidebar-status span{color:#91aabc;font-size:10px}.sidebar-status button{grid-column:1/-1;border:1px solid #47647a;border-radius:5px;background:transparent;color:#bdd0de;padding:7px;cursor:pointer}.app-column{min-width:0}.topbar{position:sticky;top:0;z-index:40;height:74px;display:flex;align-items:center;gap:14px;padding:10px 22px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(8px)}.topbar>div:nth-child(2){flex:1}.topbar span{color:var(--muted);font-size:10px}.topbar h1{margin:2px 0 0;font-size:20px}.topbar-actions{display:flex;gap:8px}.topbar button,.page-actions button,.segmented button,.draft-status button,.settings-panel button,.filter-panel>button{min-height:36px;border:1px solid var(--line-strong);border-radius:5px;background:#fff;padding:7px 11px;cursor:pointer}.topbar button:hover,.page-actions button:hover{border-color:var(--blue);background:var(--blue-soft)}button.primary,.topbar .primary{border-color:var(--blue);background:var(--blue);color:#fff}.menu-button{display:none!important;width:42px;padding:8px!important}.menu-button span{display:block;width:19px;height:2px;margin:3px;background:var(--text)}#app-main{padding:18px 22px 42px;outline:0}.page-intro{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:14px}.page-intro h2{margin:0 0 4px;font-size:18px}.page-intro p{max-width:850px;margin:0;color:var(--muted);font-size:12px;line-height:1.5}.page-actions{display:flex;align-items:center;gap:7px;flex-shrink:0}.panel,.team-composition,.draft-main,.draft-assistant,.filter-panel,.finder-results,.finder-detail,.matchup-focus,.relation-block,.formation,.teamfight-score,.compare-pick,.map-timeline,.map-plans>section,.strategy-rules,.strategy-layout>aside>section,.library-list,.champion-profile,.skill-profile,.route-grid>article,.cc-table-wrap,.quality-grid>article,.settings-panel,.profile-section,.ability-compare{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.section-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.section-head h3{margin:0;font-size:13px}.section-head span{color:var(--muted);font-size:9px}.empty{margin:20px;color:var(--muted);text-align:center}.portrait{display:block;width:44px;height:44px;border:1px solid #b7c5d0;border-radius:5px;object-fit:cover;background:#e4eaf0}.portrait.xs{width:30px;height:30px}.portrait.sm{width:38px;height:38px}.portrait.lg{width:76px;height:76px}.pill{display:inline-flex;align-items:center;min-height:21px;border:1px solid #cad4dd;border-radius:4px;background:#eef3f6;padding:2px 6px;color:#3f5569;font-size:9px;font-weight:700}.pill.engage,.pill.danger{border-color:#dfaab0;background:var(--red-soft);color:#842e37}.pill.disengage,.pill.success,.pill.heal,.pill.shield{border-color:#b7d5bf;background:var(--green-soft);color:#2d6940}.pill.poke,.pill.lane,.pill.mobility,.pill.dash{border-color:#b8d1e5;background:var(--blue-soft);color:#275e87}.pill.split,.pill.warning,.pill.tier{border-color:#e0ca81;background:var(--amber-soft);color:#725711}.pill.catch,.pill.soft{border-color:#c9c0e3;background:#eeeaf9;color:#59488c}

.team-board{display:grid;grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr);gap:10px;align-items:center}.versus{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line-strong);border-radius:50%;background:#fff;font-size:10px;font-weight:900}.team-composition{overflow:hidden}.team-title{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;background:#e6f1fa;border-bottom:1px solid #bfd5e6}.team-composition.red .team-title{background:#fae8ea;border-color:#e6bec2}.team-title span{font-size:8px;font-weight:800;color:var(--blue)}.team-composition.red .team-title span{color:var(--red)}.team-title h3{margin:2px 0 0;font-size:14px}.team-title>b{font-size:19px;color:var(--blue)}.team-composition.red .team-title>b{color:var(--red)}.team-slots{display:grid;grid-template-columns:repeat(5,1fr)}.champion-slot{position:relative;min-width:0;min-height:70px;display:grid;grid-template-columns:38px minmax(0,1fr);gap:7px;align-items:center;border:0;border-right:1px solid var(--line);background:#fff;padding:7px;text-align:left;cursor:pointer}.champion-slot:last-child{border-right:0}.champion-slot:hover{background:var(--blue-soft)}.champion-slot.red:hover{background:var(--red-soft)}.champion-slot small,.champion-slot b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.champion-slot small{margin-bottom:3px;color:var(--muted);font-size:8px}.champion-slot b{font-size:11px}.champion-slot i{position:absolute;right:3px;top:3px;width:18px;height:18px;display:grid;place-items:center;border-radius:4px;background:#edf2f6;color:#596c7d;font-style:normal}.slot-plus{display:grid;place-items:center;width:38px;height:38px;border:1px dashed #adbdca;border-radius:5px;color:#708496}.ban-row{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line)}.ban-row .champion-slot{min-height:47px;grid-template-columns:26px 1fr;background:#fafbfc}.ban-row .portrait,.ban-row .slot-plus{width:26px;height:26px}.analysis-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.panel{padding:12px;min-width:0}.span-2{grid-column:1/-1}.metric-row{display:grid;grid-template-columns:90px 38px minmax(120px,1fr) 38px 58px;gap:7px;align-items:center;min-height:34px;border-top:1px solid #edf1f4}.metric-row>b{font-size:10px}.metric-number{font-weight:800;text-align:center;font-variant-numeric:tabular-nums}.metric-number.blue{color:var(--blue)}.metric-number.red{color:var(--red)}.dual-bar{height:8px;display:flex;justify-content:center;border-radius:4px;background:#e5ebf0;overflow:hidden}.dual-bar i:first-child{margin-left:auto;background:var(--blue)}.dual-bar i:last-child{margin-right:auto;background:var(--red)}.metric-row em{border-radius:4px;padding:4px;text-align:center;font-style:normal;font-size:8px}.metric-row em.blue{background:var(--blue-soft);color:var(--blue)}.metric-row em.red{background:var(--red-soft);color:var(--red)}.metric-row em.tie{background:#edf1f4;color:#5e6f7e}.lane-row{display:grid;grid-template-columns:54px 1fr 78px 1fr;gap:7px;align-items:center;min-height:42px;border-top:1px solid #edf1f4}.lane-row>b{font-size:10px}.lane-row>div{display:flex;align-items:center;gap:5px;font-size:10px}.lane-row>div:last-child{flex-direction:row-reverse;text-align:right}.lane-row em{text-align:center;font-style:normal;font-size:8px}.lane-row em.blue{color:var(--blue)}.lane-row em.red{color:var(--red)}.win-plan{display:grid;grid-template-columns:1fr 1fr;gap:10px}.win-plan>div{border-left:3px solid var(--blue);padding-left:9px}.win-plan>div:last-child{border-color:var(--red)}.win-plan p{margin:6px 0;color:#405365;font-size:10px;line-height:1.45}.summary-side{padding:2px}.summary-side h3{margin:0 0 8px}.summary-tags{display:flex;gap:4px;flex-wrap:wrap}.summary-side dl{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.summary-side dl>div{border:1px solid var(--line);border-radius:5px;padding:7px}.summary-side dt{color:var(--muted);font-size:8px}.summary-side dd{margin:3px 0 0;font-weight:900}.warnings{display:flex;gap:4px;flex-wrap:wrap}.warnings span{border-radius:4px;background:var(--amber-soft);padding:4px 6px;color:#725711;font-size:9px}.warnings .ok{background:var(--green-soft);color:var(--green)}

.draft-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:12px}.draft-main,.draft-assistant{padding:12px}.draft-status{display:grid;grid-template-columns:1fr auto;align-items:center;border-left:4px solid var(--blue);background:var(--surface-2);padding:10px}.draft-status span{font-size:9px;color:var(--muted)}.draft-status h3{grid-column:1;margin:3px 0 0}.draft-status>div{grid-column:2;grid-row:1/3;display:flex;gap:5px}.draft-teams{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.draft-teams .ban-row{display:none}.draft-timeline{display:grid;grid-template-columns:repeat(10,minmax(58px,1fr));gap:4px;margin-top:10px;overflow:auto}.draft-timeline button{min-height:44px;border:1px solid #b9d0e2;border-radius:4px;background:#edf6fc;padding:5px;text-align:left;cursor:pointer}.draft-timeline button.red{border-color:#e2bdc1;background:#fff1f2}.draft-timeline button.current{outline:2px solid var(--text);outline-offset:1px}.draft-timeline small,.draft-timeline b{display:block}.draft-timeline small{font-size:7px;color:var(--muted)}.draft-timeline b{margin-top:3px;font-size:9px}.recommend-list{display:grid;gap:5px;max-height:510px;overflow:auto}.recommend-list button{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:7px;align-items:center;border:1px solid var(--line);border-radius:5px;background:#fff;padding:5px;text-align:left;cursor:pointer}.recommend-list button:hover{border-color:var(--blue);background:var(--blue-soft)}.recommend-list b,.recommend-list small{display:block}.recommend-list small{color:var(--muted);font-size:8px}.recommend-list em{width:24px;height:24px;display:grid;place-items:center;border-radius:4px;background:var(--amber-soft);font-style:normal;font-weight:800}.draft-needs{margin-top:12px;border-top:1px solid var(--line);padding-top:10px}.draft-needs h3{margin:8px 0 5px;font-size:10px}

.finder-layout{display:grid;grid-template-columns:260px minmax(300px,.8fr) minmax(420px,1.2fr);gap:12px;align-items:start}.filter-panel,.finder-results,.finder-detail{padding:11px}.filter-panel{position:sticky;top:90px;max-height:calc(100dvh - 108px);overflow:auto}.field{display:grid;gap:5px}.field>span,.library-search>span{color:#405365;font-size:10px;font-weight:700}.field input,.field select,.library-search input{width:100%;height:38px;border:1px solid var(--line-strong);border-radius:5px;background:#fff;padding:8px}.filter-group{padding:11px 0;border-bottom:1px solid var(--line)}.filter-group h3{margin:0 0 7px;font-size:10px}.filter-chip{position:relative;display:inline-block;margin:0 4px 4px 0}.filter-chip input{position:absolute;opacity:0}.filter-chip span{display:flex;align-items:center;min-height:31px;border:1px solid var(--line);border-radius:5px;background:#fff;padding:5px 8px;font-size:9px;cursor:pointer}.filter-chip input:checked+span{border-color:var(--blue);background:var(--blue-soft);color:#185788;font-weight:700}.filter-chip input:focus-visible+span{outline:3px solid #8bc4eb}.phase-filters{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.phase-filters label{display:grid;gap:3px}.phase-filters span{font-size:8px;text-transform:capitalize}.phase-filters select{min-width:0;height:32px;border:1px solid var(--line);border-radius:4px;background:#fff;font-size:9px}.filter-panel details{border-bottom:1px solid var(--line);padding:9px 0}.filter-panel summary{margin-bottom:7px;font-size:10px;font-weight:800;cursor:pointer}.filter-panel>button{width:100%;margin-top:10px}.result-toolbar{display:flex;justify-content:space-between;margin-bottom:8px}.result-toolbar span{color:var(--muted);font-size:9px}.finder-list{display:grid;gap:5px;max-height:calc(100dvh - 155px);overflow:auto}.finder-card{display:grid;grid-template-columns:44px minmax(0,1fr);gap:8px;align-items:center;border:1px solid var(--line);border-radius:6px;background:#fff;padding:6px;text-align:left;cursor:pointer}.finder-card:hover,.finder-card.selected{border-color:var(--blue);background:var(--blue-soft)}.finder-card b,.finder-card small{display:block}.finder-card small{margin-top:2px;color:var(--muted);font-size:9px}.finder-card em{display:flex;gap:3px;flex-wrap:wrap;margin-top:5px;font-style:normal}.finder-detail{position:sticky;top:90px}.profile-head{display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:12px;align-items:center}.profile-head span{color:var(--muted);font-size:9px}.profile-head h2{margin:3px 0;font-size:23px}.profile-head p{margin:0;color:#526578;font-size:10px}.profile-head a{align-self:start;border:1px solid var(--blue);border-radius:5px;padding:7px;text-decoration:none;color:var(--blue);font-size:10px}.phase-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:10px}.phase-strip>span{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);border-radius:5px;background:#f2f5f7;padding:7px}.phase-strip small{text-transform:capitalize;color:var(--muted);font-size:8px}.phase-strip b{font-size:9px}.phase-strip .strong{background:var(--green-soft);color:var(--green)}.phase-strip .average{background:var(--amber-soft);color:var(--amber)}.phase-strip .weak{background:var(--red-soft);color:var(--red)}.fact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:8px}.fact-grid span{border:1px solid var(--line);border-radius:5px;padding:7px}.fact-grid small,.fact-grid b{display:block}.fact-grid small{color:var(--muted);font-size:8px}.fact-grid b{margin-top:3px;font-size:10px}.ability-preview{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;margin-top:10px}.mini-ability{display:grid;grid-template-columns:36px minmax(0,1fr);gap:7px;border:1px solid var(--line);border-radius:5px;padding:5px}.mini-ability>img,.mini-ability>span{width:36px;height:36px;border-radius:4px;object-fit:cover}.mini-ability>span{display:grid;place-items:center;background:#e8edf2}.mini-ability small,.mini-ability b{display:block}.mini-ability small{color:var(--muted);font-size:7px}.mini-ability b{font-size:9px}.mini-ability p{margin:2px 0 0;color:#617283;font-size:7px}

.matchup-focus{display:grid;grid-template-columns:76px minmax(0,1fr) minmax(280px,420px);gap:12px;align-items:center;padding:12px;margin-bottom:12px}.matchup-focus h2{margin:3px 0}.matchup-focus p{margin:0;color:var(--muted)}.matchup-focus .phase-strip{margin:0}.relation-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.relation-block{overflow:hidden}.relation-block>.section-head{padding:9px 11px;margin:0;background:#f0f4f7}.relation-block.danger>.section-head{background:var(--red-soft)}.relation-block.success>.section-head{background:var(--green-soft)}.relation-block.warning>.section-head{background:var(--amber-soft)}.relation-block.lane>.section-head{background:var(--blue-soft)}.relation-block>div:last-child{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:8px}.relation-block button{display:grid;grid-template-columns:30px minmax(0,1fr);gap:6px;align-items:center;border:1px solid var(--line);border-radius:5px;background:#fff;padding:4px;text-align:left;cursor:pointer}.relation-block button:hover{border-color:var(--blue)}.relation-block button b,.relation-block button small{display:block;overflow:hidden;text-overflow:ellipsis}.relation-block button b{font-size:9px}.relation-block button small{color:var(--muted);font-size:7px}

.teamfight-score{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:11px;margin-bottom:10px}.teamfight-score>div{display:flex;justify-content:space-between;align-items:center}.teamfight-score .red{flex-direction:row-reverse}.teamfight-score small,.teamfight-score b{display:block}.teamfight-score small{color:var(--muted);font-size:9px}.teamfight-score b{font-size:23px;color:var(--blue)}.teamfight-score .red b{color:var(--red)}.teamfight-score>span{padding:6px 12px;border-radius:5px;background:#edf1f4;font-size:9px}.formation-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.formation{position:relative;min-height:250px;overflow:hidden;background:linear-gradient(90deg,#e7f1f9 0 20%,#f7f9fb 20% 80%,#f8e8ea 80%)}.formation.red{transform:scaleX(-1)}.formation.red>*{transform:scaleX(-1)}.formation-unit{position:absolute;display:grid;justify-items:center;gap:2px}.formation-unit span{border-radius:3px;background:rgba(255,255,255,.9);padding:2px 4px;font-size:8px}.formation-unit.position-frontline{left:18%;top:38%}.formation-unit.position-frontline:nth-child(2){top:62%}.formation-unit.position-midline{left:45%;top:22%}.formation-unit.position-midline:nth-child(4){top:68%}.formation-unit.position-backline{left:70%;top:46%}.formation-unit.position-flank{left:48%;top:78%}.trigger-champion{display:grid;grid-template-columns:30px 80px 1fr;gap:6px;align-items:center;border-top:1px solid var(--line);padding:6px 0}.trigger-champion>b{font-size:9px}.trigger-champion>div{display:flex;gap:3px}.trigger-champion>div span,.trigger-champion>div img{width:28px;height:28px;border:1px solid var(--line);border-radius:4px;object-fit:cover}

.compare-select{display:grid;grid-template-columns:1fr 50px 1fr;gap:10px;align-items:center;margin-bottom:10px}.compare-select>span{text-align:center;font-weight:900}.compare-pick{display:grid;grid-template-columns:76px 1fr;gap:10px;align-items:center;padding:9px;text-align:left;cursor:pointer}.compare-pick:hover{border-color:var(--blue)}.compare-pick small,.compare-pick b,.compare-pick em{display:block}.compare-pick small{color:var(--muted);font-size:8px}.compare-pick b{font-size:18px}.compare-pick em{margin-top:4px;color:#526578;font-style:normal;font-size:9px}.compare-layout{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:10px}.compare-layout>.panel>p{white-space:pre-line;color:#405365;font-size:10px;line-height:1.5}.stat-compare{display:grid;grid-template-columns:75px 25px 1fr 25px;gap:5px;align-items:center;min-height:34px;border-top:1px solid var(--line)}.stat-compare>b{font-size:9px}.stat-compare>span{font-weight:800;text-align:center}.stat-compare>div{height:7px;display:flex;justify-content:center;background:#e8edf1}.stat-compare i:first-child{margin-left:auto;background:var(--blue)}.stat-compare i:last-child{background:var(--red)}.compare-facts{display:grid;grid-template-columns:1fr 70px 1fr;margin-top:9px;border:1px solid var(--line)}.compare-facts>*{padding:6px;border-bottom:1px solid var(--line);text-align:center;font-size:9px}.compare-facts>*:nth-last-child(-n+3){border-bottom:0}.compare-facts b{background:#f1f4f6}.ability-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;padding:10px}.ability-compare>div{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}

.segmented{display:flex;border:1px solid var(--line-strong);border-radius:5px;overflow:hidden}.segmented button{border:0;border-right:1px solid var(--line);border-radius:0;text-transform:capitalize}.segmented button:last-child{border-right:0}.segmented button.active{background:var(--text);color:#fff}.map-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.5fr);gap:12px}.map-timeline{display:grid;grid-template-columns:1.2fr .8fr;min-height:520px;padding:12px}.map-lanes{display:grid;grid-template-columns:repeat(5,1fr);align-content:start;border:1px solid var(--line);background:linear-gradient(135deg,#e4eff8,#f8f9fa 47%,#fae7e9)}.map-lanes>span{padding:7px;border-right:1px solid var(--line);text-align:center;color:var(--muted);font-size:8px}.map-match{grid-column:1/-1;display:grid;grid-template-columns:60px 1fr 1fr;gap:7px;align-items:center;min-height:55px;border-top:1px solid var(--line);padding:6px}.map-match>span{display:flex;align-items:center;gap:5px;font-size:9px}.map-match>span:last-child{justify-content:flex-end}.objective-board{padding:12px}.objective-board h3{margin-top:0}.objective-board>span{display:block;border:1px solid var(--line);border-radius:5px;margin:6px 0;padding:8px}.objective-board>span.priority{border-color:#d9b94e;background:var(--amber-soft)}.objective-board b,.objective-board small{display:block}.objective-board small{margin-top:3px;color:var(--muted);font-size:8px}.map-plans{display:grid;gap:10px}.map-plans>section{padding:12px}.map-plans h3{margin:0 0 8px}.map-plans p{border-left:3px solid var(--blue);padding-left:8px;color:#405365;font-size:10px;line-height:1.45}.map-plans section.red p{border-color:var(--red)}.route-mini{border-top:1px solid var(--line);padding:8px 0}.route-mini>b{display:block;margin-bottom:5px;font-size:9px}.route-mini>span{display:flex;flex-wrap:wrap;gap:3px}

.strategy-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:12px}.strategy-rules{overflow:hidden}.strategy-rules article{display:grid;grid-template-columns:50px 1fr;gap:12px;border-bottom:1px solid var(--line);padding:13px}.strategy-rules article:last-child{border-bottom:0}.strategy-rules article>span{font-size:23px;font-weight:900;color:#c3cfd8}.strategy-rules small{color:var(--muted);font-size:8px;text-transform:uppercase}.strategy-rules h3{margin:3px 0 5px}.strategy-rules p{margin:0;color:#405365;line-height:1.5}.strategy-layout>aside{display:grid;gap:10px}.strategy-layout>aside>section{padding:12px}.strategy-layout h3{margin:0 0 9px}.strategy-phase{display:grid;grid-template-columns:45px repeat(3,1fr);align-items:end;height:96px;border-bottom:1px solid var(--line)}.strategy-phase>b{align-self:center}.strategy-phase span{display:grid;justify-items:center;align-items:end;height:85px;color:var(--muted);font-size:8px}.strategy-phase i{display:block;width:18px;background:var(--blue)}.strategy-phase:nth-child(3) i{background:var(--red)}.strategy-layout aside p{color:#405365;font-size:10px;line-height:1.45}

.library-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:12px;align-items:start}.library-list{position:sticky;top:90px;max-height:calc(100dvh - 108px);overflow:auto;padding:9px}.library-list>div{display:grid;gap:4px;margin-top:8px}.library-list button{display:grid;grid-template-columns:30px minmax(0,1fr);gap:7px;align-items:center;border:1px solid var(--line);border-radius:5px;background:#fff;padding:5px;text-align:left;cursor:pointer}.library-list button:hover,.library-list button.active{border-color:var(--blue);background:var(--blue-soft)}.library-list b,.library-list small{display:block}.library-list small{color:var(--muted);font-size:8px}.champion-profile,.skill-profile{padding:13px}.profile-section{margin-top:12px;padding:12px;box-shadow:none}.profile-section>h3{margin-top:0}.rating-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:5px}.rating-grid span{border:1px solid var(--line);border-radius:5px;padding:7px}.rating-grid small,.rating-grid b{display:block}.rating-grid small{color:var(--muted);font-size:8px}.rating-grid b{margin-top:3px}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.guide-grid p,.plan-grid p{margin:0;white-space:pre-line;color:#405365;font-size:10px;line-height:1.55}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.plan-grid article{border:1px solid var(--line);border-radius:5px;padding:8px}.plan-grid article>b{text-transform:capitalize}.plan-grid p{margin-top:6px}.capability-cloud{display:flex;gap:4px;flex-wrap:wrap;margin:10px 0}.ability-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:7px}.ability-card{display:grid;grid-template-columns:56px 1fr;gap:9px;border:1px solid var(--line);border-radius:6px;padding:8px}.ability-card.alternate{border-color:#ddc77e;background:#fffaf0}.ability-card>div{display:flex;flex-wrap:wrap;gap:2px}.ability-card img,.ability-card>div>span{width:56px;height:56px;border:1px solid var(--line);border-radius:5px;object-fit:cover}.ability-card img:nth-child(n+2){width:26px;height:26px}.ability-card>div>span{display:grid;place-items:center;background:#edf1f4}.ability-card small{color:var(--muted);font-size:8px}.ability-card h3{margin:2px 0;font-size:12px}.ability-card section>b{font-size:8px;color:#526578}.ability-card section>p{display:flex;flex-wrap:wrap;gap:3px;margin:5px 0 0}.library-search{display:grid;gap:5px;max-width:500px;margin-bottom:12px}.route-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:10px}.route-grid>article{overflow:hidden}.route-grid header{display:grid;grid-template-columns:1fr auto;padding:10px;background:#e8f1f7}.route-grid header>span{grid-column:1/-1;color:var(--blue);font-size:8px;font-weight:800}.route-grid header h3{margin:3px 0}.route-grid header b{grid-column:2;grid-row:2}.route-steps{display:flex;align-items:center;gap:4px;overflow:auto;padding:12px}.route-steps span{position:relative;min-width:76px;border:1px solid var(--line);border-radius:5px;padding:8px;text-align:center;font-size:9px}.route-steps span:not(:last-child):after{content:'›';position:absolute;right:-8px;color:#788b9b}.route-steps small{display:block;color:var(--muted);font-size:7px}.route-grid footer{display:flex;gap:5px;flex-wrap:wrap;border-top:1px solid var(--line);padding:8px}.route-grid footer span{border-radius:4px;background:#edf1f4;padding:4px 6px;font-size:8px}.cc-table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{border-bottom:1px solid var(--line);padding:9px;text-align:left;font-size:10px}.data-table th{position:sticky;top:0;background:#edf2f6;color:#405365;font-size:8px;text-transform:uppercase}.data-table tr:hover td{background:#f6f9fb}
.profile-meta,.stat-grid,.evidence-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:6px}.profile-meta>span,.stat-grid>span,.evidence-grid>span{min-width:0;border:1px solid var(--line);border-radius:5px;padding:7px;background:#f8fafb}.profile-meta small,.profile-meta b,.stat-grid small,.stat-grid b,.evidence-grid small,.evidence-grid b{display:block;overflow-wrap:anywhere}.profile-meta small,.stat-grid small,.evidence-grid small{color:var(--muted);font-size:8px}.profile-meta b,.stat-grid b,.evidence-grid b{margin-top:3px;font-size:11px}.plan-grid.spikes article{border-top:3px solid var(--amber)}.compare-guides{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.compare-guides>article{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:12px;box-shadow:var(--shadow)}.compare-guides h3{margin:0 0 8px}.compare-guides article>div{border-top:1px solid var(--line);padding:8px 0}.compare-guides article>div>b{text-transform:capitalize}.compare-guides p,.compare-guides small{display:block;margin:5px 0 0;white-space:pre-line;color:#405365;font-size:10px;line-height:1.5}.compare-guides small{color:var(--muted)}
.matchup-evidence{margin-top:12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:12px;box-shadow:var(--shadow)}.ability-card footer{display:flex;flex-wrap:wrap;align-items:center;gap:3px;margin-top:6px;color:var(--muted);font-size:8px}.route-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:0 12px 12px}.route-details>span{border:1px solid var(--line);border-radius:5px;padding:6px;background:#f8fafb}.route-details small,.route-details b{display:block}.route-details small{color:var(--muted);font-size:7px}.route-details b{margin-top:2px;font-size:9px}.route-fit{display:flex;align-items:center;gap:5px;overflow:auto;border-top:1px solid var(--line);padding:8px 12px}.route-fit>small{min-width:max-content;color:var(--muted);font-size:8px}.route-fit button{display:flex;align-items:center;gap:4px;min-width:max-content;border:1px solid var(--line);border-radius:5px;background:#fff;padding:3px 6px;cursor:pointer}.route-fit button:hover{border-color:var(--blue);background:var(--blue-soft)}.route-fit button span{font-size:8px;font-weight:700}
.finder-relations{margin-top:12px;border-top:1px solid var(--line);padding-top:10px}.finder-relations h3{margin:8px 0 5px;font-size:10px}.finder-relations>div{display:flex;flex-wrap:wrap;gap:4px}.filter-panel>.field+ .field{margin-top:8px}.field select{width:100%;min-height:34px;border:1px solid var(--line-strong);border-radius:5px;background:#fff;padding:6px}
.team-deep-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.team-deep{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.team-deep>header{display:flex;justify-content:space-between;align-items:center;border-bottom:4px solid var(--blue);padding:10px 12px}.team-deep.red>header{border-color:var(--red)}.team-deep header span{color:var(--muted);font-size:8px;font-weight:800}.team-deep header h3{margin:2px 0 0}.profile-bars{display:grid;grid-template-columns:1fr 1fr;gap:5px 12px;padding:12px}.profile-bars>div{display:grid;grid-template-columns:65px 1fr 34px;gap:6px;align-items:center}.profile-bars span,.profile-bars em{font-size:8px;font-style:normal}.profile-bars em{text-align:right}.profile-bars i{height:8px;overflow:hidden;background:#e7edf1}.profile-bars i b{display:block;height:100%;background:var(--blue)}.team-deep.red .profile-bars i b{background:var(--red)}.utility-strip{display:grid;grid-template-columns:repeat(9,minmax(48px,1fr));overflow:auto;border-block:1px solid var(--line)}.utility-strip span{padding:7px;border-right:1px solid var(--line);text-align:center}.utility-strip small,.utility-strip b{display:block}.utility-strip small{color:var(--muted);font-size:7px}.utility-strip b{margin-top:2px}.team-deep .data-table td:nth-child(2){display:flex;align-items:center;gap:5px;min-width:105px}.team-deep .data-table td{white-space:normal;vertical-align:middle;font-size:8px}.team-guides{display:grid;gap:5px;padding:10px}.team-guides details{border:1px solid var(--line);border-radius:5px}.team-guides summary{display:flex;align-items:center;gap:7px;padding:6px;cursor:pointer}.team-guides summary span{margin-left:auto;color:var(--muted);font-size:8px}.team-guides details>div{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;border-top:1px solid var(--line);padding:7px}.team-guides article{min-width:0}.team-guides article>b{text-transform:capitalize}.team-guides p,.team-guides small{display:block;margin:5px 0 0;white-space:pre-line;color:#405365;font-size:9px;line-height:1.45}.team-guides small{color:var(--muted)}
.objective-table{margin-top:12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:12px;box-shadow:var(--shadow)}.map-match>strong{display:block;grid-column:1/-1;border-radius:3px;padding:2px;text-align:center;font-size:7px}.map-match>strong.blue{background:var(--blue-soft);color:var(--blue)}.map-match>strong.red{background:var(--red-soft);color:var(--red)}.map-match span em{margin-left:auto;color:var(--muted);font-size:8px;font-style:normal}.map-route-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.map-route-card{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.map-route-card>header{display:flex;align-items:center;gap:8px;border-bottom:3px solid var(--blue);padding:10px}.map-route-card.red>header{border-color:var(--red)}.map-route-card header small{color:var(--muted);font-size:8px}.map-route-card header h3{margin:2px 0}.map-route-card header>b{margin-left:auto;font-size:9px}.map-route-card dl{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:0 12px}.map-route-card dl>div{border:1px solid var(--line);border-radius:5px;padding:6px}.map-route-card dt{color:var(--muted);font-size:7px}.map-route-card dd{margin:3px 0 0;font-size:9px;font-weight:700}.map-jungle-skills{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;border-top:1px solid var(--line);padding:10px}.fight-role-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.fight-role-grid>section{border:1px solid var(--line);border-top:4px solid var(--blue);border-radius:var(--radius);background:var(--surface);padding:12px;box-shadow:var(--shadow)}.fight-role-grid>section.red{border-top-color:var(--red)}.fight-role-grid h3{margin-top:0}.fight-role-grid section>div{display:grid;grid-template-columns:80px 30px 1fr;gap:6px;align-items:center;border-top:1px solid var(--line);padding:5px}.fight-role-grid section>div span{color:var(--muted);font-size:8px;text-transform:capitalize}.fight-role-grid article{margin-top:8px;border-top:1px solid var(--line);padding-top:6px}.fight-role-grid article p{display:grid;grid-template-columns:22px 1fr;gap:6px;align-items:start;margin:6px 0;color:#405365;font-size:10px;line-height:1.4}.fight-role-grid article p>b{display:grid;place-items:center;width:20px;height:20px;border-radius:3px;background:#edf2f6}
.draft-controls{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:8px}.draft-filter-row{display:flex;gap:5px;flex-wrap:wrap}.draft-filter-row label{cursor:pointer}.draft-filter-row input{position:absolute;opacity:0;pointer-events:none}.draft-filter-row span{display:block;border:1px solid var(--line-strong);border-radius:4px;padding:6px 8px;font-size:9px}.draft-filter-row input:checked+span{border-color:var(--green);background:var(--green-soft);color:#28603b;font-weight:800}.compare-stat-table{margin-top:10px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:12px;box-shadow:var(--shadow)}.compare-guides .weakness{margin:0 0 8px;border-left:3px solid var(--red);background:var(--red-soft);padding:8px;white-space:pre-line}
.series-scoreboard{display:grid;grid-template-columns:120px minmax(220px,1fr) 120px;align-items:center;margin-bottom:10px;border:1px solid var(--line);border-radius:var(--radius);background:#132738;color:#fff;overflow:hidden}.series-scoreboard>div{padding:10px;text-align:center}.series-scoreboard>.blue{background:#164f78}.series-scoreboard>.red{background:#8d2630}.series-scoreboard small,.series-scoreboard span,.series-scoreboard strong{display:block}.series-scoreboard b{font-size:28px}.series-scoreboard span{font-size:9px;color:#aac0d0}.series-scoreboard strong{margin:2px 0 6px}.series-scoreboard .segmented{justify-content:center}.series-scoreboard .segmented button{min-height:26px;border-color:#4b6578;background:transparent;color:#d7e2ea;padding:3px 9px}.series-scoreboard .segmented button.active{background:#fff;color:#132738}.series-history{margin-bottom:10px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:10px;box-shadow:var(--shadow)}.series-games{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:7px;overflow:auto}.series-games article{min-width:180px;border:1px solid var(--line);border-radius:5px;overflow:hidden}.series-games article>header{display:flex;justify-content:space-between;padding:6px;background:#edf2f6}.series-games article>header span{color:var(--muted);font-size:8px}.history-side{display:flex;align-items:center;gap:3px;padding:5px}.history-side small{width:30px;font-size:7px;font-weight:800}.history-side.blue{border-left:3px solid var(--blue)}.history-side.red{border-left:3px solid var(--red)}.series-games article>footer{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.series-games article>footer button{border:0;background:#fff;padding:5px;font-size:8px;cursor:pointer}.series-games article>footer button.active:first-child{background:var(--blue-soft);color:var(--blue);font-weight:800}.series-games article>footer button.active:last-child{background:var(--red-soft);color:var(--red);font-weight:800}.pro-draft-board{display:grid;grid-template-columns:1fr 70px 1fr;gap:8px;align-items:center;padding:10px}.pro-roster{overflow:hidden;border:1px solid var(--line);border-radius:5px}.pro-roster>header{display:flex;justify-content:space-between;border-bottom:3px solid var(--blue);padding:7px;background:var(--blue-soft)}.pro-roster.red>header{border-color:var(--red);background:var(--red-soft)}.pro-roster>header span{font-size:8px;font-weight:900}.pro-roster>div{display:grid}.pro-roster>div>button{display:grid;grid-template-columns:28px 38px minmax(0,1fr) 20px;gap:6px;align-items:center;min-height:50px;border:0;border-bottom:1px solid var(--line);background:#fff;padding:5px;text-align:left;cursor:pointer}.pro-roster>div>button:hover{background:#f6f9fb}.pro-roster>div>button>small{font-weight:900;color:var(--blue)}.pro-roster.red>div>button>small{color:var(--red)}.pro-roster>div>button>i{display:grid;place-items:center;width:30px;height:30px;border:1px dashed var(--line-strong);font-style:normal}.pro-roster>div>button span b,.pro-roster>div>button span em{display:block}.pro-roster>div>button span em{margin-top:2px;color:var(--muted);font-size:7px;font-style:normal}.pro-roster>div>button>i:last-child{width:20px;height:20px;border:0}.pro-roster>footer{display:grid;grid-template-columns:repeat(5,1fr);background:#f2f5f7}.pro-roster>footer button{min-width:0;border:0;border-right:1px solid var(--line);background:transparent;padding:5px;cursor:pointer}.pro-roster>footer img{margin:auto}.pro-roster>footer small{display:block;overflow:hidden;margin-top:2px;font-size:6px;text-overflow:ellipsis;white-space:nowrap}.draft-center{text-align:center}.draft-center b,.draft-center span,.draft-center small{display:block}.draft-center b{display:grid;place-items:center;width:44px;height:44px;margin:auto;border:1px solid var(--line-strong);border-radius:50%;font-size:18px}.draft-center span{margin-top:4px;font-weight:900}.draft-center small{color:var(--muted);font-size:7px}.fearless-locks{border-top:1px solid var(--line);padding-top:8px}.fearless-locks h3{margin:0 0 6px;font-size:10px}.fearless-locks>div{display:flex;gap:3px;overflow:auto}
.draft-main,.draft-assistant,.draft-controls,.series-scoreboard,.series-history,.pro-draft-board,.pro-roster{min-width:0;max-width:100%}.draft-main{overflow:hidden}.draft-controls .segmented,.draft-timeline,.series-games{max-width:100%}
html,body{max-width:100%;overflow-x:hidden}
.champion-matrix{margin-top:12px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:12px;box-shadow:var(--shadow)}.champion-matrix .cc-table-wrap{max-height:620px}.champion-matrix .data-table{min-width:1500px}.champion-matrix thead th{z-index:2}.champion-matrix td{max-width:190px;white-space:normal;vertical-align:middle}.champion-matrix td:first-child{position:sticky;left:0;z-index:1;background:#fff}.champion-matrix th:first-child{left:0;z-index:3}.champion-matrix td:first-child button{display:flex;align-items:center;gap:6px;border:0;background:transparent;padding:0;cursor:pointer}.champion-matrix td:first-child button:hover b{color:var(--blue)}.champion-matrix td .pill{margin:1px}
.route-map{position:relative;width:min(100%,520px);aspect-ratio:1;margin:12px auto;border:1px solid var(--line);background:#132738;overflow:hidden}.route-map>img{display:block;width:100%;height:100%;object-fit:cover}.route-map>div{position:absolute;inset:0}.route-map span{position:absolute;transform:translate(-50%,-50%);z-index:2}.route-map span>b{display:grid;place-items:center;width:24px;height:24px;border:2px solid #fff;border-radius:50%;background:var(--blue);color:#fff;box-shadow:0 2px 5px rgba(0,0,0,.45);font-size:9px}.map-route-card.red .route-map span>b{background:var(--red)}.route-map span>small{display:none;position:absolute;left:27px;top:2px;width:max-content;max-width:100px;border-radius:3px;background:rgba(13,28,41,.9);color:#fff;padding:3px 5px;font-size:7px}.route-map span:hover>small{display:block}.route-map span:not(:last-child):after{content:'';position:absolute;left:20px;top:20px;width:12px;height:2px;background:#fff;opacity:.8}
.map-legend{display:grid;grid-template-columns:minmax(210px,.65fr) minmax(420px,1.35fr);gap:12px;align-items:center;margin-bottom:12px;border:1px solid var(--line);border-left:4px solid var(--sheet-output);background:var(--surface);padding:10px 12px;box-shadow:var(--shadow)}.map-legend>div:first-child>span{color:var(--sheet-output);font-size:8px;font-weight:900;letter-spacing:.09em}.map-legend h3{margin:3px 0;font-size:13px}.map-legend p{margin:0;color:var(--muted);font-size:9px;line-height:1.45}.map-legend>div[role="list"]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.map-legend [role="listitem"]{display:flex;align-items:center;gap:7px;min-height:32px;border:1px solid var(--line);padding:6px;font-size:8px}.map-legend i{display:block;width:13px;height:13px;border:2px solid #fff;border-radius:50%;background:#607d8b;box-shadow:0 0 0 1px var(--line-strong)}.map-legend .gank i,.route-map span.gank>b{background:#f59e0b}.map-legend .objective i,.route-map span.objective>b{background:#8b5cf6}.map-legend .invade i,.route-map span.invade>b{background:#111827}.map-legend .blue i{background:var(--blue)}.map-legend .red i{background:var(--red)}.route-map span.camp>b{background:#607d8b}.map-route-card.red .route-map span.gank>b{background:#f59e0b}.map-route-card.red .route-map span.objective>b{background:#8b5cf6}.map-route-card.red .route-map span.invade>b{background:#111827}
.scenario-lab,.strategy-matrix{margin-top:12px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:12px;box-shadow:var(--shadow)}.scenario-tabs{width:max-content;max-width:100%;overflow:auto}.scenario-result{display:grid;grid-template-columns:1fr 120px 1fr;gap:10px;align-items:stretch;margin:10px 0}.scenario-result>article{border:1px solid var(--line);border-top:4px solid var(--blue);border-radius:5px;padding:10px}.scenario-result>article.red{border-top-color:var(--red)}.scenario-result article span,.scenario-result article b{display:block}.scenario-result article b{font-size:22px}.scenario-result article p{margin:5px 0 0;color:#405365;font-size:10px;line-height:1.45}.scenario-result>strong{display:grid;place-items:center;text-align:center;font-size:10px}.strategy-matrix .data-table{min-width:900px}.strategy-matrix td{max-width:260px;white-space:normal;vertical-align:top;line-height:1.45}
.lane-detail{margin-top:12px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:12px;box-shadow:var(--shadow)}.lane-match-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:8px}.lane-match-grid>article{min-width:0;border:1px solid var(--line);border-radius:6px;overflow:hidden}.lane-match-grid article>header{display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding:8px;background:#edf2f6}.lane-match-grid article>header span{font-weight:900}.lane-match-grid article>header small{grid-column:1/-1;color:var(--muted);font-size:7px}.lane-champions{display:grid;grid-template-columns:1fr 70px 1fr;gap:6px;align-items:center;padding:8px}.lane-champions section{display:grid;grid-template-columns:38px 1fr;gap:0 6px;align-items:center}.lane-champions section:last-child{text-align:right}.lane-champions section:last-child img{grid-column:2;grid-row:1/3}.lane-champions section:last-child b,.lane-champions section:last-child span{grid-column:1}.lane-champions section>b{font-size:11px}.lane-champions section>span{color:var(--muted);font-size:7px}.lane-champions>strong{text-align:center;font-size:8px}.lane-skill-pairs{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.lane-skill-pairs>section{padding:6px}.lane-skill-pairs>section+section{border-left:1px solid var(--line)}.lane-skill-pairs section>div{display:grid;grid-template-columns:30px 1fr;gap:5px;align-items:center;margin:3px 0}.lane-skill-pairs img{width:30px;height:30px;border:1px solid var(--line);border-radius:4px}.lane-skill-pairs b,.lane-skill-pairs small{display:block}.lane-skill-pairs b{font-size:8px}.lane-skill-pairs small{color:var(--muted);font-size:7px}.lane-match-grid article>footer{display:grid;grid-template-columns:auto 1fr auto;gap:7px;align-items:center;border-top:1px solid var(--line);padding:7px}.lane-match-grid article>footer span{font-size:7px}.lane-match-grid article>footer i{height:7px;background:var(--red-soft)}.lane-match-grid article>footer i>b{display:block;height:100%;background:var(--blue)}
.draft-pool-board{margin-top:12px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:12px;box-shadow:var(--shadow)}.pool-toolbar{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:9px}.pool-toolbar>label{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:8px}.pool-toolbar select{min-height:32px;border:1px solid var(--line-strong);border-radius:4px;background:#fff;padding:5px}.pool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:5px;max-height:650px;overflow:auto}.pool-grid>article{display:grid;grid-template-columns:38px minmax(0,1fr) auto auto auto;gap:5px;align-items:center;border:1px solid var(--line);border-radius:5px;padding:5px}.pool-grid article b,.pool-grid article small{display:block}.pool-grid article small{color:var(--muted);font-size:7px}.pool-grid article>button{border:1px solid var(--blue);border-radius:4px;background:var(--blue-soft);color:var(--blue);padding:5px 7px;font-size:8px;cursor:pointer}.pool-grid article>label input{position:absolute;opacity:0}.pool-grid article>label span{display:block;border:1px solid var(--line);border-radius:4px;padding:5px;font-size:7px;cursor:pointer}.pool-grid article>label input:checked+span{border-color:var(--green);background:var(--green-soft);color:var(--green);font-weight:800}
.level-compare{margin-top:12px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:12px;box-shadow:var(--shadow)}.level-compare .section-head label{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:9px}.level-compare input{width:180px}.level-stat-head{display:grid;grid-template-columns:1fr 100px 1fr;align-items:center;border-block:1px solid var(--line);padding:8px}.level-stat-head>span{display:flex;align-items:center;gap:7px}.level-stat-head>span:last-child{justify-content:flex-end}.level-stat-head>strong{text-align:center}.level-stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:5px 10px;margin-top:8px}.level-stat-grid>div{display:grid;grid-template-columns:1fr 90px 1fr;align-items:center;border:1px solid var(--line);border-radius:5px;overflow:hidden}.level-stat-grid>div>span{padding:8px;font-weight:800}.level-stat-grid>div>span.blue{background:var(--blue-soft);color:var(--blue)}.level-stat-grid>div>span.red{background:var(--red-soft);color:var(--red);text-align:right}.level-stat-grid>div>b{text-align:center;font-size:9px}.level-stat-grid small{display:block;color:var(--muted);font-size:7px}
.fight-charts{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:10px;margin-top:12px}.fight-charts>article{min-width:0;border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:12px;box-shadow:var(--shadow)}.fight-charts svg{display:block;width:100%;max-height:300px}.fight-charts svg text{fill:#526578;font-size:7px}.radar-grid polygon,.radar-grid line{fill:none;stroke:#d4dde5;stroke-width:1}.radar-blue{fill:rgba(23,105,170,.25);stroke:var(--blue);stroke-width:2}.radar-red{fill:rgba(179,58,69,.2);stroke:var(--red);stroke-width:2}.fight-charts svg>line{stroke:#9babb8;stroke-width:1}.fight-charts circle{opacity:.7;stroke:#fff;stroke-width:2}.fight-charts circle.blue{fill:var(--blue)}.fight-charts circle.red{fill:var(--red)}.objective-affinity>div:not(.section-head){display:grid;grid-template-columns:70px 28px 1fr 28px;gap:5px;align-items:center;min-height:30px;border-top:1px solid var(--line)}.objective-affinity>div>span{font-size:9px;font-weight:800}.objective-affinity>div>span.red{text-align:right}.objective-affinity i{display:flex;justify-content:center;height:7px;background:#edf1f4}.objective-affinity i em:first-child{margin-left:auto;background:var(--blue)}.objective-affinity i em:last-child{background:var(--red)}
.cc-removal,.system-coverage{margin-top:12px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:12px;box-shadow:var(--shadow)}.cc-removal .data-table{min-width:1050px}.coverage-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:10px}.coverage-grid>div{min-width:0;border:1px solid var(--line);border-radius:5px;padding:8px}.coverage-grid>div>h3{margin-top:0}.coverage-grid>div>p{display:flex;justify-content:space-between;gap:8px;margin:0;border-top:1px solid var(--line);padding:7px;font-size:9px}.coverage-grid>div>p b{text-align:right}.logic-rules{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:7px;margin-top:10px}.logic-rules>h3{grid-column:1/-1;margin-bottom:0}.logic-rules article{min-width:0;border:1px solid var(--line);border-radius:5px;padding:8px}.logic-rules pre{max-height:240px;overflow:auto;margin:6px 0 0;color:#405365;font:9px/1.45 Consolas,monospace;white-space:pre-wrap}

.system-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:12px}.quality-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quality-grid>article{padding:12px}.quality-grid article>span{display:inline-block;border-radius:4px;background:var(--green-soft);padding:3px 5px;color:var(--green);font-size:8px}.quality-grid article.issue>span{background:var(--amber-soft);color:var(--amber)}.quality-grid article>b{display:block;margin-top:12px;font-size:28px}.quality-grid h3{margin:4px 0}.quality-grid p{margin:0;color:var(--muted);font-size:9px}.settings-panel{padding:13px}.settings-panel h3{margin-top:0}.settings-panel>p{color:var(--muted);font-size:10px}.settings-panel>label{display:grid;grid-template-columns:75px 1fr 30px;gap:7px;align-items:center;margin:10px 0}.settings-panel label span{text-transform:capitalize;font-size:10px}.settings-panel input{width:100%}.settings-panel output{text-align:right;font-variant-numeric:tabular-nums}.settings-panel>button{width:100%;margin:8px 0}.settings-panel dl{display:grid;grid-template-columns:1fr 1fr;gap:5px}.settings-panel dl>div{border:1px solid var(--line);border-radius:5px;padding:7px}.settings-panel dt{color:var(--muted);font-size:8px}.settings-panel dd{margin:3px 0 0;font-weight:900}

dialog{width:min(820px,calc(100vw - 28px));max-height:82dvh;border:1px solid var(--line-strong);border-radius:8px;padding:0;box-shadow:0 22px 60px rgba(12,28,42,.25)}dialog::backdrop{background:rgba(13,27,39,.55)}.dialog-head{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line)}.dialog-head b,.dialog-head small{display:block}.dialog-head small{margin-top:2px;color:var(--muted);font-size:9px}.dialog-head button{width:36px;height:36px;border:1px solid var(--line);border-radius:5px;background:#fff;font-size:20px;cursor:pointer}dialog>.field{padding:11px 14px}.picker-list{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;max-height:60dvh;overflow:auto;padding:0 14px 14px}.picker-list button{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:8px;align-items:center;border:1px solid var(--line);border-radius:6px;background:#fff;padding:6px;text-align:left;cursor:pointer}.picker-list button:hover{border-color:var(--blue);background:var(--blue-soft)}.picker-list button:disabled{opacity:.4;cursor:not-allowed}.picker-list b,.picker-list small{display:block}.picker-list small{color:var(--muted);font-size:8px}.toast{position:fixed;right:20px;bottom:20px;z-index:100;transform:translateY(20px);opacity:0;border-radius:6px;background:#152b3d;color:#fff;padding:10px 14px;box-shadow:var(--shadow);transition:transform .18s ease,opacity .18s ease}.toast.show{transform:none;opacity:1}

@media(max-width:1280px){.finder-layout{grid-template-columns:240px minmax(300px,1fr)}.finder-detail{grid-column:2;position:static}.draft-layout,.map-layout,.strategy-layout{grid-template-columns:1fr}.draft-assistant{display:grid;grid-template-columns:1fr 1fr;gap:12px}.draft-assistant>.section-head{grid-column:1/-1}.recommend-list{max-height:280px}.map-plans{grid-template-columns:repeat(3,1fr)}.system-layout{grid-template-columns:1fr}.settings-panel{grid-row:1}.quality-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:0;transform:translateX(-100%);width:232px;transition:transform .2s ease;box-shadow:12px 0 32px rgba(0,0,0,.2)}body.nav-open .sidebar{transform:none}.menu-button{display:block!important}.topbar{padding:10px 14px}#app-main{padding:14px}.team-board{grid-template-columns:1fr}.versus{margin:auto}.analysis-grid,.formation-grid,.compare-layout,.team-deep-grid,.map-route-grid,.fight-role-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.compare-layout .compare-center{order:-1}.finder-layout{grid-template-columns:1fr}.filter-panel,.finder-detail{position:static;max-height:none}.finder-list{max-height:440px}.finder-detail{grid-column:auto}.draft-teams{grid-template-columns:1fr}.relation-grid{grid-template-columns:1fr}.library-layout{grid-template-columns:1fr}.library-list{position:static;max-height:360px}.map-plans{grid-template-columns:1fr}.system-layout{grid-template-columns:1fr}.quality-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){body{font-size:13px}.topbar-actions button:first-child{display:none}.page-intro{display:block}.page-actions{margin-top:10px;flex-wrap:wrap}.team-slots{grid-template-columns:1fr}.champion-slot{border-right:0;border-bottom:1px solid var(--line)}.ban-row{grid-template-columns:repeat(5,minmax(54px,1fr));overflow:auto}.ban-row .champion-slot{display:block;text-align:center}.ban-row .champion-slot>span:last-of-type{display:none}.analysis-grid,.win-plan,.draft-assistant,.compare-select,.compare-guides,.ability-compare,.guide-grid,.plan-grid,.team-guides details>div{grid-template-columns:1fr}.draft-controls{display:block}.draft-controls .segmented,.draft-filter-row{margin-top:7px;overflow:auto;flex-wrap:nowrap}.series-scoreboard{grid-template-columns:70px 1fr 70px}.series-scoreboard>div{padding:7px}.series-games{grid-template-columns:repeat(4,180px)}.pro-draft-board{grid-template-columns:1fr}.draft-center{display:flex;justify-content:center;align-items:center;gap:6px}.draft-center b{margin:0}.compare-select>span{padding:5px}.metric-row{grid-template-columns:65px 28px minmax(80px,1fr) 28px}.metric-row em{display:none}.lane-row{grid-template-columns:42px 1fr 1fr}.lane-row em{display:none}.summary-side dl,.fact-grid{grid-template-columns:repeat(2,1fr)}.relation-block>div:last-child{grid-template-columns:repeat(2,1fr)}.matchup-focus{grid-template-columns:64px 1fr}.matchup-focus>.phase-strip{grid-column:1/-1}.profile-head{grid-template-columns:64px 1fr}.profile-head>a{grid-column:1/-1}.ability-preview,.ability-compare>div{grid-template-columns:1fr}.map-timeline{grid-template-columns:1fr}.objective-board{border-top:1px solid var(--line)}.quality-grid{grid-template-columns:1fr}.picker-list{grid-template-columns:1fr}.route-grid{grid-template-columns:1fr}.profile-bars{grid-template-columns:1fr}.topbar h1{font-size:17px}.topbar-actions{display:none}}

.phase-weight-panel,.strategy-contract,.route-compatibility,.matchup-direction,.cc-coverage{margin:12px 0;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:12px;box-shadow:var(--shadow)}
.phase-weight-sides{display:grid;grid-template-columns:1fr 1fr;gap:10px}.phase-weight-sides>article{overflow:hidden;border:1px solid var(--line);border-top:3px solid var(--blue);border-radius:6px}.phase-weight-sides>article.red{border-top-color:var(--red)}.phase-weight-sides header{display:grid;grid-template-columns:1fr repeat(3,auto);gap:12px;align-items:center;background:var(--surface-2,#edf2f6);padding:9px}.phase-weight-sides header span{display:grid;text-align:right}.phase-weight-sides header small{color:var(--muted);font-size:8px;text-transform:uppercase}.phase-weight-sides article>div p{display:grid;grid-template-columns:1fr repeat(3,48px);align-items:center;margin:0;border-top:1px solid var(--line);padding:6px 9px}.phase-weight-sides p>span{display:grid;grid-template-columns:30px 1fr;gap:7px;align-items:center}.phase-weight-sides p>span small{grid-column:2;color:var(--muted);font-size:8px}.phase-weight-sides p em{text-align:right;font-style:normal;font-variant-numeric:tabular-nums}
.strategy-rules article footer{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.strategy-rules article footer button,.cc-coverage footer button{display:flex;min-height:44px;align-items:center;gap:6px;border:1px solid var(--line);border-radius:5px;background:var(--surface);padding:5px 8px;cursor:pointer}.strategy-phase span>small{margin-top:2px;font-variant-numeric:tabular-nums}.strategy-contract-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.strategy-contract-grid span{border:1px solid var(--line);border-radius:5px;padding:8px}.strategy-contract-grid small,.strategy-contract-grid b{display:block}.strategy-contract-grid small{color:var(--muted);font-size:8px}.strategy-contract p{margin:10px 0 0;color:var(--muted);font-size:10px;line-height:1.5}
.route-champion-control{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:10px}.route-champion-control>div{display:flex;gap:10px;align-items:center}.route-champion-control span>*{display:block}.route-champion-control small,.route-champion-control em{color:var(--muted);font-size:9px;font-style:normal}.route-champion-control label{display:grid;gap:5px;min-width:240px}.route-champion-control select,.macro-playbook select{min-height:44px;border:1px solid var(--line-strong);border-radius:5px;background:var(--surface);color:var(--text);padding:8px}.recommended-route{overflow:hidden;border:1px solid var(--line);border-radius:6px}.recommended-route>header{display:grid;grid-template-columns:1fr auto;background:var(--blue-soft);padding:10px}.recommended-route header span{grid-column:1/-1;color:var(--blue);font-size:8px;font-weight:800}.recommended-route header h3{margin:4px 0}.recommended-route footer{display:flex;flex-wrap:wrap;gap:5px;padding:8px}.route-ranking{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.route-ranking>span{display:grid;grid-template-columns:1fr auto;gap:3px 8px;border:1px solid var(--line);border-radius:5px;padding:8px}.route-ranking i{grid-column:1;overflow:hidden;height:5px;border-radius:9px;background:var(--line)}.route-ranking i em{display:block;height:100%;background:var(--blue)}.route-ranking strong{grid-column:2;grid-row:1/3}.route-ranking small{grid-column:1/-1;color:var(--muted);font-size:8px}
.direction-versus{display:grid;grid-template-columns:1fr 150px 1fr;gap:10px;align-items:stretch}.direction-versus article{display:grid;grid-template-columns:38px 1fr auto;gap:7px;align-items:center;border:1px solid var(--line);border-radius:6px;padding:10px}.direction-versus article p{grid-column:1/-1;margin:3px 0 0;color:var(--muted);font-size:10px}.direction-versus>strong{display:grid;place-items:center;align-content:center;text-align:center}.direction-versus>strong>*{display:block}.direction-versus>strong small{color:var(--muted);font-size:8px}.direction-versus>strong em{margin-top:5px;color:var(--blue);font-size:9px;font-style:normal}.matchup-direction>footer{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.matchup-direction>footer span{border:1px solid var(--line);border-radius:4px;padding:4px 7px;font-size:8px}
.cc-coverage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:8px}.cc-coverage-grid article{overflow:hidden;border:1px solid var(--line);border-radius:6px}.cc-coverage-grid header{display:flex;justify-content:space-between;gap:8px;align-items:start;background:var(--surface-2,#edf2f6);padding:9px}.cc-coverage-grid header>div{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.cc-coverage-grid header strong{text-align:right}.cc-coverage-grid header strong small{display:block;color:var(--muted);font-size:7px}.cc-coverage-grid article>p{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:6px;margin:0;border-top:1px solid var(--line);padding:7px;font-size:8px}.cc-coverage-grid article>p span{color:var(--muted)}.cc-coverage-grid footer{display:flex;flex-wrap:wrap;gap:4px;border-top:1px solid var(--line);padding:7px}.cc-coverage footer button{min-height:40px;padding:4px 6px;font-size:8px}
@media(max-width:780px){.phase-weight-sides,.route-ranking{grid-template-columns:1fr}.strategy-contract-grid{grid-template-columns:1fr 1fr}.route-champion-control{display:grid}.route-champion-control label{min-width:0}.direction-versus{grid-template-columns:1fr}.direction-versus>strong{min-height:64px}.phase-weight-sides article>div p{grid-template-columns:1fr repeat(3,42px)}}
@media(pointer:coarse){button,.segmented button,.topbar button,.page-actions button{min-height:44px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* Standards baseline: keyboard focus, stable media, touch and long-list performance. */
:where(button,a,input,select,summary,[tabindex]):focus-visible{outline:3px solid #1a73e8;outline-offset:2px}
:where(button,a,input,select,summary){touch-action:manipulation;-webkit-tap-highlight-color:rgba(26,115,232,.16)}
:where(button,a):active{filter:brightness(.96)}
:where(h1,h2,h3,h4,h5,h6){scroll-margin-top:90px;text-wrap:balance}
:where(p){text-wrap:pretty}
:where(.finder-card,.picker-list>button,.library-list button,.champion-matrix article,.strategy-tier-panel article){content-visibility:auto;contain-intrinsic-size:1px 64px}
:where(.data-table td,.metric-number,.verdict-axes,.phase-weight-panel,.route-ranking){font-variant-numeric:tabular-nums}
#champion-picker{overscroll-behavior:contain}
.portrait{aspect-ratio:1/1}
@media(max-width:650px){input,select,textarea{min-height:44px;font-size:16px!important}#app-main{padding-right:max(14px,env(safe-area-inset-right));padding-left:max(14px,env(safe-area-inset-left));padding-bottom:max(42px,env(safe-area-inset-bottom))}.topbar{padding-top:max(10px,env(safe-area-inset-top))}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:650px){#app-main{max-width:100%;overflow:hidden}.draft-status{grid-template-columns:minmax(0,1fr)}.draft-status>div{grid-column:1;grid-row:auto;flex-wrap:wrap;margin-top:8px}.series-scoreboard{grid-template-columns:70px minmax(0,1fr) 70px!important;width:100%}.series-scoreboard>div:nth-child(2){min-width:0;overflow:hidden}.series-scoreboard .segmented{width:100%;max-width:100%}.series-scoreboard .segmented button{min-width:0;flex:1;padding-inline:4px}.series-history{overflow:hidden}.series-history .empty{overflow-wrap:anywhere}.series-history .section-head{align-items:flex-start}.series-history .section-head span{max-width:90px;text-align:right}.draft-controls>.segmented{display:grid;grid-auto-flow:column;grid-auto-columns:max-content;width:100%;overflow-x:auto}.pro-roster>div>button{grid-template-columns:28px 38px minmax(0,1fr) 20px}}
@media(max-width:650px){.scenario-tabs{display:grid;grid-auto-flow:column;grid-auto-columns:max-content;width:100%}.scenario-result{grid-template-columns:1fr}.scenario-result>strong{min-height:34px;order:2}.scenario-result>article.red{order:3}.route-map{width:100%}}
@media(max-width:900px){.map-legend{grid-template-columns:1fr}.map-legend>div[role="list"]{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.map-legend>div[role="list"]{grid-template-columns:1fr}}

/* Team analysis workspace: sessions, progressive disclosure and mobile side focus */
button,input,select,summary,.import-session{touch-action:manipulation}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,.import-session:focus-within{outline:3px solid color-mix(in srgb,var(--blue) 70%,white);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.45}.page-intro h2,.report-divider h2,.section-head h3{text-wrap:balance}
.team-workspace{margin-bottom:12px;border:1px solid var(--line);border-top:4px solid var(--blue);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.session-primary{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(220px,1fr) auto;gap:8px;align-items:end;padding:10px 12px}.session-primary>label{display:grid;gap:5px}.session-primary>label>span,.session-preferences legend{color:var(--muted);font-size:8px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.session-primary input,.session-primary select{width:100%;min-height:44px;border:1px solid var(--line-strong);border-radius:5px;background:var(--surface);color:var(--text);padding:8px}.session-actions{display:flex;gap:6px;flex-wrap:wrap}.session-actions button,.import-session,.ban-controls button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line-strong);border-radius:5px;background:var(--surface);padding:8px 10px;cursor:pointer}.import-session{position:relative}.import-session input{position:absolute;width:1px;height:1px;opacity:0}.session-preferences{display:flex;align-items:end;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line);padding:9px 12px}.session-preferences fieldset{margin:0;border:0;padding:0}.session-preferences .segmented button{min-height:44px}.ban-controls{display:flex;gap:6px}.danger-button{border-color:#b85059!important;color:#9a3039}.history-menu{position:relative;margin-left:auto}.history-menu>summary{min-height:44px;display:flex;align-items:center;gap:7px;border:1px solid var(--line-strong);border-radius:5px;padding:8px 10px;cursor:pointer;list-style:none}.history-menu>summary span{display:grid;place-items:center;min-width:22px;height:22px;border-radius:11px;background:var(--blue-soft);color:var(--blue);font-size:8px}.history-menu>div{position:absolute;right:0;top:calc(100% + 6px);z-index:30;width:min(360px,85vw);border:1px solid var(--line);border-radius:6px;background:var(--surface);padding:6px;box-shadow:0 12px 32px rgba(0,0,0,.22)}.history-menu>div button{width:100%;min-height:44px;display:grid;grid-template-columns:72px 1fr;gap:8px;border:0;border-bottom:1px solid var(--line);background:transparent;padding:7px;text-align:left;cursor:pointer}.history-menu>div button:hover{background:var(--blue-soft)}.history-menu>div span{color:var(--muted);font-size:9px}.history-menu>div p{margin:8px;color:var(--muted)}.mobile-side-tabs{display:none}
.team-result-tabs{position:sticky;top:74px;z-index:25;margin-bottom:12px;border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 94%,transparent);padding:6px;backdrop-filter:blur(10px)}.team-result-tabs>div{display:flex;gap:4px;overflow-x:auto}.team-result-tabs button{min-width:max-content;min-height:44px;border:1px solid transparent;border-radius:4px;background:transparent;padding:7px 11px;cursor:pointer}.team-result-tabs button.active{border-color:var(--blue);background:var(--blue-soft);color:var(--blue);font-weight:800}
.team-ban-panel{border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface) 93%,var(--red-soft))}.team-ban-panel>header{display:flex;align-items:center;justify-content:space-between;padding:5px 8px}.team-ban-panel>header span{color:var(--muted);font-size:8px;font-weight:900;letter-spacing:.08em}.team-ban-panel>header button{min-height:32px;border:0;background:transparent;color:var(--muted);font-size:8px;cursor:pointer}.team-ban-panel>div{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:0 7px 7px}.ban-slot{position:relative;min-width:0;min-height:44px;display:grid;grid-template-columns:30px minmax(0,1fr);gap:5px;align-items:center;border:1px dashed var(--line-strong);border-radius:4px;background:var(--surface);padding:5px;text-align:left;cursor:pointer}.ban-slot.filled{border-style:solid}.ban-slot>span{display:grid;place-items:center;width:30px;height:30px;color:var(--muted)}.ban-slot small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ban-slot i{position:absolute;right:2px;top:2px;font-style:normal}.team-composition.red .team-ban-panel{background:color-mix(in srgb,var(--surface) 93%,var(--red-soft))}
.utility-detail-side,.formation-detail,.carry-structure,.team-plan-side,.team-spike-side{min-width:0;border:1px solid var(--line);border-top:4px solid var(--blue);border-radius:var(--radius);background:var(--surface);padding:11px;box-shadow:var(--shadow)}.utility-detail-side.red,.formation-detail.red,.carry-structure.red,.team-plan-side.red,.team-spike-side.red{border-top-color:var(--red)}.utility-detail-side>header,.formation-detail>header,.carry-structure>header,.team-plan-side>header,.team-spike-side>header{display:flex;justify-content:space-between;gap:8px;margin-bottom:8px}.utility-detail-side header span,.formation-detail header span,.carry-structure header span,.team-plan-side header span,.team-spike-side header span{color:var(--muted);font-size:8px}.utility-detail-side>article,.formation-detail>article,.team-spike-side>article{border-top:1px solid var(--line);padding:7px 0}.utility-detail-side article>div,.formation-detail article>div,.team-spike-side article>div{display:flex;justify-content:space-between}.utility-detail-side article>section,.formation-detail article>section{display:flex;gap:5px;flex-wrap:wrap;margin-top:5px}.utility-detail-side article>section>span,.formation-detail article>section>span{display:grid;grid-template-columns:30px 24px minmax(70px,1fr);gap:4px;align-items:center;border:1px solid var(--line);padding:4px}.utility-detail-side article>section img:not(.portrait){width:24px;height:24px}.utility-detail-side article>section small,.formation-detail article>section small{grid-column:3;color:var(--muted);font-size:8px}.carry-structure>article{display:grid;grid-template-columns:38px 1fr auto;gap:7px;align-items:center;border-top:1px solid var(--line);padding:7px 0}.carry-structure article small,.carry-structure article b,.carry-structure article em{display:block}.carry-structure article small,.carry-structure article em{color:var(--muted);font-size:8px;font-style:normal}.carry-structure>footer{display:flex;align-items:center;gap:5px;border-top:1px solid var(--line);padding-top:8px}.team-plan-side details{border-top:1px solid var(--line)}.team-plan-side summary{min-height:44px;display:grid;grid-template-columns:70px 30px 1fr;gap:6px;align-items:center;cursor:pointer}.team-plan-side details>div{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:7px}.team-plan-side article{border:1px solid var(--line);padding:7px}.team-plan-side p,.team-spike-side p{white-space:pre-line;color:var(--muted);font-size:9px;line-height:1.5}.team-spike-side article>section{display:grid;gap:4px;margin-top:6px}.team-spike-side summary{min-height:44px;display:grid;grid-template-columns:30px 1fr auto;gap:6px;align-items:center;cursor:pointer}.warning-related{display:flex;align-items:center;gap:4px;margin-top:7px}.warning-related>span{margin-right:4px;color:var(--muted);font-size:8px}.warning-side footer button{grid-template-columns:30px minmax(0,1fr)!important}.warning-side footer button small{display:block;color:var(--muted);font-size:7px}
body[data-perspective="blue"] .team-panel.red,body[data-perspective="blue"] .mirror-report>.red{opacity:.72}body[data-perspective="red"] .team-panel.blue,body[data-perspective="red"] .mirror-report>.blue{opacity:.72}
@media(max-width:900px){.session-primary{grid-template-columns:1fr 1fr}.session-actions{grid-column:1/-1}.history-menu{margin-left:0}.team-result-tabs{top:74px}}
@media(max-width:650px){body{font-size:14px}.session-primary{grid-template-columns:1fr}.session-actions{grid-column:auto}.session-actions>*{flex:1}.session-preferences{display:grid;grid-template-columns:1fr}.session-preferences .segmented{display:grid;grid-template-columns:repeat(3,1fr)}.ban-controls{display:grid;grid-template-columns:1fr 1fr}.history-menu{width:100%}.history-menu>summary{justify-content:space-between}.mobile-side-tabs{display:grid!important;grid-template-columns:1fr 1fr;margin:0 12px 10px}.team-result-tabs{top:74px;margin-inline:-6px}.team-board{display:block}.faceoff-rail{display:none}body[data-mobile-side="blue"] .team-panel.red,body[data-mobile-side="red"] .team-panel.blue{display:none}.team-ban-panel>div{grid-template-columns:repeat(5,minmax(58px,1fr));overflow-x:auto}.team-deep-grid,.mirror-report,.formation-grid{grid-template-columns:1fr}.team-plan-side details>div{grid-template-columns:1fr}input,select{font-size:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media(max-width:980px){.fight-charts,.coverage-grid{grid-template-columns:1fr}.level-stat-grid{grid-template-columns:1fr}}
@media(max-width:650px){.lane-match-grid{grid-template-columns:1fr}.lane-champions{grid-template-columns:1fr 54px 1fr}.lane-skill-pairs{grid-template-columns:1fr}.lane-skill-pairs>section+section{border-left:0;border-top:1px solid var(--line)}.pool-toolbar{display:block}.pool-toolbar>.segmented{width:100%;overflow:auto}.pool-toolbar>label{margin-top:7px}.pool-grid{grid-template-columns:1fr}.pool-grid>article{grid-template-columns:38px minmax(0,1fr) auto}.pool-grid>article>label{grid-row:2}.level-compare .section-head{display:block}.level-compare .section-head label{margin-top:7px}.level-compare input{min-width:0;width:100%}.level-stat-head{grid-template-columns:1fr 70px 1fr}.level-stat-grid>div{grid-template-columns:1fr 70px 1fr}.fight-charts{grid-template-columns:1fr}}
@media(max-width:650px){.series-scoreboard{display:flex!important}.series-scoreboard>.blue,.series-scoreboard>.red{flex:0 0 62px}.series-scoreboard>div:nth-child(2){flex:1 1 auto}.series-history .empty{margin-inline:0}}
.language-switch{display:flex;border:1px solid var(--line-strong);border-radius:5px;overflow:hidden}.language-switch button{min-width:38px;min-height:34px!important;border:0!important;border-right:1px solid var(--line)!important;border-radius:0!important;padding:6px!important}.language-switch button:last-child{border-right:0!important}.language-switch button.active{background:var(--text)!important;color:#fff}
.lane-tabs{width:max-content;max-width:100%;margin:0 0 12px;overflow:auto}.observed-matchup,.compare-lane-panel,.workbook-controls{margin-top:12px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:12px;box-shadow:var(--shadow)}.matchup-versus{display:grid;grid-template-columns:38px minmax(80px,1fr) auto 38px minmax(80px,1fr);gap:8px;align-items:center}.matchup-versus>strong{border-inline:1px solid var(--line);padding:8px 14px;text-align:center;font-size:9px}.observed-slots,.route-flags{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px}.observed-slots>span,.route-flags>span{border:1px solid var(--line);border-radius:5px;padding:7px}.observed-slots small,.observed-slots b,.route-flags small,.route-flags b{display:block}.observed-slots small,.route-flags small{color:var(--muted);font-size:8px}.source-actions{display:flex;gap:7px;margin-top:9px}.source-actions a{border:1px solid var(--line-strong);border-radius:5px;padding:7px 10px;color:var(--blue);font-size:9px;font-weight:800;text-decoration:none}.observed-matchup>p{margin-bottom:0;color:var(--muted);font-size:9px}.compare-lane-verdict{display:grid;grid-template-columns:1fr minmax(140px,.55fr) 1fr;gap:8px;align-items:center}.compare-lane-verdict>div{display:grid;grid-template-columns:38px 1fr;gap:2px 7px;align-items:center}.compare-lane-verdict>div:last-child{text-align:right}.compare-lane-verdict img{grid-row:1/3}.compare-lane-verdict>div:last-child img{grid-column:2}.compare-lane-verdict>div:last-child b,.compare-lane-verdict>div:last-child small{grid-column:1;grid-row:auto}.compare-lane-verdict small{color:var(--muted);font-size:8px}.compare-lane-verdict>strong{border-radius:4px;background:#edf2f6;padding:9px;text-align:center;font-size:9px}.workbook-controls{margin:0 0 12px}.workbook-controls>div:first-child{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:8px}.workbook-controls label>span,.workbook-controls label>small{display:block}.workbook-controls label>span{margin-bottom:4px;color:var(--muted);font-size:8px;font-weight:800;text-transform:uppercase}.workbook-controls select{width:100%;min-height:36px;border:1px solid var(--line-strong);border-radius:5px;background:#fff;padding:6px}.workbook-controls label>small{margin-top:4px;color:var(--muted);font-size:8px}.trigger-result{display:flex;align-items:center;gap:6px;min-height:46px;margin-top:10px;border-top:1px solid var(--line);padding-top:9px;overflow:auto}.trigger-result>b{min-width:80px}.trigger-result>span{display:grid;grid-template-columns:30px 30px auto;gap:4px;align-items:center;white-space:nowrap}.trigger-result img{width:30px;height:30px;border:1px solid var(--line);border-radius:4px;object-fit:cover}.map-workbook>div:first-child{grid-template-columns:1fr 1fr}.route-flags{grid-template-columns:repeat(6,1fr)}
@media(max-width:650px){.matchup-versus{grid-template-columns:38px 1fr}.matchup-versus>strong{grid-column:1/-1}.observed-slots,.route-flags{grid-template-columns:repeat(2,1fr)}.compare-lane-verdict{grid-template-columns:1fr}.workbook-controls>div:first-child,.map-workbook>div:first-child{grid-template-columns:1fr 1fr}.trigger-result{align-items:flex-start}.relation-grid{grid-template-columns:1fr}}
.sheet-detail-panel,.strong-skill-panel{margin-top:12px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:12px;box-shadow:var(--shadow)}.sheet-meta,.sheet-flags{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:6px}.sheet-meta>span,.sheet-flags>span{border:1px solid var(--line);border-radius:5px;padding:7px;background:#f8fafb}.sheet-meta small,.sheet-meta b,.sheet-flags small,.sheet-flags b{display:block}.sheet-meta small,.sheet-flags small{color:var(--muted);font-size:8px;text-transform:capitalize}.sheet-flags{margin-top:7px}.sheet-flags>span.active{border-color:#9bc5aa;background:var(--green-soft);color:#275e3a}.strong-skill-panel>div:last-child{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:7px}.strong-skill-panel article{display:grid;grid-template-columns:24px 42px 1fr;gap:7px;align-items:center;border:1px solid var(--line);border-radius:5px;padding:7px}.strong-skill-panel article>b{display:grid;place-items:center;width:24px;height:24px;border-radius:4px;background:var(--text);color:#fff}.strong-skill-panel img{width:42px;height:42px;border:1px solid var(--line);border-radius:4px;object-fit:cover}.strong-skill-panel small,.strong-skill-panel strong,.strong-skill-panel em{display:block}.strong-skill-panel small{color:var(--muted);font-size:8px}.strong-skill-panel em{margin-top:3px;color:var(--muted);font-size:8px;font-style:normal}
.strategy-tier-panel{margin-top:12px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:12px;box-shadow:var(--shadow)}.tier-columns{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.tier-columns>article{min-width:0;border:1px solid var(--line);border-radius:5px;overflow:hidden}.tier-columns article>header{display:flex;justify-content:space-between;padding:8px;background:#edf2f6}.tier-columns article:first-child>header{background:#f6d9dc;color:#8b2630}.tier-columns article>button{display:grid;grid-template-columns:30px 1fr;gap:6px;align-items:center;width:100%;border:0;border-top:1px solid var(--line);background:#fff;padding:5px;text-align:left;cursor:pointer}.tier-columns article>button:hover{background:var(--blue-soft)}.tier-columns button b,.tier-columns button small{display:block}.tier-columns button small{color:var(--muted);font-size:7px}
@media(max-width:650px){.tier-columns{grid-template-columns:1fr 1fr}}
.check-workbook{margin-top:12px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:12px;box-shadow:var(--shadow)}.check-controls{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr)) minmax(170px,1fr);gap:7px;margin-bottom:10px}.check-controls label>span,.check-controls>div>span{display:block;margin-bottom:4px;color:var(--muted);font-size:8px;text-transform:uppercase}.check-controls select{width:100%;min-height:36px;border:1px solid var(--line-strong);border-radius:5px;background:#fff;padding:6px}.check-controls>div>b{display:flex;align-items:center;gap:6px;min-height:36px}.check-matrix-wrap{max-width:100%;overflow:auto;border:1px solid var(--line)}.check-matrix{border-collapse:collapse;min-width:780px;width:100%}.check-matrix th,.check-matrix td{width:42px;height:38px;border:1px solid var(--line);padding:3px;text-align:center}.check-matrix th:first-child{position:sticky;left:0;z-index:2;width:150px;background:#fff;text-align:left}.check-matrix th:first-child button{display:flex;align-items:center;gap:5px;width:100%;border:0;background:transparent;text-align:left;cursor:pointer}.check-matrix thead th{position:sticky;top:0;z-index:1;background:#edf2f6}.check-matrix td{font-size:9px;font-weight:900;color:#8697a5}.check-matrix td.danger{background:var(--red-soft);color:#8b2630}.check-matrix td.lane{background:var(--blue-soft);color:#1d628e}.check-matrix td.success{background:var(--green-soft);color:#2d6940}.check-matrix td.warning{background:var(--amber-soft);color:#71570f}.check-relations{display:grid;gap:6px;margin-top:9px}.check-relation-row{display:grid;grid-template-columns:130px repeat(6,minmax(80px,1fr));gap:5px;align-items:center}.check-relation-row>button{display:flex;align-items:center;gap:4px;min-width:0;border:1px solid var(--line);border-radius:5px;background:#fff;padding:4px;cursor:pointer}.check-relation-row>button small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.check-relation-row>button.danger{background:var(--red-soft)}.check-relation-row>button.lane{background:var(--blue-soft)}.check-relation-row>button.success{background:var(--green-soft)}.check-relation-row>button.warning{background:var(--amber-soft)}
.check-setting-panel{margin-top:12px;border:1px solid var(--line);border-top:3px solid var(--sheet-output);border-radius:var(--radius);background:#fff;padding:12px;box-shadow:var(--shadow)}.check-contract-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.check-contract-row>span{min-width:0;border:1px solid var(--line);border-radius:6px;padding:9px}.check-contract-row small{display:block;margin-bottom:4px;color:var(--muted);font-size:8px;text-transform:uppercase}.check-contract-row b{display:block;overflow-wrap:anywhere;color:var(--sheet-output);font:600 9px/1.45 Consolas,monospace}.check-setting-panel details{margin-top:8px;border:1px solid var(--line);border-radius:6px;padding:8px}.check-setting-panel summary{display:flex;min-height:44px;align-items:center;justify-content:space-between;gap:8px;cursor:pointer}.check-setting-panel summary span{color:var(--muted);font-size:9px}.check-feature-cloud{display:flex;flex-wrap:wrap;gap:6px;border-top:1px solid var(--line);padding-top:8px}.check-feature-cloud .filter-chip{min-height:44px;align-items:center}
.check-skill-classes{margin-top:12px;border:1px solid var(--line);border-left:4px solid #8b5cf6;border-radius:var(--radius);background:var(--surface);padding:12px;box-shadow:var(--shadow)}.check-skill-classes p{margin:0 0 9px;color:var(--muted);font-size:9px;line-height:1.5}.check-skill-classes>div:last-child{display:flex;flex-wrap:wrap;gap:6px}.check-skill-classes .filter-chip{min-height:44px;align-items:center}
@media(max-width:650px){.check-controls,.check-contract-row{grid-template-columns:1fr 1fr}.check-controls>div{grid-column:1/-1}.check-relation-row{grid-template-columns:100px repeat(6,90px);overflow:auto}}
.draft-workbook-controls{margin:10px 0;border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:10px;box-shadow:var(--shadow)}.draft-workbook-controls>div:first-child{display:flex;flex-wrap:wrap;gap:6px}.draft-workbook-controls label{display:flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:5px;padding:6px 8px;font-size:9px}.draft-workbook-controls label:has(input:checked){border-color:#8dbda0;background:var(--green-soft)}.draft-needs-board{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.draft-needs-board>section{border-top:3px solid var(--blue);padding:7px;background:#f7f9fb}.draft-needs-board>section.red{border-color:var(--red)}.draft-needs-board>section>b{display:block;margin-bottom:5px}.draft-needs-board .pill{margin:2px}
@media(max-width:650px){.draft-workbook-controls>div:first-child{display:grid;grid-template-columns:1fr}.draft-needs-board{grid-template-columns:1fr}}
.map-route-matrix,.route-workbook-table{margin-top:12px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:12px;box-shadow:var(--shadow)}.map-route-matrix>article{margin-top:8px;border:1px solid var(--line);border-left:4px solid var(--blue);border-radius:5px;overflow:hidden}.map-route-matrix>article.red{border-left-color:var(--red)}.map-route-matrix article>header{display:flex;justify-content:space-between;gap:8px;padding:8px;background:#edf4f8}.map-route-matrix article.red>header{background:#f8e9eb}.map-route-matrix header span{color:var(--muted);font-size:8px}.route-control-strip,.route-nine{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;padding:7px}.route-nine{grid-template-columns:repeat(9,1fr);border-top:1px solid var(--line)}.route-control-strip>span,.route-nine>span{min-width:0;border:1px solid var(--line);border-radius:4px;padding:6px}.route-control-strip small,.route-control-strip b,.route-nine small,.route-nine b{display:block}.route-control-strip small,.route-nine small{color:var(--muted);font-size:7px}.route-nine b{margin-top:3px;overflow:hidden;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.route-workbook-table .cc-table-wrap{max-height:560px;overflow:auto}
@media(max-width:650px){.map-route-matrix article>header{display:block}.route-control-strip{grid-template-columns:repeat(2,1fr)}.route-nine{grid-template-columns:repeat(9,95px);overflow:auto}}
.teamfight-execution{margin-top:12px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:12px;box-shadow:var(--shadow)}.execution-controls{display:flex;gap:7px;align-items:end}.execution-controls label{display:flex;align-items:center;gap:5px}.execution-controls label:first-child{display:grid}.execution-controls label>span{font-size:8px}.execution-controls select{min-height:34px;border:1px solid var(--line-strong);border-radius:5px;background:#fff;padding:6px}.execution-chain{display:grid;grid-template-columns:repeat(4,minmax(110px,1fr)) 24px minmax(130px,1fr);gap:7px;align-items:center;margin-top:9px}.execution-chain>article{display:grid;grid-template-columns:38px 1fr;gap:2px 6px;align-items:center;border:1px solid var(--line);border-top:3px solid var(--blue);border-radius:5px;padding:7px}.execution-chain>article.target{border-top-color:var(--red);background:var(--red-soft)}.execution-chain article img{grid-row:1/4}.execution-chain small,.execution-chain b,.execution-chain span{display:block}.execution-chain small,.execution-chain span{font-size:7px}.execution-chain span{color:var(--muted)}.execution-chain>strong{text-align:center}.distance-ladder{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-top:8px}.distance-ladder>span{border:1px solid var(--line);border-radius:4px;padding:6px;text-align:center}.distance-ladder small,.distance-ladder b{display:block}.distance-ladder small{color:var(--muted);font-size:7px}
@media(max-width:650px){.execution-chain{grid-template-columns:1fr 1fr}.execution-chain>strong{display:none}.distance-ladder{grid-template-columns:repeat(5,90px);overflow:auto}}
.solo-matchup-board{margin-top:12px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:12px;box-shadow:var(--shadow)}.solo-sides{display:grid;grid-template-columns:1fr 190px 1fr;gap:8px}.solo-sides>article{border:1px solid var(--line);border-top:4px solid var(--blue);border-radius:5px;padding:10px}.solo-sides>article.red{border-top-color:var(--red)}.solo-sides article>header{display:flex;align-items:center;gap:8px}.solo-sides h3{margin:2px 0}.solo-sides header small,.solo-sides header span{color:var(--muted);font-size:8px}.solo-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.solo-strong{margin-top:8px;border-top:1px solid var(--line);padding-top:7px}.solo-strong>small,.solo-strong>b{display:block}.solo-strong>.mini-ability{margin-top:5px}.solo-center{display:grid;align-content:start;gap:5px}.solo-center>b,.solo-center>small{text-align:center}.solo-center>small{color:var(--muted);font-size:7px}.solo-center>div{display:grid;grid-template-columns:1fr 80px 1fr;border:1px solid var(--line);border-radius:4px;overflow:hidden;text-align:center}.solo-center>div>*{padding:5px}.solo-center>div span:first-child{background:var(--blue-soft)}.solo-center>div span:last-child{background:var(--red-soft)}
@media(max-width:650px){.solo-sides{grid-template-columns:1fr}.solo-center{order:2}.solo-sides>article.red{order:3}}
.macro-playbook,.settings-dictionary{margin-top:12px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:12px;box-shadow:var(--shadow)}.macro-playbook>label{display:grid;grid-template-columns:110px minmax(160px,260px);align-items:center;gap:7px;margin-bottom:9px}.macro-playbook select{min-height:36px;border:1px solid var(--line-strong);border-radius:5px;background:#fff;padding:6px}.macro-style-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.macro-style-grid>article{border:1px solid var(--line);border-radius:5px;padding:8px}.macro-style-grid>article.active{border-color:#72a788;background:var(--green-soft)}.macro-style-grid p,.macro-rules-table p{margin:5px 0;color:#405365;font-size:9px;line-height:1.4}.macro-style-grid small{color:var(--muted);font-size:7px}.dictionary-groups{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.dictionary-groups details{border:1px solid var(--line);border-radius:5px;padding:7px}.dictionary-groups summary{display:flex;justify-content:space-between;cursor:pointer}.dictionary-groups details>div{display:flex;flex-wrap:wrap;gap:3px;margin-top:7px}.macro-rules-table{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px}.macro-rules-table>article{border:1px solid var(--line);border-left:3px solid var(--blue);padding:7px}
.setting-contract{margin-top:12px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:12px;box-shadow:var(--shadow)}.setting-contract-note{max-width:72ch;margin:0 0 10px;color:var(--muted);font-size:10px;line-height:1.5}.setting-contract-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.setting-contract-grid>article{min-width:0;border:1px solid var(--line);border-radius:6px;padding:8px}.setting-contract-grid article>header{display:flex;justify-content:space-between;gap:8px;margin-bottom:5px}.setting-contract-grid article>header span{color:var(--sheet-derived);font-variant-numeric:tabular-nums}.setting-contract-grid article>div{display:grid;grid-template-columns:minmax(120px,1fr) minmax(130px,1.2fr) 28px;align-items:center;gap:6px;border-top:1px solid var(--line);padding:7px 0;font-size:9px}.setting-contract-grid code{overflow-wrap:anywhere;color:var(--sheet-output);font-size:9px}.setting-contract-grid article>div>b{text-align:right;font-variant-numeric:tabular-nums}.setting-contract-grid .missing{color:var(--sheet-warning)}
@media(max-width:650px){.macro-style-grid{grid-template-columns:1fr 1fr}.dictionary-groups,.setting-contract-grid{grid-template-columns:1fr}.macro-rules-table{grid-template-columns:1fr 1fr}.setting-contract-grid article>div{grid-template-columns:1fr 26px}.setting-contract-grid code{grid-column:1/-1}}

/* Tactical dark product layer */
:root{--bg:#070b12;--surface:#101722;--surface-2:#141e2b;--line:#243246;--line-strong:#354961;--text:#edf4fb;--muted:#91a3b7;--blue:#39a6ff;--blue-soft:#102b43;--red:#ff5e6d;--red-soft:#381922;--green:#52d18b;--green-soft:#153526;--amber:#f6c85f;--amber-soft:#392f17;--violet:#a78bfa;--shadow:0 16px 40px rgba(0,0,0,.24);--radius:10px}
html,body{background:radial-gradient(circle at 50% -20%,#162438 0,#090e16 38%,#070b12 72%);color:var(--text)}
.sidebar{background:#080d15;border-color:#1d2a3a}.brand{border-color:#1d2a3a}.brand>span{border-color:#3c6484;background:linear-gradient(145deg,#163c5a,#0d1c2a)}
.topbar{background:rgba(8,13,21,.9);border-color:var(--line)}.topbar button,.page-actions button,.segmented button,.draft-status button,.settings-panel button,.filter-panel>button{background:var(--surface-2);color:var(--text)}
.panel,.team-composition,.draft-main,.draft-assistant,.filter-panel,.finder-results,.finder-detail,.matchup-focus,.relation-block,.formation,.teamfight-score,.compare-pick,.map-timeline,.map-plans>section,.strategy-rules,.strategy-layout>aside>section,.library-list,.champion-profile,.skill-profile,.route-grid>article,.cc-table-wrap,.quality-grid>article,.settings-panel,.profile-section,.ability-compare,.observed-matchup,.compare-lane-panel,.workbook-controls,.sheet-detail-panel,.strong-skill-panel,.strategy-tier-panel,.check-workbook,.draft-workbook-controls,.map-route-matrix,.route-workbook-table,.teamfight-execution,.solo-matchup-board,.macro-playbook,.settings-dictionary,.champion-matrix{background:linear-gradient(180deg,rgba(18,27,40,.98),rgba(12,19,29,.98));border-color:var(--line);box-shadow:var(--shadow)}
.team-board{gap:14px;align-items:stretch}.team-composition{border-top:2px solid var(--blue);overflow:visible}.team-composition.red{border-top-color:var(--red)}
.team-title{background:linear-gradient(90deg,rgba(24,119,187,.28),rgba(16,23,34,.8));border-color:#24445c;padding:12px 14px}.team-composition.red .team-title{background:linear-gradient(270deg,rgba(174,44,59,.28),rgba(16,23,34,.8));border-color:#58303a;text-align:right}.team-composition.red .team-title>div{order:2}.team-composition.red .team-title>b{order:1}
.team-slots{background:#0b111b}.champion-slot{min-height:84px;background:#0d1520;color:var(--text);border-color:var(--line);transition:background .18s ease,transform .18s ease}.champion-slot:hover,.champion-slot:focus-visible{z-index:20;background:#122a3f;transform:translateY(-2px);outline:2px solid var(--blue);outline-offset:-2px}.champion-slot.red:hover,.champion-slot.red:focus-visible{background:#321a23;outline-color:var(--red)}
.champion-slot .portrait{width:44px;height:52px;border-color:#38536c;border-radius:7px}.champion-slot.red .portrait{border-color:#6c3a45}.champion-slot b{font-size:12px}.champion-slot i{background:#172434;color:#a9b9c8}.ban-row{border-color:var(--line)}.ban-row .champion-slot{min-height:52px;background:#0a1019}.ban-row .portrait{width:28px;height:28px}
.versus{align-self:center;background:#101925;border-color:#40546b;color:#dceaff;box-shadow:0 0 28px rgba(72,151,214,.15)}
.pill{border-color:#39516a;background:#182636;color:#cfe0ef}.pill.engage,.pill.danger{color:#ffabb2}.pill.disengage,.pill.success,.pill.heal,.pill.shield{color:#91e9b5}.pill.poke,.pill.lane,.pill.mobility,.pill.dash{color:#9ed3ff}.pill.split,.pill.warning,.pill.tier{color:#f5d984}.pill.catch,.pill.soft{background:#271f40;color:#cbbcff}
.metric-row,.lane-row{border-color:#202d3d}.dual-bar{background:#263344}.win-plan p{color:#b7c4d1}.warnings span{color:#f5d984}.warnings .ok{color:#91e9b5}
.slot-insight{display:none;position:absolute;z-index:100;top:calc(100% + 8px);left:0;width:300px;border:1px solid #36516c;border-radius:12px;background:rgba(8,14,23,.98);padding:12px;color:var(--text);box-shadow:0 24px 70px rgba(0,0,0,.6);text-align:left;pointer-events:none}.red .slot-insight{left:auto;right:0;border-color:#6a3944}.champion-slot:hover .slot-insight,.champion-slot:focus-visible .slot-insight{display:block}.slot-insight-head{display:grid;grid-template-columns:76px 1fr;gap:10px;align-items:center}.slot-insight .portrait.lg{width:76px;height:86px}.slot-insight-head strong,.slot-insight-head em,.slot-insight-head small{display:block}.slot-insight-head strong{margin:3px 0;font-size:17px}.slot-insight-head em{color:var(--muted);font-size:10px;font-style:normal}.slot-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:10px}.slot-phase{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}.slot-phase>span{border:1px solid var(--line);border-radius:6px;background:#111c29;padding:7px}.slot-phase small,.slot-phase b{display:block}.slot-phase small{color:var(--muted);font-size:8px}.slot-phase b{margin-top:2px}.slot-ratings{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:6px}.slot-ratings>span{border-radius:5px;background:#172331;padding:6px;font-size:8px;color:var(--muted)}.slot-ratings b{color:var(--text);font-size:10px}.slot-hint{display:block;margin-top:9px;color:var(--muted);font-size:8px}
input,select,dialog{background:#0e1722!important;color:var(--text)!important;border-color:var(--line-strong)!important}dialog{border:1px solid var(--line-strong);box-shadow:0 30px 100px rgba(0,0,0,.7)}dialog::backdrop{background:rgba(2,5,9,.78);backdrop-filter:blur(5px)}
@media(max-width:980px){.slot-insight{position:fixed;left:50%!important;right:auto!important;top:50%;width:min(300px,calc(100vw - 32px));transform:translate(-50%,-50%)}}

/* White analysis workbook: one symmetric, continuous scroll */
:root{--bg:#f3f6f8;--surface:#fff;--surface-2:#f7f9fb;--line:#d7e0e8;--line-strong:#b9c7d3;--text:#172737;--muted:#66788a;--blue:#1769aa;--blue-soft:#e4f0fa;--red:#b33a45;--red-soft:#f9e7e9;--green:#34784a;--green-soft:#e5f2e8;--amber:#8a6715;--amber-soft:#fff2ca;--violet:#65529a;--shadow:0 3px 14px rgba(25,46,66,.08);--radius:7px}
html,body{background:#f3f6f8;color:var(--text)}
.sidebar{background:#132738;border-color:#263d50}.brand{border-color:#294155}.brand>span{border-color:#6c91ad;background:#1b3a53}
.topbar{background:rgba(255,255,255,.96);border-color:var(--line)}.topbar button,.page-actions button,.segmented button,.draft-status button,.settings-panel button,.filter-panel>button{background:#fff;color:var(--text)}
.panel,.team-composition,.draft-main,.draft-assistant,.filter-panel,.finder-results,.finder-detail,.matchup-focus,.relation-block,.formation,.teamfight-score,.compare-pick,.map-timeline,.map-plans>section,.strategy-rules,.strategy-layout>aside>section,.library-list,.champion-profile,.skill-profile,.route-grid>article,.cc-table-wrap,.quality-grid>article,.settings-panel,.profile-section,.ability-compare,.observed-matchup,.compare-lane-panel,.workbook-controls,.sheet-detail-panel,.strong-skill-panel,.strategy-tier-panel,.check-workbook,.draft-workbook-controls,.map-route-matrix,.route-workbook-table,.teamfight-execution,.solo-matchup-board,.macro-playbook,.settings-dictionary,.champion-matrix{background:#fff;border-color:var(--line);box-shadow:var(--shadow)}
.team-board{gap:10px;align-items:center}.team-composition{border-top:3px solid var(--blue);overflow:visible}.team-composition.red{border-top-color:var(--red)}
.team-title{background:#e6f1fa;border-color:#bfd5e6;padding:10px 12px}.team-composition.red .team-title{background:#fae8ea;border-color:#e6bec2;text-align:left}.team-composition.red .team-title>div,.team-composition.red .team-title>b{order:initial}
.team-slots{background:#fff}.champion-slot{min-height:78px;background:#fff;color:var(--text);border-color:var(--line)}.champion-slot:hover,.champion-slot:focus-visible{z-index:20;background:var(--blue-soft);transform:translateY(-1px);outline:2px solid var(--blue);outline-offset:-2px}.champion-slot.red:hover,.champion-slot.red:focus-visible{background:var(--red-soft);outline-color:var(--red)}
.champion-slot .portrait{width:44px;height:52px;border-color:#b7c5d0}.champion-slot.red .portrait{border-color:#d4aeb3}.champion-slot i{background:#edf2f6;color:#596c7d}.ban-row .champion-slot{min-height:50px;background:#fafbfc}.versus{background:#fff;border-color:var(--line-strong);color:var(--text);box-shadow:none}
.pill{border-color:#cad4dd;background:#eef3f6;color:#3f5569}.pill.engage,.pill.danger{color:#842e37}.pill.disengage,.pill.success,.pill.heal,.pill.shield{color:#2d6940}.pill.poke,.pill.lane,.pill.mobility,.pill.dash{color:#275e87}.pill.split,.pill.warning,.pill.tier{color:#725711}.pill.catch,.pill.soft{background:#eeeaf9;color:#59488c}
.metric-row,.lane-row{border-color:#edf1f4}.dual-bar{background:#e5ebf0}.win-plan p{color:#405365}.warnings span{color:#725711}.warnings .ok{color:var(--green)}
.slot-insight{border-color:#b9cbd9;background:#fff;color:var(--text);box-shadow:0 20px 55px rgba(25,46,66,.22)}.red .slot-insight{border-color:#d6b4b8}.slot-phase>span{background:#f7f9fb;border-color:var(--line)}.slot-ratings>span{background:#edf2f6;color:var(--muted)}.slot-ratings b{color:var(--text)}
input,select,dialog{background:#fff!important;color:var(--text)!important;border-color:var(--line-strong)!important}dialog{box-shadow:0 24px 70px rgba(25,46,66,.25)}dialog::backdrop{background:rgba(23,39,55,.28);backdrop-filter:blur(3px)}

/* Preserve the spreadsheet's mirrored reading order without spreadsheet chrome. */
.analysis-grid>.panel.span-2{border-top:4px solid #244f72}.analysis-grid>.panel:not(.span-2):nth-child(even){border-left:3px solid var(--blue)}.analysis-grid>.panel:not(.span-2):nth-child(odd){border-left:3px solid var(--red)}
.team-deep-grid{position:relative}.team-deep-grid:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:#dce4eb;pointer-events:none}.team-deep-grid>section{position:relative;background:#fff}.team-deep-grid>section:nth-child(odd){border-top:3px solid var(--blue)}.team-deep-grid>section:nth-child(even){border-top:3px solid var(--red)}
@media(max-width:980px){.team-deep-grid:before{display:none}}

.report-divider{margin:34px 0 14px;border-top:1px solid var(--line);padding-top:22px;text-align:center}.report-divider span{color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.16em}.report-divider h2{margin:5px 0 0;font-size:18px}.mirror-report{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.tactical-side,.ranking-side,.warning-side,.final-verdict{border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow);overflow:hidden}.tactical-side>header,.ranking-side>header,.warning-side>header{display:flex;justify-content:space-between;border-bottom:1px solid #bfd5e6;background:var(--blue-soft);padding:9px 12px;color:var(--blue)}.tactical-side.red>header,.ranking-side.red>header,.warning-side.red>header{border-color:#e6bec2;background:var(--red-soft);color:var(--red)}.tactical-side>header span,.ranking-side>header span,.warning-side>header span{font-size:9px}.tactical-side>div{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;padding:10px}.tactical-side article{display:grid;grid-template-columns:1fr auto;gap:5px;border:1px solid var(--line);border-radius:5px;padding:8px}.tactical-side article>span{font-size:9px}.tactical-side article>b{color:var(--blue)}.tactical-side.red article>b{color:var(--red)}.tactical-side article>div{grid-column:1/-1;display:flex;gap:3px;align-items:center;min-height:30px}.tactical-side article small{color:var(--muted);font-size:8px}.ranking-side article{display:grid;grid-template-columns:25px 38px 1fr auto;gap:7px;align-items:center;border-top:1px solid #edf1f4;padding:7px 10px}.ranking-side article>strong{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:var(--blue-soft);color:var(--blue)}.ranking-side.red article>strong{background:var(--red-soft);color:var(--red)}.ranking-side article span b,.ranking-side article span small{display:block}.ranking-side article span small{margin-top:2px;color:var(--muted);font-size:8px}.ranking-side article em{font-style:normal;font-weight:900;font-variant-numeric:tabular-nums}.warning-side{padding-bottom:9px}.warning-side>article{margin:8px 9px 0;border:1px solid var(--line);border-left:4px solid #89a3b8;border-radius:5px;padding:9px}.warning-side>article.warning{border-left-color:#d3a325;background:#fffaf0}.warning-side>article.critical{border-left-color:var(--red);background:#fff5f6}.warning-side>article.ok{border-left-color:var(--green);background:#f3fbf5}.warning-side article>div{display:flex;align-items:center;gap:7px}.warning-side article>div>span{border-radius:3px;background:#edf2f6;padding:3px 5px;font-size:7px;font-weight:900;text-transform:uppercase}.warning-side article p{margin:6px 0;color:#405365;font-size:9px;line-height:1.45}.warning-side article>small{color:var(--muted);font-size:8px}.warning-side footer{display:flex;align-items:center;gap:5px;margin-top:8px;border-top:1px solid var(--line);padding-top:7px}.warning-side footer>span{font-size:8px;font-weight:800}.warning-side footer button{display:flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:4px;background:#fff;padding:3px 5px;cursor:pointer}.warning-side footer button b{font-size:8px}.final-verdict{margin-top:12px;padding:12px;border-top:4px solid #244f72}.verdict-axes{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:12px}.verdict-axes>div{display:grid;grid-template-columns:1fr 1.4fr 1fr;align-items:center;border:1px solid var(--line);border-radius:5px;overflow:hidden;text-align:center}.verdict-axes>div>*{padding:7px 4px}.verdict-axes .blue{background:var(--blue-soft);color:var(--blue);font-weight:900}.verdict-axes .red{background:var(--red-soft);color:var(--red);font-weight:900}.verdict-axes b{font-size:8px}.verdict-axes small{display:block;margin-top:2px;color:var(--muted);font-size:7px}.final-verdict .win-plan>div{background:#f8fafb;padding:10px}
@media(max-width:980px){.mirror-report{grid-template-columns:1fr}.verdict-axes{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.tactical-side>div,.verdict-axes{grid-template-columns:1fr}.warning-side footer{flex-wrap:wrap}}

/* Google Sheet-inspired Team view */
body[data-route="team"] .app-shell{grid-template-columns:1fr}body[data-route="team"] .sidebar{display:none}body[data-route="team"] .topbar{height:58px;padding:7px 18px;background:#f8fafc;box-shadow:inset 0 -1px #d9e1e8}body[data-route="team"] #app-main{max-width:1880px;width:100%;margin:0 auto;padding:14px 20px 60px;background:#fff}body[data-route="team"] .page-intro{margin-bottom:10px;border-bottom:1px solid #d7e0e8;padding-bottom:9px}body[data-route="team"] .page-intro h2{font-size:16px}body[data-route="team"] .page-intro p{font-size:10px}
body[data-route="team"] .team-board{grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr);gap:10px;align-items:start}body[data-route="team"] .team-composition{border:1px solid #1d2730;border-radius:0;box-shadow:none}body[data-route="team"] .team-title{position:relative;min-height:34px;justify-content:center;border-bottom:1px solid #111;background:#175f99;color:#fff;padding:5px 10px}body[data-route="team"] .team-composition.red .team-title{background:#b30008;color:#fff}body[data-route="team"] .team-title>div{display:flex;align-items:center;gap:10px}body[data-route="team"] .team-title span{display:none}body[data-route="team"] .team-title h3{font-size:16px;color:#fff}body[data-route="team"] .team-title>b{position:absolute;right:8px;color:#fff;font-size:11px}
.sheet-ban-strip{display:grid;grid-template-columns:100px repeat(5,1fr);min-height:50px;border-bottom:1px solid #111;background:#fff}.sheet-ban-strip>b{display:grid;place-items:center;background:#175f99;color:#fff;font-size:8px;text-align:center}.sheet-team.red .sheet-ban-strip>b{background:#b30008}.sheet-ban-strip .champion-slot{min-height:50px;grid-template-columns:26px 1fr;border-left:1px solid #b9c2ca;border-right:0;border-radius:0;padding:4px}.sheet-ban-strip .champion-slot .portrait,.sheet-ban-strip .slot-plus{width:26px;height:28px}.sheet-ban-strip .champion-slot small{font-size:7px}.sheet-ban-strip .champion-slot b{font-size:8px}
.sheet-team-rows{display:grid}.sheet-champion-row{position:relative;display:grid;grid-template-columns:68px minmax(150px,1.1fr) minmax(130px,.8fr) minmax(155px,.9fr);grid-template-rows:26px 34px;min-height:60px;border:0;border-bottom:1px dotted #5d6871;background:#fff;padding:0;text-align:left;cursor:pointer}.sheet-champion-row:last-child{border-bottom:0}.sheet-champion-row:hover,.sheet-champion-row:focus-visible{z-index:12;background:#f1f7fc;outline:2px solid #1a73e8;outline-offset:-2px}.sheet-champion-row.red:hover,.sheet-champion-row.red:focus-visible{background:#fff4f5;outline-color:#b30008}.sheet-row-role{grid-column:4;display:grid;place-items:center;border-left:1px solid #91a0ac;background:#175f99;color:#fff;font-size:9px;font-weight:900}.red .sheet-row-role{grid-column:1;background:#b30008;border-left:0;border-right:1px solid #91a0ac}.sheet-row-tags{grid-column:1/4;grid-row:1;display:flex;align-items:center;justify-content:flex-end;gap:2px;border-bottom:1px dotted #8e99a3;padding:2px 5px;overflow:hidden}.red .sheet-row-tags{grid-column:2/5;justify-content:flex-start}.sheet-row-profile{grid-column:1/3;grid-row:2;display:grid;grid-template-columns:100px 1fr;align-items:center;border-right:1px dotted #8e99a3;text-align:center}.red .sheet-row-profile{grid-column:3/5;border-left:1px dotted #8e99a3;border-right:0}.sheet-row-profile small{font-size:8px}.sheet-row-profile b{font-size:9px}.sheet-row-name{grid-column:3/5;grid-row:2;display:flex;align-items:center;justify-content:flex-end;gap:7px;padding:3px 7px}.red .sheet-row-name{grid-column:1/3;justify-content:flex-start}.sheet-row-name .portrait{width:28px;height:28px;border-radius:0}.sheet-row-name b{font-size:13px}.sheet-row-caps{position:absolute;right:3px;bottom:2px;display:none}.sheet-champion-row .pill{min-height:15px;border-radius:2px;padding:1px 4px;font-size:7px}.sheet-champion-row.empty{grid-template-columns:68px 1fr;grid-template-rows:45px;min-height:45px}.sheet-champion-row.empty .sheet-row-role{grid-column:1}.sheet-champion-row.empty.red .sheet-row-role{grid-column:1}.sheet-empty{display:grid;place-items:center;color:#7b8995;font-size:9px}
body[data-route="team"] .analysis-grid{gap:8px;margin-top:16px}body[data-route="team"] .panel,body[data-route="team"] .team-deep,body[data-route="team"] .lane-detail,body[data-route="team"] .tactical-side,body[data-route="team"] .ranking-side,body[data-route="team"] .warning-side,body[data-route="team"] .final-verdict{border-radius:0;box-shadow:none}body[data-route="team"] .panel{padding:8px}body[data-route="team"] .metric-row{min-height:29px;border-color:#aeb8c1}body[data-route="team"] .profile-bars>div,body[data-route="team"] .utility-strip>span{border-radius:0}body[data-route="team"] .data-table th,body[data-route="team"] .data-table td{border-color:#8f9ba5}body[data-route="team"] .report-divider{margin-top:24px;padding-top:14px}
@media(max-width:1100px){body[data-route="team"] .team-board{grid-template-columns:1fr}.sheet-champion-row{grid-template-columns:60px minmax(120px,1fr) minmax(110px,1fr) minmax(130px,1fr)}body[data-route="team"] .versus{margin:auto}}

/* Keep the original application shell on every route, including Team. */
body[data-route="team"] .app-shell{grid-template-columns:232px minmax(0,1fr)}
body[data-route="team"] .sidebar{display:flex}
body[data-route="team"] .topbar{height:74px;padding:10px 22px;background:rgba(255,255,255,.96);box-shadow:none}
body[data-route="team"] #app-main{max-width:none;width:auto;margin:0;padding:18px 22px 42px;background:transparent}
body[data-route="team"] .page-intro{margin-bottom:14px;border-bottom:0;padding-bottom:0}
body[data-route="team"] .page-intro h2{font-size:18px}
body[data-route="team"] .page-intro p{font-size:12px}
@media(max-width:980px){body[data-route="team"] .app-shell{grid-template-columns:1fr}body[data-route="team"] .sidebar{display:flex}body[data-route="team"] .topbar{padding:10px 14px}body[data-route="team"] #app-main{padding:14px}}

/* Team parity blocks ported from lol/sheet-app.* */
.sheet-projection{display:grid;grid-template-columns:220px 1fr 220px;align-items:stretch;margin-bottom:12px;border:1px solid var(--line);background:#fff}.sheet-projection .ban-call{display:flex;flex-direction:column;justify-content:center;padding:10px;text-align:center}.sheet-projection .ban-call.blue{background:#e4f0fb}.sheet-projection .ban-call.red{background:#fae5e7}.sheet-projection .ban-call small,.sheet-projection .ban-call span{color:var(--muted);font-size:8px}.sheet-projection .ban-call b{font-size:16px}.sheet-odds{display:grid;grid-template-columns:70px 1fr 70px;align-items:center;gap:8px;padding:8px;text-align:center}.sheet-odds>i{display:flex;height:12px;overflow:hidden;background:#edf1f4}.sheet-odds>i b{display:block;background:var(--blue)}.sheet-odds>i em{display:block;background:var(--red)}.sheet-odds>small{grid-column:1/-1;color:var(--muted);font-size:8px}.sheet-reference-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:10px;margin-top:12px}.sheet-block{margin-top:12px;border:1px solid var(--line);background:#fff;padding:10px}.sheet-reference-grid>.sheet-block{margin-top:0}.sheet-phase-table>div{position:relative;display:grid;grid-template-columns:115px 1fr 115px;align-items:center;border-bottom:1px solid #dce2e7;padding:7px 0}.sheet-phase-table>div>span{display:flex;align-items:center;gap:6px}.sheet-phase-table>div>span:nth-of-type(2){justify-content:flex-end}.sheet-phase-table>div>section{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.sheet-phase-table>div>section p{display:grid;grid-template-rows:auto 13px auto;justify-items:center;margin:0}.sheet-phase-table>div>section small{font-size:7px;color:var(--muted)}.sheet-phase-table>div>em{position:absolute;left:50%;top:-5px;transform:translateX(-50%);background:#fff;padding:0 5px;color:var(--muted);font-size:7px;font-style:normal;font-weight:900}.sheet-block>footer{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;padding-top:8px;text-align:center;font-size:9px}.identity-row{display:grid;grid-template-columns:1fr 90px 100px 1fr;align-items:center;gap:6px;border-bottom:1px solid #e3e8ed;padding:7px 0}.identity-row>b{text-align:center;font-size:9px}.contributor-faces{display:flex;gap:3px;min-height:30px;align-items:center}.identity-row>.contributor-faces:last-child,.trigger-sheet-row>.contributor-faces:last-child{justify-content:flex-end}.trigger-sheet-row{display:grid;grid-template-columns:105px 1fr 100px 1fr;align-items:center;border-top:1px solid #dfe5ea;padding:7px}.trigger-sheet-row>small{text-align:center;color:var(--muted);font-size:8px}.skill-sheet{padding:10px}.skill-sheet-row{display:grid;grid-template-columns:1fr 60px 1fr;align-items:stretch;border-top:1px solid var(--line)}.skill-sheet-row>em{display:grid;place-items:center;background:#f1f4f7;color:#556575;font-size:8px;font-style:normal;font-weight:900}.skill-sheet-side{min-width:0;padding:8px}.skill-sheet-side>header{display:flex;align-items:center;gap:6px;margin-bottom:6px}.skill-sheet-side.red>header{flex-direction:row-reverse}.skill-sheet-side>div{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.skill-sheet-side article{display:grid;grid-template-columns:28px 20px 1fr;grid-template-rows:auto auto auto;gap:2px 4px;border:1px solid var(--line);background:#f8fafb;padding:5px;min-width:0}.skill-sheet-side article img{grid-row:1/3;width:28px;height:28px;object-fit:cover}.skill-sheet-side article strong{font-size:8px}.skill-sheet-side article span{overflow:hidden;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.skill-sheet-side article small{grid-column:2/4;color:var(--muted);font-size:7px}.skill-sheet-side article footer{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:2px}.skill-sheet-side article .pill{min-height:14px;padding:1px 3px;font-size:6px}
@media(max-width:1100px){.sheet-reference-grid{grid-template-columns:1fr}.skill-sheet-side>div{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.sheet-projection{grid-template-columns:1fr}.sheet-phase-table>div{grid-template-columns:75px 1fr 75px}.skill-sheet-row{grid-template-columns:1fr}.skill-sheet-row>em{min-height:24px}.skill-sheet-side>div{grid-template-columns:1fr 1fr}.trigger-sheet-row{grid-template-columns:80px 1fr}.trigger-sheet-row>small{display:none}}

/* Exact Team panel structure from lol/sheet-app.css, scoped to Team only. */
body[data-route="team"] .team-board{grid-template-columns:1fr 112px 1fr;gap:10px;align-items:start}
body[data-route="team"] .team-panel{overflow:hidden;border:1px solid var(--line);border-top:3px solid #2876c8;border-radius:10px;background:#fff;box-shadow:0 10px 30px #15324c12}
body[data-route="team"] .team-panel.red{border-top-color:#e06a73}
body[data-route="team"] .team-panel .team-title{display:flex;align-items:center;justify-content:space-between;min-height:54px;padding:12px;background:#145a91;color:#fff;text-align:left}
body[data-route="team"] .team-panel.red .team-title{flex-direction:row-reverse;background:#b52631}
body[data-route="team"] .team-panel .team-title>span{display:block;color:#fff;font-size:18px;font-weight:800}
body[data-route="team"] .team-panel .team-title>strong{position:static;display:flex;align-items:baseline;gap:4px;color:#fff;font-size:24px}
body[data-route="team"] .team-panel .team-title small{font-size:8px;letter-spacing:.08em}
body[data-route="team"] .role-row{display:grid;grid-template-columns:78px 1.2fr 1.4fr;align-items:center;min-height:76px;border-top:1px solid var(--line)}
body[data-route="team"] .team-panel.red .role-row{grid-template-columns:1.4fr 1.2fr 78px}
body[data-route="team"] .role-label{display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase}
body[data-route="team"] .role-label i{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#e8edf2;color:#24384d;font-style:normal;box-shadow:inset 0 0 0 1px #fff,0 2px 7px #10263a18}
body[data-route="team"] .pick-cell{height:100%;display:flex;align-items:center;gap:10px;border:0;border-left:1px solid var(--line);border-right:1px solid var(--line);background:#fff;padding:8px;text-align:left;cursor:pointer}
body[data-route="team"] .pick-cell:hover{background:#eef5fb}body[data-route="team"] .pick-cell.empty{color:#8a96a3}
body[data-route="team"] .pick-cell>span b,body[data-route="team"] .pick-cell>span small{display:block}body[data-route="team"] .pick-cell>span small{color:var(--muted);font-size:8px}body[data-route="team"] .pick-cell>span em{display:flex;gap:3px;margin-top:4px;font-style:normal}
body[data-route="team"] .pick-meta{position:relative;padding:8px}body[data-route="team"] .meta-top{display:flex;gap:7px;align-items:center;margin-bottom:5px}body[data-route="team"] .meta-top>b{border-radius:6px;background:#edf1f5;padding:4px 7px;font-size:10px}body[data-route="team"] .meta-top>span{color:var(--muted);font-size:9px}
body[data-route="team"] .combat-tag-line{display:flex;flex-wrap:wrap;gap:3px}body[data-route="team"] .source-row{display:flex;gap:5px;margin-top:5px;color:var(--muted);font-size:8px}body[data-route="team"] .source-row small{font-weight:800}body[data-route="team"] .kit-icons{display:flex;gap:4px;margin-top:6px}body[data-route="team"] .kit-icons img{width:27px;height:27px;border-radius:4px;object-fit:cover}
body[data-route="team"] .team-panel.red .role-label{grid-column:3}body[data-route="team"] .team-panel.red .pick-cell{grid-column:2;grid-row:1;flex-direction:row-reverse;text-align:right}body[data-route="team"] .team-panel.red .pick-meta{grid-column:1;grid-row:1;text-align:right}body[data-route="team"] .team-panel.red .meta-top,body[data-route="team"] .team-panel.red .combat-tag-line,body[data-route="team"] .team-panel.red .kit-icons,body[data-route="team"] .team-panel.red .source-row{justify-content:flex-end}
body[data-route="team"] .team-summary{padding:14px;border-top:1px solid var(--line)}body[data-route="team"] .team-summary>b{display:block;margin-bottom:9px}body[data-route="team"] .coverage-line{display:grid;grid-template-columns:100px 32px 1fr;align-items:center;gap:6px}body[data-route="team"] .coverage-line>.meter{height:8px;overflow:hidden;border-radius:5px;background:#e9edf2}body[data-route="team"] .coverage-line>.meter i{display:block;height:100%;background:#2876c8}body[data-route="team"] .team-panel.red .coverage-line>.meter i{background:#e06a73}
@media(max-width:650px){body[data-route="team"] .role-row,body[data-route="team"] .team-panel.red .role-row{grid-template-columns:60px 1fr}body[data-route="team"] .pick-meta,body[data-route="team"] .team-panel.red .pick-meta{grid-column:1/-1;grid-row:auto;border-top:1px solid var(--line);text-align:left}body[data-route="team"] .team-panel.red .role-label{grid-column:1}body[data-route="team"] .team-panel.red .pick-cell{grid-column:2;grid-row:1;flex-direction:row;text-align:left}}

.faceoff-rail{display:grid;grid-template-rows:54px repeat(5,76px) auto;border:1px solid var(--line);background:#fff}.faceoff-rail>header{display:grid;place-items:center;background:#263746;color:#fff;font-size:13px;font-weight:900}.faceoff-rail>section{display:grid;align-content:center;border-top:1px solid var(--line);padding:3px}.faceoff-rail>section>small{text-align:center;color:var(--muted);font-size:7px;font-weight:900}.faceoff-rail>footer{display:grid;place-items:center;min-height:70px;border-top:1px solid var(--line);color:var(--muted);font-size:7px;font-weight:900;text-align:center}.lane-faceoff{display:grid;grid-template-columns:1fr 32px 1fr;align-items:center;gap:3px}.lane-faceoff>span{display:grid;justify-items:center;min-width:0}.lane-faceoff>span small{max-width:48px;overflow:hidden;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.lane-faceoff>b{display:grid;justify-items:center;color:#263746;font-size:18px}.lane-faceoff>b em{font-size:7px;font-style:normal}.lane-faceoff.compact .portrait{width:32px;height:38px;border-radius:2px}.skill-duel-center{display:grid;align-content:center;justify-items:center;background:#f1f4f7;padding:4px}.skill-duel-center>em{color:#556575;font-size:8px;font-style:normal;font-weight:900}.skill-sheet-row{grid-template-columns:1fr 112px 1fr}.skill-duel-center .lane-faceoff{width:104px}
@media(max-width:1100px){body[data-route="team"] .team-board{grid-template-columns:1fr}.faceoff-rail{display:none}}
@media(max-width:650px){.skill-sheet-row{grid-template-columns:1fr}.skill-duel-center{min-height:70px}.skill-duel-center .lane-faceoff{width:120px}}

/* Mirror the workbook: Blue content-left/pick-right, Red pick-left/content-right. */
body[data-route="team"] .team-panel.blue .role-label{grid-column:3;grid-row:1}
body[data-route="team"] .team-panel.blue .pick-cell{grid-column:2;grid-row:1}
body[data-route="team"] .team-panel.blue .pick-meta{grid-column:1;grid-row:1;text-align:right}
body[data-route="team"] .team-panel.blue .meta-top,body[data-route="team"] .team-panel.blue .combat-tag-line,body[data-route="team"] .team-panel.blue .kit-icons,body[data-route="team"] .team-panel.blue .source-row{justify-content:flex-end}
body[data-route="team"] .team-panel.red .role-label{grid-column:1;grid-row:1}
body[data-route="team"] .team-panel.red .pick-cell{grid-column:2;grid-row:1;flex-direction:row;text-align:left}
body[data-route="team"] .team-panel.red .pick-meta{grid-column:3;grid-row:1;text-align:left}
body[data-route="team"] .team-panel.red .meta-top,body[data-route="team"] .team-panel.red .combat-tag-line,body[data-route="team"] .team-panel.red .kit-icons,body[data-route="team"] .team-panel.red .source-row{justify-content:flex-start}
body[data-route="team"] .pick-cell{position:relative;z-index:3;min-width:0;touch-action:manipulation}body[data-route="team"] .pick-cell:focus-visible{outline:3px solid #1a73e8;outline-offset:-3px}
body[data-route="team"] .meta-top b,body[data-route="team"] .meta-top span{display:inline-flex;align-items:center;gap:4px}body[data-route="team"] .meta-top i{font-style:normal;font-size:13px}
.coverage-legend{display:block;margin-top:7px;color:var(--muted);font-size:8px;text-align:center}
.lane-faceoff.percent-only{display:grid;grid-template-columns:1fr;justify-items:center}.lane-faceoff.percent-only>b{font-size:16px}.lane-faceoff.percent-only>b em{font-size:11px}.faceoff-rail>section>em{display:block;margin-top:2px;color:#8a96a3;font-size:6px;font-style:normal;text-align:center}
@media(max-width:650px){body[data-route="team"] .team-panel.blue .role-label,body[data-route="team"] .team-panel.red .role-label{grid-column:1}body[data-route="team"] .team-panel.blue .pick-cell,body[data-route="team"] .team-panel.red .pick-cell{grid-column:2}body[data-route="team"] .team-panel.blue .pick-meta,body[data-route="team"] .team-panel.red .pick-meta{grid-column:1/-1;grid-row:auto;text-align:left}body[data-route="team"] .team-panel.blue .meta-top,body[data-route="team"] .team-panel.blue .combat-tag-line,body[data-route="team"] .team-panel.blue .kit-icons,body[data-route="team"] .team-panel.blue .source-row{justify-content:flex-start}}

/* Final application layout: fixed desktop navigation, mobile drawer. */
body{overflow-x:hidden}
.app-shell{display:block;min-height:100dvh}
.sidebar{position:fixed;inset:0 auto 0 0;width:232px;height:100dvh;z-index:100;display:flex;overflow:hidden}
.sidebar nav{scrollbar-width:thin;scrollbar-color:#49657a transparent;overscroll-behavior:contain}
.sidebar nav button{position:relative;min-height:44px;margin:2px 0;border:1px solid transparent;border-radius:7px;padding:9px 11px;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease;touch-action:manipulation}
.sidebar nav button:hover{border-color:#36536a;background:#1b354a;transform:translateX(2px)}
.sidebar nav button:active{transform:translateX(2px) scale(.985)}
.sidebar nav button:focus-visible{outline:3px solid #8ed0ff;outline-offset:-3px;background:#1b354a;color:#fff}
.sidebar nav button.active{border-color:#4d7796;background:linear-gradient(90deg,#24506f,#1d425d);box-shadow:inset 3px 0 #8ed0ff,0 3px 12px rgba(0,0,0,.12)}
.sidebar nav button>span{flex:0 0 auto;width:8px;height:8px;border-radius:2px;transition:transform .16s ease,background-color .16s ease}
.sidebar nav button.active>span{transform:rotate(45deg)}
.sidebar-status{background:#102334}
.sidebar-status button{min-height:40px}.sidebar-status button:hover{border-color:#89b5d5;background:#1b354a;color:#fff}.sidebar-status button:focus-visible{outline:3px solid #8ed0ff;outline-offset:2px}
.app-column{min-width:0;margin-left:232px}
.topbar{left:232px;width:auto}

@media(max-width:980px){
  .app-shell,body[data-route="team"] .app-shell{display:block}
  .app-column{margin-left:0}
  .sidebar,body[data-route="team"] .sidebar{position:fixed;inset:0 auto 0 0;display:flex;width:min(82vw,280px);height:100dvh;transform:translateX(-105%);visibility:hidden;transition:transform .22s ease,visibility .22s ease;box-shadow:16px 0 44px rgba(0,0,0,.28)}
  body.nav-open .sidebar{transform:translateX(0);visibility:visible}
  body.nav-open:after{content:"";position:fixed;inset:0;z-index:90;background:rgba(15,28,40,.38);backdrop-filter:blur(2px)}
  .topbar,body[data-route="team"] .topbar{left:0;width:100%}
  .menu-button{display:block!important;min-width:44px;min-height:44px}
  .sidebar nav button{min-height:48px}
}

/* Final interaction repair: Team picker, class badges, and sheet-like symmetry. */
dialog#champion-picker{position:fixed;inset:50% auto auto 50%;z-index:1000;width:min(860px,calc(100vw - 32px));max-height:min(82dvh,760px);transform:translate(-50%,-50%);overflow:hidden;background:#fff!important;color:var(--text)!important}
body.picker-open:before{content:"";position:fixed;inset:0;z-index:999;background:rgba(16,31,44,.38);backdrop-filter:blur(2px);pointer-events:none}
body.picker-open dialog#champion-picker{display:block}
#champion-picker .dialog-head{background:#f8fafc}
#champion-picker .dialog-head [data-action="close-picker"]{position:relative;z-index:6;min-width:44px;min-height:44px;display:grid;place-items:center;border:1px solid transparent;border-radius:6px;background:transparent;padding:0;font-size:24px;line-height:1;cursor:pointer;touch-action:manipulation}
#champion-picker .dialog-head [data-action="close-picker"]:hover{border-color:#d39a9f;background:#fff0f1;color:#8d2530}#champion-picker .dialog-head [data-action="close-picker"]:focus-visible{border-color:#d39a9f;background:#fff0f1;color:#8d2530;outline:3px solid #1a73e8;outline-offset:2px}
#champion-picker .picker-list button{min-height:54px;color:var(--text);touch-action:manipulation}
#champion-picker .picker-list button:focus-visible{outline:3px solid #1a73e8;outline-offset:-3px}
.picker-filters{position:relative;z-index:4;border-bottom:1px solid var(--line);background:#f8fafc}
.picker-filter-toolbar{display:flex;align-items:center;gap:8px;min-height:48px;padding:7px 14px;border-bottom:1px solid var(--line)}.picker-filter-toolbar>div{flex:1}.picker-filter-toolbar strong,.picker-filter-toolbar small{display:block}.picker-filter-toolbar strong{font-size:12px}.picker-filter-toolbar small{margin-top:2px;color:var(--muted);font-size:9px}.picker-filter-toolbar button{min-height:34px;border:1px solid var(--line-strong);border-radius:5px;background:#fff;padding:5px 9px;font-size:9px;font-weight:800;cursor:pointer}.picker-filter-toolbar button:disabled{opacity:.4;cursor:not-allowed}.picker-filter-toolbar [data-picker-reset]{color:#7f2630}.picker-filter-toolbar .filter-panel-toggle{border-color:#8bb5d3;background:#edf6ff;color:#1e5d88}
.picker-filter-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:360px;overflow:auto;padding:10px 14px;transition:max-height .2s ease,padding .2s ease}.picker-filter-groups.collapsed{max-height:0;overflow:hidden;padding-top:0;padding-bottom:0}
.picker-filter-group{min-width:0;border:1px solid var(--line);border-radius:7px;background:#fff;padding:7px}.picker-filter-group.active{border-color:#1a73e8;background:#f5faff}.picker-filter-group>header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.picker-filter-group>header b{font-size:10px}.picker-filter-group>header small{color:var(--muted);font-size:8px}.picker-filter-group>div{display:flex;flex-wrap:wrap;gap:5px}
.filter-option{position:relative;display:grid;grid-template-columns:30px minmax(38px,auto) auto;align-items:center;gap:5px;min-height:38px;border:1px solid #cdd7df;border-radius:6px;background:#fff;padding:3px 6px 3px 3px;cursor:pointer;user-select:none;transition:border-color .15s,background .15s,box-shadow .15s}.filter-option:hover{border-color:#75a9ce;background:#f0f7fc}.filter-option.selected{border-color:#1a73e8;background:#e7f3fc;box-shadow:inset 0 0 0 1px #1a73e8}.filter-option input{position:absolute;opacity:0;pointer-events:none}.filter-option>b{font-size:9px;white-space:nowrap}.filter-option>small{color:var(--muted);font-size:7px}
.filter-option-icon{display:grid;place-items:center;width:30px;height:30px;border:1px solid #b8c6d2;border-radius:5px;background:#edf2f6;color:#263f53;overflow:hidden}.filter-option-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.filter-option-icon .sheet-icon{width:100%;height:100%;border:0;border-radius:4px;object-fit:cover}.filter-option-icon.role,.filter-option-icon.classname{border-color:#d3bf86;background:#fff8e7;color:#a88745}.filter-option-icon.damage{background:#fbe9e5;color:#8d3f2c}.filter-option-icon.combat,.filter-option-icon.macro{background:#e6f3ec;color:#286443}.filter-option-icon.combat:has(.sheet-icon),.filter-option-icon.macro:has(.sheet-icon){background:#111827;color:#fff}.filter-option-icon.early,.filter-option-icon.mid,.filter-option-icon.late{background:#fff2cf;color:#775b12}.filter-option.selected .filter-option-icon{border-color:currentColor;background:#fff}
.picker-summary{padding:8px 14px;color:var(--muted);font-size:11px}
.picker-list button.wrong-lane{border-color:#d39a35;background:#fffaf0}
.picker-warning,.lane-alert{display:block;margin-top:4px;color:#8a5700;font-size:9px}
.unavailable-reason{max-width:110px;color:#7e2831;font-size:8px;font-style:normal;font-weight:900;text-align:right}
body[data-route="team"] .role-row.lane-warning{box-shadow:inset 4px 0 #d39327}
body[data-route="team"] .role-move{display:flex;align-items:center;gap:5px;margin:5px 0;color:var(--muted);font-size:8px}
body[data-route="team"] .role-move select{min-height:30px;border:1px solid var(--line);border-radius:4px;background:#fff;padding:3px 5px;font-size:9px}
body[data-route="team"] .pick-cell[draggable="true"]{cursor:grab}
body[data-route="team"] .pick-cell.dragging{opacity:.55}
body[data-route="team"] .role-row.drag-over{outline:3px dashed #1a73e8;outline-offset:-3px;background:#edf6ff}
body.drag-active{user-select:none}
@media(max-width:850px){.picker-filter-groups{grid-template-columns:1fr;max-height:42dvh}.picker-filter-toolbar button{min-height:44px}.filter-option{min-height:44px}.picker-filter-toolbar{flex-wrap:wrap}.picker-filter-toolbar>div{flex-basis:100%}}
.term-icon{display:inline-grid;place-items:center;flex:0 0 auto;color:#a88745;vertical-align:-3px}
.term-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}.term-icon .sheet-icon{width:20px;height:20px;border-radius:4px;object-fit:cover}
.pill-icon{width:14px;height:14px;margin-right:3px}.pill-icon svg{width:13px;height:13px;stroke-width:2}
.class-icon{width:23px;height:23px;margin-right:4px;color:#a88745}.class-icon svg{width:21px;height:21px}
.role-symbol{width:32px;height:32px;border-radius:8px;background:#fff8e7;color:#a88745;box-shadow:inset 0 0 0 1px #dcc994,0 2px 7px #10263a18}.role-symbol svg{width:25px;height:25px}
body[data-route="team"] .team-panel.blue .term-subclass{color:#2876c8}
body[data-route="team"] .team-panel.red .term-subclass{color:#e06a73}
body[data-route="team"] .team-panel .term-primary-class,body[data-route="team"] .team-panel .role-symbol{color:#a88745}
body[data-route="team"] .team-board{grid-template-columns:minmax(520px,1fr) 112px minmax(520px,1fr);align-items:start}
body[data-route="team"] .role-row{grid-template-columns:minmax(260px,1.25fr) minmax(210px,1fr) 74px;min-height:80px}
body[data-route="team"] .team-panel.red .role-row{grid-template-columns:74px minmax(210px,1fr) minmax(260px,1.25fr)}
body[data-route="team"] .team-panel.blue .pick-meta{grid-column:1;text-align:left}
body[data-route="team"] .team-panel.blue .pick-cell{grid-column:2;justify-content:flex-start}
body[data-route="team"] .team-panel.blue .role-label{grid-column:3}
body[data-route="team"] .team-panel.red .role-label{grid-column:1}
body[data-route="team"] .team-panel.red .pick-cell{grid-column:2;justify-content:flex-start;text-align:left}
body[data-route="team"] .team-panel.red .pick-meta{grid-column:3;text-align:left}
body[data-route="team"] .pick-cell{min-height:80px;border:1px solid #d9e1e8;border-top:0;border-bottom:0;background:#fff}
body[data-route="team"] .pick-cell:hover,body[data-route="team"] .pick-cell:focus-visible{background:#edf6ff;outline:3px solid #1a73e8;outline-offset:-3px}
body[data-route="team"] .team-panel.red .pick-cell:hover,body[data-route="team"] .team-panel.red .pick-cell:focus-visible{background:#fff2f3;outline-color:#b30008}

/* Team workbook semantics: editable input, imported output, derived result, warning. */
.team-data-legend{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(560px,1.3fr);gap:12px;align-items:center;margin:0 0 12px;border:1px solid var(--line);border-left:4px solid var(--sheet-output);background:var(--surface);padding:10px 12px;box-shadow:var(--shadow)}
.team-data-legend>div:first-child>span{color:var(--sheet-output);font-size:8px;font-weight:900;letter-spacing:.09em}
.team-data-legend h3{margin:3px 0;font-size:13px}
.team-data-legend p{margin:0;color:var(--muted);font-size:9px;line-height:1.45}
.team-data-legend>div[role="list"]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.team-data-legend article{min-width:0;border:1px solid var(--line);border-top:4px solid var(--sheet-output);background:#fff;padding:7px}
.team-data-legend article.input{border-top-color:var(--sheet-input)}
.team-data-legend article.derived{border-top-color:var(--sheet-derived)}
.team-data-legend article.warning{border-top-color:var(--sheet-warning)}
.team-data-legend article b,.team-data-legend article span,.team-data-legend article small{display:block}
.team-data-legend article b{color:#32495d;font-size:7px;letter-spacing:.06em}
.team-data-legend article span{margin-top:3px;font-size:9px;font-weight:800}
.team-data-legend article small{margin-top:3px;color:var(--muted);font-size:7px;line-height:1.35}
body[data-route="team"] .pick-cell::after,body[data-route="team"] .pick-meta::before{position:absolute;top:4px;right:5px;z-index:2;border-radius:3px;padding:2px 4px;font-size:6px;font-weight:900;letter-spacing:.05em;line-height:1}
body[data-route="team"] .pick-cell::after{content:"INPUT";border:1px solid #d7c18e;background:#fff8e6;color:#725711}
body[data-route="team"] .pick-meta::before{content:"SHEET OUTPUT";border:1px solid #b8d1e5;background:#edf6ff;color:#275e87}
body[data-route="team"] .pick-meta{padding-top:20px}
body[data-route="team"] .role-row.lane-warning .pick-cell::after{content:"INPUT · CHECK";border-color:#d7aa62;background:#fff2ca;color:#725711}
.faceoff-rail>header{grid-template-rows:auto auto;align-content:center}
.faceoff-rail>header small{margin-top:2px;color:#c8d8e5;font-size:6px;letter-spacing:.08em}
.pill.strong{border-color:#8cc7aa;background:var(--sheet-strong);color:#245f45}
.pill.average{border-color:#dfc670;background:var(--sheet-average);color:#6f5514}
.pill.weak{border-color:#d47d7d;background:var(--sheet-weak);color:#6f2228}
@media(max-width:1100px){.team-data-legend{grid-template-columns:1fr}.team-data-legend>div[role="list"]{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.team-data-legend>div[role="list"]{grid-template-columns:1fr}.team-data-legend article small{font-size:8px}body[data-route="team"] .pick-meta::before{left:6px;right:auto}}
body[data-route="team"] .pick-cell .portrait{width:46px;height:54px;border-radius:2px}
body[data-route="team"] .meta-top b,body[data-route="team"] .meta-top span{min-height:24px}
body[data-route="team"] .faceoff-rail{position:sticky;top:86px;z-index:5}
@media(max-width:1280px){body[data-route="team"] .team-board{grid-template-columns:1fr}body[data-route="team"] .faceoff-rail{display:none}}

/* Team overview cleanup: no derived rail or workspace chrome, just the two teams. */
body[data-route="team"] .team-board{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}
body[data-route="team"] .team-workspace,
body[data-route="team"] .team-result-tabs,
body[data-route="team"] .team-data-legend,
body[data-route="team"] .faceoff-rail,
body[data-route="team"] .report-divider,
body[data-route="team"] .mirror-report,
body[data-route="team"] .final-verdict,
body[data-route="team"] .team-deep-grid{display:none!important}
body[data-route="team"] .team-core-analysis{margin-top:12px}
@media(max-width:1280px){body[data-route="team"] .team-board{grid-template-columns:1fr}}
@media(max-width:650px){body[data-route="team"] .role-row,body[data-route="team"] .team-panel.red .role-row{grid-template-columns:62px minmax(0,1fr)}body[data-route="team"] .team-panel.blue .role-label,body[data-route="team"] .team-panel.red .role-label{grid-column:1}body[data-route="team"] .team-panel.blue .pick-cell,body[data-route="team"] .team-panel.red .pick-cell{grid-column:2}body[data-route="team"] .team-panel.blue .pick-meta,body[data-route="team"] .team-panel.red .pick-meta{grid-column:1/-1}}

/* Reference folder port: Counter & Matchup colors + Check framed workbook layout. */
body[data-route="matchups"] #app-main,
body[data-route="finder"] #app-main{background:#f5f7fa}
body[data-route="matchups"] .matchup-focus{
  overflow:hidden;
  border:1px solid #d7dde5;
  border-radius:10px;
  background:linear-gradient(135deg,#fff,#edf6fb);
  box-shadow:0 2px 8px #18324c0b;
  padding:16px;
}
body[data-route="matchups"] .matchup-focus .portrait.lg{
  width:72px;
  height:72px;
  border-radius:7px;
  border:2px solid #fff;
  box-shadow:0 3px 14px #15324c24;
}
body[data-route="matchups"] .matchup-focus h2{font-size:28px;margin:0 0 5px}
body[data-route="matchups"] .lane-tabs{
  width:auto;
  border:1px solid #d7dde5;
  border-radius:10px;
  background:#fff;
  padding:7px;
  box-shadow:0 2px 8px #18324c0b;
}
body[data-route="matchups"] .lane-tabs button{
  border-radius:7px;
  border-color:#e1e7ed;
  font-weight:800;
}
body[data-route="matchups"] .lane-tabs button.active{
  background:#0d2942;
  border-color:#0d2942;
  color:#fff;
}
body[data-route="matchups"] .relation-grid{
  grid-template-columns:repeat(2,minmax(280px,1fr));
  gap:12px;
}
body[data-route="matchups"] .relation-block{
  overflow:hidden;
  border:1px solid #e1e7ed;
  border-radius:10px;
  background:#fff;
  box-shadow:0 2px 8px #18324c0b;
}
body[data-route="matchups"] .relation-block>.section-head{
  display:grid;
  grid-template-columns:1fr auto;
  gap:4px 10px;
  padding:12px;
  border-bottom:1px solid #e1e7ed;
  background:#f6f8fa;
}
body[data-route="matchups"] .relation-block>.section-head h3{font-size:16px}
body[data-route="matchups"] .relation-block>.section-head span{
  display:grid;
  place-items:center;
  min-width:30px;
  min-height:24px;
  border-radius:999px;
  background:#fff;
  color:#607080;
  font-weight:900;
}
body[data-route="matchups"] .relation-block.danger>.section-head{background:#fde8ea}
body[data-route="matchups"] .relation-block.lane>.section-head{background:#e8f2fb}
body[data-route="matchups"] .relation-block.success>.section-head{background:#e8f4e5}
body[data-route="matchups"] .relation-block.warning>.section-head{background:#fff5d6}
body[data-route="matchups"] .relation-block>div:last-child{
  grid-template-columns:repeat(auto-fill,minmax(230px,1fr));
  gap:8px;
  padding:10px;
}
body[data-route="matchups"] .relation-block button{
  min-height:58px;
  grid-template-columns:40px 1fr auto;
  gap:8px;
  border:1px solid #e1e7ed;
  border-radius:8px;
  padding:8px;
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease,background-color .16s ease;
}
body[data-route="matchups"] .relation-block button:hover{
  border-color:#2876c8;
  background:#fff;
  box-shadow:0 5px 16px #153b5b18;
  transform:translateY(-1px);
}
body[data-route="matchups"] .relation-block.danger button{box-shadow:inset 3px 0 0 #cf3d45}
body[data-route="matchups"] .relation-block.lane button{box-shadow:inset 3px 0 0 #2876c8}
body[data-route="matchups"] .relation-block.success button{box-shadow:inset 3px 0 0 #66a75f}
body[data-route="matchups"] .relation-block.warning button{box-shadow:inset 3px 0 0 #d8b247}
body[data-route="matchups"] .relation-block button .portrait{
  width:40px;
  height:40px;
  border-radius:5px;
}
body[data-route="matchups"] .relation-block button b{font-size:12px}
body[data-route="matchups"] .relation-block button small{font-size:10px}
body[data-route="matchups"] .observed-matchup{
  overflow:hidden;
  border-radius:10px;
  border-color:#d7dde5;
  box-shadow:0 2px 8px #18324c0b;
}
body[data-route="matchups"] .observed-matchup>.section-head{
  margin:-12px -12px 12px;
  padding:12px;
  background:#f6f8fa;
  border-bottom:1px solid #e1e7ed;
}
body[data-route="matchups"] .matchup-versus{
  border:1px solid #e1e7ed;
  border-radius:10px;
  background:#fff;
  padding:10px;
}
body[data-route="matchups"] .observed-slots>span{
  border-radius:8px;
  background:#f7f9fb;
}

body[data-route="finder"] .check-workbook{
  overflow:hidden;
  border:1px solid #d7dde5;
  border-radius:10px;
  background:#fff;
  padding:0;
  box-shadow:0 10px 30px #15324c12;
}
body[data-route="finder"] .check-workbook>.section-head{
  margin:0;
  padding:13px 14px;
  background:#152f48;
  border-bottom:1px solid #10283e;
  color:#fff;
}
body[data-route="finder"] .check-workbook>.section-head span{color:#c7d6e4}
body[data-route="finder"] .check-controls{
  grid-template-columns:repeat(3,minmax(140px,1fr)) minmax(210px,1.15fr);
  gap:10px;
  margin:0;
  padding:14px;
  background:linear-gradient(135deg,#fff,#edf6fb);
  border-bottom:1px solid #d7dde5;
}
body[data-route="finder"] .check-controls label,
body[data-route="finder"] .check-controls>div{
  border:1px solid #d7dde5;
  border-radius:8px;
  background:#fff;
  padding:9px;
}
body[data-route="finder"] .check-controls label>span,
body[data-route="finder"] .check-controls>div>span{
  color:#6b7785;
  letter-spacing:.08em;
}
body[data-route="finder"] .check-controls select{
  border-radius:7px;
  border-color:#bcc7d2;
}
body[data-route="finder"] .check-controls>div>b{
  gap:8px;
  font-size:14px;
}
body[data-route="finder"] .check-matrix-wrap{
  margin:14px;
  border:1px solid #d7dde5;
  border-radius:10px;
  background:#fff;
}
body[data-route="finder"] .check-matrix{
  min-width:920px;
  border-collapse:separate;
  border-spacing:0;
}
body[data-route="finder"] .check-matrix th,
body[data-route="finder"] .check-matrix thead th{
  background:#145a91;
  color:#fff;
}
body[data-route="finder"] .check-matrix th:first-child{
  background:#fff;
}
body[data-route="finder"] .check-matrix thead th:first-child{
  background:#0d2942;
  color:#fff;
}
body[data-route="finder"] .check-matrix tr:hover td,
body[data-route="finder"] .check-matrix tr:hover th:first-child{
  background:#f5f9fc;
}
body[data-route="finder"] .check-matrix td{
  border-color:#e1e7ed;
  font-size:12px;
  font-weight:900;
}
body[data-route="finder"] .check-matrix td.danger{background:#fde8ea;color:#852c35}
body[data-route="finder"] .check-matrix td.lane{background:#e8f2fb;color:#24647e}
body[data-route="finder"] .check-matrix td.success{background:#e8f4e5;color:#2d6943}
body[data-route="finder"] .check-matrix td.warning{background:#fff5d6;color:#795612}
body[data-route="finder"] .check-relations{
  display:grid;
  gap:8px;
  margin:0;
  padding:0 14px 14px;
}
body[data-route="finder"] .check-relation-row{
  grid-template-columns:150px repeat(6,minmax(100px,1fr));
  gap:8px;
  padding:8px;
  border:1px solid #e1e7ed;
  border-radius:10px;
  background:#f8fafb;
}
body[data-route="finder"] .check-relation-row>b{
  align-self:center;
  color:#17202a;
}
body[data-route="finder"] .check-relation-row>button{
  border-radius:8px;
  background:#fff;
  min-height:44px;
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
body[data-route="finder"] .check-relation-row>button:hover{
  border-color:#2876c8;
  box-shadow:0 5px 16px #153b5b18;
  transform:translateY(-1px);
}
body[data-route="finder"] .check-relation-row>button.danger{box-shadow:inset 3px 0 0 #cf3d45}
body[data-route="finder"] .check-relation-row>button.lane{box-shadow:inset 3px 0 0 #2876c8}
body[data-route="finder"] .check-relation-row>button.success{box-shadow:inset 3px 0 0 #66a75f}
body[data-route="finder"] .check-relation-row>button.warning{box-shadow:inset 3px 0 0 #d8b247}
@media(max-width:980px){
  body[data-route="matchups"] .relation-grid{grid-template-columns:1fr}
  body[data-route="finder"] .check-controls{grid-template-columns:1fr 1fr}
  body[data-route="finder"] .check-relation-row{grid-template-columns:1fr repeat(2,minmax(120px,1fr))}
}
@media(max-width:650px){
  body[data-route="finder"] .check-controls,
  body[data-route="finder"] .check-relation-row{grid-template-columns:1fr}
}

/* Workbook parity: Teamfight, Compare and Map */
.teamfight-workbook>div:first-child{
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
}
.teamfight-workbook select{min-height:44px}
.trigger-duel{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.trigger-duel .trigger-result{
  min-width:0;
  margin:0;
  border:1px solid var(--line);
  border-radius:7px;
  padding:8px;
}
.trigger-result>b small{display:block;margin-bottom:3px;color:var(--muted);font-size:7px;text-transform:uppercase}
.teamfight-parity,.workbook-contract-bar{
  margin-top:12px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--surface);
  padding:12px;
  box-shadow:var(--shadow);
}
.teamfight-parity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.teamfight-parity-grid>article,.workbook-contract-bar>div:not(.section-head)>span{
  min-width:0;
  border:1px solid var(--line);
  border-radius:7px;
  background:color-mix(in srgb,var(--surface) 88%,var(--blue-soft));
  padding:9px;
}
.teamfight-parity-grid small,.teamfight-parity-grid b,.teamfight-parity-grid p,
.workbook-contract-bar small,.workbook-contract-bar b{display:block}
.teamfight-parity-grid small,.workbook-contract-bar small{color:var(--muted);font-size:8px}
.teamfight-parity-grid b,.workbook-contract-bar b{margin-top:4px;font-size:11px;overflow-wrap:anywhere}
.teamfight-parity-grid p,.workbook-contract-bar>p{margin:5px 0 0;color:var(--muted);font-size:9px;line-height:1.5}
.range-contract{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:8px}
.range-contract>span{border:1px solid var(--line);border-radius:6px;padding:7px;text-align:center}
.range-contract small,.range-contract b{display:block}
.range-contract small{color:var(--muted);font-size:7px}
.workbook-contract-bar>div:not(.section-head){display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.workbook-contract-bar{margin:0 0 12px}
.map-contract-grid{grid-template-columns:repeat(3,1fr)!important}
.map-contract-grid>span{display:grid;grid-template-columns:1fr 1fr;gap:5px}
.map-contract-grid>span>small{grid-column:1/-1}
.map-contract-grid b{border-left:3px solid var(--blue);padding-left:6px}
.map-contract-grid b:last-child{border-left-color:var(--red)}
.map-contract-grid i{display:block;color:var(--muted);font-size:7px;font-style:normal;font-weight:600}
@media(max-width:760px){
  .trigger-duel,.teamfight-parity-grid{grid-template-columns:1fr}
  .range-contract{grid-template-columns:repeat(2,1fr)}
  .workbook-contract-bar>div:not(.section-head),.map-contract-grid{grid-template-columns:1fr 1fr!important}
}
@media(max-width:480px){
  .workbook-contract-bar>div:not(.section-head),.map-contract-grid{grid-template-columns:1fr!important}
}

.draft-contract>div:not(.section-head){grid-template-columns:repeat(5,1fr)}
.draft-contract label{position:relative;cursor:pointer}
.draft-contract label>input{position:absolute;opacity:0;pointer-events:none}
.draft-contract label>span{
  display:grid;
  align-content:center;
  min-height:44px;
  border:1px solid var(--line);
  border-radius:7px;
  background:var(--surface);
  padding:8px;
  transition:border-color .16s ease,background-color .16s ease;
}
.draft-contract label>input:checked+span{border-color:var(--green);background:var(--green-soft)}
.draft-contract label>input:focus-visible+span{outline:3px solid color-mix(in srgb,var(--blue) 35%,transparent);outline-offset:2px}
.library-coverage{
  margin-bottom:12px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--surface);
  padding:12px;
  box-shadow:var(--shadow);
}
.library-coverage>div:not(.section-head){display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.library-coverage>div:not(.section-head)>span{border:1px solid var(--line);border-radius:7px;padding:9px}
.library-coverage small,.library-coverage b{display:block}
.library-coverage small{color:var(--muted);font-size:8px}
.library-coverage b{margin-top:4px;font-size:18px;font-variant-numeric:tabular-nums}
.library-coverage>p{margin:8px 0 0;color:var(--muted);font-size:9px;line-height:1.5}
@media(max-width:760px){
  .draft-contract>div:not(.section-head){grid-template-columns:1fr 1fr}
  .library-coverage>div:not(.section-head){grid-template-columns:1fr 1fr}
}

.runtime-contract{
  margin:0 0 12px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--surface);
  padding:12px;
  box-shadow:var(--shadow);
}
.runtime-contract>div:not(.section-head){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.runtime-contract article{min-width:0;border:1px solid var(--line);border-radius:7px;padding:10px}
.runtime-contract article>span{display:block;color:var(--muted);font-size:9px}
.runtime-contract article>b{display:block;margin-top:4px;color:var(--green);font-size:15px}
.runtime-contract article.failed{border-color:var(--red)}
.runtime-contract article.failed>b{color:var(--red)}
.runtime-contract article>p{margin:5px 0 0;color:var(--muted);font-size:9px;line-height:1.5}
.render-error{max-width:720px;margin:8vh auto;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);padding:28px;box-shadow:var(--shadow)}
.render-error>span{color:var(--amber);font-size:9px;font-weight:800;letter-spacing:.08em}
.render-error h2{margin:8px 0;font-size:24px}
.render-error p{max-width:62ch;color:var(--muted);line-height:1.6}
.render-error>div{display:flex;gap:8px;margin-top:18px;flex-wrap:wrap}
.render-error button{min-height:44px;border:1px solid var(--line-strong);border-radius:6px;background:var(--surface);padding:9px 14px;cursor:pointer}
@media(max-width:760px){.runtime-contract>div:not(.section-head){grid-template-columns:1fr 1fr}}
@media(max-width:480px){.runtime-contract>div:not(.section-head){grid-template-columns:1fr}.render-error{margin:4vh auto;padding:20px}}
.quality-grid ul{margin:9px 0 0;padding:8px 8px 8px 22px;border-radius:5px;background:var(--amber-soft);color:var(--text);font-size:9px;line-height:1.55}
.quality-grid li{overflow-wrap:anywhere}
.quality-grid li+li{margin-top:2px}
@media(max-width:650px){.pool-toolbar select{min-height:44px}}
.analysis-detail{margin-top:18px}
.analysis-detail-side{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden}
.analysis-detail-side>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line)}
.analysis-detail-side>header b{letter-spacing:.08em}.analysis-detail-side>header span{color:var(--muted);font-size:12px}
.analysis-detail-side>article{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(90px,140px) auto;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line)}
.analysis-detail-side>article span{min-width:0;display:grid;gap:3px}.analysis-detail-side>article span b,.analysis-detail-side>article span small{overflow-wrap:anywhere}
.analysis-detail-side>article span small{color:var(--muted)}.analysis-detail-side meter{width:100%;accent-color:var(--blue)}
.analysis-detail-side>p{padding:18px;color:var(--muted)}.risk-note{display:grid;gap:4px;padding:12px 14px;background:var(--amber-soft);color:var(--text)}
@media(max-width:650px){.analysis-detail-side>article{grid-template-columns:auto minmax(0,1fr) auto}.analysis-detail-side meter{grid-column:2/4}.analysis-detail-side>header{align-items:flex-start;flex-direction:column}}
.champion-type-strip{margin-top:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);padding:10px}
.champion-type-strip>header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.champion-type-strip>header span{color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.08em}.champion-type-strip>header small{color:var(--muted)}
.champion-type-strip>div,.icon-flags{display:flex;flex-wrap:wrap;gap:7px}.feature-badge{display:inline-flex;min-height:42px;align-items:center;gap:8px;border:1px solid var(--line-strong);border-radius:7px;background:var(--surface);padding:6px 10px;color:var(--text)}
.feature-badge>i{display:grid;place-items:center;width:28px;height:28px;border-radius:6px;background:var(--blue-soft);color:var(--blue);font-style:normal}.feature-badge>i svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.feature-badge>b{font-size:10px}.feature-badge.feature-dive>i,.feature-badge.feature-engage>i{background:var(--red-soft);color:var(--red)}.feature-badge.feature-carry>i,.feature-badge.feature-hypercarry>i,.feature-badge.feature-dps>i{background:var(--amber-soft);color:var(--amber)}
.champion-skill-panel{margin-top:12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:12px;box-shadow:var(--shadow)}.champion-skill-panel .skill-tag-cloud{margin:0 0 12px}.sheet-flags.icon-flags{grid-template-columns:none}.sheet-flags.icon-flags>.feature-badge{padding:6px 10px}.sheet-flags.icon-flags>.muted{padding:8px}
@media(max-width:650px){.champion-type-strip>header{align-items:flex-start;flex-direction:column}.feature-badge{min-height:44px}.champion-skill-panel{padding:10px}}

/* Check polish: stronger click states, compact density, lane/class SVG badges. */
body[data-route="finder"] .check-selector{
  border-color:#9aa8b6;
  background:#fff;
}
body[data-route="finder"] .check-topbar-compact{
  grid-template-columns:92px minmax(360px,1fr) minmax(260px,.8fr);
}
body[data-route="finder"] .check-icon-group button{
  display:grid;
  grid-template-columns:28px 18px minmax(0,1fr);
  align-items:center;
  min-height:42px;
  gap:5px;
  padding:5px 7px;
  text-align:left;
}
body[data-route="finder"] .check-icon-group button .check-lane-icon,
body[data-route="finder"] .check-filter-icon{
  display:grid;
  place-items:center;
  width:25px;
  height:25px;
  border:1px solid #c6d2dc;
  border-radius:5px;
  background:#f3f7fb;
  color:#345b78;
  overflow:hidden;
}
body[data-route="finder"] .check-icon-group button svg,
body[data-route="finder"] .check-filter-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
body[data-route="finder"] .check-icon-group button .sheet-icon,
body[data-route="finder"] .check-filter-icon .sheet-icon{
  width:100%;
  height:100%;
  border:0;
  border-radius:4px;
  object-fit:cover;
}
body[data-route="finder"] .check-icon-group button em{
  font-size:9px;
  font-style:normal;
  font-weight:900;
  color:#6b7d8d;
}
body[data-route="finder"] .check-icon-group button small{
  min-width:0;
  overflow:hidden;
  font-size:9px;
  font-weight:800;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body[data-route="finder"] .check-icon-group button:hover{
  border-color:#2876c8;
  background:#edf6ff;
}
body[data-route="finder"] .check-icon-group button.active{
  border-color:#145a91;
  background:#dcefff;
  color:#0d4168;
  box-shadow:inset 0 0 0 2px #145a91;
}
body[data-route="finder"] .check-icon-group button.active .check-lane-icon{
  border-color:#145a91;
  background:#145a91;
  color:#fff;
}
body[data-route="finder"] .check-body{
  grid-template-columns:118px minmax(620px,1fr) 318px;
}
body[data-route="finder"] .check-name-rail button{
  display:grid;
  grid-template-columns:22px minmax(0,1fr);
  align-items:center;
  gap:5px;
  min-height:32px;
  border-left:3px solid transparent;
}
body[data-route="finder"] .check-name-rail button i{
  display:grid;
  place-items:center;
  width:20px;
  height:20px;
  border-radius:4px;
  background:#eef3f7;
  color:#597084;
}
body[data-route="finder"] .check-name-rail button i svg{
  width:14px;
  height:14px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
}
body[data-route="finder"] .check-name-rail button span{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body[data-route="finder"] .check-name-rail button:hover{
  border-left-color:#76a9cb;
  background:#eef7ff;
}
body[data-route="finder"] .check-name-rail button.active{
  border-left-color:#145a91;
  background:#dcefff;
  color:#0b456f;
  font-weight:900;
  box-shadow:inset 0 0 0 1px #9bc7e5;
}
body[data-route="finder"] .check-name-rail button.active i{
  background:#145a91;
  color:#fff;
}
body[data-route="finder"] .check-champion-grid{
  grid-template-columns:repeat(var(--check-columns),minmax(52px,1fr));
  background:#cfd8e2;
}
body[data-route="finder"] .check-champion-grid>button{
  min-width:52px;
  isolation:isolate;
}
body[data-route="finder"] .check-champion-grid>button.dimmed{
  opacity:.28;
  filter:grayscale(.85);
}
body[data-route="finder"] .check-champion-grid>button.dimmed:hover{
  opacity:.72;
  filter:grayscale(.25);
}
body[data-route="finder"] .check-champion-grid>button.available:hover,
body[data-route="finder"] .check-champion-grid>button.selected{
  z-index:5;
  opacity:1;
  filter:none;
}
body[data-route="finder"] .check-champion-grid>button.available:hover{
  box-shadow:inset 0 0 0 2px #77acd2;
}
body[data-route="finder"] .check-champion-grid>button.selected{
  box-shadow:inset 0 0 0 3px #145a91,inset 0 0 0 5px #fff,0 0 0 2px #145a9140;
}
body[data-route="finder"] .check-champion-grid>button.selected::after{
  content:"";
  position:absolute;
  inset:0;
  border:3px solid #145a91;
  pointer-events:auto;
}
body[data-route="finder"] .check-champ-label{
  position:absolute;
  inset:auto 0 0;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:3px;
  background:linear-gradient(180deg,rgba(7,13,21,.1),rgba(7,13,21,.88));
  color:#fff;
  padding:10px 3px 3px;
  text-align:left;
}
body[data-route="finder"] .check-champ-label b,
body[data-route="finder"] .check-champ-label small{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body[data-route="finder"] .check-champ-label b{font-size:7px}
body[data-route="finder"] .check-champ-label small{
  border-radius:2px;
  background:#ffffff24;
  padding:1px 3px;
  font-size:6px;
  font-weight:900;
}
body[data-route="finder"] .check-champ-icons{
  position:absolute;
  left:2px;
  top:2px;
  z-index:2;
  display:flex;
  gap:2px;
  font-style:normal;
  opacity:.86;
}
body[data-route="finder"] .check-champ-icons svg{
  width:14px;
  height:14px;
  border:1px solid #ffffffb8;
  border-radius:3px;
  background:#102235cc;
  color:#fff;
  padding:2px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}
body[data-route="finder"] .check-champion-grid>button.selected .check-champ-label{
  background:linear-gradient(180deg,rgba(20,90,145,.15),rgba(20,90,145,.96));
}
body[data-route="finder"] .check-champion-grid>button.selected .check-champ-icons svg{
  background:#145a91;
}
body[data-route="finder"] .check-filter-toggle>span{
  grid-template-columns:28px auto minmax(0,1fr);
  gap:5px;
  min-height:34px;
}
body[data-route="finder"] .check-filter-toggle>span em{
  min-width:18px;
  color:#6a7c8d;
  font-size:8px;
  font-style:normal;
  font-weight:900;
  text-align:center;
}
body[data-route="finder"] .check-filter-toggle>span small{
  padding-left:0;
}
body[data-route="finder"] .check-filter-toggle.active>span{
  border-color:#145a91;
  background:#e7f3ff;
  color:#0d4168;
  box-shadow:inset 0 0 0 1px #145a91;
}
body[data-route="finder"] .check-filter-toggle.active .check-filter-icon{
  border-color:#145a91;
  background:#145a91;
  color:#fff;
}
body[data-route="finder"] .check-filter-toggle:has(.sheet-icon)>span{
  grid-template-columns:34px minmax(0,1fr);
}
body[data-route="finder"] .check-filter-toggle:has(.sheet-icon) .check-filter-icon{
  width:30px;
  height:30px;
  padding:0;
  border-color:#172033;
  background:#172033;
}
body[data-route="finder"] .check-selected-preview{
  border-color:#9bc7e5;
  background:linear-gradient(135deg,#fff,#edf7ff);
}
body[data-route="finder"] .check-selected-preview .portrait{
  border-color:#145a91;
  box-shadow:0 0 0 2px #fff,0 0 0 4px #145a91;
}
@media(max-width:1180px){
  body[data-route="finder"] .check-body{grid-template-columns:96px minmax(550px,1fr) 292px}
}
@media(max-width:980px){
  body[data-route="finder"] .check-topbar-compact{grid-template-columns:92px 1fr}
  body[data-route="finder"] .check-body{grid-template-columns:96px minmax(550px,1fr)}
  body[data-route="finder"] .check-filter-console{grid-column:1/-1}
}

/* Team sheet opening: final override matching the provided Google Sheet reference. */
body[data-route="team"] #app-main{background:#fff}
body[data-route="team"] .page-intro{margin-bottom:12px;border:1px solid #d9dde3;border-radius:0;background:#fff;box-shadow:none}
body[data-route="team"] .page-intro h2{font-size:18px}
body[data-route="team"] .page-intro p{font-size:11px}
body[data-route="team"] .sheet-projection{grid-template-columns:1fr 190px 1fr;gap:20px;align-items:stretch;margin:0 0 14px;border:0;background:#fff}
body[data-route="team"] .sheet-projection .ban-call{position:relative;display:grid;grid-template-columns:86px repeat(5,minmax(70px,1fr));grid-template-rows:58px 20px;align-items:stretch;padding:0;border:1px solid #145a91;background:#fff;text-align:center}
body[data-route="team"] .sheet-projection .ban-call::after{content:"";grid-column:2/-1;grid-row:1;background:repeating-linear-gradient(90deg,transparent 0 calc(20% - 1px),#145a91 calc(20% - 1px) 20%)}
body[data-route="team"] .sheet-projection .ban-call.red{direction:rtl;border-color:#b30008}
body[data-route="team"] .sheet-projection .ban-call.red::after{background:repeating-linear-gradient(90deg,transparent 0 calc(20% - 1px),#b30008 calc(20% - 1px) 20%)}
body[data-route="team"] .sheet-projection .ban-call small{grid-column:1;grid-row:1;display:grid;place-items:center;background:#145a91;color:#000;font-size:10px;font-weight:900;line-height:1.1}
body[data-route="team"] .sheet-projection .ban-call.red small{background:#b30008}
body[data-route="team"] .sheet-projection .ban-call b{grid-column:2/-1;grid-row:1;place-self:end start;z-index:1;max-width:100%;padding:3px 8px;background:#fff8e1;color:#111;font-size:11px;direction:ltr}
body[data-route="team"] .sheet-projection .ban-call.red b{place-self:end end}
body[data-route="team"] .sheet-projection .ban-call span{grid-column:1/-1;grid-row:2;display:grid;place-items:center;border-top:1px dotted #222;background:#d9eaf8;color:#111;font-size:9px;direction:ltr}
body[data-route="team"] .sheet-projection .ban-call.red span{background:#f3c4c6}
body[data-route="team"] .sheet-odds{grid-template-columns:1fr;align-content:center;justify-items:center;gap:5px;min-height:88px;border:1px solid #2e4458;background:radial-gradient(circle at 50% 20%,#1d8ab8 0,#0d2942 38%,#091421 100%);color:#ffe2a3;text-shadow:0 1px 2px #000}
body[data-route="team"] .sheet-odds strong{font-size:20px}
body[data-route="team"] .sheet-odds strong:first-child::before{content:"BLUE ";color:#9dd5ff;font-size:10px}
body[data-route="team"] .sheet-odds strong:nth-of-type(2)::before{content:"RED ";color:#ffadb3;font-size:10px}
body[data-route="team"] .sheet-odds>i{width:100%;max-width:145px;height:10px;border:1px solid #d7b86a;background:#fff}
body[data-route="team"] .sheet-odds>small{color:#e8f4ff;font-size:8px}
body[data-route="team"] .team-board{display:grid!important;grid-template-columns:minmax(560px,1fr) 132px minmax(560px,1fr)!important;gap:10px;align-items:start}
body[data-route="team"] .team-panel{border:1px solid #111!important;border-top:0!important;border-radius:0!important;box-shadow:none!important;background:#fff}
body[data-route="team"] .team-panel .team-title{position:relative;min-height:34px!important;justify-content:center!important;padding:4px 34px!important;border:2px solid #111!important;background:#145a91!important;color:#fff!important;text-align:center}
body[data-route="team"] .team-panel.red .team-title{background:#b30008!important}
body[data-route="team"] .team-panel .team-title::after{content:"";position:absolute;right:7px;width:15px;height:15px;border:2px solid #fff;border-radius:2px;background:#fff;box-shadow:inset 0 0 0 3px #145a91}
body[data-route="team"] .team-panel.red .team-title::after{left:7px;right:auto;box-shadow:inset 0 0 0 3px #b30008}
body[data-route="team"] .team-panel .team-title span{display:block!important;color:#fff!important;font-size:18px!important;font-weight:900!important}
body[data-route="team"] .team-panel .team-title strong{position:absolute!important;right:36px;display:block!important;color:#fff!important;font-size:10px!important}
body[data-route="team"] .team-panel.red .team-title strong{left:36px;right:auto}
body[data-route="team"] .team-panel .team-title strong small{display:none}
body[data-route="team"] .role-row,body[data-route="team"] .team-panel.red .role-row{display:grid;grid-template-columns:minmax(190px,.9fr) minmax(250px,1.25fr) 88px;min-height:54px!important;border-top:1px solid #111}
body[data-route="team"] .team-panel.red .role-row{grid-template-columns:88px minmax(250px,1.25fr) minmax(190px,.9fr)}
body[data-route="team"] .team-panel.blue .pick-meta{grid-column:1;text-align:left}
body[data-route="team"] .team-panel.blue .pick-cell{grid-column:2;justify-content:flex-start;text-align:left}
body[data-route="team"] .team-panel.blue .role-label{grid-column:3}
body[data-route="team"] .team-panel.red .role-label{grid-column:1}
body[data-route="team"] .team-panel.red .pick-cell{grid-column:2;justify-content:flex-start;text-align:left}
body[data-route="team"] .team-panel.red .pick-meta{grid-column:3;text-align:left}
body[data-route="team"] .role-label{min-height:54px;border-left:1px solid #111;border-right:1px solid #111;border-radius:0;background:#145a91;color:#000;gap:3px}
body[data-route="team"] .team-panel.red .role-label{background:#b30008}
body[data-route="team"] .role-label .role-symbol{width:22px;height:22px;border-radius:0;background:#111;color:#c9aa61;box-shadow:none}
body[data-route="team"] .role-label .role-symbol svg{width:17px;height:17px}
body[data-route="team"] .role-label span{font-size:9px;font-weight:900}
body[data-route="team"] .pick-cell{min-height:54px!important;border:0!important;border-left:1px dotted #111!important;border-right:1px dotted #111!important;background:#fff!important;padding:5px 8px!important}
body[data-route="team"] .pick-cell:hover,body[data-route="team"] .pick-cell:focus-visible{background:#e7f3fc!important;outline:2px solid #1a73e8!important;outline-offset:-2px!important}
body[data-route="team"] .team-panel.red .pick-cell:hover,body[data-route="team"] .team-panel.red .pick-cell:focus-visible{background:#fff0f1!important;outline-color:#b30008!important}
body[data-route="team"] .pick-cell .portrait{width:40px!important;height:46px!important;border-radius:1px!important}
body[data-route="team"] .pick-cell>span b{font-size:14px}
body[data-route="team"] .pick-cell>span small{font-size:9px}
body[data-route="team"] .pick-cell>span em{margin-top:2px}
body[data-route="team"] .pick-cell::after,body[data-route="team"] .pick-meta::before{display:none!important}
body[data-route="team"] .pick-meta{min-height:54px;padding:4px 6px!important;border-right:1px dotted #111;background:#fff}
body[data-route="team"] .team-panel.red .pick-meta{border-left:1px dotted #111;border-right:0}
body[data-route="team"] .meta-top,body[data-route="team"] .combat-tag-line,body[data-route="team"] .kit-icons,body[data-route="team"] .source-row{justify-content:flex-start!important}
body[data-route="team"] .meta-top{display:flex;flex-wrap:wrap;gap:3px}
body[data-route="team"] .meta-top b,body[data-route="team"] .meta-top span{display:inline-flex;align-items:center;min-height:18px;border:1px solid #b8d1e5;background:#eef7ff;padding:1px 4px;font-size:8px}
body[data-route="team"] .class-icon{width:16px;height:16px;margin-right:2px}
body[data-route="team"] .class-icon svg{width:14px;height:14px}
body[data-route="team"] .combat-tag-line{margin-top:3px}
body[data-route="team"] .combat-tag-line .pill{min-height:16px;padding:1px 4px;font-size:7px}
body[data-route="team"] .source-row,body[data-route="team"] .kit-icons{display:none!important}
body[data-route="team"] .faceoff-rail{display:grid!important;position:sticky;top:80px;grid-template-rows:34px repeat(5,54px) 34px;border:1px solid #111;border-radius:0;background:#fff;z-index:3}
body[data-route="team"] .faceoff-rail>header{background:#fff;color:#111;border-bottom:1px solid #111;font-size:13px}
body[data-route="team"] .faceoff-rail>header small{color:#555}
body[data-route="team"] .faceoff-rail>section{min-height:54px;padding:2px 3px;border-top:0;border-bottom:1px solid #111}
body[data-route="team"] .faceoff-rail>section>small{display:none}
body[data-route="team"] .faceoff-rail>section>em{font-size:6px;color:#777}
body[data-route="team"] .faceoff-rail>footer{min-height:34px;background:#fff8dc;color:#111}
body[data-route="team"] .lane-faceoff{grid-template-columns:42px 36px 42px;justify-content:center;gap:4px}
body[data-route="team"] .lane-faceoff.compact .portrait{width:40px;height:46px;border:1px solid #111;border-radius:1px}
body[data-route="team"] .lane-faceoff>span small{display:none}
body[data-route="team"] .lane-faceoff>b{min-height:46px;place-content:center;border-inline:1px dotted #111;color:#111;font-size:12px;line-height:1}
body[data-route="team"] .lane-faceoff>b em{display:block;margin-top:2px;padding:2px 3px;background:#fff2a8;color:#111;font-size:9px}
body[data-route="team"] .role-row.drag-over{outline:3px dashed #1a73e8!important;outline-offset:-3px;background:#eaf5ff!important}
body[data-route="team"] .pick-cell[draggable="true"]{cursor:grab}
body[data-route="team"] .pick-cell.dragging{opacity:.45;cursor:grabbing}
body[data-route="team"] .team-summary{padding:8px;border-top:1px solid #111}
body[data-route="team"] .coverage-line{grid-template-columns:92px 42px 1fr}
body[data-route="team"] .coverage-legend{display:block;margin-top:5px;color:#555;font-size:8px}
@media(max-width:1360px){body[data-route="team"] .team-board{grid-template-columns:1fr!important}body[data-route="team"] .faceoff-rail{display:none!important}body[data-route="team"] .sheet-projection{grid-template-columns:1fr}}
@media(max-width:760px){body[data-route="team"] .role-row,body[data-route="team"] .team-panel.red .role-row{grid-template-columns:70px minmax(0,1fr)}body[data-route="team"] .team-panel.blue .role-label,body[data-route="team"] .team-panel.red .role-label{grid-column:1}body[data-route="team"] .team-panel.blue .pick-cell,body[data-route="team"] .team-panel.red .pick-cell{grid-column:2}body[data-route="team"] .team-panel.blue .pick-meta,body[data-route="team"] .team-panel.red .pick-meta{grid-column:1/-1;border-top:1px dotted #111}}

/* Check compact sidebar: larger champion atlas, explicit single/multi filter contracts. */
body[data-route="finder"] .check-topbar-compact{
  grid-template-columns:92px minmax(300px,.9fr) minmax(250px,1.1fr);
}
body[data-route="finder"] .check-topbar-compact .check-search{grid-column:auto;border-top:0}
body[data-route="finder"] .check-topbar-compact .check-icon-group>div{grid-template-columns:repeat(5,minmax(52px,1fr))}
body[data-route="finder"] .check-topbar-compact .check-icon-group button{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:36px;
  padding:5px 7px;
}
body[data-route="finder"] .check-topbar-compact .check-icon-group button b{font-size:10px}
body[data-route="finder"] .check-topbar-compact .check-icon-group button small{margin:0;font-size:8px}
body[data-route="finder"] .check-body{
  grid-template-columns:86px minmax(594px,1fr) 304px;
  min-height:0;
  align-items:start;
}
body[data-route="finder"] .check-name-rail>div{max-height:760px}
body[data-route="finder"] .check-name-rail button{min-height:34px;padding-inline:7px;font-size:9px}
body[data-route="finder"] .check-champion-grid{
  grid-template-columns:repeat(var(--check-columns),minmax(54px,1fr));
  min-width:594px;
  max-height:760px;
  align-content:start;
  overflow:auto;
  scrollbar-width:thin;
}
body[data-route="finder"] .check-champion-grid>button{min-width:54px}
body[data-route="finder"] .check-champion-grid>button>span{padding:3px 4px;font-size:7px}
body[data-route="finder"] .check-filter-console{
  max-height:760px;
  overflow:auto;
  padding:8px;
  scrollbar-width:thin;
}
body[data-route="finder"] .check-selected-preview{
  grid-template-columns:48px minmax(0,1fr);
  gap:7px;
  margin-bottom:7px;
  padding:6px;
}
body[data-route="finder"] .check-selected-preview .portrait{width:48px;height:54px}
body[data-route="finder"] .check-selected-preview h3{font-size:13px}
body[data-route="finder"] .check-selected-preview>div>div{margin-top:4px}
body[data-route="finder"] .check-selected-preview .pill{min-height:16px;padding:1px 4px}
body[data-route="finder"] .check-phase-row{gap:4px;margin-bottom:7px}
body[data-route="finder"] .check-phase-row select{min-height:32px}
body[data-route="finder"] .check-single-grid{grid-template-columns:1fr 1fr;gap:5px;margin-bottom:7px}
body[data-route="finder"] .check-single-grid .check-select:last-child{grid-column:auto}
body[data-route="finder"] .check-single-grid .check-select>span{font-size:7px}
body[data-route="finder"] .check-single-grid .check-select select{min-height:32px;font-size:9px}
.check-multi-filter{margin-bottom:6px;border:1px solid var(--line);background:var(--surface)}
.check-multi-filter>summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  min-height:34px;
  padding:6px 8px;
  cursor:pointer;
  list-style:none;
}
.check-multi-filter>summary::-webkit-details-marker{display:none}
.check-multi-filter>summary>span{font-size:9px;font-weight:800}
.check-multi-filter>summary>b{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:8px}
.check-multi-filter>summary>b i{min-width:24px;font-style:normal;text-align:right}
.check-multi-filter>summary>b em{border:1px solid var(--line-strong);border-radius:3px;background:var(--surface-2);padding:2px 4px;color:var(--blue);font-size:7px;font-style:normal}
.check-multi-filter>summary::after{content:"+";order:3;color:var(--muted);font-size:14px}
.check-multi-filter[open]>summary{border-bottom:1px solid var(--line);background:var(--surface-2)}
.check-multi-filter[open]>summary::after{content:"−"}
.check-multi-filter>div{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:5px}
.check-multi-filter .check-filter-toggle>span{grid-template-columns:25px minmax(0,1fr);min-height:31px;padding:0 5px}
.check-multi-filter .check-filter-toggle>span>b{font-size:7px}
.check-multi-filter .check-filter-toggle>span>small{padding-left:5px;font-size:8px}
.check-multi-filter .check-filter-toggle>span>small:first-child{padding-inline:6px}
body[data-route="finder"] .check-grade-compact{grid-template-columns:68px repeat(4,1fr);margin-bottom:6px}
body[data-route="finder"] .check-grade-compact .check-filter-toggle>span{min-height:32px}
body[data-route="finder"] .check-effect-picker{margin-bottom:0}
body[data-route="finder"] .check-effect-picker>div{min-height:96px;max-height:150px;padding:7px}
body[data-route="finder"] .check-effect-picker>label{grid-template-columns:68px minmax(0,1fr);padding:6px}
body[data-route="finder"] .check-effect-picker select{min-height:34px;font-size:9px}
@media(max-width:1280px){
  body[data-route="finder"] .check-body{grid-template-columns:82px minmax(550px,1fr) 292px}
  body[data-route="finder"] .check-champion-grid{grid-template-columns:repeat(var(--check-columns),minmax(50px,1fr));min-width:550px}
  body[data-route="finder"] .check-champion-grid>button{min-width:50px}
}
@media(max-width:1080px){
  body[data-route="finder"] .check-topbar-compact{grid-template-columns:92px minmax(280px,1fr)}
  body[data-route="finder"] .check-topbar-compact .check-search{grid-column:1/-1;border-top:1px solid var(--line)}
  body[data-route="finder"] .check-body{grid-template-columns:86px minmax(550px,1fr)}
  body[data-route="finder"] .check-filter-console{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:7px;max-height:none;border-top:1px solid var(--line-strong)}
  body[data-route="finder"] .check-selected-preview,body[data-route="finder"] .check-effect-picker{grid-column:1/-1}
}
@media(max-width:700px){
  body[data-route="finder"] .check-topbar-compact{grid-template-columns:1fr}
  body[data-route="finder"] .check-topbar-compact .check-search{grid-column:1}
  body[data-route="finder"] .check-body{display:block}
  body[data-route="finder"] .check-champion-grid{grid-template-columns:repeat(var(--check-columns),56px);min-width:0;max-height:580px}
  body[data-route="finder"] .check-champion-grid>button{width:56px;height:56px;min-width:56px}
  body[data-route="finder"] .check-filter-console{display:grid;grid-template-columns:1fr;max-height:none}
  body[data-route="finder"] .check-multi-filter>div{grid-template-columns:1fr 1fr}
}

/* Broadcast ban/pick board */
body[data-route="draft"]{
  --draft-blue:#1597ff;
  --draft-blue-deep:#063b68;
  --draft-red:#f03749;
  --draft-red-deep:#641923;
  --draft-ink:#05080d;
  --draft-panel:#0b1017;
}
body[data-route="draft"] #app-main{max-width:1920px}
body[data-route="draft"] .draft-layout{grid-template-columns:minmax(0,1fr)}
body[data-route="draft"] .draft-main{
  overflow:hidden;
  border-color:#27303b;
  background:
    linear-gradient(180deg,rgba(17,23,32,.9) 0,rgba(7,11,16,.97) 100%),
    url("assets/draft-rift-background.jpg") center 58%/cover no-repeat,
    #070b10;
  box-shadow:0 20px 45px rgba(0,0,0,.28);
}
body[data-route="draft"] .pro-draft-board{
  display:grid;
  grid-template-columns:minmax(0,1fr) 154px minmax(0,1fr);
  gap:0;
  overflow:hidden;
  border:1px solid #303945;
  border-radius:10px;
  background:var(--draft-ink);
}
body[data-route="draft"] .broadcast-roster{
  display:flex;
  min-width:0;
  flex-direction:column;
  border:0;
  border-radius:0;
  background:var(--draft-panel);
}
body[data-route="draft"] .broadcast-roster>header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:46px;
  padding:0 14px;
  border:0;
  color:#f6f9fc;
  letter-spacing:.08em;
  text-transform:uppercase;
}
body[data-route="draft"] .broadcast-roster.blue>header{
  border-bottom:4px solid var(--draft-blue);
  background:linear-gradient(90deg,var(--draft-blue-deep),#101720 70%);
}
body[data-route="draft"] .broadcast-roster.red>header{
  flex-direction:row-reverse;
  border-bottom:4px solid var(--draft-red);
  background:linear-gradient(270deg,var(--draft-red-deep),#101720 70%);
}
body[data-route="draft"] .broadcast-roster>header span{font-size:16px;font-weight:950}
body[data-route="draft"] .broadcast-roster>header b{color:#9da9b7;font-size:9px}
body[data-route="draft"] .broadcast-bans{
  display:flex;
  align-items:center;
  gap:6px;
  min-height:58px;
  padding:6px 9px;
  border:0;
  background:#080d13;
}
body[data-route="draft"] .broadcast-roster.red .broadcast-bans{flex-direction:row-reverse}
body[data-route="draft"] .broadcast-bans strong{
  flex:0 0 auto;
  color:#788696;
  font-size:8px;
  letter-spacing:.14em;
  writing-mode:vertical-rl;
}
body[data-route="draft"] .broadcast-bans button{
  position:relative;
  display:block;
  width:44px;
  height:44px;
  min-width:44px;
  overflow:hidden;
  border:1px solid #35404d;
  border-radius:3px;
  background:#141b24;
  padding:0;
  color:#718093;
  cursor:pointer;
}
body[data-route="draft"] .broadcast-bans button:hover,
body[data-route="draft"] .broadcast-bans button:focus-visible{border-color:#f7fbff;outline:none}
body[data-route="draft"] .broadcast-bans .portrait,
body[data-route="draft"] .broadcast-bans img{width:100%;height:100%;border:0;border-radius:0;object-fit:cover}
body[data-route="draft"] .broadcast-bans button>span{font-size:11px;font-weight:900}
body[data-route="draft"] .broadcast-bans small{
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  overflow:hidden;
  background:rgba(0,0,0,.78);
  padding:2px;
  color:#fff;
  font-size:6px;
  font-weight:900;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body[data-route="draft"] .broadcast-picks{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  min-height:390px;
  background:
    linear-gradient(90deg,rgba(5,24,39,.62),rgba(5,8,13,.28)),
    url("assets/draft-rift-background.jpg") 42% 60%/cover no-repeat,
    #090e14;
}
body[data-route="draft"] .broadcast-roster.red .broadcast-picks{
  background:
    linear-gradient(270deg,rgba(52,10,17,.58),rgba(5,8,13,.28)),
    url("assets/draft-rift-background.jpg") 58% 60%/cover no-repeat,
    #090e14;
}
body[data-route="draft"] .broadcast-pick{
  position:relative;
  min-width:0;
  min-height:390px;
  overflow:hidden;
  border:0;
  border-right:1px solid rgba(255,255,255,.11);
  border-radius:0;
  background:radial-gradient(circle at 50% 35%,#1c2936,#090e14 72%);
  padding:0;
  color:#fff;
  cursor:pointer;
  isolation:isolate;
}
body[data-route="draft"] .broadcast-pick.empty{
  background:linear-gradient(180deg,rgba(10,18,27,.16),rgba(5,9,14,.72));
}
body[data-route="draft"] .broadcast-pick.empty:hover,
body[data-route="draft"] .broadcast-pick.empty:focus-visible{
  background:linear-gradient(180deg,rgba(25,151,255,.13),rgba(5,9,14,.66));
}
body[data-route="draft"] .broadcast-roster.red .broadcast-pick.empty:hover,
body[data-route="draft"] .broadcast-roster.red .broadcast-pick.empty:focus-visible{
  background:linear-gradient(180deg,rgba(240,55,73,.13),rgba(5,9,14,.66));
}
body[data-route="draft"] .broadcast-roster.red .broadcast-pick{border-right:0;border-left:1px solid rgba(255,255,255,.11)}
body[data-route="draft"] .broadcast-pick::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(180deg,rgba(2,5,9,0) 35%,rgba(2,5,9,.24) 58%,rgba(2,5,9,.96) 100%);
  pointer-events:none;
}
body[data-route="draft"] .broadcast-pick:hover .draft-splash-main,
body[data-route="draft"] .broadcast-pick:focus-visible .draft-splash-main{transform:scale(1.018)}
body[data-route="draft"] .broadcast-pick:focus-visible{outline:3px solid #fff;outline-offset:-3px}
body[data-route="draft"] .draft-splash{
  position:absolute;
  inset:0;
  z-index:0;
  box-sizing:border-box;
  width:100%;
  height:100%;
  transition:transform .22s ease;
}
body[data-route="draft"] .draft-splash-main{
  object-fit:cover;
  object-position:center top;
}
body[data-route="draft"] .draft-pick-copy{
  position:absolute;
  right:8px;
  bottom:12px;
  z-index:2;
  display:flex;
  align-items:center;
  gap:5px;
  text-align:left;
}
body[data-route="draft"] .broadcast-roster.red .draft-pick-copy{right:auto;left:8px}
body[data-route="draft"] .draft-pick-copy small{
  position:absolute;
  right:22px;
  bottom:0;
  border:1px solid rgba(255,255,255,.3);
  border-radius:3px;
  background:rgba(3,7,12,.78);
  padding:3px 5px;
  color:#d7e0e9;
  font-size:7px;
  font-weight:900;
  letter-spacing:.08em;
}
body[data-route="draft"] .broadcast-roster.red .draft-pick-copy small{right:auto;left:22px}
body[data-route="draft"] .draft-pick-copy b{
  display:block;
  max-height:250px;
  overflow:hidden;
  color:#fff;
  font-size:14px;
  font-weight:950;
  letter-spacing:.08em;
  line-height:1;
  text-overflow:ellipsis;
  text-shadow:0 2px 8px #000;
  text-transform:uppercase;
  white-space:nowrap;
  writing-mode:vertical-rl;
  transform:rotate(180deg);
}
body[data-route="draft"] .draft-pick-copy em{display:none}
body[data-route="draft"] .draft-pick-empty{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  color:#4d5a68;
  font-size:44px;
  font-weight:200;
  text-shadow:0 2px 18px #000;
}
body[data-route="draft"] .broadcast-pick>i{
  position:absolute;
  top:7px;
  right:7px;
  z-index:3;
  display:grid;
  width:30px;
  height:30px;
  place-items:center;
  border:1px solid rgba(255,255,255,.45);
  border-radius:50%;
  background:rgba(3,7,12,.74);
  color:#fff;
  font-size:18px;
  font-style:normal;
  opacity:0;
}
body[data-route="draft"] .broadcast-pick:hover>i,
body[data-route="draft"] .broadcast-pick:focus-visible>i{opacity:1}
body[data-route="draft"] .draft-center{
  position:relative;
  z-index:2;
  display:flex;
  min-width:0;
  align-self:stretch;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:9px;
  border:0;
  border-right:1px solid #313b47;
  border-left:1px solid #313b47;
  border-radius:0;
  background:
    linear-gradient(135deg,rgba(21,151,255,.13) 0 49%,rgba(240,55,73,.13) 51% 100%),
    #090e14;
  padding:16px 10px;
  text-align:center;
  box-shadow:0 0 30px rgba(0,0,0,.48);
}
body[data-route="draft"] .draft-center::before{
  content:"DRAFT";
  color:#5d6977;
  font-size:9px;
  font-weight:950;
  letter-spacing:.28em;
}
body[data-route="draft"] .draft-center b{
  display:grid;
  width:68px;
  height:68px;
  place-items:center;
  border:2px solid #cad4df;
  border-radius:50%;
  background:#0f1720;
  color:#fff;
  font-size:27px;
  box-shadow:0 0 0 7px rgba(255,255,255,.045);
}
body[data-route="draft"] .draft-center span{color:#fff;font-size:10px;font-weight:950;text-transform:uppercase}
body[data-route="draft"] .draft-center small{color:#8996a5;font-size:8px;line-height:1.5}
body[data-route="draft"] .draft-status{
  border-color:#2a3440;
  background:#080d13;
  color:#d9e2eb;
}
body[data-route="draft"] .draft-bottom-board{display:grid;grid-template-columns:minmax(0,1fr) minmax(126px,.22fr) minmax(0,1fr);gap:8px;margin-top:10px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(5,8,13,.86);padding:10px}
body[data-route="draft"] .draft-ban-panel{min-width:0;display:grid;grid-template-columns:92px minmax(0,1fr);align-items:stretch;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#0b1119}
body[data-route="draft"] .draft-ban-panel.red{direction:rtl}
body[data-route="draft"] .draft-ban-panel header{display:grid;place-content:center;gap:2px;min-height:74px;padding:8px;background:linear-gradient(135deg,var(--draft-blue-deep),#101720);color:#fff;text-align:center}
body[data-route="draft"] .draft-ban-panel.red header{background:linear-gradient(225deg,var(--draft-red-deep),#101720)}
body[data-route="draft"] .draft-ban-panel header small,body[data-route="draft"] .draft-ban-panel header b{display:block;direction:ltr}
body[data-route="draft"] .draft-ban-panel header small{color:#aab7c5;font-size:8px;font-weight:900;text-transform:uppercase}
body[data-route="draft"] .draft-ban-panel header b{font-size:15px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}
body[data-route="draft"] .draft-ban-slots{direction:ltr;display:grid;grid-template-columns:repeat(5,minmax(54px,1fr))}
body[data-route="draft"] .draft-ban-slots button{min-width:0;min-height:74px;display:grid;place-items:center;gap:3px;border:0;border-left:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);color:#dfe8f3;padding:5px;cursor:pointer}
body[data-route="draft"] .draft-ban-slots button:hover,body[data-route="draft"] .draft-ban-slots button:focus-visible{background:rgba(21,151,255,.16);outline:2px solid rgba(255,255,255,.78);outline-offset:-2px}
body[data-route="draft"] .draft-ban-panel.red .draft-ban-slots button:hover,body[data-route="draft"] .draft-ban-panel.red .draft-ban-slots button:focus-visible{background:rgba(240,55,73,.18)}
body[data-route="draft"] .draft-ban-slots button>span{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#18212d;color:#6d7886;font-weight:900;overflow:hidden}
body[data-route="draft"] .draft-ban-slots .portrait{width:42px;height:42px;border:0;border-radius:8px}
body[data-route="draft"] .draft-ban-slots button>b{max-width:100%;overflow:hidden;color:#c8d3df;font-size:7px;font-weight:950;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}
body[data-route="draft"] .draft-bottom-mid{display:grid;place-items:center;align-content:center;gap:3px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:linear-gradient(180deg,#121925,#070b11);color:#dfe8f3;text-align:center}
body[data-route="draft"] .draft-bottom-mid span,body[data-route="draft"] .draft-bottom-mid small{color:#8592a3;font-size:7px;text-transform:uppercase}
body[data-route="draft"] .draft-bottom-mid b{font-size:10px;text-transform:uppercase}
body[data-route="draft"] .fearless-editor{margin-top:10px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(7,12,19,.9);padding:10px;color:#dfe8f3}
body[data-route="draft"] .fearless-editor .section-head{margin-bottom:8px}
body[data-route="draft"] .fearless-editor .section-head h3{color:#fff}
body[data-route="draft"] .fearless-editor .section-head button{min-height:34px;border:1px solid rgba(21,151,255,.55);border-radius:8px;background:rgba(21,151,255,.16);color:#dff2ff;padding:6px 10px;font-weight:900;cursor:pointer}
body[data-route="draft"] .fearless-editor-grid{display:grid;grid-template-columns:1.2fr 1.2fr minmax(110px,.45fr);gap:8px}
body[data-route="draft"] .fearless-editor-grid article{min-width:0;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(255,255,255,.035);padding:8px}
body[data-route="draft"] .fearless-editor-grid article>small{display:block;margin-bottom:6px;color:#93a3b5;font-size:8px;font-weight:900;text-transform:uppercase}
body[data-route="draft"] .fearless-editor-grid article>div{display:flex;gap:5px;flex-wrap:wrap}
body[data-route="draft"] .fearless-editor-grid article button{min-height:34px;display:grid;grid-template-columns:28px minmax(0,1fr) 16px;gap:5px;align-items:center;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#111a26;color:#dfe8f3;padding:3px 6px 3px 3px;cursor:pointer}
body[data-route="draft"] .fearless-editor-grid article button .portrait{width:28px;height:28px;border:0}
body[data-route="draft"] .fearless-editor-grid article button b{max-width:82px;overflow:hidden;font-size:8px;text-overflow:ellipsis;white-space:nowrap}
body[data-route="draft"] .fearless-editor-grid article button i{color:#fda4af;font-style:normal;font-weight:900}
body[data-route="draft"] .fearless-editor-grid article>b{display:block;color:#fff;font-size:28px}
body[data-route="draft"] .fearless-editor-grid article>em{color:#93a3b5;font-size:9px;font-style:normal}
body[data-route="draft"] .empty-mini{color:#657386;font-size:9px}
body[data-route="draft"] .fearless-game-locks{
  display:grid;
  grid-template-columns:168px minmax(0,1fr);
  min-width:0;
  border-top:1px solid #293440;
  border-right:1px solid #303945;
  border-left:1px solid #303945;
  background:#080d13;
  color:#e9eff5;
}
body[data-route="draft"] .fearless-game-locks>header{
  display:flex;
  min-height:54px;
  flex-direction:column;
  justify-content:center;
  border-right:1px solid #293440;
  padding:7px 12px;
}
body[data-route="draft"] .fearless-game-locks>header small,
body[data-route="draft"] .fearless-game-locks>header b{display:block}
body[data-route="draft"] .fearless-game-locks>header small{
  color:#d8b568;
  font-size:7px;
  font-weight:900;
  letter-spacing:.12em;
}
body[data-route="draft"] .fearless-game-locks>header b{font-size:12px;letter-spacing:.09em}
body[data-route="draft"] .fearless-game-locks>header span{color:#7f8d9b;font-size:7px}
body[data-route="draft"] .fearless-game-list{
  display:flex;
  min-width:0;
  gap:7px;
  overflow-x:auto;
  padding:6px;
  overscroll-behavior-inline:contain;
}
body[data-route="draft"] .fearless-game-list article{
  display:grid;
  grid-template-columns:42px auto 34px auto;
  flex:0 0 auto;
  align-items:center;
  gap:4px;
  border:1px solid #2e3945;
  border-radius:4px;
  background:#101720;
  padding:4px 6px;
}
body[data-route="draft"] .fearless-game-list article>strong{
  color:#aeb9c5;
  font-size:7px;
  letter-spacing:.08em;
}
body[data-route="draft"] .fearless-game-list article>div{display:flex;gap:2px}
body[data-route="draft"] .fearless-game-list article>div.blue{border-bottom:2px solid var(--draft-blue)}
body[data-route="draft"] .fearless-game-list article>div.red{border-bottom:2px solid var(--draft-red)}
body[data-route="draft"] .fearless-game-list .portrait{
  width:28px;
  height:28px;
  border:0;
  border-radius:2px;
  filter:grayscale(.72) brightness(.76);
}
body[data-route="draft"] .fearless-game-list article>i{
  color:#d8b568;
  font-size:6px;
  font-style:normal;
  font-weight:950;
  text-align:center;
}
body[data-route="draft"] .draft-timeline{border-color:#27313d;background:#090e14}
body[data-route="draft"] .draft-assistant{grid-template-columns:repeat(2,minmax(0,1fr))}
body[data-route="draft"] .history-side{
  justify-content:center;
  gap:4px;
}
body[data-route="draft"] .history-side small{
  width:46px;
  color:#60707f;
  text-align:center;
  text-transform:uppercase;
}
body[data-route="draft"] .history-side .portrait{
  width:28px;
  height:28px;
}
body[data-route="draft"] .history-bans{
  display:grid;
  grid-template-columns:46px minmax(0,1fr);
  align-items:center;
  border-top:1px solid var(--line);
  padding:5px;
}
body[data-route="draft"] .history-bans small{
  color:#60707f;
  font-size:7px;
  font-weight:900;
  line-height:1.1;
  text-align:center;
  text-transform:uppercase;
}
body[data-route="draft"] .history-bans>div{
  display:flex;
  justify-content:center;
  gap:3px;
  min-width:0;
  overflow:hidden;
}
body[data-route="draft"] .history-bans .portrait{
  width:24px;
  height:24px;
  border-radius:3px;
}
body[data-route="draft"] .history-bans span{
  color:var(--muted);
  font-size:8px;
}
body[data-route="draft"] .broadcast-bans{
  justify-content:center;
}
body[data-route="draft"] .broadcast-bans button{
  display:grid;
  place-items:center;
}
body[data-route="draft"] .broadcast-bans .portrait,
body[data-route="draft"] .broadcast-bans img{
  object-position:center center;
}
body[data-route="draft"] .draft-ban-empty{
  width:14px;
  height:14px;
  border:1px solid #4d5967;
  border-radius:50%;
  background:radial-gradient(circle,#273443 0 36%,transparent 39%);
}
@media(max-width:1100px){
  body[data-route="draft"] .pro-draft-board{grid-template-columns:minmax(0,1fr) 112px minmax(0,1fr)}
  body[data-route="draft"] .broadcast-picks,
  body[data-route="draft"] .broadcast-pick{min-height:320px}
  body[data-route="draft"] .broadcast-bans{gap:4px;padding-inline:6px}
  body[data-route="draft"] .broadcast-bans button{width:44px;height:44px;min-width:44px}
}
@media(max-width:820px){
  body[data-route="draft"] .pro-draft-board{grid-template-columns:1fr}
  body[data-route="draft"] .fearless-game-locks{grid-template-columns:1fr}
  body[data-route="draft"] .fearless-game-locks>header{min-height:0;border-right:0;border-bottom:1px solid #293440}
  body[data-route="draft"] .draft-center{min-height:96px;order:2;border:1px solid #313b47}
  body[data-route="draft"] .draft-center b{width:48px;height:48px;font-size:19px}
  body[data-route="draft"] .broadcast-roster.blue{order:1}
  body[data-route="draft"] .broadcast-roster.red{order:3}
  body[data-route="draft"] .broadcast-picks,
  body[data-route="draft"] .broadcast-pick{min-height:260px}
  body[data-route="draft"] .draft-assistant{grid-template-columns:1fr}
}
@media(max-width:560px){
  body[data-route="draft"] .draft-main{padding:5px}
  body[data-route="draft"] .broadcast-picks{grid-template-columns:repeat(5,132px);overflow-x:auto;overscroll-behavior-inline:contain}
  body[data-route="draft"] .broadcast-pick{min-height:230px}
  body[data-route="draft"] .broadcast-roster>header span{font-size:13px}
  body[data-route="draft"] .broadcast-bans{overflow-x:auto}
  body[data-route="draft"] .draft-pick-copy b{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
  body[data-route="draft"] .draft-splash{transition:none}
}

/* Team: official subclass taxonomy plus transparent tactical inferences. */
body[data-route="teamfight"] .advanced-teamfight-panel{
  margin-top:12px;
  border:1px solid #9eacb7;
  border-radius:6px;
  background:#fff;
  box-shadow:0 2px 10px rgba(25,45,62,.07);
  overflow:hidden;
}
body[data-route="teamfight"] .advanced-teamfight-panel>header{
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:center;
  border-bottom:1px solid #9eacb7;
  background:#122536;
  padding:14px 16px;
  color:#fff;
}
body[data-route="teamfight"] .advanced-teamfight-panel>header>div:first-child{min-width:0}
body[data-route="teamfight"] .advanced-teamfight-panel>header small{
  color:#e5bd62;
  font-size:8px;
  font-weight:900;
  letter-spacing:.08em;
}
body[data-route="teamfight"] .advanced-teamfight-panel>header h2{
  margin:3px 0 4px;
  font-size:18px;
  letter-spacing:0;
}
body[data-route="teamfight"] .advanced-teamfight-panel>header p{
  max-width:720px;
  margin:0;
  color:#c8d5df;
  font-size:10px;
  line-height:1.45;
}
body[data-route="teamfight"] .teamfight-source-legend{
  display:flex;
  flex:0 0 auto;
  gap:12px;
  align-items:center;
}
body[data-route="teamfight"] .teamfight-source-legend span{
  display:flex;
  gap:5px;
  align-items:center;
  color:#dce6ed;
  font-size:9px;
  font-weight:800;
}
body[data-route="teamfight"] .teamfight-source-legend i{
  width:9px;
  height:9px;
  border:2px solid #ff5f66;
  background:#fff;
}
body[data-route="teamfight"] .teamfight-source-legend span:last-child i{
  border-color:#e0bd5d;
  background:#e0bd5d;
}
body[data-route="teamfight"] .teamfight-derived-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-bottom:1px solid #aeb9c1;
}
body[data-route="teamfight"] .teamfight-derived-role{
  min-width:0;
  border-right:1px solid #aeb9c1;
  background:#fbfcfd;
  padding:10px;
}
body[data-route="teamfight"] .teamfight-derived-role:last-child{border-right:0}
body[data-route="teamfight"] .teamfight-derived-role>header{
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  gap:9px;
  align-items:center;
  min-height:57px;
}
body[data-route="teamfight"] .teamfight-archetype-icon{
  display:block;
  width:40px;
  height:40px;
  border-radius:4px;
  object-fit:cover;
}
body[data-route="teamfight"] .teamfight-derived-role>header span{min-width:0}
body[data-route="teamfight"] .teamfight-derived-role>header small,
body[data-route="teamfight"] .teamfight-derived-role>header b,
body[data-route="teamfight"] .teamfight-derived-role>header em{display:block}
body[data-route="teamfight"] .teamfight-derived-role>header small{color:#967426;font-size:7px;font-weight:900}
body[data-route="teamfight"] .teamfight-derived-role>header b{margin:2px 0;font-size:12px}
body[data-route="teamfight"] .teamfight-derived-role>header em{
  overflow-wrap:anywhere;
  color:#617282;
  font-size:8px;
  font-style:normal;
  line-height:1.35;
}
body[data-route="teamfight"] .teamfight-derived-role>div{
  display:grid;
  grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);
  gap:5px;
  align-items:center;
  margin-top:8px;
}
body[data-route="teamfight"] .teamfight-derived-role>div>i{color:#83919c;font-size:7px;font-style:normal;font-weight:900;text-align:center}
body[data-route="teamfight"] .teamfight-derived-role>div>section{
  display:grid;
  grid-template-columns:20px minmax(0,1fr);
  gap:5px;
  align-items:center;
  min-width:0;
  border:1px solid #c2ccd3;
  padding:5px;
}
body[data-route="teamfight"] .teamfight-derived-role>div>section:first-child{border-left:3px solid #2876c8}
body[data-route="teamfight"] .teamfight-derived-role>div>section:last-child{border-right:3px solid #d94b57}
body[data-route="teamfight"] .teamfight-derived-role>div>section>strong{font-size:14px;font-variant-numeric:tabular-nums;text-align:center}
body[data-route="teamfight"] .teamfight-archetype-faces{
  display:flex;
  min-width:0;
  gap:3px;
  align-items:center;
}
body[data-route="teamfight"] .teamfight-archetype-faces>span{
  display:grid;
  min-width:0;
  place-items:center;
}
body[data-route="teamfight"] .teamfight-archetype-faces .portrait{width:25px;height:25px;border-radius:3px}
body[data-route="teamfight"] .teamfight-archetype-faces small{
  display:none;
  max-width:45px;
  overflow:hidden;
  font-size:6px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body[data-route="teamfight"] .teamfight-archetype-faces em{color:#8b98a2;font-size:8px;font-style:normal}
body[data-route="teamfight"] .teamfight-execution-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  border-bottom:1px solid #aeb9c1;
}
body[data-route="teamfight"] .teamfight-execution-side{min-width:0;padding:10px 12px}
body[data-route="teamfight"] .teamfight-execution-side:first-child{border-right:1px solid #aeb9c1}
body[data-route="teamfight"] .teamfight-execution-side>header{
  display:flex;
  justify-content:space-between;
  gap:8px;
  align-items:baseline;
  margin-bottom:7px;
}
body[data-route="teamfight"] .teamfight-execution-side>header b{color:#1764a0;font-size:10px}
body[data-route="teamfight"] .teamfight-execution-side.red>header b{color:#b72631}
body[data-route="teamfight"] .teamfight-execution-side>header small{color:#72818d;font-size:8px}
body[data-route="teamfight"] .teamfight-execution-side>div{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border:1px solid #aeb9c1;
}
body[data-route="teamfight"] .teamfight-execution-side article{
  min-width:0;
  border-right:1px solid #c5cdd3;
  background:#f8fafb;
  padding:6px;
}
body[data-route="teamfight"] .teamfight-execution-side article:last-child{border-right:0}
body[data-route="teamfight"] .teamfight-execution-side article.missing{background:#fff1f2}
body[data-route="teamfight"] .teamfight-execution-side article>span{
  display:flex;
  gap:5px;
  align-items:center;
  margin-bottom:5px;
}
body[data-route="teamfight"] .teamfight-execution-side article>span small{
  display:grid;
  width:16px;
  height:16px;
  place-items:center;
  border-radius:50%;
  background:#19364d;
  color:#fff;
  font-size:7px;
}
body[data-route="teamfight"] .teamfight-execution-side article>span b{font-size:8px}
body[data-route="teamfight"] .teamfight-execution-side article>div{display:flex;min-height:34px;gap:3px;align-items:center}
body[data-route="teamfight"] .teamfight-execution-side article>div>span{display:grid;min-width:0;place-items:center}
body[data-route="teamfight"] .teamfight-execution-side article .portrait{width:27px;height:27px;border-radius:3px}
body[data-route="teamfight"] .teamfight-execution-side article>div small{display:none}
body[data-route="teamfight"] .teamfight-execution-side article>div em{color:#a7313a;font-size:8px;font-style:normal;font-weight:800}
body[data-route="teamfight"] .teamfight-class-matrix>.section-head{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:end;
  margin:0;
  border-bottom:1px solid #aeb9c1;
  background:#edf2f5;
  padding:10px 12px;
}
body[data-route="teamfight"] .teamfight-class-matrix>.section-head small{color:#a12934;font-size:7px;font-weight:900}
body[data-route="teamfight"] .teamfight-class-matrix>.section-head h3{margin:2px 0 0;font-size:13px}
body[data-route="teamfight"] .teamfight-class-matrix>.section-head>span{max-width:540px;color:#5b6e7c;font-size:8px;text-align:right}
body[data-route="teamfight"] .teamfight-class-groups{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
}
body[data-route="teamfight"] .teamfight-class-groups>section{min-width:0;border-right:1px solid #aeb9c1;border-bottom:1px solid #aeb9c1}
body[data-route="teamfight"] .teamfight-class-groups>section:nth-child(2n){border-right:0}
body[data-route="teamfight"] .teamfight-class-groups>section>header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  min-height:25px;
  background:#172d40;
  padding:4px 8px;
  color:#fff;
}
body[data-route="teamfight"] .teamfight-class-groups>section>header b{font-size:8px}
body[data-route="teamfight"] .teamfight-class-groups>section>header small{color:#e5bd62;font-size:8px;font-weight:900}
body[data-route="teamfight"] .teamfight-class-row{
  display:grid;
  grid-template-columns:minmax(78px,1fr) 24px minmax(205px,1.25fr) 24px minmax(78px,1fr);
  gap:5px;
  align-items:center;
  min-height:62px;
  border-top:1px dotted #9caab4;
  padding:5px 7px;
}
body[data-route="teamfight"] .teamfight-class-row:first-of-type{border-top:0}
body[data-route="teamfight"] .teamfight-class-row>strong{font-size:13px;font-variant-numeric:tabular-nums;text-align:center}
body[data-route="teamfight"] .teamfight-class-row>strong.blue{color:#2876c8}
body[data-route="teamfight"] .teamfight-class-row>strong.red{color:#d33743}
body[data-route="teamfight"] .teamfight-class-row>span{
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  column-gap:8px;
  align-items:center;
  min-width:0;
}
body[data-route="teamfight"] .teamfight-class-row>span .teamfight-archetype-icon{grid-row:1/4;width:46px;height:46px;border:1px solid #e1e5e8;background:#fff}
body[data-route="teamfight"] .teamfight-class-row>span b{overflow-wrap:anywhere;font-size:10px}
body[data-route="teamfight"] .teamfight-class-row>span small{color:#9b2731;font-size:6px;font-weight:900}
body[data-route="teamfight"] .teamfight-class-row>span em{overflow-wrap:anywhere;color:#526675;font-size:7px;font-style:normal;line-height:1.3}
body[data-route="teamfight"] .teamfight-class-row>.red{justify-content:flex-end}
@media(max-width:1000px){
  body[data-route="teamfight"] .teamfight-derived-grid{grid-template-columns:1fr}
  body[data-route="teamfight"] .teamfight-derived-role{border-right:0;border-bottom:1px solid #aeb9c1}
  body[data-route="teamfight"] .teamfight-derived-role:last-child{border-bottom:0}
  body[data-route="teamfight"] .teamfight-derived-role>div>section{grid-template-columns:24px minmax(0,1fr)}
  body[data-route="teamfight"] .teamfight-archetype-faces small{display:block}
}
@media(max-width:760px){
  body[data-route="teamfight"] .advanced-teamfight-panel>header{align-items:flex-start;flex-direction:column}
  body[data-route="teamfight"] .teamfight-source-legend{flex-wrap:wrap}
  body[data-route="teamfight"] .teamfight-execution-grid,body[data-route="teamfight"] .teamfight-class-groups{grid-template-columns:1fr}
  body[data-route="teamfight"] .teamfight-execution-side:first-child{border-right:0;border-bottom:1px solid #aeb9c1}
  body[data-route="teamfight"] .teamfight-class-groups>section{border-right:0}
}
@media(max-width:520px){
  body[data-route="teamfight"] .advanced-teamfight-panel>header h2{font-size:15px}
  body[data-route="teamfight"] .teamfight-execution-side>header{align-items:flex-start;flex-direction:column}
  body[data-route="teamfight"] .teamfight-execution-side>div{grid-template-columns:1fr 1fr}
  body[data-route="teamfight"] .teamfight-execution-side article:nth-child(2){border-right:0}
  body[data-route="teamfight"] .teamfight-execution-side article:nth-child(-n+2){border-bottom:1px solid #c5cdd3}
  body[data-route="teamfight"] .teamfight-class-row{grid-template-columns:minmax(50px,1fr) 20px minmax(145px,1.15fr) 20px minmax(50px,1fr);gap:2px;padding-inline:4px}
  body[data-route="teamfight"] .teamfight-class-row>span{grid-template-columns:36px minmax(0,1fr);column-gap:5px}
  body[data-route="teamfight"] .teamfight-class-row>span .teamfight-archetype-icon{width:34px;height:34px}
  body[data-route="teamfight"] .teamfight-class-row>span em{font-size:6px}
  body[data-route="teamfight"] .teamfight-archetype-faces{gap:1px}
  body[data-route="teamfight"] .teamfight-archetype-faces .portrait{width:22px;height:22px}
  body[data-route="teamfight"] .teamfight-archetype-faces small{display:none}
}

/* Shared semantic icon assets. Lane/class files are supplied references; tactical files use the AI atlas. */
.ui-icon{
  display:block;
  width:22px;
  height:22px;
  flex:0 0 22px;
  border-radius:3px;
  background:#070707;
  object-fit:contain;
}
.official-role-icon .ui-icon,.term-icon .ui-icon,.tactical-tag .ui-icon,.pill .ui-icon{width:18px;height:18px;flex-basis:18px}
.check-filter-icon .ui-icon,.check-lane-icon .ui-icon{width:24px;height:24px;flex-basis:24px}
.check-champ-icons .ui-icon{width:12px;height:12px;flex-basis:12px}

/* Check canonical layout: tooltip content must never participate in grid sizing. */
body[data-route="finder"] .check-body{
  grid-template-columns:82px minmax(676px,1fr) 310px;
  align-items:start;
}
body[data-route="finder"] .check-champion-grid{
  grid-template-columns:repeat(13,minmax(52px,1fr))!important;
  grid-auto-flow:row;
  align-content:start;
  min-width:676px!important;
  max-height:760px;
  overflow:auto!important;
}
body[data-route="finder"] .check-champion-grid>button{
  position:relative!important;
  display:block!important;
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:1!important;
  overflow:visible!important;
  contain:layout;
}
body[data-route="finder"] .check-champion-grid>button>.portrait{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
body[data-route="finder"] .check-champion-grid>button>.check-champ-label{
  position:absolute!important;
  inset:auto 0 0!important;
  z-index:4!important;
  display:grid!important;
  min-width:0!important;
  height:auto!important;
}
body[data-route="finder"] .check-champion-grid>button>.check-champ-icons{
  position:absolute!important;
  inset:2px 2px auto auto!important;
  z-index:5!important;
  display:flex!important;
}
body[data-route="finder"] .check-champion-grid>button>.check-hover-card{
  position:absolute!important;
  left:calc(100% + 8px)!important;
  right:auto!important;
  top:50%!important;
  z-index:9999!important;
  display:grid!important;
  width:260px!important;
  height:auto!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:auto!important;
  transform:translate(6px,-50%) scale(.98)!important;
  contain:content;
}
body[data-route="finder"] .check-champion-grid>button:nth-child(13n+10)>.check-hover-card,
body[data-route="finder"] .check-champion-grid>button:nth-child(13n+11)>.check-hover-card,
body[data-route="finder"] .check-champion-grid>button:nth-child(13n+12)>.check-hover-card,
body[data-route="finder"] .check-champion-grid>button:nth-child(13n+13)>.check-hover-card{
  left:auto!important;
  right:calc(100% + 8px)!important;
  transform:translate(-6px,-50%) scale(.98)!important;
}
body[data-route="finder"] .check-champion-grid>button:hover>.check-hover-card,
body[data-route="finder"] .check-champion-grid>button:focus>.check-hover-card,
body[data-route="finder"] .check-champion-grid>button:focus-visible>.check-hover-card,
body[data-route="finder"] .check-champion-grid>button:focus-within>.check-hover-card,
body[data-route="finder"] .check-champion-grid>button:hover .check-hover-card,
body[data-route="finder"] .check-champion-grid>button:focus .check-hover-card,
body[data-route="finder"] .check-champion-grid>button:focus-visible .check-hover-card,
body[data-route="finder"] .check-champion-grid>button:focus-within .check-hover-card{
  opacity:1!important;
  visibility:visible!important;
  transform:translate(0,-50%) scale(1)!important;
}
body[data-route="finder"] .check-hover-card .portrait{position:static!important;width:38px!important;height:44px!important}

@media(max-width:1360px){
  body[data-route="finder"] .check-body{grid-template-columns:82px minmax(676px,1fr)!important}
  body[data-route="finder"] .check-filter-console{
    grid-column:1/-1;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    max-height:none;
    border-top:1px solid var(--line-strong);
  }
  body[data-route="finder"] .check-selected-preview,
  body[data-route="finder"] .check-effect-picker{grid-column:1/-1}
}
@media(max-width:900px){
  body[data-route="finder"] .check-body{display:block!important}
  body[data-route="finder"] .check-name-rail{display:block;border-right:0;border-bottom:1px solid var(--line-strong)}
  body[data-route="finder"] .check-name-rail>div{display:flex;max-height:none;overflow-x:auto}
  body[data-route="finder"] .check-name-rail button{flex:0 0 auto;width:auto;white-space:nowrap}
  body[data-route="finder"] .check-champion-grid{grid-template-columns:repeat(7,minmax(54px,1fr))!important;min-width:0!important;max-height:680px}
}
@media(max-width:600px){
  body[data-route="finder"] .check-champion-grid{grid-template-columns:repeat(5,minmax(54px,1fr))!important}
  body[data-route="finder"] .check-filter-console{grid-template-columns:1fr}
  body[data-route="finder"] .check-selected-preview,
  body[data-route="finder"] .check-effect-picker{grid-column:1}
  body[data-route="finder"] .check-champion-grid>button>.check-hover-card{
    position:fixed!important;
    left:50%!important;
    right:auto!important;
    top:50%!important;
    width:min(280px,calc(100vw - 24px))!important;
    transform:translate(-50%,-50%) scale(.98)!important;
  }
  body[data-route="finder"] .check-champion-grid>button:hover>.check-hover-card,
  body[data-route="finder"] .check-champion-grid>button:focus-visible>.check-hover-card{transform:translate(-50%,-50%) scale(1)!important}
}

/* Final Team readability pass: plan/spike/gameplan text must be readable, not spreadsheet-micro. */
body[data-route="team"] .team-plan-side,
body[data-route="team"] .team-spike-side,
body[data-route="team"] .team-focus-panel,
body[data-route="team"] .team-workbook-matrices,
body[data-route="team"] .team-balance-panel{
  font-size:13px!important;
}
body[data-route="team"] .team-plan-side,
body[data-route="team"] .team-spike-side,
body[data-route="team"] .team-focus-panel{
  background:#fbfdff!important;
  color:#172737!important;
}
body[data-route="team"] .team-plan-side.red,
body[data-route="team"] .team-spike-side.red{
  background:#fffafb!important;
}
body[data-route="team"] .team-plan-side>header,
body[data-route="team"] .team-spike-side>header,
body[data-route="team"] .team-focus-controls,
body[data-route="team"] .team-matrix-group>header{
  align-items:center;
}
body[data-route="team"] .team-plan-side>header,
body[data-route="team"] .team-spike-side>header{
  margin:-11px -11px 10px!important;
  border-bottom:1px solid #bfd4e4!important;
  background:linear-gradient(90deg,#e9f4ff,#f7fbff)!important;
  padding:11px 13px!important;
  color:#123d62!important;
}
body[data-route="team"] .team-plan-side.red>header,
body[data-route="team"] .team-spike-side.red>header{
  border-bottom-color:#efc7cc!important;
  background:linear-gradient(90deg,#fff0f2,#fffafb)!important;
  color:#7d1e2a!important;
}
body[data-route="team"] .team-plan-side h3,
body[data-route="team"] .team-spike-side h3,
body[data-route="team"] .team-focus-champion header h3,
body[data-route="team"] .team-workbook-matrices>.section-head h2,
body[data-route="team"] .team-balance-panel>header>span b{
  font-size:16px!important;
  line-height:1.25!important;
}
body[data-route="team"] .team-plan-side header span,
body[data-route="team"] .team-spike-side header span,
body[data-route="team"] .team-focus-controls>div>small,
body[data-route="team"] .team-focus-champion header>div>small,
body[data-route="team"] .team-focus-champion>section small,
body[data-route="team"] .team-matrix-group header small,
body[data-route="team"] .team-balance-panel>header small,
body[data-route="team"] .lane-balance-list small,
body[data-route="team"] .lane-balance-list em,
body[data-route="team"] .team-pros-cons>div>small{
  color:#4b6275!important;
  font-size:10px!important;
  line-height:1.35!important;
}
body[data-route="team"] .team-plan-side>header span,
body[data-route="team"] .team-spike-side>header span{
  color:#355d7a!important;
}
body[data-route="team"] .team-plan-side.red>header span,
body[data-route="team"] .team-spike-side.red>header span{
  color:#9b4350!important;
}
body[data-route="team"] .team-plan-side details,
body[data-route="team"] .team-spike-side>article{
  border-color:#c9d8e3!important;
}
body[data-route="team"] .team-plan-side.red details,
body[data-route="team"] .team-spike-side.red>article{
  border-color:#efd0d4!important;
}
body[data-route="team"] .team-plan-side summary,
body[data-route="team"] .team-spike-side summary{
  background:#f3f8fc!important;
  color:#1d3447!important;
  min-height:52px!important;
  gap:10px!important;
  font-size:13px!important;
  padding-inline:8px!important;
}
body[data-route="team"] .team-plan-side.red summary,
body[data-route="team"] .team-spike-side.red summary{
  background:#fff4f5!important;
  color:#542630!important;
}
body[data-route="team"] .team-plan-side details[open] summary,
body[data-route="team"] .team-spike-side details[open] summary{
  border-bottom:1px solid #c9d8e3!important;
  background:#e8f3ff!important;
}
body[data-route="team"] .team-plan-side.red details[open] summary,
body[data-route="team"] .team-spike-side.red details[open] summary{
  border-bottom-color:#efd0d4!important;
  background:#ffebee!important;
}
body[data-route="team"] .team-plan-side details>div{
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important;
  gap:10px!important;
  padding:10px!important;
}
body[data-route="team"] .team-plan-side summary b,
body[data-route="team"] .team-spike-side summary b,
body[data-route="team"] .team-focus-role>b,
body[data-route="team"] .team-matrix-group h3,
body[data-route="team"] .team-matrix-row>b,
body[data-route="team"] .lane-balance-list b{
  font-size:13px!important;
  line-height:1.25!important;
}
body[data-route="team"] .team-plan-side article{
  border-color:#cbdbe7!important;
  background:#ffffff!important;
  padding:12px!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.75)!important;
}
body[data-route="team"] .team-plan-side.red article{
  border-color:#efd0d4!important;
  background:#fffdfd!important;
}
body[data-route="team"] .team-plan-side article>b,
body[data-route="team"] .team-spike-side article b{
  color:#173f60!important;
  font-size:13px!important;
}
body[data-route="team"] .team-plan-side.red article>b,
body[data-route="team"] .team-spike-side.red article b{
  color:#842634!important;
}
body[data-route="team"] .team-spike-side article>section>span,
body[data-route="team"] .team-plan-side article{
  border-radius:7px!important;
}
body[data-route="team"] .team-spike-side article>section>span{
  border:1px solid #d5e2ec!important;
  background:#f9fcff!important;
  padding:8px!important;
}
body[data-route="team"] .team-spike-side.red article>section>span{
  border-color:#efd0d4!important;
  background:#fffafa!important;
}
body[data-route="team"] .team-plan-side p,
body[data-route="team"] .team-spike-side p,
body[data-route="team"] .team-focus-champion>section p,
body[data-route="team"] .team-pros-cons p span,
body[data-route="team"] .warning-side article p,
body[data-route="team"] .final-verdict .win-plan p,
body[data-route="team"] .win-plan p{
  color:#263d4e!important;
  font-size:14px!important;
  line-height:1.62!important;
  letter-spacing:0!important;
}
body[data-route="team"] .team-spike-side p,
body[data-route="team"] .team-plan-side p{
  background:#fff!important;
  border-radius:6px!important;
  padding:8px 9px!important;
}
body[data-route="team"] .team-focus-panel{
  border-color:#b7c8d6!important;
}
body[data-route="team"] .team-focus-controls{
  border-color:#c4d4df!important;
  background:#eef6fc!important;
}
body[data-route="team"] .team-focus-champion{
  background:#ffffff!important;
}
body[data-route="team"] .team-focus-champion.red{
  background:#fffdfd!important;
}
body[data-route="team"] .team-focus-champion>header{
  background:#f4f9fd!important;
}
body[data-route="team"] .team-focus-champion.red>header{
  background:#fff4f5!important;
}
body[data-route="team"] .team-focus-champion>section>div{
  background:#ffffff!important;
}
body[data-route="team"] .team-focus-champion>section>div+div{
  background:#f6f9fc!important;
}
body[data-route="team"] .team-focus-champion.red>section>div+div{
  background:#fff7f8!important;
}
body[data-route="team"] .team-focus-champion>section p{
  background:#fff!important;
  border:1px solid #d5e2ec!important;
  border-radius:7px!important;
  padding:9px!important;
}
body[data-route="team"] .team-focus-champion>section p{
  -webkit-line-clamp:12!important;
}
body[data-route="team"] .team-focus-skills b{
  font-size:11px!important;
  line-height:1.2!important;
}
body[data-route="team"] .team-focus-skills small{
  font-size:9px!important;
  line-height:1.25!important;
}
body[data-route="team"] .team-focus-champion header .tactical-tag,
body[data-route="team"] .tactical-tag b{
  font-size:10px!important;
}
body[data-route="team"] .team-focus-champion header>strong{
  font-size:12px!important;
  line-height:1.25!important;
}
body[data-route="team"] .team-pros-cons p{
  gap:6px!important;
}
body[data-route="team"] .team-pros-cons p span{
  white-space:normal!important;
  overflow:visible!important;
}
body[data-route="team"] .team-pros-cons p svg{
  width:16px!important;
  height:16px!important;
  flex-basis:16px!important;
}
body[data-route="team"] .team-matrix-row>span strong{
  font-size:11px!important;
}
body[data-route="team"] .team-matrix-faces small{
  font-size:9px!important;
  line-height:1.15!important;
}
body[data-route="team"] .slot-insight-head small,
body[data-route="team"] .slot-insight-head em,
body[data-route="team"] .slot-phase small,
body[data-route="team"] .slot-ratings span,
body[data-route="team"] .slot-skill-grid small,
body[data-route="team"] .slot-skill-grid em{
  font-size:9px!important;
}
body[data-route="team"] .slot-insight-head strong{
  font-size:17px!important;
}
body[data-route="team"] .slot-phase b,
body[data-route="team"] .slot-ratings b,
body[data-route="team"] .slot-skill-grid b{
  font-size:11px!important;
}
.profile-section .guide-grid p,
.profile-section .plan-grid p,
.compare-guides p,
.compare-guides small{
  font-size:13px!important;
  line-height:1.6!important;
}
.profile-section .plan-grid article>b,
.compare-guides article>div>b{
  font-size:13px!important;
}
@media(max-width:720px){
  body[data-route="team"] .team-plan-side p,
  body[data-route="team"] .team-spike-side p,
  body[data-route="team"] .team-focus-champion>section p,
  body[data-route="team"] .team-pros-cons p span,
  body[data-route="team"] .warning-side article p,
  body[data-route="team"] .win-plan p{
    font-size:14px!important;
    line-height:1.62!important;
  }
  body[data-route="team"] .team-plan-side h3,
  body[data-route="team"] .team-spike-side h3,
  body[data-route="team"] .team-focus-champion header h3{
    font-size:17px!important;
  }
}

/* Final Champion/Skill wiki pass: ability kit first, readable tags, radar profile. */
.champion-wiki-layout,
.skill-library-layout{
  grid-template-columns:260px minmax(0,1fr);
}
.champion-wiki-profile,
.skill-workbook-profile{
  display:grid;
  gap:14px;
}
.champion-wiki-profile>.profile-head,
.skill-workbook-profile>.skill-hero{
  border:1px solid #b9c8d5;
  border-top:4px solid #1769aa;
  border-radius:10px;
  background:linear-gradient(90deg,#f2f8fd,#fff);
  padding:14px;
  box-shadow:0 8px 24px rgba(23,44,65,.08);
}
.champion-wiki-profile>.ability-preview,
.champion-wiki-profile>.profile-section:has(.rating-grid),
.champion-skill-panel+.strong-skill-panel,
.skill-workbook-profile>.strong-skill-panel{
  display:none!important;
}
.ability-kit-panel,
.champion-radar-card,
.skill-tag-standard,
.skill-card-section.secondary-skill-records{
  border:1px solid #b9c8d5;
  border-radius:10px;
  background:#fff;
  box-shadow:0 8px 24px rgba(23,44,65,.07);
  overflow:hidden;
}
.ability-kit-panel>.section-head,
.champion-radar-card>.section-head,
.skill-tag-standard>.section-head,
.secondary-skill-records>.section-head{
  margin:0;
  border-bottom:1px solid #c9d6e0;
  background:#eef6fc;
  padding:12px 14px;
}
.ability-kit-panel>.section-head h3,
.champion-radar-card>.section-head h3,
.skill-tag-standard>.section-head h3{
  font-size:16px;
}
.ability-kit-top{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
  padding:12px;
  background:linear-gradient(180deg,#f8fbfd,#fff);
}
.ability-bar{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  align-self:start;
}
.ability-bar>span{
  position:relative;
  display:grid;
  grid-template-rows:58px auto auto;
  place-items:center;
  gap:4px;
  min-height:104px;
  border:1px solid #c6d3dd;
  border-radius:10px;
  background:#101b2b;
  color:#e7f3ff;
  padding:8px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);
}
.ability-bar>span.active{
  border-color:#d7b75b;
  box-shadow:0 0 0 2px rgba(215,183,91,.25),inset 0 0 0 1px rgba(255,255,255,.12);
}
.ability-bar img,
.ability-bar i{
  width:58px;
  height:58px;
  border:1px solid #7f93a6;
  border-radius:9px;
  object-fit:cover;
  background:#17283b;
}
.ability-bar i{
  display:grid;
  place-items:center;
  color:#d7b75b;
  font-style:normal;
  font-weight:900;
}
.ability-bar b{
  color:#fff;
  font-size:13px;
}
.ability-bar small{
  max-width:100%;
  overflow:hidden;
  color:#aebfd0;
  font-size:10px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.special-kit-panel{
  margin:0 12px 12px;
  border:1px solid #c7d4de;
  border-radius:10px;
  background:#fbfdff;
  overflow:hidden;
}
.special-kit-panel>.section-head{
  margin:0;
  border-bottom:1px solid #d7e1ea;
  background:linear-gradient(90deg,#eaf4ff,#fff);
  padding:10px 12px;
}
.special-kit-panel>header{
  display:grid;
  gap:4px;
  padding:11px 12px;
  border-bottom:1px solid #e2e9ef;
}
.special-kit-panel>header>b{
  font-size:15px;
}
.special-kit-panel>header p{
  margin:0;
  color:#465b6f;
  font-size:11px;
  line-height:1.45;
}
.special-kit-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:10px;
  padding:12px;
}
.special-kit-grid>article{
  border:1px solid #d4dde5;
  border-left:5px solid #7d93a6;
  border-radius:9px;
  background:#fff;
  padding:10px;
}
.special-kit-grid>article.mounted,.special-kit-grid>article.sustain,.special-kit-grid>article.utility{border-left-color:#55a466;background:#f6fff7}
.special-kit-grid>article.dismounted,.special-kit-grid>article.damage,.special-kit-grid>article.aoe{border-left-color:#d76161;background:#fff7f6}
.special-kit-grid>article.control,.special-kit-grid>article.hybrid{border-left-color:#8e6ad5;background:#faf7ff}
.special-kit-grid>article.range{border-left-color:#3f83c7;background:#f5faff}
.special-kit-grid>article.dps,.special-kit-grid>article.ultimate,.special-kit-grid>article.variant{border-left-color:#d7a72f;background:#fffaf0}
.special-kit-title{
  display:grid;
  gap:2px;
  margin-bottom:8px;
}
.special-kit-title strong{
  font-size:12px;
}
.special-kit-title small{
  color:#5d7285;
  font-size:9px;
}
.special-kit-abilities{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
.special-kit-chip{
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:6px;
  align-items:center;
  width:100%;
  min-height:42px;
  border:1px solid #d7e1ea;
  border-radius:7px;
  background:rgba(255,255,255,.78);
  padding:4px 6px;
}
.special-kit-chip img,
.special-kit-chip i{
  grid-row:1/3;
  width:34px;
  height:34px;
  border:1px solid #aebdca;
  border-radius:6px;
  object-fit:cover;
  background:#17283b;
}
.special-kit-chip i{
  display:grid;
  place-items:center;
  color:#d7b75b;
  font-style:normal;
  font-weight:900;
}
.special-kit-chip b{
  min-width:0;
  overflow:hidden;
  font-size:10px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.special-kit-chip small{
  color:#718497;
  font-size:8px;
}
.special-kit-chip.missing{
  opacity:.7;
}
.special-kit-grid ul{
  margin:8px 0 0;
  padding-left:18px;
  color:#405365;
  font-size:10px;
  line-height:1.45;
}
.shared-hover-host,
.hover-trigger{
  position:relative;
}
.hover-trigger{
  display:inline-grid;
  place-items:center;
}
.shared-hover-host>.slot-insight,
.hover-trigger>.slot-insight,
.hover-trigger>.skill-hover-card{
  position:absolute!important;
  z-index:900;
  top:calc(100% + 8px)!important;
  left:0!important;
  right:auto!important;
  display:grid!important;
  width:min(430px,calc(100vw - 48px));
  gap:8px;
  border:1px solid #b9cbd9;
  border-radius:10px;
  background:#fff!important;
  padding:12px;
  color:var(--text);
  text-align:left;
  box-shadow:0 22px 60px rgba(25,46,66,.26);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(-5px);
  transition:opacity .18s ease,transform .18s ease,visibility .18s;
}
.shared-hover-host:hover>.slot-insight,
.shared-hover-host:focus-visible>.slot-insight,
.shared-hover-host:focus-within>.slot-insight,
.hover-trigger:hover>.slot-insight,
.hover-trigger:focus-visible>.slot-insight,
.hover-trigger:hover>.skill-hover-card,
.hover-trigger:focus-visible>.skill-hover-card{
  opacity:1;
  visibility:visible;
  transform:none;
}
.check-champion-grid .shared-hover-host:nth-child(15n+11)>.slot-insight,
.check-champion-grid .shared-hover-host:nth-child(15n+12)>.slot-insight,
.check-champion-grid .shared-hover-host:nth-child(15n+13)>.slot-insight,
.check-champion-grid .shared-hover-host:nth-child(15n+14)>.slot-insight,
.check-champion-grid .shared-hover-host:nth-child(15n+15)>.slot-insight,
.check-filter-console .shared-hover-host>.slot-insight,
.check-output .shared-hover-host>.slot-insight{
  right:0!important;
  left:auto!important;
}
.skill-hover-card{
  min-width:280px;
}
.skill-hover-head{
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  gap:9px;
  align-items:center;
}
.skill-hover-head img,
.skill-hover-head i{
  width:48px;
  height:48px;
  border:1px solid #aebdca;
  border-radius:8px;
  object-fit:cover;
  background:#17283b;
}
.skill-hover-head i{
  display:grid;
  place-items:center;
  color:#d7b75b;
  font-style:normal;
  font-weight:900;
}
.skill-hover-head small,
.skill-hover-head em{
  display:block;
  color:#5f7284;
  font-size:9px;
  font-style:normal;
}
.skill-hover-head strong{
  display:block;
  margin:2px 0;
  font-size:14px;
}
.check-name-rail button .hover-trigger{
  margin-right:5px;
}
.check-name-rail button{
  overflow:visible;
}
.check-champion-grid button,
.check-output button,
.finder-card,
.relation-block button{
  overflow:visible;
}
@media(max-width:720px){
  .shared-hover-host>.slot-insight,
  .hover-trigger>.slot-insight,
  .hover-trigger>.skill-hover-card{
    position:fixed!important;
    top:50%!important;
    right:auto!important;
    left:50%!important;
    width:min(430px,calc(100vw - 28px));
    max-height:calc(100dvh - 36px);
    overflow:auto;
    transform:translate(-50%,-48%);
  }
  .shared-hover-host:hover>.slot-insight,
  .shared-hover-host:focus-visible>.slot-insight,
  .shared-hover-host:focus-within>.slot-insight,
  .hover-trigger:hover>.slot-insight,
  .hover-trigger:focus-visible>.slot-insight,
  .hover-trigger:hover>.skill-hover-card,
  .hover-trigger:focus-visible>.skill-hover-card{
    transform:translate(-50%,-50%);
  }
}
@media(prefers-reduced-motion:reduce){
  .shared-hover-host>.slot-insight,
  .hover-trigger>.slot-insight,
  .hover-trigger>.skill-hover-card{
    transition:none;
  }
}
.wiki-skill-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(300px,1fr));
  gap:12px;
  padding:12px;
}
.wiki-skill-card{
  position:relative;
  display:grid;
  gap:10px;
  border:1px solid #c7d4de;
  border-left:5px solid #7d93a6;
  border-radius:10px;
  background:#fff;
  padding:12px;
  box-shadow:0 4px 14px rgba(23,44,65,.05);
}
.wiki-skill-card.passive{
  max-width:none;
  min-height:100%;
  border-left-color:#8b6f2f;
  background:linear-gradient(180deg,#fffaf0,#fff);
}
.wiki-skill-card.slot-q{border-left-color:#2f80ed}
.wiki-skill-card.slot-w{border-left-color:#23a56f}
.wiki-skill-card.slot-e{border-left-color:#a35be0}
.wiki-skill-card.slot-r{border-left-color:#b31d2c}
.wiki-skill-card.strong-skill{
  background:linear-gradient(180deg,#fff9e8,#fff);
  box-shadow:0 0 0 2px rgba(215,183,91,.22),0 8px 24px rgba(23,44,65,.08);
}
.wiki-skill-card.high-impact{border-top:3px solid #b31d2c}
.wiki-skill-card.mid-impact{border-top:3px solid #d39b2a}
.wiki-skill-card header{
  display:grid;
  grid-template-columns:36px 64px minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
}
.wiki-skill-slot{
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  border-radius:8px;
  background:#102235;
  color:#d7b75b;
  font-size:13px;
  font-weight:900;
}
.wiki-skill-card header>img,
.wiki-skill-card header>i{
  width:64px;
  height:64px;
  border:1px solid #b7c5d0;
  border-radius:10px;
  object-fit:cover;
  background:#101820;
}
.wiki-skill-card header>i{
  display:grid;
  place-items:center;
  color:#d7b75b;
  font-style:normal;
  font-weight:900;
}
.wiki-skill-card small,
.wiki-skill-card em{
  display:block;
  color:#64788b;
  font-size:10px;
  font-style:normal;
}
.wiki-skill-card h3{
  margin:3px 0;
  color:#172737;
  font-size:16px;
}
.wiki-skill-card em{
  font-weight:800;
  color:#38566f;
}
.strong-order{
  align-self:start;
  border:1px solid #c79b2d;
  border-radius:999px;
  background:#fff2ca;
  color:#6f4d04;
  padding:5px 8px;
  font-size:10px;
  white-space:nowrap;
}
.wiki-skill-forms{
  display:flex;
  gap:5px;
  margin-left:46px;
}
.wiki-skill-forms img{
  width:30px;
  height:30px;
  border:1px solid #c8d4df;
  border-radius:6px;
  object-fit:cover;
}
.wiki-skill-meta{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;
}
.wiki-skill-meta span{
  min-width:0;
  border:1px solid #d7e0e8;
  border-radius:7px;
  background:#f8fbfd;
  padding:7px;
}
.wiki-skill-meta small,
.wiki-skill-meta b{
  display:block;
}
.wiki-skill-meta small{
  color:#607488;
  font-size:9px;
  font-weight:900;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.wiki-skill-meta b{
  overflow:hidden;
  margin-top:3px;
  color:#172737;
  font-size:11px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.wiki-skill-summary{
  margin:0;
  color:#263c50;
  font-size:12px;
  font-weight:700;
  line-height:1.45;
}
.wiki-skill-leveltips{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(130px,1fr));
  gap:6px;
}
.wiki-skill-leveltips span,
.wiki-skill-effects span{
  min-width:0;
  border:1px solid #d7e0e8;
  border-radius:7px;
  background:#fffdf7;
  padding:6px 7px;
}
.wiki-skill-leveltips b,
.wiki-skill-leveltips small{
  display:block;
}
.wiki-skill-leveltips b{
  color:#172737;
  font-size:10px;
  font-weight:900;
}
.wiki-skill-leveltips small{
  margin-top:2px;
  color:#5f7285;
  font-size:10px;
  line-height:1.25;
}
.wiki-skill-effects{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
}
.wiki-skill-effects span{
  background:#f3f8fc;
  color:#37546e;
  font-size:10px;
  font-weight:900;
}
.wiki-skill-tags,
.skill-tag-standard article p{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
}
.wiki-skill-tags .pill,
.skill-tag-standard .pill{
  min-height:23px;
  font-size:10px;
}
.skill-tag-standard{
  margin:0 12px 12px;
}
.skill-tag-standard>div:last-child{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:10px;
  padding:12px;
}
.skill-tag-standard article{
  border:1px solid #d7e0e8;
  border-radius:9px;
  background:#f9fbfd;
  padding:10px;
}
.skill-tag-standard article>b{
  display:flex;
  align-items:center;
  gap:6px;
  margin-bottom:8px;
  color:#173f60;
  font-size:12px;
}
.skill-tag-standard article>b svg{
  width:16px;
  height:16px;
  fill:none;
  stroke:#a88745;
  stroke-width:2;
}
.champion-radar-wrap{
  display:grid;
  grid-template-columns:210px minmax(0,1fr);
  gap:16px;
  align-items:center;
  padding:16px;
  background:#0d1b2a;
  color:#edf7ff;
}
.champion-radar-wrap .radar-stage{
  justify-self:center;
}
.champion-radar-values{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(120px,1fr));
  gap:8px;
}
.champion-radar-values span{
  display:grid;
  grid-template-columns:26px minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
  border:1px solid #28475f;
  border-radius:8px;
  background:#142536;
  padding:8px;
}
.champion-radar-values i{
  display:grid;
  place-items:center;
  width:26px;
  height:26px;
  border-radius:7px;
  background:#0b1720;
  color:#d7b75b;
}
.champion-radar-values svg{
  width:17px;
  height:17px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
}
.champion-radar-values small{
  color:#adc0cf;
  font-size:10px;
  font-weight:800;
}
.champion-radar-values b{
  color:#fff;
  font-size:15px;
}
.secondary-skill-records .skill-card-grid{
  padding:12px;
}
.secondary-skill-records .wiki-skill-card.compact{
  box-shadow:none;
}
@media(max-width:1100px){
  .ability-kit-top,
  .wiki-skill-grid,
  .champion-radar-wrap{
    grid-template-columns:1fr;
  }
}
@media(max-width:760px){
  .champion-wiki-layout,
  .skill-library-layout{
    grid-template-columns:1fr;
  }
  .ability-bar{
    grid-template-columns:repeat(2,1fr);
  }
  .wiki-skill-card header{
    grid-template-columns:32px 56px minmax(0,1fr);
  }
  .strong-order{
    grid-column:1/-1;
    justify-self:start;
  }
  .wiki-skill-meta{
    grid-template-columns:1fr;
  }
}

/* Team sheet workspace: fixed mirrored roster, contributor matrices and focused plans. */
body[data-route="team"] #app-main{max-width:1800px;margin-inline:auto;background:#f4f6f8}
body[data-route="team"] .page-intro{margin-bottom:10px}
.team-sheet-board,.team-workbook-matrices,.team-focus-panel{border:1px solid #aebbc6;border-radius:6px;background:#fff;box-shadow:0 2px 10px rgba(25,45,62,.07);overflow:hidden}
.team-sheet-board{--team-lane-axis:112px;margin-bottom:12px}
.team-sheet-ban-grid{display:grid;grid-template-columns:minmax(0,1fr) var(--team-lane-axis) minmax(0,1fr);gap:0;align-items:stretch;border-bottom:1px solid #8e9ca8}
.team-sheet-bans{padding:8px 10px 10px;background:#f9fbfc}
.team-sheet-bans.blue{border-top:5px solid #165b91}.team-sheet-bans.red{border-top:5px solid #b00008}
.team-sheet-bans>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;color:#274052;font-size:9px;letter-spacing:.04em}
.team-sheet-bans.blue>header b{color:#165b91}.team-sheet-bans.red>header b{color:#a60008}
.team-sheet-bans>header small{color:#687b89;font-weight:800}
.team-sheet-bans>div{display:grid;grid-template-columns:repeat(5,minmax(62px,1fr));gap:5px}
.team-sheet-ban{position:relative;display:grid;grid-template-rows:66px 18px;place-items:center;min-width:0;height:88px;border:1px solid #b7c3cc;border-radius:3px;background:#fff;padding:2px;cursor:pointer;overflow:hidden}
.team-sheet-ban:hover,.team-sheet-ban:focus-visible{border-color:#255f8a;outline:2px solid rgba(37,95,138,.15)}
.team-sheet-ban>.portrait{width:100%;height:66px;border:0;border-radius:2px;object-fit:cover}
.team-sheet-ban>span{display:grid;width:100%;height:66px;place-items:center;background:#eef2f5;color:#70818e;font-size:20px}
.team-sheet-ban>small{display:block;width:100%;overflow:hidden;color:#283d4d;font-size:8px;font-weight:800;text-align:center;text-overflow:ellipsis;white-space:nowrap}
.team-sheet-ban>i{position:absolute;top:3px;right:3px;display:grid;width:17px;height:17px;place-items:center;border-radius:50%;background:rgba(9,18,25,.78);color:#fff;font-size:11px;font-style:normal}
.team-sheet-versus{display:grid;place-items:center;border-inline:1px solid #9cabb6;background:#122536;color:#e0bd5d;font-size:11px;font-weight:950}
.team-sheet-title{display:grid;grid-template-columns:minmax(0,1fr) var(--team-lane-axis) minmax(0,1fr);align-items:center;min-height:38px;background:#edf1f4;text-align:center}
.team-sheet-title>b{display:flex;justify-content:space-between;align-items:center;height:100%;padding:0 12px;background:#165b91;color:#fff;font-size:12px}
.team-sheet-title>b:last-child{flex-direction:row-reverse;background:#b00008}.team-sheet-title>b small{font-size:8px;font-weight:800}.team-sheet-title>span{color:#5e7180;font-size:7px;font-weight:900;letter-spacing:.04em}
.team-sheet-roster{display:grid}
.team-sheet-lane{display:grid;grid-template-columns:minmax(0,1fr) var(--team-lane-axis) minmax(0,1fr);min-height:110px;border-top:1px solid #c4ced6}
.team-sheet-lane:first-child{border-top:0}
.team-sheet-side{display:grid;grid-template-columns:minmax(185px,.82fr) minmax(240px,1.18fr);min-width:0;background:#fff}
.team-sheet-side.blue .team-sheet-pick{grid-column:2;grid-row:1;grid-template-columns:minmax(0,1fr) 70px;text-align:right;border-left:1px solid #d0d8df}
.team-sheet-side.blue .team-sheet-pick>.portrait{grid-column:2}.team-sheet-side.blue .team-sheet-identity{grid-column:1;grid-row:1;align-items:end}.team-sheet-side.blue .team-sheet-meta{grid-column:1;grid-row:1;text-align:right}
.team-sheet-side.blue .combat-tag-line{justify-content:flex-end}.team-sheet-side.blue .team-position-tags{justify-content:flex-end}
.team-sheet-side.red{grid-template-columns:minmax(240px,1.18fr) minmax(185px,.82fr)}
.team-sheet-side.red .team-sheet-pick{grid-column:1;grid-row:1;border-right:1px solid #d0d8df}.team-sheet-side.red .team-sheet-meta{grid-column:2;grid-row:1}
.team-sheet-pick{position:relative;display:grid;grid-template-columns:70px minmax(0,1fr);gap:8px;align-items:center;min-width:0;border:0;background:#fff;padding:8px;cursor:pointer}
.team-sheet-pick:hover,.team-sheet-pick:focus-visible{background:#f3f8fc;outline:2px solid rgba(22,91,145,.16);outline-offset:-2px}
.team-sheet-pick>.portrait{width:70px;height:88px;border-radius:3px}
.team-sheet-identity{display:grid;gap:3px;min-width:0}.team-sheet-identity>small,.team-sheet-identity>span{overflow:hidden;color:#607381;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.team-sheet-identity>b{display:flex;align-items:center;gap:5px;min-width:0;font-size:14px}.team-sheet-side.blue .team-sheet-identity>b{justify-content:flex-end}.team-sheet-identity>b em{border:1px solid #7aaab0;border-radius:3px;background:#d0e0e3;color:#134f5c;padding:1px 3px;font-size:6px;font-style:normal}.team-sheet-identity>strong{color:#a7000b;font-size:7px}
.team-sheet-pick .phase-micro{margin-top:3px}.team-sheet-pick.empty{place-items:center;background:#f8fafb;color:#728390}.team-sheet-empty{display:grid;gap:3px;place-items:center;grid-column:1/-1}.team-sheet-empty small{font-size:8px}
.team-sheet-meta{display:grid;align-content:center;gap:6px;min-width:0;padding:8px}.team-sheet-meta>small{display:-webkit-box;overflow:hidden;color:#617380;font-size:7px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.team-sheet-meta .tactical-tag{min-height:22px;padding:3px 5px;font-size:7px}.team-sheet-meta .tactical-tag svg{width:11px;height:11px}
.team-position-tags{display:flex;flex-wrap:wrap;gap:3px}.team-position-tags>span{border:1px solid #b9c3cc;border-radius:3px;padding:2px 5px;font-size:7px;font-weight:800;line-height:1.15}.team-position-tags .position-frontline{border-color:#e0ad77;background:#fce5cd;color:#783f04}.team-position-tags .position-midline{border-color:#93c47d;background:#d9ead3;color:#274e13}.team-position-tags .position-backline{border-color:#7fafd7;background:#cfe2f3;color:#073763}.team-position-tags .position-flank{border-color:#a391c8;background:#d9d2e9;color:#351c75}.team-position-tags .position-empty{background:#edf0f2;color:#6a7882}
.team-lane-center{display:grid;grid-template-columns:1fr;grid-template-rows:34px 14px 28px 15px 12px;place-items:center;align-content:center;border-inline:1px solid #9fadb8;background:linear-gradient(180deg,#f8fafb,#edf2f5);padding:6px 8px;text-align:center}
.team-lane-center .official-role-icon{grid-column:1/-1;width:34px;height:34px;border:1px solid #b8a26b;border-radius:4px;background:#101a21;color:#e4c978}.team-lane-center .official-role-icon svg{width:21px;height:21px}.team-lane-center>b{grid-column:1/-1;font-size:9px;text-transform:uppercase}.team-lane-center>span{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;width:100%;font-size:8px;font-weight:900;font-variant-numeric:tabular-nums}.team-lane-center>span i{color:#165b91;font-style:normal}.team-lane-center>span em{color:#b00008;font-style:normal}.team-lane-center>small{grid-column:1/-1;color:#657784;font-size:6px;font-weight:900}
.team-workbook-matrices{margin-bottom:12px;padding:12px}.team-workbook-matrices>.section-head{margin-bottom:10px}.team-workbook-matrices>.section-head h2{margin:0;font-size:14px}.team-workbook-matrices>div:last-child{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.team-matrix-group{border:1px solid #b9c4cc;border-radius:4px;background:#fff;overflow:hidden}.team-matrix-group>header{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:36px;border-bottom:1px solid #b9c4cc;background:#eef2f4;padding:7px 9px}.team-matrix-group h3{margin:0;font-size:10px}.team-matrix-group header small{color:#667987;font-size:7px;text-align:right}
.team-matrix-row{--matrix-bg:#e6e9ec;--matrix-fg:#3c4043;display:grid;grid-template-columns:minmax(140px,1fr) 28px 112px 28px minmax(140px,1fr);align-items:stretch;min-height:45px;border-top:1px dotted #aeb8c0}.team-matrix-row:first-child{border-top:0}.team-matrix-row>b{display:grid;place-items:center;border-inline:1px solid #b8c3cb;background:#f8fafb;font-size:11px}.team-matrix-row>span{display:grid;grid-template-columns:18px minmax(0,1fr);place-items:center;gap:3px;background:var(--matrix-bg);color:var(--matrix-fg);padding:4px;text-align:center}.team-matrix-row>span svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.9}.team-matrix-row>span strong{font-size:8px}
.team-matrix-faces{display:flex;align-items:center;gap:4px;min-width:0;padding:4px 6px;overflow:hidden}.team-matrix-faces.blue{justify-content:flex-end}.team-matrix-faces.red{justify-content:flex-start}.team-matrix-faces>span{display:grid;grid-template-rows:30px 8px;place-items:center;min-width:34px}.team-matrix-faces .portrait{width:30px;height:30px;border-radius:2px}.team-matrix-faces small{display:block;width:34px;overflow:hidden;color:#526573;font-size:6px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.team-matrix-faces em{color:#9aa5ad;font-style:normal}
.team-matrix-row.tone-engage{--matrix-bg:#f4cccc;--matrix-fg:#7a1b24}.team-matrix-row.tone-disengage{--matrix-bg:#d9ead3;--matrix-fg:#274e13}.team-matrix-row.tone-poke{--matrix-bg:#cfe2f3;--matrix-fg:#073763}.team-matrix-row.tone-split{--matrix-bg:#d9d2e9;--matrix-fg:#351c75}.team-matrix-row.tone-catch{--matrix-bg:#fff2cc;--matrix-fg:#725711}
.team-matrix-row.tone-frontline{--matrix-bg:#fce5cd;--matrix-fg:#783f04}.team-matrix-row.tone-midline{--matrix-bg:#d9ead3;--matrix-fg:#274e13}.team-matrix-row.tone-backline{--matrix-bg:#cfe2f3;--matrix-fg:#073763}.team-matrix-row.tone-flank{--matrix-bg:#d9d2e9;--matrix-fg:#351c75}
.team-matrix-row.tone-melee{--matrix-bg:#6fa8dc;--matrix-fg:#073763}.team-matrix-row.tone-ranged{--matrix-bg:#f6b26b;--matrix-fg:#783f04}.team-matrix-row.tone-physical{--matrix-bg:#dd7e6b;--matrix-fg:#5b160d}.team-matrix-row.tone-magic{--matrix-bg:#9fc5e8;--matrix-fg:#073763}
.team-matrix-row.tone-basicattack{--matrix-bg:#e06666;--matrix-fg:#5b0d0d}.team-matrix-row.tone-hybrid{--matrix-bg:#8e7cc3;--matrix-fg:#20124d}.team-matrix-row.tone-ability{--matrix-bg:#6fa8dc;--matrix-fg:#073763}.team-matrix-row.tone-teamfight,.team-matrix-row.tone-dive{--matrix-bg:#dd7e6b;--matrix-fg:#5b160d}.team-matrix-row.tone-dpscarry,.team-matrix-row.tone-clearwave{--matrix-bg:#6fa8dc;--matrix-fg:#073763}.team-matrix-row.tone-assassin{--matrix-bg:#8e7cc3;--matrix-fg:#20124d}.team-matrix-row.tone-cchard{--matrix-bg:#c27ba0;--matrix-fg:#4c1130}.team-matrix-row.tone-tower{--matrix-bg:#a64d79;--matrix-fg:#fff}.team-matrix-row.tone-strongult{--matrix-bg:#6d9eeb;--matrix-fg:#073763}.team-matrix-row.tone-shield,.team-matrix-row.tone-heal{--matrix-bg:#d9ead3;--matrix-fg:#274e13}.team-matrix-row.tone-vision,.team-matrix-row.tone-slow{--matrix-bg:#cfe2f3;--matrix-fg:#073763}.team-matrix-row.tone-buff{--matrix-bg:#d0e0e3;--matrix-fg:#134f5c}
.team-focus-panel{padding:12px}.team-focus-controls{display:flex;justify-content:space-between;align-items:end;gap:14px;margin-bottom:10px;border:1px solid #b8c3cb;border-radius:5px;background:#eef2f4;padding:8px}.team-focus-controls>div{display:grid;gap:5px}.team-focus-controls>div>small{color:#607381;font-size:7px;font-weight:900}.team-focus-controls .segmented{display:flex;gap:3px}.team-focus-controls button{display:flex;align-items:center;gap:5px;min-height:34px;padding:5px 9px;font-size:8px;font-weight:800}.team-focus-controls button .official-role-icon{width:22px;height:22px;background:transparent;color:currentColor}.team-focus-controls button .official-role-icon svg,.team-focus-controls button>svg{width:15px;height:15px}.team-focus-controls button.active{border-color:#1d638f;background:#1d638f;color:#fff}
.team-focus-list{display:grid;gap:10px}.team-focus-matchup{display:grid;grid-template-columns:88px minmax(0,1fr);border:1px solid #aebbc5;border-radius:5px;background:#fff;overflow:hidden}.team-focus-role{display:grid;place-items:center;align-content:center;gap:5px;border-right:1px solid #aebbc5;background:#122536;color:#fff;padding:8px;text-align:center}.team-focus-role .official-role-icon{width:38px;height:38px;border:1px solid #b8a26b;background:#0b1720;color:#e4c978}.team-focus-role>b{font-size:9px}.team-focus-role>span{display:grid;grid-template-columns:1fr 1fr;width:100%;font-size:8px}.team-focus-role i{color:#8ed0ff;font-style:normal}.team-focus-role em{color:#ff9ba5;font-style:normal}.team-focus-role small{color:#9fb2c1;font-size:6px}
.team-focus-duel{display:grid;grid-template-columns:1fr 1fr;min-width:0}.team-focus-champion{min-width:0;border-left:4px solid #165b91;background:#fff}.team-focus-champion.red{border-left:1px solid #b8c3cb;border-right:4px solid #b00008}.team-focus-champion>header{display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:9px;align-items:center;min-height:94px;border-bottom:1px solid #c3cdd4;padding:8px}.team-focus-champion>header .portrait{width:76px;height:76px;border-radius:3px}.team-focus-champion header h3{margin:2px 0;font-size:15px}.team-focus-champion header>div>small{color:#647684;font-size:7px;font-weight:900}.team-focus-champion header p{display:flex;flex-wrap:wrap;gap:3px;margin:4px 0 0}.team-focus-champion header .tactical-tag{min-height:19px;padding:2px 4px;font-size:6px}.team-focus-champion header>strong{border:1px solid #b6c2ca;border-radius:4px;padding:5px;font-size:8px}.team-focus-champion header>strong.power-strong{background:#b7e1cd;color:#0b4f35}.team-focus-champion header>strong.power-average{background:#fdecc8;color:#6f5514}.team-focus-champion header>strong.power-weak{background:#ea9999;color:#6f2228}
.team-focus-skills{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid #c3cdd4;background:#f7f9fa}.team-focus-skills>span{display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:20px 22px;min-width:0;min-height:52px;border-right:1px solid #c9d2d8;padding:5px}.team-focus-skills>span:last-child{border-right:0}.team-focus-skills img,.team-focus-skills>span>i{grid-row:1/3;width:42px;height:42px;border-radius:3px;object-fit:cover;background:#101820;color:#fff}.team-focus-skills b{padding-left:5px;font-size:8px}.team-focus-skills small{overflow:hidden;padding-left:5px;color:#607381;font-size:6px;text-overflow:ellipsis;white-space:nowrap}
.team-focus-champion>section{display:grid;grid-template-columns:1fr 1fr;min-height:168px}.team-focus-champion>section>div{min-width:0;padding:10px}.team-focus-champion>section>div+div{border-left:1px solid #c3cdd4;background:#f7f3fa}.team-focus-champion>section small{display:block;margin-bottom:6px;color:#536978;font-size:7px;font-weight:900}.team-focus-champion>section p{display:-webkit-box;overflow:hidden;margin:0;color:#263d4e;font-size:8px;line-height:1.48;white-space:pre-line;-webkit-box-orient:vertical;-webkit-line-clamp:9}.team-focus-champion.empty{display:grid;min-height:180px;place-items:center}.team-focus-champion.empty button{display:grid;place-items:center;gap:5px;border:0;background:transparent;color:#657784;cursor:pointer}.team-focus-champion.empty .official-role-icon{width:42px;height:42px}
@media(max-width:1420px){.team-sheet-side{grid-template-columns:minmax(160px,.72fr) minmax(220px,1.28fr)}.team-sheet-side.red{grid-template-columns:minmax(220px,1.28fr) minmax(160px,.72fr)}.team-sheet-meta>small{display:none}.team-matrix-faces small{display:none}.team-matrix-faces>span{grid-template-rows:30px;min-width:30px}}
@media(max-width:1120px){.team-sheet-board{overflow-x:auto}.team-sheet-ban-grid,.team-sheet-title,.team-sheet-lane{min-width:980px}.team-sheet-side{grid-template-columns:1fr 1.25fr}.team-sheet-side.red{grid-template-columns:1.25fr 1fr}.team-workbook-matrices>div:last-child{grid-template-columns:1fr}.team-focus-duel{grid-template-columns:1fr}.team-focus-champion.red{border-top:1px solid #b8c3cb;border-left:4px solid #b00008;border-right:0}.team-focus-controls{align-items:stretch;flex-direction:column}.team-focus-controls .segmented{flex-wrap:wrap}}
@media(max-width:720px){body[data-route="team"] #app-main{padding-inline:10px}.team-sheet-ban-grid,.team-sheet-title,.team-sheet-lane{min-width:900px}.team-sheet-ban{grid-template-rows:58px 17px;height:79px}.team-sheet-ban>.portrait,.team-sheet-ban>span{height:58px}.team-workbook-matrices,.team-focus-panel{padding:8px}.team-matrix-row{grid-template-columns:minmax(96px,1fr) 24px 92px 24px minmax(96px,1fr)}.team-matrix-faces{gap:2px;padding-inline:3px}.team-matrix-faces>span{min-width:25px}.team-matrix-faces .portrait{width:25px;height:25px}.team-focus-matchup{grid-template-columns:1fr}.team-focus-role{grid-template-columns:34px auto 80px 1fr;justify-content:start;border-right:0;border-bottom:1px solid #aebbc5;text-align:left}.team-focus-role .official-role-icon{width:32px;height:32px}.team-focus-champion>header{grid-template-columns:62px minmax(0,1fr) auto}.team-focus-champion>header .portrait{width:62px;height:68px}.team-focus-skills{grid-template-columns:repeat(5,76px);overflow-x:auto}.team-focus-champion>section{grid-template-columns:1fr;min-height:0}.team-focus-champion>section>div+div{border-top:1px solid #c3cdd4;border-left:0}.team-focus-champion>section p{-webkit-line-clamp:7}}

/* Check hotfix: compact roster + fully expanded relationship rows. */
body[data-route="finder"] .check-body{grid-template-columns:82px minmax(560px,1fr) 310px}
body[data-route="finder"] .check-champion-grid{
  grid-template-columns:repeat(var(--check-columns),minmax(42px,1fr)) !important;
  min-width:546px !important;
  max-height:700px;
}
body[data-route="finder"] .check-champion-grid>button{min-width:42px !important}
body[data-route="finder"] .check-champion-grid .portrait{width:100%;height:100%}
body[data-route="finder"] .check-champion-grid>button>span{padding:2px 3px;font-size:6px}
body[data-route="finder"] .check-champ-icons{top:1px;right:1px;gap:1px}
body[data-route="finder"] .check-champ-icons svg{width:9px;height:9px}
body[data-route="finder"] .check-output{border-top:2px solid var(--line-strong)}
body[data-route="finder"] .check-slot-row{
  display:grid;
  grid-template-columns:112px minmax(0,1fr);
  min-height:0;
  border-bottom:1px solid var(--line);
}
body[data-route="finder"] .check-slot-row>b{
  display:grid;
  gap:3px;
  place-items:center;
  border-right:1px solid var(--line-strong);
  padding:7px 5px;
  font-size:9px;
}
body[data-route="finder"] .check-slot-row>b small{
  display:grid;
  place-items:center;
  min-width:20px;
  height:18px;
  border-radius:999px;
  background:rgba(255,255,255,.7);
  color:currentColor;
  font-size:8px;
}
body[data-route="finder"] .check-slot-row>section{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(92px,1fr));
  gap:0;
  min-width:0;
}
body[data-route="finder"] .check-slot-row>section>button{
  display:flex;
  align-items:center;
  gap:6px;
  min-width:0;
  min-height:40px;
  border:0;
  border-right:1px dotted var(--line-strong);
  border-bottom:1px dotted var(--line-strong);
  border-radius:0;
  background:var(--surface);
  padding:5px 6px;
  text-align:left;
  cursor:pointer;
}
body[data-route="finder"] .check-slot-row>section>button:hover{background:var(--blue-soft)}
body[data-route="finder"] .check-slot-row>section>button .portrait{width:28px;height:28px;flex:0 0 auto}
body[data-route="finder"] .check-slot-row>section>button small{min-width:0;overflow:hidden;font-size:8px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}
body[data-route="finder"] .check-slot-row.danger>b{background:var(--red-soft);color:var(--red)}
body[data-route="finder"] .check-slot-row.success>b{background:var(--green-soft);color:var(--green)}
body[data-route="finder"] .check-slot-row.warning>b{background:var(--amber-soft);color:var(--amber)}
body[data-route="finder"] .check-slot-row.lane>b{background:var(--blue-soft);color:var(--blue)}
body[data-route="finder"] .empty-slot{display:grid;place-items:center;min-height:42px;color:var(--muted);font-size:12px}
@media(max-width:1280px){
  body[data-route="finder"] .check-body{grid-template-columns:78px minmax(520px,1fr) 292px}
  body[data-route="finder"] .check-champion-grid{min-width:520px !important}
}
@media(max-width:900px){
  body[data-route="finder"] .check-champion-grid{grid-template-columns:repeat(7,minmax(48px,1fr))!important;min-width:0!important;width:100%!important}
  body[data-route="finder"] .check-champion-grid>button{width:auto!important;height:auto!important;min-width:0!important;aspect-ratio:1!important}
}
@media(max-width:700px){
  body[data-route="finder"] .check-champion-grid{grid-template-columns:repeat(5,minmax(48px,1fr))!important;min-width:0!important;width:100%!important}
  body[data-route="finder"] .check-champion-grid>button{width:auto!important;height:auto!important;min-width:0!important;aspect-ratio:1!important}
  body[data-route="finder"] .check-slot-row{grid-template-columns:78px minmax(0,1fr)}
  body[data-route="finder"] .check-slot-row>section{grid-template-columns:repeat(auto-fill,minmax(84px,1fr))}
}

/* Map route icons: use Setting-sheet jungle camp images directly on Summoner's Rift. */
.route-map.route-map-icons{
  background:#07111f;
  border:2px solid #1e3144;
  border-radius:10px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 10px 28px rgba(10,20,32,.18);
}
.route-map.route-map-icons>img{filter:saturate(1.06) contrast(1.04) brightness(.88)}
.route-map .route-polyline{
  position:absolute;
  inset:0;
  z-index:1;
  width:100%;
  height:100%;
  overflow:visible;
  pointer-events:none;
}
.route-map .route-polyline polyline,
.route-map .route-polyline line{
  fill:none;
  stroke:#38bdf8;
  stroke-width:3.4;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-dasharray:none;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.95)) drop-shadow(0 0 5px rgba(56,189,248,.55));
  vector-effect:non-scaling-stroke;
}
.route-map .route-polyline marker path{fill:#38bdf8}
.route-map.red .route-polyline polyline,.route-map.red .route-polyline line{stroke:#fb7185}
.route-map.red .route-polyline marker path{fill:#fb7185}
.route-map.route-map-icons span{
  z-index:3;
  display:grid;
  place-items:center;
}
.route-map.route-map-icons span>b{
  position:relative;
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border:2px solid #fff;
  border-radius:9px;
  background:#0f172a;
  color:#fff;
  box-shadow:0 5px 12px rgba(0,0,0,.55),0 0 0 2px rgba(56,189,248,.34);
  overflow:visible;
}
.route-map.route-map-icons.red span>b,
.map-route-sheet.red .route-map.route-map-icons span>b{box-shadow:0 5px 12px rgba(0,0,0,.55),0 0 0 2px rgba(251,113,133,.38)}
.route-map.route-map-icons span>b .map-token-img{
  width:100%;
  height:100%;
  border-radius:7px;
  object-fit:cover;
  box-shadow:none;
}
.route-map.route-map-icons span>b>i{
  position:absolute;
  right:-7px;
  top:-7px;
  display:grid;
  place-items:center;
  min-width:16px;
  height:16px;
  border:2px solid #fff;
  border-radius:999px;
  background:#155ea5;
  color:#fff;
  font-size:8px;
  font-style:normal;
  font-weight:900;
  line-height:1;
}
.route-map.route-map-icons .map-lane-icon{display:grid;place-items:center;width:100%;height:100%;border-radius:7px;background:#0f172a;color:#fff}
.route-map.route-map-icons .map-lane-icon svg{width:20px;height:20px;stroke:currentColor}
.map-token-img.gank-camp-icon{
  background:#0b1220;
  object-fit:contain!important;
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.52));
}
.route-map.route-map-icons .map-token-img.gank-camp-icon,
.map-main-canvas .map-token-img.gank-camp-icon{
  border-color:#f6c76d!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 0 12px rgba(245,158,11,.42);
}
.route-monsters .gank .map-token-img.gank-camp-icon,
.route-steps-icons .gank .map-token-img.gank-camp-icon,
.route-nine .gank .map-token-img.gank-camp-icon{
  border-color:#f0c46f!important;
}
.map-route-sheet.red .route-map.route-map-icons span>b>i{background:#b31d2c}
.route-map.route-map-icons.blue .map-route-node>b>i,
.route-map.route-map-icons .map-route-node.blue>b>i,
.map-main-canvas .main-route-node.blue>b>i{
  border-color:#dff6ff!important;
  background:#1d9bf0!important;
  color:#fff!important;
  box-shadow:0 0 0 1px rgba(29,155,240,.4),0 0 10px rgba(29,155,240,.55)!important;
}
.route-map.route-map-icons.red .map-route-node>b>i,
.route-map.route-map-icons .map-route-node.red>b>i,
.map-main-canvas .main-route-node.red>b>i{
  border-color:#ffe4ea!important;
  background:#ff375f!important;
  color:#fff!important;
  box-shadow:0 0 0 1px rgba(255,55,95,.4),0 0 10px rgba(255,55,95,.52)!important;
}
.map-route-sheet.blue .route-monsters>span>small,
.map-route-card.blue .route-steps-icons>span>small,
.map-battle-roster-side.blue .map-jungle-sequence>span>small,
.route-google-row.blue .route-google-cells span[role="cell"] small{
  border-color:#dff6ff!important;
  background:#1d9bf0!important;
  color:#fff!important;
}
.map-route-sheet.red .route-monsters>span>small,
.map-route-card.red .route-steps-icons>span>small,
.map-battle-roster-side.red .map-jungle-sequence>span>small,
.route-google-row.red .route-google-cells span[role="cell"] small{
  border-color:#ffe4ea!important;
  background:#ff375f!important;
  color:#fff!important;
}
.route-monsters>span>small,
.map-jungle-sequence>span>small,
.route-nine>span>small,
.route-steps-icons>span>small{
  display:grid!important;
  min-width:16px;
  height:16px;
  place-items:center;
  border:2px solid #fff;
  border-radius:999px;
  font-size:8px!important;
  font-weight:950!important;
  line-height:1!important;
  box-shadow:0 2px 8px rgba(0,0,0,.28);
}
.route-map.route-map-icons span.gank>b{box-shadow:0 5px 12px rgba(0,0,0,.55),0 0 0 3px rgba(245,158,11,.5)}
.route-map.route-map-icons span.objective>b{box-shadow:0 5px 12px rgba(0,0,0,.55),0 0 0 3px rgba(139,92,246,.5)}
.route-map.route-map-icons span.invade>b{box-shadow:0 5px 12px rgba(0,0,0,.55),0 0 0 3px rgba(17,24,39,.6)}
.route-map.route-map-icons span>small{
  left:24px;
  top:28px;
  z-index:4;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(7,17,31,.92);
  font-size:8px;
  font-weight:800;
}
.route-map.route-map-icons span:not(:last-child):after{display:none}
.route-marker-icon{display:block}
.route-map .map-static-layer{z-index:1;pointer-events:none}
.route-map .route-marker-layer{z-index:3;pointer-events:none}
.route-map.route-map-icons .map-static-node{z-index:1;opacity:1;pointer-events:auto}
.route-map.route-map-icons .map-static-node>b{width:30px;height:30px;border:2px solid rgba(255,255,255,.82);border-radius:50%;background:#07111f;box-shadow:0 3px 9px rgba(0,0,0,.78),0 0 0 1px rgba(0,0,0,.45);overflow:hidden}
.route-map.route-map-icons .map-static-node.objective>b{width:34px;height:34px;border-radius:10px;border-color:rgba(250,204,21,.86);box-shadow:0 4px 12px rgba(0,0,0,.82),0 0 0 2px rgba(250,204,21,.28)}
.route-map.route-map-icons .map-static-node.objective.minor>b{width:25px;height:25px;border-radius:8px;opacity:.94}
.route-map.route-map-icons .map-static-node.blue>b{outline:1px solid rgba(56,189,248,.65)}
.route-map.route-map-icons .map-static-node.red>b{outline:1px solid rgba(251,113,133,.65)}
.route-map.route-map-icons .map-static-node.neutral>b{outline:1px solid rgba(250,204,21,.65)}
.route-map.route-map-icons .map-static-node .map-static-icon{width:100%;height:100%;border-radius:50%;object-fit:cover;box-shadow:none}
.route-map.route-map-icons .map-static-node>small{left:20px;top:22px;font-size:7px}
.route-map.route-map-icons .map-static-node:hover{z-index:5;opacity:1}
.route-map.route-map-icons .map-route-node{z-index:4;pointer-events:auto}
.route-map.route-map-icons .map-lane-anchor{z-index:0;display:block;transform:translate(-50%,-50%) rotate(-42deg);color:rgba(255,255,255,.72);font-size:7px;font-weight:900;letter-spacing:.12em;text-shadow:0 1px 3px #000}
.route-map.route-map-icons .map-lane-anchor.lane-mid{transform:translate(-50%,-50%) rotate(-42deg)}
.route-steps-icons span,
.route-nine>span{
  display:grid;
  grid-template-rows:auto 34px auto;
  place-items:center;
  gap:3px;
  min-height:72px;
  text-align:center;
}
.route-steps-icons .map-token-img,
.route-nine .map-token-img{
  width:32px;
  height:32px;
  border-radius:7px;
  object-fit:cover;
}
.route-steps-icons span.camp,
.route-nine>span.camp{background:linear-gradient(180deg,#fff,#f8fafc)}
.route-steps-icons span.gank,
.route-nine>span.gank{border-color:#f0c46f;background:var(--amber-soft)}
.route-steps-icons span.objective,
.route-nine>span.objective{border-color:#c4b5fd;background:#f1ecff}
.route-steps-icons span.invade,
.route-nine>span.invade{border-color:#9ca3af;background:#e5e7eb}
.route-steps-icons span i,
.route-nine>span i{
  display:block;
  width:32px;
  height:32px;
  border:1px dashed var(--line-strong);
  border-radius:7px;
  background:#eef3f6;
}

/* Check image-state color: tint the champion portraits themselves, not only labels/borders. */
body[data-route="finder"] .check-champion-grid>button::before,
body[data-route="finder"] .check-champion-grid>button::after,
body[data-route="finder"] .check-slot-row>section>button::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  transition:opacity .18s ease,background .18s ease,box-shadow .18s ease;
}
body[data-route="finder"] .check-champion-grid>button,
body[data-route="finder"] .check-slot-row>section>button{position:relative;isolation:isolate}
body[data-route="finder"] .check-champion-grid>button::before{z-index:1;opacity:.18;background:#2f80ed;mix-blend-mode:color}
body[data-route="finder"] .check-champion-grid>button.available::before{opacity:.2;background:#2f80ed}
body[data-route="finder"] .check-champion-grid>button.dimmed::before{opacity:.62;background:#6b7280;mix-blend-mode:saturation}
body[data-route="finder"] .check-champion-grid>button.dimmed::after{
  z-index:2;
  opacity:.42;
  background:linear-gradient(135deg,rgba(15,23,42,.72),rgba(185,28,28,.38));
}
body[data-route="finder"] .check-champion-grid>button.available::after{
  z-index:2;
  opacity:.18;
  background:linear-gradient(135deg,rgba(37,99,235,.5),rgba(34,197,94,.38));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);
}
body[data-route="finder"] .check-champion-grid>button.available:hover::after,
body[data-route="finder"] .check-champion-grid>button.available:focus-visible::after{opacity:.34}
body[data-route="finder"] .check-champion-grid>button.selected::before{
  opacity:.42;
  background:#f2c94c;
  mix-blend-mode:color;
}
body[data-route="finder"] .check-champion-grid>button.selected::after{
  z-index:2;
  opacity:.78;
  background:
    radial-gradient(circle at 50% 42%,rgba(255,255,255,.12),transparent 38%),
    linear-gradient(135deg,rgba(21,94,165,.58),rgba(242,201,76,.5));
  box-shadow:inset 0 0 0 3px #155ea5,inset 0 0 0 5px #fff,inset 0 0 26px rgba(242,201,76,.75);
}
body[data-route="finder"] .check-champion-grid>button .portrait,
body[data-route="finder"] .check-champion-grid>button>span,
body[data-route="finder"] .check-champ-icons{position:relative;z-index:3}
body[data-route="finder"] .check-champion-grid>button.dimmed .portrait{filter:grayscale(1) contrast(.86) brightness(.72)}
body[data-route="finder"] .check-champion-grid>button.available .portrait{filter:saturate(1.12) contrast(1.04)}
body[data-route="finder"] .check-champion-grid>button.selected .portrait{filter:saturate(1.35) contrast(1.08) brightness(1.05)}
body[data-route="finder"] .check-slot-row.danger>section>button::after{background:rgba(179,29,44,.2)}
body[data-route="finder"] .check-slot-row.lane>section>button::after{background:rgba(21,94,165,.18)}
body[data-route="finder"] .check-slot-row.success>section>button::after{background:rgba(47,125,66,.18)}
body[data-route="finder"] .check-slot-row.warning>section>button::after{background:rgba(211,155,42,.22)}
body[data-route="finder"] .check-slot-row>section>button:hover::after{box-shadow:inset 0 0 0 2px currentColor;opacity:.8}
body[data-route="finder"] .check-slot-row>section>button .portrait,
body[data-route="finder"] .check-slot-row>section>button small{position:relative;z-index:2}

/* Desktop navigation can collapse without reducing the active workspace. */
.sidebar-collapse{
  position:absolute;
  top:22px;
  right:-15px;
  z-index:3;
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border:1px solid #49657a;
  border-radius:50%;
  background:#fff;
  color:#17344a;
  box-shadow:0 3px 10px rgba(7,18,28,.2);
  cursor:pointer;
}
.sidebar-collapse:hover{border-color:#1a73e8;background:#edf6ff;color:#0b5ca8}
.sidebar-collapse:focus-visible{outline:3px solid #8ed0ff;outline-offset:2px}
.sidebar-collapse svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s ease}
.sidebar,.app-column,.topbar{transition:width .18s ease,margin-left .18s ease,left .18s ease}
.sidebar nav button>span{display:grid;place-items:center;width:24px;height:24px;border-radius:5px;font-size:8px;font-weight:900;line-height:1}
.sidebar nav button.active>span{transform:none}
@media(min-width:981px){
  body.sidebar-collapsed .sidebar{width:68px}
  body.sidebar-collapsed .app-column{margin-left:68px}
  body.sidebar-collapsed .topbar{left:68px}
  body.sidebar-collapsed .brand{justify-content:center;padding-inline:10px}
  body.sidebar-collapsed .brand>div,
  body.sidebar-collapsed .sidebar nav h2,
  body.sidebar-collapsed .sidebar nav button>b,
  body.sidebar-collapsed .sidebar-status{display:none}
  body.sidebar-collapsed .sidebar nav{padding:12px 8px}
  body.sidebar-collapsed .sidebar nav section{margin-bottom:8px}
  body.sidebar-collapsed .sidebar nav button{justify-content:center;padding:8px}
  body.sidebar-collapsed .sidebar nav button>span{width:34px;height:30px;border-color:#55758c;font-size:10px}
  body.sidebar-collapsed .sidebar-collapse svg{transform:rotate(180deg)}
}
@media(max-width:980px){.sidebar-collapse{display:none}}

/* Lane-first comparison: same-role solo lanes and complete 2v2 Bot duos. */
body[data-route="compare"] #app-main{background:linear-gradient(180deg,#07111f 0,#0a1626 420px,var(--bg) 900px)}
.lane-compare-hero,.lane-axis-panel,.lane-skill-board,.lane-plan-board{margin:0 0 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden}
.lane-compare-hero>.section-head,.lane-axis-panel>.section-head,.lane-skill-board>.section-head,.lane-plan-board>.section-head{padding:16px 18px;border-bottom:1px solid var(--line)}
.lane-compare-hero>.section-head>div:first-child,.lane-axis-panel>.section-head>div:first-child{display:grid;gap:4px}.lane-compare-hero>.section-head p,.lane-axis-panel>.section-head p{color:var(--muted);font-size:12px}
.data-badge{display:inline-flex;align-items:center;min-height:30px;border:1px solid #9a772f;border-radius:999px;background:#2b2314;padding:4px 10px;color:#f2cd75;font-size:9px;font-weight:900;letter-spacing:.08em}
.lane-mode-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;padding:1px;background:var(--line)}.lane-mode-tabs button{min-height:48px;border:0;background:var(--surface-2);color:var(--muted);font-weight:800}.lane-mode-tabs button:hover{background:var(--blue-soft);color:var(--text)}.lane-mode-tabs button.active{background:#102f50;color:#fff;box-shadow:inset 0 -3px #3da5ff}
.lane-pick-controls{display:grid;grid-template-columns:1fr 58px 1fr;gap:12px;align-items:end;padding:16px 18px;background:var(--surface-2)}.lane-pick-controls>div:not(.lane-vs-mark){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.lane-pick-controls>div:not(.lane-vs-mark)>.lane-pick-select:only-child{grid-column:1/-1}.lane-pick-select{display:grid;gap:6px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.06em}.lane-pick-select select{width:100%;min-height:46px;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface);padding:0 38px 0 12px;color:var(--text);font:inherit;font-size:12px;letter-spacing:0}.lane-pick-select select:focus-visible{outline:3px solid var(--blue-soft);border-color:var(--blue)}.lane-vs-mark{display:grid;place-items:center;width:48px;height:48px;justify-self:center;border:1px solid #9a772f;border-radius:50%;background:#171b22;color:#f2cd75;font-weight:900}
.lane-lineup-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,.55fr) minmax(0,1fr);gap:12px;padding:18px}.lane-side-card{border:1px solid var(--line);border-top:3px solid var(--blue);border-radius:10px;background:var(--surface-2);padding:14px}.lane-side-card.red{border-top-color:var(--red)}.lane-side-card>header{display:flex;justify-content:space-between;gap:10px;margin-bottom:12px}.lane-side-card>header small{color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.08em}.lane-side-picks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.lane-side-picks>div:only-child{grid-column:1/-1}.lane-side-picks>div{display:flex;align-items:center;min-width:0;gap:10px}.lane-side-picks span{display:grid;min-width:0;gap:2px}.lane-side-picks span small{color:var(--muted);font-size:9px}.lane-side-picks span b{overflow:hidden;text-overflow:ellipsis}.lane-side-picks span em{color:var(--muted);font-size:9px;white-space:normal}.lane-side-card.red .lane-side-picks>div{flex-direction:row-reverse;text-align:right}
.lane-compat-score{display:grid;align-content:center;justify-items:center;gap:8px;text-align:center}.lane-compat-score>small{color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.1em}.lane-compat-score>strong{font-size:28px}.lane-compat-score>strong span{padding:0 5px;color:var(--muted)}.lane-compat-score>p{color:var(--muted);font-size:9px}.lane-score-track{position:relative;width:100%;height:9px;border-radius:999px;background:var(--red);overflow:hidden}.lane-score-track i{display:block;height:100%;background:var(--blue);border-right:2px solid #fff}
.lane-evidence{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.lane-evidence span{display:inline-flex;align-items:center;gap:4px;min-height:28px;border:1px solid var(--line);border-radius:999px;background:var(--surface-2);padding:3px 8px;color:var(--muted);font-size:9px}.lane-evidence svg{width:13px;height:13px;stroke:var(--green)}
.lane-axis-grid{padding:8px 18px}.lane-axis-row{display:grid;grid-template-columns:34px minmax(70px,1fr) 126px minmax(70px,1fr) 34px;align-items:center;gap:10px;min-height:44px;border-bottom:1px solid var(--line);text-align:center}.lane-axis-row>strong{display:grid;font-size:10px}.lane-axis-row>strong small{margin-top:2px;color:var(--muted);font-size:7px;letter-spacing:.06em}.blue-value{color:var(--blue)}.red-value{color:var(--red)}.axis-bar{display:flex;height:7px;border-radius:999px;background:var(--surface-2);overflow:hidden}.axis-bar.blue{justify-content:flex-end}.axis-bar span{display:block;height:100%;border-radius:999px}.axis-bar.blue span{background:var(--blue)}.axis-bar.red span{background:var(--red)}
.duo-synergy-row{display:grid;grid-template-columns:minmax(130px,.45fr) 1fr minmax(130px,.45fr);gap:16px;align-items:center;padding:16px 18px;background:var(--surface-2);text-align:center}.duo-synergy-row span{display:grid;gap:4px}.duo-synergy-row small{color:var(--muted);font-size:8px;font-weight:900}.duo-synergy-row b{font-size:20px}.duo-synergy-row span:first-child b{color:var(--blue)}.duo-synergy-row span:last-child b{color:var(--red)}.duo-synergy-row p{color:var(--muted);font-size:10px}
.lane-skill-columns{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line)}.lane-skill-columns>div{display:grid;gap:10px;padding:14px;background:var(--surface)}.lane-skill-columns article{border:1px solid var(--line);border-left:3px solid var(--blue);border-radius:8px;background:var(--surface-2);padding:10px}.lane-skill-columns .red article{border-left-color:var(--red)}.lane-skill-columns article>header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.lane-skill-columns article>header span{display:grid}.lane-skill-columns article>header small{color:var(--muted)}.lane-skill-columns .mini-ability{margin-top:6px}
.lane-plan-board>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line)}.lane-plan-board>div:last-child>div{display:grid;align-content:start;gap:10px;padding:14px;background:var(--surface)}.lane-plan-board details{border:1px solid var(--line);border-radius:8px;background:var(--surface-2);overflow:hidden}.lane-plan-board summary{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:8px;min-height:50px;padding:8px 10px;cursor:pointer}.lane-plan-board summary span{justify-self:end;color:var(--muted);font-size:9px}.lane-plan-board details>.weakness{margin:0;padding:10px 12px;border-top:1px solid var(--line);background:var(--red-soft)}.lane-plan-board details>article{display:grid;grid-template-columns:50px 1fr;gap:4px 10px;padding:10px 12px;border-top:1px solid var(--line)}.lane-plan-board details>article p{font-size:10px;line-height:1.5}.lane-plan-board details>article small{grid-column:2;color:var(--muted);line-height:1.4}
@media(max-width:900px){.lane-lineup-grid{grid-template-columns:1fr}.lane-compat-score{grid-row:1;padding:8px 0 14px}.lane-pick-controls{grid-template-columns:1fr}.lane-vs-mark{width:40px;height:40px}.lane-axis-panel>.section-head{align-items:flex-start;flex-direction:column}.lane-evidence{justify-content:flex-start}.lane-skill-columns,.lane-plan-board>div:last-child{grid-template-columns:1fr}}
@media(max-width:620px){.lane-mode-tabs{grid-template-columns:repeat(2,1fr)}.lane-pick-controls>div:not(.lane-vs-mark){grid-template-columns:1fr}.lane-pick-controls>div:not(.lane-vs-mark)>.lane-pick-select:only-child{grid-column:auto}.lane-side-picks{grid-template-columns:1fr}.lane-side-picks>div:only-child{grid-column:auto}.lane-side-card.red .lane-side-picks>div{flex-direction:row;text-align:left}.lane-axis-row{grid-template-columns:28px 1fr 82px 1fr 28px;gap:5px}.duo-synergy-row{grid-template-columns:1fr 1fr}.duo-synergy-row p{grid-column:1/-1;grid-row:2}.lane-compare-hero>.section-head{align-items:flex-start;flex-direction:column}.lane-plan-board summary span{display:none}}

/* Team composition v2: fixed geometry, official Riot class icons and tactical hierarchy. */
body[data-route="team"] #app-main{background:#f4f7fa}
body[data-route="team"] .team-board-v2{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px;align-items:start;margin:0 0 16px}
body[data-route="team"] .team-board-v2 .team-composition{min-width:0;border:1px solid #bcc8d2!important;border-top:3px solid #145a91!important;border-radius:8px!important;background:#fff;box-shadow:0 8px 24px rgba(30,50,70,.08)!important;overflow:visible!important}
body[data-route="team"] .team-board-v2 .team-composition.red{border-top-color:#b31d2c!important}
body[data-route="team"] .team-board-v2 .team-title{display:flex!important;min-height:42px!important;align-items:center!important;justify-content:space-between!important;padding:6px 12px!important;border:0!important;border-bottom:1px solid #c9d4dd!important;background:#145a91!important;color:#fff!important}
body[data-route="team"] .team-board-v2 .team-panel.red .team-title{background:#a91726!important}
body[data-route="team"] .team-board-v2 .team-title::after{display:none!important}
body[data-route="team"] .team-board-v2 .team-title>span{display:block!important;color:#fff!important;font-size:12px!important;font-weight:900!important;letter-spacing:.09em}
body[data-route="team"] .team-board-v2 .team-title>strong{position:static!important;display:flex!important;align-items:baseline;gap:7px;color:#fff!important;font-size:16px!important;font-variant-numeric:tabular-nums}
body[data-route="team"] .team-board-v2 .team-title>strong small{display:block!important;color:#dceeff;font-size:7px;letter-spacing:.06em}
body[data-route="team"] .team-ban-panel{min-height:82px;border-bottom:1px solid #cdd6de;background:#f8fafc}
body[data-route="team"] .team-ban-panel>header{display:flex;min-height:28px;align-items:center;justify-content:space-between;padding:3px 8px;border-bottom:1px solid #dbe2e8}
body[data-route="team"] .team-ban-panel>header span{font-size:8px;font-weight:900;letter-spacing:.1em}
body[data-route="team"] .team-ban-panel>header button{min-height:24px!important;padding:2px 7px;font-size:8px}
body[data-route="team"] .team-ban-panel>div{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:4px!important;overflow:visible!important;padding:5px 6px}
body[data-route="team"] .ban-slot{position:relative;display:grid!important;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:4px;width:100%;min-width:0;min-height:42px!important;border:1px solid #c9d3dc!important;border-radius:5px!important;background:#fff!important;padding:4px!important;color:#213242;text-align:left}
body[data-route="team"] .ban-slot:hover,body[data-route="team"] .ban-slot:focus-visible{border-color:#2382c4!important;background:#edf7ff!important;outline:2px solid rgba(35,130,196,.25)!important;outline-offset:0!important}
body[data-route="team"] .team-panel.red .ban-slot:hover,body[data-route="team"] .team-panel.red .ban-slot:focus-visible{border-color:#b31d2c!important;background:#fff2f3!important;outline-color:rgba(179,29,44,.22)!important}
body[data-route="team"] .ban-slot .portrait,body[data-route="team"] .ban-slot>span:first-child{width:26px!important;height:26px!important;border-radius:3px!important}
body[data-route="team"] .ban-slot small{overflow:hidden;color:#536574;font-size:7px;text-overflow:ellipsis;white-space:nowrap}
body[data-route="team"] .ban-slot i{position:absolute;top:-4px;right:-3px;display:grid;width:16px;height:16px;place-items:center;border-radius:50%;background:#263849;color:#fff;font-size:10px;font-style:normal}
.team-pros-cons{display:grid;grid-template-columns:1fr 1fr;min-height:84px;border-bottom:1px solid #cdd6de;background:#fff}
.team-pros-cons>div{min-width:0;padding:7px 8px}.team-pros-cons>div+div{border-left:1px solid #dbe2e8}.team-pros-cons>div>small{display:block;margin-bottom:5px;color:#647483;font-size:7px;font-weight:900;letter-spacing:.08em}.team-pros-cons p{display:grid;gap:3px}.team-pros-cons p span{display:flex;align-items:center;gap:4px;overflow:hidden;color:#253746;font-size:8px;line-height:1.2;white-space:nowrap;text-overflow:ellipsis}.team-pros-cons p svg{flex:0 0 12px;width:12px;height:12px;fill:none;stroke:#16845b;stroke-width:2}.team-pros-cons>div+div p svg{stroke:#a86b19}
body[data-route="team"] .team-roster{display:grid;grid-template-rows:repeat(5,104px)}
body[data-route="team"] .team-board-v2 .role-row,body[data-route="team"] .team-board-v2 .team-panel.red .role-row{position:relative;display:grid!important;grid-template-columns:68px minmax(210px,.88fr) minmax(230px,1.12fr)!important;grid-template-rows:104px!important;min-height:104px!important;height:104px!important;align-items:stretch;border:0!important;border-bottom:1px solid #cfd8df!important;background:#fff;isolation:isolate}
body[data-route="team"] .team-board-v2 .role-row:last-child{border-bottom:0!important}
body[data-route="team"] .team-board-v2 .role-label.role-slot,body[data-route="team"] .team-board-v2 .team-panel.red .role-label.role-slot{grid-column:1!important;grid-row:1!important;display:grid!important;grid-template-rows:38px auto auto;align-content:center;justify-items:center;gap:2px;min-height:104px!important;border:0!important;border-right:1px solid #ced7df!important;background:#101b27!important;color:#d8b568!important;padding:7px 4px;text-align:center}
body[data-route="team"] .role-label.role-slot::after{display:none!important}
body[data-route="team"] .official-role-icon{display:grid!important;width:36px!important;height:36px!important;place-items:center;color:#d8b568}
body[data-route="team"] .official-role-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body[data-route="team"] .role-label.role-slot>span:not(.official-role-icon){max-width:62px;overflow:hidden;color:#e6cf98;font-size:8px!important;font-weight:900;text-overflow:ellipsis;white-space:nowrap}
body[data-route="team"] .role-label.role-slot>small{color:#9cb0c1;font-size:7px;font-weight:700;text-transform:uppercase}
body[data-route="team"] .team-board-v2 .pick-cell,body[data-route="team"] .team-board-v2 .team-panel.red .pick-cell{position:relative;z-index:3;grid-column:2!important;grid-row:1!important;display:grid!important;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:9px;width:100%;min-width:0;min-height:104px!important;height:104px!important;border:0!important;border-right:1px solid #ced7df!important;background:#fff!important;padding:8px!important;color:#152536;text-align:left!important;touch-action:manipulation}
body[data-route="team"] .team-board-v2 .pick-cell:hover,body[data-route="team"] .team-board-v2 .pick-cell:focus-visible{z-index:80;background:#edf7ff!important;outline:3px solid #2382c4!important;outline-offset:-3px!important}
body[data-route="team"] .team-board-v2 .team-panel.red .pick-cell:hover,body[data-route="team"] .team-board-v2 .team-panel.red .pick-cell:focus-visible{background:#fff2f3!important;outline-color:#b31d2c!important}
body[data-route="team"] .team-board-v2 .pick-cell::after{display:none!important}
body[data-route="team"] .team-board-v2 .pick-cell>.portrait{width:54px!important;height:62px!important;border:1px solid #9eabb6!important;border-radius:4px!important;object-fit:cover}
.pick-identity{display:grid!important;min-width:0;gap:4px}.pick-name-line{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:6px}.pick-name-line>b{overflow:hidden!important;font-size:13px!important;text-overflow:ellipsis;white-space:nowrap}.pick-name-line>em{display:flex!important;max-width:96px;flex-direction:column;align-items:flex-end;gap:1px;font-style:normal}.pick-name-line>em strong{color:#26394a;font-size:8px}.pick-name-line>em small{max-width:96px;overflow:hidden;color:#687a89;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.class-detail{display:block!important;overflow:hidden;color:#526675!important;font-size:8px!important;text-overflow:ellipsis;white-space:nowrap}
.phase-micro{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;margin-top:2px}.phase-micro>span{display:flex!important;min-width:0;min-height:19px;align-items:center;justify-content:center;gap:3px;border:1px solid #d2dae1;border-radius:3px;background:#f3f6f8;padding:1px 3px}.phase-micro small{color:#667887!important;font-size:6px!important;font-weight:900}.phase-micro b{overflow:hidden!important;font-size:7px!important;text-overflow:ellipsis;white-space:nowrap}.phase-micro .strong{border-color:#8ec9ae;background:#e8f6ef;color:#116b48}.phase-micro .weak{border-color:#e1b0b5;background:#fff0f1;color:#9d2531}.phase-micro .average{border-color:#dec98d;background:#fff8e6;color:#745d1e}
.empty-pick-copy{display:grid!important;gap:3px}.empty-pick-copy b{font-size:11px}.empty-pick-copy small{color:#738493;font-size:8px}
body[data-route="team"] .team-board-v2 .pick-meta,body[data-route="team"] .team-board-v2 .team-panel.red .pick-meta{position:relative;grid-column:3!important;grid-row:1!important;display:grid;grid-template-rows:1fr 34px;align-items:center;min-width:0;min-height:104px!important;height:104px!important;border:0!important;background:#f9fbfc!important;padding:8px!important;text-align:left!important}
body[data-route="team"] .team-board-v2 .pick-meta::before{display:none!important}
.combat-tag-line.unified-tags{display:flex!important;align-content:center;align-items:center;justify-content:flex-start!important;gap:5px;min-width:0;flex-wrap:wrap}.tactical-tag{display:inline-flex;min-width:0;min-height:28px;align-items:center;gap:5px;border:1px solid #c5d0d9;border-radius:4px;background:#fff;padding:3px 6px;color:#2d4252}.tactical-tag svg{flex:0 0 15px;width:15px;height:15px;fill:none;stroke:#a77b2b;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.tactical-tag b{overflow:hidden;font-size:8px;text-overflow:ellipsis;white-space:nowrap}
.position-line{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;align-self:end}.position-line>span{display:grid;grid-template-rows:5px auto;gap:3px;text-align:center}.position-line>span>i{height:5px;border-radius:999px;background:#d8e0e6}.position-line>span>b{color:#7b8a96;font-size:6px}.position-line>span.active>i{background:#b28a3e;box-shadow:0 0 0 1px #8e6b2a}.position-line>span.active>b{color:#614812;font-weight:900}.empty-meta{display:grid;align-content:center;gap:4px;color:#71828f}.empty-meta span{font-size:7px;font-weight:900;letter-spacing:.08em}.empty-meta small{font-size:8px;line-height:1.35}
body[data-route="team"] .slot-insight{position:absolute!important;top:calc(100% + 8px);left:0;z-index:300;display:grid!important;width:min(430px,calc(100vw - 48px));gap:8px;border:1px solid #2f485d;border-radius:8px;background:#0d1925!important;padding:12px;color:#f3f7fa;text-align:left;box-shadow:0 18px 42px rgba(0,0,0,.36);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-4px);transition:opacity .18s ease,transform .18s ease,visibility .18s}
body[data-route="team"] .team-panel.red .slot-insight{right:0;left:auto}
body[data-route="team"] .pick-cell:hover .slot-insight,body[data-route="team"] .pick-cell:focus-visible .slot-insight{opacity:1;visibility:visible;transform:none}
.slot-insight-head{display:flex!important;align-items:center;gap:9px}.slot-insight-head>span{display:grid!important;gap:2px}.slot-insight-head small,.slot-insight-head em{color:#aebdca!important;font-size:8px!important;font-style:normal}.slot-insight-head strong{font-size:15px}.slot-tags{display:flex!important;gap:4px;flex-wrap:wrap}.slot-tags .pill{border-color:#40566a;background:#182838;color:#dfeaf2}.slot-phase,.slot-ratings{display:grid!important;grid-template-columns:repeat(3,1fr);gap:5px}.slot-ratings{grid-template-columns:repeat(4,1fr)}.slot-phase>span,.slot-ratings>span{display:grid!important;gap:2px;border:1px solid #31485c;border-radius:4px;background:#142536;padding:5px;text-align:center}.slot-phase small,.slot-ratings span{color:#adc0cf;font-size:7px}.slot-phase b,.slot-ratings b{color:#fff;font-size:9px}.slot-skill-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.slot-skill-grid>span{display:grid!important;grid-template-columns:24px 1fr;grid-template-rows:auto auto auto;gap:1px 4px;min-width:0;border:1px solid #31485c;border-radius:4px;background:#142536;padding:5px}.slot-skill-grid img,.slot-skill-grid>span>i{grid-row:1/4;width:24px;height:24px;border-radius:3px;object-fit:cover}.slot-skill-grid>span>i{display:grid;place-items:center;background:#24394d;color:#d6b665;font-size:8px;font-style:normal}.slot-skill-grid b{color:#d6b665;font-size:7px}.slot-skill-grid small,.slot-skill-grid em{overflow:hidden;color:#dce7ef!important;font-size:6px!important;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.slot-skill-grid em{color:#92a8b8!important}.slot-hint{color:#91a5b5!important;font-size:7px!important}
.team-balance-panel{margin:0 0 16px;border:1px solid #b9c7d2;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(30,50,70,.07);overflow:hidden}.team-balance-panel>header{display:grid;grid-template-columns:100px minmax(0,1fr) 100px;align-items:center;gap:12px;padding:12px 16px;text-align:center}.team-balance-panel>header>div{display:grid;gap:2px}.team-balance-panel>header>div:first-child strong{color:#145a91}.team-balance-panel>header>div:last-child strong{color:#b31d2c}.team-balance-panel>header strong{font-size:22px;font-variant-numeric:tabular-nums}.team-balance-panel>header small{color:#657786;font-size:8px}.team-balance-panel>header>span{display:grid;gap:3px}.team-balance-panel>header>span b{font-size:12px}.team-balance-track{display:flex;height:9px;background:#e4e9ed}.team-balance-track i{display:block;background:#145a91}.team-balance-track em{display:block;background:#b31d2c}.lane-balance-list{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:#d8e0e6}.lane-balance-list>span{display:grid;grid-template-columns:1fr auto;gap:3px 8px;min-height:52px;align-content:center;background:#f9fbfc;padding:7px 10px}.lane-balance-list small{color:#627483;font-size:7px;font-weight:900}.lane-balance-list b{font-size:9px;font-variant-numeric:tabular-nums}.lane-balance-list b i{color:#81919e;font-style:normal}.lane-balance-list em{grid-column:1/-1;color:#5d6f7d;font-size:7px;font-style:normal}.lane-balance-list .empty{opacity:.65}
body[data-route="team"] .team-core-analysis{margin-top:0}
@media(max-width:1320px){body[data-route="team"] .team-board-v2{grid-template-columns:1fr!important}body[data-route="team"] .team-board-v2 .role-row,body[data-route="team"] .team-board-v2 .team-panel.red .role-row{grid-template-columns:68px minmax(230px,.82fr) minmax(260px,1.18fr)!important}}
@media(max-width:720px){body[data-route="team"] .team-board-v2 .role-row,body[data-route="team"] .team-board-v2 .team-panel.red .role-row{grid-template-columns:62px minmax(0,1fr)!important;grid-template-rows:104px 54px!important;height:158px!important;min-height:158px!important}body[data-route="team"] .team-roster{grid-template-rows:repeat(5,158px)}body[data-route="team"] .team-board-v2 .role-label.role-slot,body[data-route="team"] .team-board-v2 .team-panel.red .role-label.role-slot{min-height:104px!important;height:104px!important}body[data-route="team"] .team-board-v2 .pick-meta,body[data-route="team"] .team-board-v2 .team-panel.red .pick-meta{grid-column:1/-1!important;grid-row:2!important;grid-template-columns:1fr 1fr;grid-template-rows:54px;gap:8px;min-height:54px!important;height:54px!important;border-top:1px solid #d5dde3!important;padding:6px 8px!important}.position-line{align-self:center}.team-pros-cons{min-height:94px}.team-balance-panel>header{grid-template-columns:64px minmax(0,1fr) 64px;padding:10px 8px}.team-balance-panel>header strong{font-size:18px}.lane-balance-list{grid-template-columns:1fr}.lane-balance-list>span{min-height:42px}.slot-skill-grid{grid-template-columns:repeat(3,1fr)}body[data-route="team"] .team-panel.red .slot-insight{right:auto;left:-62px}}
@media(prefers-reduced-motion:reduce){body[data-route="team"] .slot-insight{transition:none}}

/* Global Google Sheets-inspired semantic tag system. Color always ships with an SVG glyph and text. */
:root{
  --tag-engage-bg:#f4cccc;--tag-engage-fg:#7a1b24;--tag-engage-border:#df8f96;
  --tag-disengage-bg:#d9ead3;--tag-disengage-fg:#274e13;--tag-disengage-border:#93c47d;
  --tag-magic-bg:#d9d2e9;--tag-magic-fg:#351c75;--tag-magic-border:#a391c8;
  --tag-physical-bg:#fce5cd;--tag-physical-fg:#783f04;--tag-physical-border:#e7ae70;
  --tag-tank-bg:#cfe2f3;--tag-tank-fg:#073763;--tag-tank-border:#7fafd7;
  --tag-marksman-bg:#fff2cc;--tag-marksman-fg:#7f6000;--tag-marksman-border:#e4c55c;
  --tag-poke-bg:#d0e0e3;--tag-poke-fg:#134f5c;--tag-poke-border:#76a5af;
  --tag-control-bg:#c9daf8;--tag-control-fg:#20124d;--tag-control-border:#8ba9dc;
  --tag-macro-bg:#fce8b2;--tag-macro-fg:#6b4f00;--tag-macro-border:#ddb74d;
  --tag-support-bg:#d9ead3;--tag-support-fg:#0b5345;--tag-support-border:#76b5a5;
  --tag-neutral-bg:#e6e9ec;--tag-neutral-fg:#3c4043;--tag-neutral-border:#b8c0c7;
  --tag-strong-bg:#b7e1cd;--tag-strong-fg:#0b4f35;--tag-strong-border:#79b99c;
  --tag-average-bg:#fdecc8;--tag-average-fg:#6f5514;--tag-average-border:#dfc670;
  --tag-weak-bg:#ea9999;--tag-weak-fg:#6f2228;--tag-weak-border:#d47d7d
}
:where(.pill,.tactical-tag,.feature-badge){--tag-bg:var(--tag-neutral-bg);--tag-fg:var(--tag-neutral-fg);--tag-border:var(--tag-neutral-border);border-color:var(--tag-border)!important;background:var(--tag-bg)!important;color:var(--tag-fg)!important}
:where(.pill,.tactical-tag,.feature-badge).tone-engage{--tag-bg:var(--tag-engage-bg);--tag-fg:var(--tag-engage-fg);--tag-border:var(--tag-engage-border)}
:where(.pill,.tactical-tag,.feature-badge).tone-disengage{--tag-bg:var(--tag-disengage-bg);--tag-fg:var(--tag-disengage-fg);--tag-border:var(--tag-disengage-border)}
:where(.pill,.tactical-tag,.feature-badge).tone-magic{--tag-bg:var(--tag-magic-bg);--tag-fg:var(--tag-magic-fg);--tag-border:var(--tag-magic-border)}
:where(.pill,.tactical-tag,.feature-badge).tone-physical{--tag-bg:var(--tag-physical-bg);--tag-fg:var(--tag-physical-fg);--tag-border:var(--tag-physical-border)}
:where(.pill,.tactical-tag,.feature-badge).tone-tank{--tag-bg:var(--tag-tank-bg);--tag-fg:var(--tag-tank-fg);--tag-border:var(--tag-tank-border)}
:where(.pill,.tactical-tag,.feature-badge).tone-marksman{--tag-bg:var(--tag-marksman-bg);--tag-fg:var(--tag-marksman-fg);--tag-border:var(--tag-marksman-border)}
:where(.pill,.tactical-tag,.feature-badge).tone-poke{--tag-bg:var(--tag-poke-bg);--tag-fg:var(--tag-poke-fg);--tag-border:var(--tag-poke-border)}
:where(.pill,.tactical-tag,.feature-badge).tone-control{--tag-bg:var(--tag-control-bg);--tag-fg:var(--tag-control-fg);--tag-border:var(--tag-control-border)}
:where(.pill,.tactical-tag,.feature-badge).tone-macro{--tag-bg:var(--tag-macro-bg);--tag-fg:var(--tag-macro-fg);--tag-border:var(--tag-macro-border)}
:where(.pill,.tactical-tag,.feature-badge).tone-support{--tag-bg:var(--tag-support-bg);--tag-fg:var(--tag-support-fg);--tag-border:var(--tag-support-border)}
:where(.pill,.tactical-tag,.feature-badge).tone-neutral{--tag-bg:var(--tag-neutral-bg);--tag-fg:var(--tag-neutral-fg);--tag-border:var(--tag-neutral-border)}
:where(.pill,.tactical-tag,.feature-badge).tone-strong{--tag-bg:var(--tag-strong-bg);--tag-fg:var(--tag-strong-fg);--tag-border:var(--tag-strong-border)}
:where(.pill,.tactical-tag,.feature-badge).tone-average{--tag-bg:var(--tag-average-bg);--tag-fg:var(--tag-average-fg);--tag-border:var(--tag-average-border)}
:where(.pill,.tactical-tag,.feature-badge).tone-weak{--tag-bg:var(--tag-weak-bg);--tag-fg:var(--tag-weak-fg);--tag-border:var(--tag-weak-border)}
:where(.pill,.tactical-tag) svg{stroke:currentColor!important}
:where(.pill,.tactical-tag) .term-icon{color:inherit!important}
.feature-badge>i{border:1px solid color-mix(in srgb,var(--tag-border) 70%,transparent)!important;background:color-mix(in srgb,var(--tag-bg) 72%,#fff)!important;color:var(--tag-fg)!important}
.sheet-mono-tag :where(.term-icon,.tactical-icon,.feature-badge>i),
.sheet-mono-tag .sheet-mono-icon{
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
.sheet-mono-icon{
  --mono-color:currentColor;
  display:inline-grid!important;
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  place-items:center;
  color:var(--mono-color)!important;
}
.sheet-mono-icon>i{
  display:block;
  width:14px;
  height:14px;
  background:currentColor;
  box-shadow:0 0 0 1px color-mix(in srgb,currentColor 50%,#fff),inset 0 0 0 2px rgba(255,255,255,.35);
}
.sheet-mono-icon.mono-engage{--mono-color:#cc0000}
.sheet-mono-icon.mono-disengage{--mono-color:#38761d}
.sheet-mono-icon.mono-poke{--mono-color:#0b5394}
.sheet-mono-icon.mono-catch{--mono-color:#bf9000}
.sheet-mono-icon.mono-split{--mono-color:#674ea7}
.sheet-mono-icon.mono-flex{--mono-color:#134f5c}
.sheet-mono-icon.mono-engage>i{clip-path:polygon(50% 0,100% 100%,0 100%)}
.sheet-mono-icon.mono-disengage>i{border-radius:999px}
.sheet-mono-icon.mono-poke>i{width:16px;height:6px;border-radius:999px}
.sheet-mono-icon.mono-catch>i{transform:rotate(45deg)}
.sheet-mono-icon.mono-split>i{clip-path:polygon(50% 0,100% 35%,82% 100%,18% 100%,0 35%)}
.sheet-mono-icon.mono-flex>i{border-radius:3px}
.tactical-tag.sheet-mono-tag svg,
.feature-badge.sheet-mono-tag svg{display:none!important}
.feature-badge.sheet-mono-tag>i{
  display:grid!important;
  width:28px!important;
  height:28px!important;
  place-items:center!important;
}
.feature-badge.sheet-mono-tag .sheet-mono-icon{
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
}
.feature-badge.sheet-mono-tag .sheet-mono-icon>i{
  width:17px;
  height:17px;
}
.pick-name-line>em strong[class*="tone-"]{border:1px solid var(--tag-border,transparent);border-radius:3px;background:var(--tag-bg,transparent);padding:2px 4px;color:var(--tag-fg,#26394a)!important}
.pick-name-line>em strong.tone-magic{--tag-bg:var(--tag-magic-bg);--tag-fg:var(--tag-magic-fg);--tag-border:var(--tag-magic-border)}
.pick-name-line>em strong.tone-physical{--tag-bg:var(--tag-physical-bg);--tag-fg:var(--tag-physical-fg);--tag-border:var(--tag-physical-border)}

/* Check: fixed champion atlas with spreadsheet-style filters. */
body[data-route="finder"] #app-main{background:#f4f6f8}
.check-selector{
  overflow:hidden;
  border:1px solid var(--line-strong);
  border-radius:6px;
  background:var(--surface);
  box-shadow:var(--shadow);
}
.check-topbar{
  display:grid;
  grid-template-columns:92px minmax(260px,.75fr) minmax(400px,1.2fr) minmax(220px,.8fr);
  align-items:stretch;
  border-bottom:1px solid var(--line-strong);
  background:var(--surface-2);
}
.check-topbar>label,.check-icon-group{min-width:0;padding:9px;border-right:1px solid var(--line)}
.check-topbar>label>span,.check-icon-group>span,.check-grade>span{
  display:block;
  margin-bottom:6px;
  color:var(--muted);
  font-size:8px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.check-year select,.check-search input,.check-select-control select,.check-phase-row select{
  width:100%;
  min-height:36px;
  border:1px solid var(--line-strong);
  border-radius:4px;
  background:var(--surface);
  color:var(--text);
  padding:6px 8px;
}
.check-search{border-right:0!important}
.check-search input{min-height:42px}
.check-icon-group>div{display:grid;grid-template-columns:repeat(5,minmax(44px,1fr));gap:4px}
.check-icon-group.classes>div{grid-template-columns:repeat(7,minmax(42px,1fr))}
.check-icon-group button,.check-filter-toggle>span{
  position:relative;
  min-width:0;
  min-height:42px;
  border:1px solid var(--line);
  border-radius:4px;
  background:var(--surface);
  color:var(--muted);
  cursor:pointer;
  transition:border-color .14s ease,background-color .14s ease,color .14s ease,opacity .14s ease;
}
.check-icon-group button b{display:block;color:var(--text);font-size:12px}
.check-icon-group button small{display:block;margin-top:2px;overflow:hidden;font-size:7px;text-overflow:ellipsis;white-space:nowrap}
.check-icon-group button:hover,.check-filter-toggle:hover>span{border-color:var(--blue);color:var(--text)}
.check-icon-group button.active,.check-filter-toggle.active>span{
  border-color:var(--blue);
  background:var(--blue-soft);
  color:var(--blue);
  box-shadow:inset 0 -2px 0 var(--blue);
}
.check-filter-toggle{position:relative;display:block;min-width:0;cursor:pointer}
.check-filter-toggle>input{position:absolute;inset:0;opacity:0;pointer-events:none}
.check-filter-toggle.unavailable{cursor:not-allowed;opacity:.24;filter:grayscale(1)}
.check-body{
  display:grid;
  grid-template-columns:128px minmax(620px,1fr) 340px;
  min-height:620px;
  border-bottom:1px solid var(--line-strong);
}
.check-name-rail{
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  min-width:0;
  border-right:1px solid var(--line-strong);
  background:var(--surface-2);
}
.check-name-rail header{display:flex;align-items:baseline;justify-content:space-between;gap:5px;padding:9px;border-bottom:1px solid var(--line)}
.check-name-rail header b{font-size:18px;font-variant-numeric:tabular-nums}
.check-name-rail header span{color:var(--muted);font-size:8px;text-transform:uppercase}
.check-name-rail>div{max-height:694px;overflow:auto;scrollbar-width:thin}
.check-name-rail button{
  display:block;
  width:100%;
  min-height:29px;
  border:0;
  border-bottom:1px dotted var(--line-strong);
  background:transparent;
  color:var(--muted);
  padding:5px 8px;
  text-align:left;
  cursor:pointer;
}
.check-name-rail button:hover,.check-name-rail button.active{background:var(--blue-soft);color:var(--blue);font-weight:800}
.check-champion-grid{
  align-content:start;
  display:grid;
  grid-template-columns:repeat(var(--check-columns),minmax(44px,1fr));
  gap:0;
  min-width:620px;
  overflow:auto;
  border-right:1px solid var(--line-strong);
  background:var(--line);
}
.check-champion-grid>button{
  position:relative;
  display:grid;
  place-items:center;
  aspect-ratio:1;
  min-width:0;
  overflow:hidden;
  border:0;
  border-right:1px solid var(--line-strong);
  border-bottom:1px solid var(--line-strong);
  border-radius:0;
  background:#d9dde2;
  padding:0;
  cursor:pointer;
  transition:opacity .16s ease,filter .16s ease,box-shadow .16s ease;
}
.check-champion-grid .portrait{width:100%;height:100%;border:0;border-radius:0;object-fit:cover}
.check-champion-grid>button>span{
  position:absolute;
  inset:auto 0 0;
  overflow:hidden;
  background:rgba(8,15,25,.78);
  color:#fff;
  padding:2px 3px;
  font-size:6px;
  font-weight:800;
  text-align:center;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.check-champion-grid>button.dimmed{opacity:.14;filter:grayscale(1)}
.check-champion-grid>button.dimmed:hover{opacity:.46;filter:grayscale(.65)}
.check-champion-grid>button.available{opacity:1;filter:none}
.check-champion-grid>button.selected{
  z-index:2;
  box-shadow:inset 0 0 0 3px var(--blue),inset 0 0 0 5px #fff;
}
.check-champion-grid>button:focus-visible{z-index:3;outline:3px solid var(--amber);outline-offset:-3px}
.check-filter-console{min-width:0;padding:10px;background:var(--surface-2)}
.check-phase-row{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:9px}
.check-phase-row label span,.check-select-control span{display:block;margin-bottom:4px;color:var(--muted);font-size:8px;font-weight:800;text-transform:capitalize}
.check-phase-row select{min-height:34px;padding:4px 5px}
.check-option-columns{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:9px}
.check-option-columns>div{display:grid;gap:4px}
.check-filter-toggle>span{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;min-height:34px;padding:0 7px;text-align:left}
.check-filter-toggle>span>b{display:grid;place-items:center;align-self:stretch;border-right:1px solid var(--line);font-size:8px}
.check-filter-toggle>span>small{overflow:hidden;padding-left:7px;font-size:9px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.check-filter-toggle>span>small:first-child{grid-column:1/-1;padding-inline:8px}
.check-filter-toggle>input:focus-visible+span{outline:3px solid color-mix(in srgb,var(--blue) 38%,transparent);outline-offset:1px}
.check-grade{display:grid;grid-template-columns:70px repeat(4,1fr);gap:4px;margin-bottom:9px}
.check-grade>span{align-self:center;margin:0}
.check-grade .check-filter-toggle>span{display:grid;grid-template-columns:1fr;min-height:38px;padding:0;text-align:center}
.check-grade .check-filter-toggle>span>b{display:none}
.check-grade .check-filter-toggle>span>small{padding:0;font-size:10px}
.check-grade .check-filter-toggle:nth-of-type(1){--grade:#c62828}
.check-grade .check-filter-toggle:nth-of-type(2){--grade:#7557b7}
.check-grade .check-filter-toggle:nth-of-type(3){--grade:#2879b8}
.check-grade .check-filter-toggle:nth-of-type(4){--grade:#2f7d42}
.check-grade .check-filter-toggle.active>span{border-color:var(--grade);background:color-mix(in srgb,var(--grade) 14%,var(--surface));color:var(--grade);box-shadow:inset 0 -2px 0 var(--grade)}
.check-dropdown-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:9px}
.check-select:last-child{grid-column:1/-1}
.check-select select{width:100%;min-height:34px;border:1px solid var(--line-strong);border-radius:4px;background:var(--surface);color:var(--text);padding:4px 6px}
.check-select>span{display:block;margin-bottom:4px;color:var(--muted);font-size:8px;font-weight:800}
.check-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:10px}
.check-profile-grid .check-filter-toggle>span{min-height:36px}
.check-effect-picker{margin-bottom:10px;border:1px solid var(--line-strong);background:var(--surface)}
.check-effect-picker>header{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:34px;border-bottom:1px solid var(--line);background:var(--surface-2);padding:7px 9px}
.check-effect-picker>header span{color:var(--muted);font-size:8px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.check-effect-picker>header b{display:grid;place-items:center;min-width:22px;height:22px;border-radius:50%;background:var(--blue-soft);color:var(--blue);font-size:9px}
.check-effect-picker>div{display:flex;align-content:flex-start;align-items:flex-start;flex-wrap:wrap;gap:5px;min-height:138px;max-height:210px;overflow:auto;padding:9px;scrollbar-width:thin}
.check-effect-picker>div>p{margin:auto;color:var(--muted);font-size:9px;line-height:1.45;text-align:center}
.check-effect-picker>div>button{display:inline-flex;align-items:center;gap:6px;max-width:100%;min-height:29px;border:1px solid color-mix(in srgb,var(--blue) 45%,var(--line));border-radius:4px;background:var(--blue-soft);color:var(--blue);padding:4px 6px 4px 8px;cursor:pointer}
.check-effect-picker>div>button:hover{border-color:var(--red);background:var(--red-soft);color:var(--red)}
.check-effect-picker>div>button span{overflow:hidden;font-size:8px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}
.check-effect-picker>div>button b{display:grid;place-items:center;width:17px;height:17px;border-radius:3px;background:color-mix(in srgb,currentColor 12%,transparent);font-size:13px;line-height:1}
.check-effect-picker>label{display:grid;grid-template-columns:84px minmax(0,1fr);align-items:center;gap:7px;border-top:1px solid var(--line);padding:7px}
.check-effect-picker>label>span{color:var(--muted);font-size:8px;font-weight:800}
.check-effect-picker select{width:100%;min-height:36px;border:1px solid var(--line-strong);border-radius:4px;background:var(--surface);color:var(--text);padding:5px 7px}
.check-selected-preview{display:grid;grid-template-columns:62px minmax(0,1fr);gap:9px;align-items:center;border:1px solid var(--line-strong);background:var(--surface);padding:8px}
.check-selected-preview .portrait{width:62px;height:70px;border-radius:3px}
.check-selected-preview small{color:var(--blue);font-size:8px;font-weight:800;text-transform:uppercase}
.check-selected-preview h3{margin:3px 0;font-size:16px}
.check-selected-preview p{margin:0;color:var(--muted);font-size:8px;line-height:1.35}
.check-selected-preview>div>div{display:flex;flex-wrap:wrap;gap:3px;margin-top:6px}
.check-selected-preview .pill{min-height:18px;padding:2px 5px;font-size:6px}
.check-output{display:grid;gap:0;background:var(--surface)}
.check-slot-row{display:grid;grid-template-columns:118px repeat(5,minmax(120px,1fr));min-height:66px;border-bottom:1px solid var(--line)}
.check-slot-row:last-child{border-bottom:0}
.check-slot-row>b{display:grid;place-items:center;border-right:1px solid var(--line-strong);background:var(--surface-2);font-size:10px;letter-spacing:.04em;text-transform:uppercase}
.check-slot-row>button{
  min-width:0;
  border:0;
  border-right:1px dotted var(--line-strong);
  border-radius:0;
  background:var(--surface);
}
.check-slot-row>button{display:flex;align-items:center;gap:7px;padding:7px;text-align:left;cursor:pointer}
.check-slot-row>button:hover{background:var(--blue-soft)}
.check-slot-row>button .portrait{flex:0 0 auto}
.check-slot-row>button small{min-width:0;overflow:hidden;font-size:9px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}
.check-slot-row:has(>button.danger)>b{background:var(--red-soft);color:var(--red)}
.check-slot-row:has(>button.success)>b{background:var(--green-soft);color:var(--green)}
.check-slot-row:has(>button.warning)>b{background:var(--amber-soft);color:var(--amber)}
.check-slot-row:has(>button.lane)>b{background:var(--blue-soft);color:var(--blue)}
@media(max-width:1280px){
  .check-topbar{grid-template-columns:92px 1fr 1.35fr}.check-search{grid-column:1/-1;border-top:1px solid var(--line)}
  .check-body{grid-template-columns:100px minmax(572px,1fr) 286px}
}
@media(max-width:980px){
  .check-topbar{grid-template-columns:92px 1fr}.check-icon-group.classes{grid-column:1/-1;border-top:1px solid var(--line)}
  .check-body{grid-template-columns:104px minmax(620px,1fr)}
  .check-filter-console{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px;border-top:1px solid var(--line-strong)}
  .check-selected-preview{align-self:end}.check-option-columns,.check-phase-row,.check-grade,.check-dropdown-grid,.check-profile-grid{margin-bottom:0}
  .check-slot-row{grid-template-columns:100px repeat(5,minmax(110px,1fr));overflow-x:auto}
}
@media(max-width:700px){
  body[data-route="finder"] #app-main{padding-inline:8px}
  .check-selector{overflow:visible;border-radius:0}
  .check-topbar{grid-template-columns:1fr}
  .check-topbar>label,.check-icon-group,.check-search,.check-icon-group.classes{grid-column:1;border-right:0;border-top:1px solid var(--line)}
  .check-icon-group>div{grid-template-columns:repeat(5,1fr)}
  .check-icon-group.classes>div{grid-template-columns:repeat(4,1fr)}
  .check-body{display:block;min-height:0;overflow:hidden}
  .check-name-rail{display:block;border-right:0;border-bottom:1px solid var(--line-strong)}
  .check-name-rail header{justify-content:flex-start}.check-name-rail>div{display:flex;max-height:none;overflow-x:auto}
  .check-name-rail button{flex:0 0 auto;width:auto;min-height:38px;border-right:1px dotted var(--line-strong);border-bottom:0;white-space:nowrap}
  .check-champion-grid{grid-template-columns:repeat(var(--check-columns),48px);min-width:0;max-height:680px;border-right:0;overflow:auto}
  .check-champion-grid>button{width:48px;height:48px;aspect-ratio:auto}
  .check-filter-console{display:grid;grid-template-columns:1fr;padding:9px}
  .check-option-columns{grid-template-columns:1fr 1fr}.check-dropdown-grid{grid-template-columns:1fr 1fr}
  .check-output{overflow:hidden}.check-slot-row{grid-template-columns:88px repeat(5,118px);overflow-x:auto}
}

body[data-route="map"] #app-main{max-width:1780px}
.map-plan-controls{display:grid;grid-template-columns:auto auto minmax(220px,1fr) minmax(220px,1fr);gap:8px;align-items:end;width:100%}
body[data-route="map"] .page-intro{display:grid;grid-template-columns:minmax(0,1fr);align-items:start}
body[data-route="map"] .page-intro>div:first-child{max-width:860px}
body[data-route="map"] .page-actions{width:100%}
body[data-route="map"] .page-actions>.map-plan-controls{flex:1}
.map-plan-controls label{display:block;min-width:0;border:1px solid var(--line);border-top:3px solid var(--blue);border-radius:6px;background:var(--surface);padding:7px}
.map-plan-controls label.red{border-top-color:var(--red)}
.map-plan-controls label>span,.map-plan-controls label>small{display:block}
.map-plan-controls label>span{margin-bottom:4px;color:var(--muted);font-size:8px;font-weight:900;letter-spacing:.06em}
.map-plan-controls label>small{margin-top:4px;overflow:hidden;color:var(--muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap}
.map-plan-controls select{width:100%;min-height:36px;border:1px solid var(--line-strong);border-radius:5px;background:#fff;padding:6px;font-weight:800}
.map-workbook-page{display:grid;gap:12px}
.map-main-panel,.map-phase-matchups{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);overflow:hidden}
.map-main-panel>.section-head,.map-phase-matchups>.section-head{padding:12px}
.map-main-legend{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}
.map-main-legend span{border:1px solid var(--line);border-radius:999px;background:#fff;padding:5px 8px;color:#334155;font-size:8px;font-weight:900}
.map-main-legend span.blue{border-color:rgba(37,99,235,.32);background:var(--blue-soft);color:var(--blue)}
.map-main-legend span.red{border-color:rgba(220,38,38,.32);background:var(--red-soft);color:var(--red)}
.map-main-canvas{width:min(100%,820px);margin:0 auto 14px}
.map-main-canvas .map-static-layer{z-index:1}
.map-main-canvas .route-marker-layer{z-index:4}
.map-main-canvas .map-lane-state-layer{position:absolute;inset:0;z-index:5;pointer-events:none}
.main-route-polyline{z-index:3}
.main-route-lines.blue line{stroke:#1d9bf0;filter:drop-shadow(0 0 4px rgba(29,155,240,.85)) drop-shadow(0 1px 2px rgba(0,0,0,.9))}
.main-route-lines.blue marker path{fill:#1d9bf0}
.main-route-lines.red line{stroke:#ff375f;filter:drop-shadow(0 0 4px rgba(255,55,95,.8)) drop-shadow(0 1px 2px rgba(0,0,0,.9))}
.main-route-lines.red marker path{fill:#ff375f}
.map-main-canvas .main-route-node>b{width:28px;height:28px}
.map-main-canvas .main-route-node.red>b{box-shadow:0 5px 12px rgba(0,0,0,.55),0 0 0 2px rgba(251,113,133,.55)}
.map-main-canvas .main-route-node.blue>b{box-shadow:0 5px 12px rgba(0,0,0,.55),0 0 0 2px rgba(56,189,248,.55)}
.map-lane-state{position:absolute;display:grid;width:150px;min-height:86px;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.28);border-top:3px solid #94a3b8;border-radius:10px;background:rgba(9,19,33,.82);color:#fff;box-shadow:0 10px 24px rgba(0,0,0,.5);backdrop-filter:blur(5px);pointer-events:auto;overflow:hidden}
.map-lane-state.blue{border-top-color:#38bdf8}.map-lane-state.red{border-top-color:#fb7185}.map-lane-state.tie{border-top-color:#cbd5e1}
.map-lane-state header{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:5px;align-items:center;padding:5px 7px;border-bottom:1px solid rgba(255,255,255,.13)}
.map-lane-state .official-role-icon svg{width:18px;height:18px;stroke:#fff}.map-lane-state header b{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.map-lane-state header strong{font-size:13px;letter-spacing:.06em}
.map-lane-state>div{display:grid;grid-template-columns:1fr auto 1fr;gap:4px;align-items:center;padding:6px}
.map-lane-state>div span{display:grid;justify-items:center;min-width:0}.map-lane-state>div img{width:28px;height:28px;border:1px solid rgba(255,255,255,.45);border-radius:50%;object-fit:cover}.map-lane-state>div small{max-width:48px;overflow:hidden;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.map-lane-state>div em{font-size:14px;font-style:normal;font-weight:950}
.map-lane-state footer{display:grid;grid-template-columns:1fr;gap:1px;padding:5px 7px;background:rgba(0,0,0,.25);text-align:center}.map-lane-state footer b{font-size:8px}.map-lane-state footer small{color:#cbd5e1;font-size:7px}
.map-phase-matchups>div:not(.section-head){display:grid;gap:7px;padding:0 12px 12px}
.map-phase-matchups article{display:grid;grid-template-columns:92px minmax(150px,.95fr) minmax(190px,1.1fr) minmax(110px,.55fr) minmax(190px,1.1fr) minmax(150px,.95fr);gap:7px;align-items:center;border:1px solid var(--line);border-left:4px solid var(--line-strong);border-radius:9px;background:#fff;padding:8px}
.map-phase-matchups article.blue{border-left-color:var(--blue);background:linear-gradient(90deg,var(--blue-soft),#fff 24%)}
.map-phase-matchups article.red{border-left-color:var(--red);background:linear-gradient(90deg,var(--red-soft),#fff 24%)}
.map-phase-matchups header{display:grid;grid-template-columns:24px 1fr;gap:4px;align-items:center}.map-phase-matchups header strong{grid-column:1/-1;color:#0f172a;font-size:14px}
.phase-duel-side{display:grid;grid-template-columns:38px minmax(0,1fr);gap:7px;align-items:center}.phase-duel-side.red{text-align:right}.phase-duel-side.red img{grid-column:2}.phase-duel-side.red span{grid-column:1;grid-row:1}.phase-duel-side b,.phase-duel-side small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.phase-duel-side small{color:var(--muted);font-size:8px}
.phase-duel-powers{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.phase-duel-powers span{border:1px solid var(--line);border-radius:6px;background:#f8fafc;padding:5px;text-align:center}.phase-duel-powers span.active{border-color:#f59e0b;box-shadow:0 0 0 2px rgba(245,158,11,.16)}.phase-duel-powers small,.phase-duel-powers b{display:block}.phase-duel-powers small{color:var(--muted);font-size:7px;text-transform:uppercase}.phase-duel-powers b{font-size:9px}
.phase-duel-center{border-inline:1px solid var(--line);padding-inline:7px;text-align:center}.phase-duel-center b,.phase-duel-center small{display:block}.phase-duel-center b{font-size:10px}.phase-duel-center small{color:var(--muted);font-size:8px}
.map-lane-workbook,.map-route-sheet,.map-objective-workbook{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);overflow:hidden}
.map-lane-workbook>.section-head,.map-objective-workbook>.section-head{padding:12px}
.map-lane-head,.map-lane-workbook article{display:grid;grid-template-columns:86px minmax(210px,1.15fr) minmax(140px,.62fr) minmax(210px,1.15fr) minmax(180px,.85fr);align-items:center}
.map-lane-head{border-block:1px solid var(--line-strong);background:var(--surface-2);color:var(--muted);font-size:8px;font-weight:900;text-transform:uppercase}
.map-lane-head span{padding:7px;border-right:1px solid var(--line)}
.map-lane-workbook article{min-height:78px;border-bottom:1px solid var(--line)}
.map-lane-workbook article:last-child{border-bottom:0}
.map-lane-workbook article>div{min-height:100%;padding:7px;border-right:1px solid var(--line)}
.map-lane-workbook article>div:first-child{display:grid;place-items:center;background:linear-gradient(180deg,#f8fafc,#eef4f8);text-align:center}
.map-lane-workbook article>div:first-child b,.map-lane-workbook article>div:first-child small{display:block}
.map-lane-workbook article>div:first-child small{color:var(--muted);font-size:8px}
.map-lane-side{display:grid;grid-template-columns:38px minmax(0,1fr);gap:7px;align-items:center}
.map-lane-side.red{text-align:right}.map-lane-side.red .portrait{grid-column:1}.map-lane-side b,.map-lane-side small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-lane-side small{color:var(--muted);font-size:8px}
.map-skill-set{display:flex;gap:3px;margin-top:5px}.map-skill-set span{position:relative;display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--line);border-radius:4px;background:#07111f;overflow:hidden}.map-skill-set img{width:100%;height:100%;object-fit:cover}.map-skill-set small{position:absolute;right:1px;bottom:0;border-radius:2px;background:rgba(0,0,0,.72);color:#fff;padding:0 2px;font-size:6px}
.map-lane-read{text-align:center}.map-lane-read strong,.map-lane-read small{display:block}.map-lane-read strong{font-size:13px}.map-lane-read strong.blue{color:var(--blue)}.map-lane-read strong.red{color:var(--red)}.map-lane-read strong.tie{color:var(--muted)}.map-lane-read small{color:var(--muted);font-size:8px}.map-lane-read i{display:block;height:7px;margin-top:5px;border-radius:99px;background:var(--red-soft);overflow:hidden}.map-lane-read em{display:block;height:100%;background:var(--blue);box-shadow:20px 0 0 var(--blue-soft)}
.map-gank-calls{display:grid;gap:4px}.map-gank-calls span,.route-map-row aside>div{display:block;border:1px solid var(--line);border-left:4px solid var(--blue);border-radius:5px;background:#f8fafc;padding:5px}.map-gank-calls span.danger,.route-map-row aside>div.danger{border-left-color:var(--red);background:var(--red-soft)}.map-gank-calls span.warning,.route-map-row aside>div.warning{border-left-color:var(--amber);background:var(--amber-soft)}.map-gank-calls span.lane,.route-map-row aside>div.lane{border-left-color:var(--blue);background:var(--blue-soft)}.map-gank-calls span.soft,.route-map-row aside>div.soft{border-left-color:var(--line-strong);background:var(--surface-2)}
.map-gank-calls b,.map-gank-calls small,.route-map-row aside b,.route-map-row aside small{display:block}.map-gank-calls b,.route-map-row aside b{font-size:8px}.map-gank-calls small,.route-map-row aside small{color:var(--muted);font-size:7px}
.map-route-duo{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.map-route-sheet{border-top:4px solid var(--blue)}.map-route-sheet.red{border-top-color:var(--red)}
.map-route-sheet>header{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:8px;align-items:center;padding:10px;border-bottom:1px solid var(--line)}
.map-route-sheet>header h3{margin:2px 0;font-size:14px}.map-route-sheet>header small{color:var(--muted);font-size:8px}.map-route-sheet>header>b{border-radius:4px;background:var(--surface-2);padding:5px 7px;font-size:8px;text-transform:uppercase}
.map-route-avatar,.map-route-avatar .route-avatar{display:block;width:38px;height:38px}.map-route-avatar .route-avatar{border-radius:5px}
.route-sheet-meta{display:grid;grid-template-columns:repeat(6,1fr);border-bottom:1px solid var(--line);background:var(--surface-2)}
.route-sheet-meta span{min-width:0;border-right:1px solid var(--line);padding:7px}.route-sheet-meta small,.route-sheet-meta b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.route-sheet-meta small{color:var(--muted);font-size:7px}.route-sheet-meta b{font-size:8px}
.route-monsters{display:grid;grid-template-columns:repeat(9,minmax(62px,1fr));gap:0;border-bottom:1px solid var(--line);overflow:auto}.route-monsters span{display:grid;place-items:center;gap:3px;min-height:76px;border-right:1px dotted var(--line);padding:5px;text-align:center}.route-monsters small{color:var(--muted);font-size:7px}.route-monsters b{max-width:100%;overflow:hidden;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.route-monsters .gank{background:var(--amber-soft)}.route-monsters .objective{background:#f1ecff}.route-monsters .invade{background:#e5e7eb}
.map-token-img,.objective-img{display:block;border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,.22)}
.map-token-img.sheet-camp-icon{
  border:1px solid #111827;
  background:#111827;
  object-fit:cover;
}
.map-token-img.monster-camp-icon{
  border:1px solid rgba(250,204,21,.42);
  background:#07111f;
  object-fit:cover;
  filter:saturate(1.06) contrast(1.04);
}
.route-map.route-map-icons .map-static-node .monster-camp-icon{
  border-color:rgba(255,255,255,.55);
}
.route-monsters .map-token-img.sheet-camp-icon{width:34px;height:34px}
.route-map-row{display:grid;grid-template-columns:minmax(260px,1fr) minmax(180px,.56fr);gap:10px;padding:10px}.route-map-row .route-map{margin:0;width:100%}.route-map-row aside{display:grid;align-content:start;gap:6px}.route-map-row aside h4{margin:5px 0 0;font-size:10px;text-transform:uppercase}.route-map-row aside .map-skill-set span{width:38px;height:38px}
.google-sheet-layout{border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow);overflow:hidden}
.google-sheet-layout>.section-head{margin:0;border-bottom:1px solid var(--line);padding:10px 12px;background:linear-gradient(180deg,#f8fafc,#fff)}
.google-sheet-layout>.section-head p{margin:3px 0 0;color:var(--muted);font-size:9px;line-height:1.35}
.google-sheet-layout>.section-head a{border:1px solid var(--line-strong);border-radius:6px;background:#fff;padding:7px 10px;color:var(--blue);font-size:9px;font-weight:900;text-decoration:none}
.google-sheet-layout article{border-top:1px solid var(--line)}
.google-sheet-layout article:first-of-type{border-top:0}
.google-sheet-layout article>header{display:flex;align-items:center;justify-content:space-between;gap:10px;border-left:4px solid var(--blue);background:#f8fbff;padding:9px 12px}
.google-sheet-layout article.red>header{border-left-color:var(--red);background:#fff8f9}
.google-sheet-layout article>header b{font-size:11px}.google-sheet-layout article>header span{color:var(--muted);font-size:8px;font-weight:800}
.route-google-row{overflow:auto;border-top:1px solid var(--line);background:#fff}
.route-google-head,.route-google-cells{display:grid;grid-template-columns:150px 72px 72px 78px 78px 58px repeat(9,82px) 62px 62px 78px 92px 110px 150px 150px;min-width:1650px}
.route-google-head span,.route-google-cells span{display:grid;align-items:center;min-height:30px;border-right:1px solid #d9e0e8;border-bottom:1px solid #e8edf3;padding:4px 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.route-google-head span{background:#edf2f7;color:#334155;font-size:7px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.route-google-cells span{color:#102033;font-size:8px}
.route-google-cells span.camp,.route-google-cells span.objective,.route-google-cells span.gank,.route-google-cells span.invade{grid-template-columns:28px minmax(0,1fr);gap:5px}
.route-google-cells span.gank{background:var(--amber-soft)}
.route-google-cells span.objective{background:#f1ecff}
.route-google-cells span.invade{background:#e5e7eb}
.route-google-icon{width:26px!important;height:26px!important;border-radius:6px}
.route-map-row aside .route-google-head,.route-map-row aside .route-google-cells{grid-template-columns:120px 66px 66px 72px 70px 54px repeat(9,74px) 58px 58px 72px 86px 100px 120px 120px;min-width:1460px}
.route-map-row aside .route-google-row{max-height:122px;border:1px solid var(--line);border-radius:7px}
.objective-note{margin:0;border-top:1px solid var(--line);background:#fffaf0;padding:9px 12px;color:#6b4b12;font-size:9px;line-height:1.45}
.objective-group{border-top:1px solid var(--line);background:#fff}
.objective-group-title{display:flex;align-items:center;justify-content:space-between;gap:10px;background:linear-gradient(90deg,#f8fafc,#fff);padding:8px 12px}.objective-group-title b{font-size:10px;text-transform:uppercase;letter-spacing:.08em}.objective-group-title small{color:var(--muted);font-size:8px;text-align:right}
.objective-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(154px,1fr));gap:0;border-top:1px solid var(--line)}
.objective-grid article{min-width:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:8px;background:linear-gradient(180deg,#fff,#f8fafc)}.objective-grid article.active{background:linear-gradient(180deg,#fff7ed,#fff)}
.objective-grid article.tier-soul{background:linear-gradient(180deg,#f8fbff,#fff)}.objective-grid article.tier-soul.active{background:linear-gradient(180deg,#eef6ff,#fff)}
.objective-grid header{display:grid;grid-template-columns:44px minmax(0,1fr);gap:7px;align-items:center}.objective-grid header small,.objective-grid header b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.objective-grid header small{color:var(--muted);font-size:7px}.objective-grid header small em{border-radius:999px;background:var(--objective-color,#64748b);padding:1px 4px;color:#fff;font-style:normal}.objective-grid header b{font-size:10px}.objective-grid p{min-height:34px;margin:7px 0;color:#405365;font-size:8px;line-height:1.35}
.objective-icon-shell{display:block;width:44px;height:44px;border-radius:10px;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--objective-color,#64748b) 34%,transparent),#07111f 72%);box-shadow:0 0 0 1px color-mix(in srgb,var(--objective-color,#64748b) 52%,#fff),0 6px 16px rgba(15,23,42,.18);padding:3px}.objective-icon-shell .objective-img{width:38px;height:38px;object-fit:cover;border-radius:8px;filter:saturate(1.12) contrast(1.08)}
.objective-duel{display:grid;grid-template-columns:1fr 1fr;gap:4px}.objective-duel span{border:1px solid var(--line);border-radius:5px;padding:5px;text-align:center}.objective-duel span.success{background:var(--green-soft);color:var(--green)}.objective-duel span.warning{background:var(--amber-soft);color:var(--amber)}.objective-duel span.danger{background:var(--red-soft);color:var(--red)}.objective-duel span.red-read.success{background:var(--red-soft);color:var(--red)}.objective-duel small,.objective-duel b,.objective-duel em{display:block}.objective-duel small{font-size:7px}.objective-duel b{font-size:15px}.objective-duel em{font-size:7px;font-style:normal}
.objective-factors{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:6px}.objective-factors div{display:flex;flex-wrap:wrap;gap:3px}.objective-factors span{display:flex;align-items:center;gap:3px;border:1px solid var(--line);border-radius:999px;background:#fff;padding:2px 5px;max-width:100%}.objective-factors b{max-width:68px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#334155;font-size:7px}.objective-factors small{color:var(--muted);font-size:7px}
.map-decision-board,.strategy-map-bridge{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);padding:12px}
.map-decision-board>div:not(.section-head){display:grid;grid-template-columns:1fr 1fr;gap:12px}
.map-decision-card{border:1px solid var(--line);border-top:4px solid var(--blue);border-radius:8px;background:linear-gradient(180deg,#fff,#f8fbff);overflow:hidden}
.map-decision-card.red{border-top-color:var(--red);background:linear-gradient(180deg,#fff,#fff8f9)}
.map-decision-card>header{display:grid;grid-template-columns:76px minmax(0,1fr);gap:4px 8px;padding:10px;border-bottom:1px solid var(--line)}
.map-decision-card>header span{grid-row:1/3;display:grid;place-items:center;border-radius:6px;background:var(--blue);color:#fff;font-size:11px;font-weight:900;letter-spacing:.08em}
.map-decision-card.red>header span{background:var(--red)}
.map-decision-card>header b{font-size:15px}.map-decision-card>header small{color:var(--muted);font-size:9px}
.map-decision-main{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px}
.map-decision-main section,.map-decision-card footer>span,.strategy-map-phases article span{border:1px solid var(--line);border-left:4px solid var(--blue);border-radius:6px;background:#fff;padding:8px}
.map-decision-card.red .map-decision-main section,.map-decision-card.red footer>span{border-left-color:var(--red)}
.map-decision-main section.warning,.strategy-map-phases span.warning{border-left-color:var(--amber);background:var(--amber-soft)}
.map-decision-main section.danger,.strategy-map-phases span.danger{border-left-color:var(--red);background:var(--red-soft)}
.map-decision-main section.lane,.strategy-map-phases span.lane{border-left-color:var(--blue);background:var(--blue-soft)}
.map-decision-main section.soft,.strategy-map-phases span.soft{border-left-color:var(--line-strong);background:var(--surface-2)}
.map-decision-main small,.map-decision-main b,.map-decision-main p,.map-decision-card footer small,.map-decision-card footer b,.strategy-map-phases small,.strategy-map-phases b,.strategy-map-phases em{display:block}
.map-decision-main small,.map-decision-card footer small,.strategy-map-phases small{color:var(--muted);font-size:8px;font-weight:900;text-transform:uppercase}
.map-decision-main b,.map-decision-card footer b,.strategy-map-phases b{margin-top:3px;font-size:12px}.map-decision-main p{margin:4px 0 0;color:#405365;font-size:9px;line-height:1.35}
.map-decision-card footer{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:0 10px 10px}
.map-source-note{margin:10px 0 0;color:#405365;font-size:10px;line-height:1.5}.map-source-note b{color:var(--text)}
.strategy-map-bridge{margin-top:12px}
.strategy-map-phases{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.strategy-map-phases article{border:1px solid var(--line);border-radius:8px;background:#fff;overflow:hidden}
.strategy-map-phases header{display:flex;justify-content:space-between;gap:8px;padding:9px 10px;background:var(--surface-2);border-bottom:1px solid var(--line)}
.strategy-map-phases header b{font-size:12px}.strategy-map-phases header span{color:var(--muted);font-size:8px;font-weight:900;text-transform:uppercase}
.strategy-map-phases article>div{display:grid;gap:7px;padding:9px}.strategy-map-phases em{margin-top:3px;color:#405365;font-size:8px;font-style:normal;line-height:1.35}
@media(max-width:1180px){.map-route-duo{grid-template-columns:1fr}.map-lane-head,.map-lane-workbook article{grid-template-columns:72px 1fr 130px 1fr 170px}.route-sheet-meta{grid-template-columns:repeat(3,1fr)}.map-phase-matchups article{grid-template-columns:86px 1fr 1fr}.phase-duel-center{grid-column:1/-1;border:1px solid var(--line);border-radius:6px;padding:6px}.map-lane-state{width:132px}}
@media(max-width:980px){.map-decision-board>div:not(.section-head),.strategy-map-phases{grid-template-columns:1fr}.map-decision-main,.map-decision-card footer{grid-template-columns:1fr}}
@media(max-width:760px){.map-plan-controls{grid-template-columns:1fr}.map-lane-workbook{overflow:auto}.map-lane-head,.map-lane-workbook article{grid-template-columns:70px 220px 130px 220px 170px;min-width:810px}.route-map-row{grid-template-columns:1fr}.objective-grid{grid-template-columns:repeat(2,minmax(144px,1fr))}.objective-group-title{display:block}.objective-group-title small{display:block;margin-top:3px;text-align:left}.map-main-canvas{width:100%}.map-lane-state{width:118px;min-height:78px}.map-lane-state>div img{width:24px;height:24px}.map-lane-state>div em{font-size:12px}.map-phase-matchups article{grid-template-columns:1fr}.phase-duel-side.red{text-align:left}.phase-duel-side.red img{grid-column:1}.phase-duel-side.red span{grid-column:2}.phase-duel-powers.red{grid-column:auto}}

/* Team v3: collapsible navigation, mirrored rosters and always-visible lane odds. */
.sidebar-collapse{top:15px;right:-22px;width:44px;height:44px}

body[data-route="team"] .team-board-v2{
  grid-template-columns:minmax(0,1fr) 132px minmax(0,1fr)!important;
  gap:10px!important;
}
body[data-route="team"] .team-board-v2 .role-row,
body[data-route="team"] .team-board-v2 .team-panel.red .role-row{
  grid-template-columns:58px minmax(160px,.82fr) minmax(165px,1.18fr)!important;
}
body[data-route="team"] .team-board-v2 .team-panel.blue .role-label.role-slot{grid-column:3!important;border-right:0!important;border-left:1px solid #ced7df!important}
body[data-route="team"] .team-board-v2 .team-panel.blue .pick-cell{grid-column:2!important;grid-template-columns:minmax(0,1fr) 54px;text-align:right!important;border-right:0!important;border-left:1px solid #ced7df!important}
body[data-route="team"] .team-board-v2 .team-panel.blue .pick-cell>.portrait{grid-column:2;grid-row:1}
body[data-route="team"] .team-board-v2 .team-panel.blue .pick-identity{grid-column:1;grid-row:1}
body[data-route="team"] .team-board-v2 .team-panel.blue .pick-name-line>em{align-items:flex-start}
body[data-route="team"] .team-board-v2 .team-panel.blue .pick-meta{grid-column:1!important;text-align:right!important}
body[data-route="team"] .team-board-v2 .team-panel.blue .combat-tag-line.unified-tags{justify-content:flex-end!important}
body[data-route="team"] .team-board-v2 .team-panel.blue .slot-insight{right:0;left:auto}
body[data-route="team"] .team-board-v2 .team-panel.red .role-label.role-slot{grid-column:1!important}
body[data-route="team"] .team-board-v2 .team-panel.red .pick-cell{grid-column:2!important}
body[data-route="team"] .team-board-v2 .team-panel.red .pick-meta{grid-column:3!important;text-align:left!important}

.pick-name-line>b{display:flex;align-items:center;gap:5px;min-width:0}
.pick-name-line .flex-label{flex:0 0 auto;margin:0;vertical-align:middle}
.tactical-tag.catch{--tag-bg:#fff2cc;--tag-fg:#725711;--tag-border:#dfc565}
.tactical-tag.split{--tag-bg:#d9d2e9;--tag-fg:#351c75;--tag-border:#a391c8}
.tactical-tag.flex{--tag-bg:#d0e0e3;--tag-fg:#134f5c;--tag-border:#76a5af}
.tactical-tag.engage{--tag-bg:#f4cccc;--tag-fg:#7a1b24;--tag-border:#df8f96}
.tactical-tag.disengage{--tag-bg:#d9ead3;--tag-fg:#274e13;--tag-border:#93c47d}
.tactical-tag.poke{--tag-bg:#d0e0e3;--tag-fg:#134f5c;--tag-border:#76a5af}

body[data-route="team"] .team-win-rail{
  position:sticky;
  top:76px;
  z-index:4;
  display:grid!important;
  grid-template-rows:208px repeat(5,104px);
  min-width:0;
  border:1px solid #aebbc6;
  border-radius:8px;
  background:#fff;
  box-shadow:0 8px 24px rgba(30,50,70,.08);
  overflow:hidden;
}
body[data-route="team"] .team-board-v2 .team-composition{
  position:relative;
  z-index:2;
  overflow:visible!important;
}
body[data-route="team"] .team-board-v2 .team-composition:has(.pick-cell:hover),
body[data-route="team"] .team-board-v2 .team-composition:has(.pick-cell:focus-visible){
  z-index:3000;
}
body[data-route="team"] .team-board-v2 .team-win-rail{
  z-index:1;
}
body[data-route="team"] .team-win-rail>header{
  display:grid;
  grid-template-columns:1fr;
  align-content:center;
  gap:10px;
  padding:12px 8px;
  background:linear-gradient(180deg,#122536,#0d1a27);
  color:#fff;
  text-align:center;
}
body[data-route="team"] .team-win-rail>header>span{display:grid;gap:2px}
body[data-route="team"] .team-win-rail>header>span:first-child b{color:#8ed0ff}
body[data-route="team"] .team-win-rail>header>span:last-child b{color:#ff9ba5}
body[data-route="team"] .team-win-rail>header b{font-size:20px;font-variant-numeric:tabular-nums}
body[data-route="team"] .team-win-rail>header small{display:block;color:#9fb1c0;font-size:7px;font-weight:900;letter-spacing:.08em}
body[data-route="team"] .team-win-rail>header>em{display:grid;gap:2px;color:#d6b665;font-size:12px;font-style:normal;font-weight:900}
body[data-route="team"] .team-win-rail>section{display:grid!important;grid-template-rows:auto 1fr auto;align-items:center;gap:3px;min-height:104px;border-top:1px solid #d2dbe2;background:#fff;padding:7px 5px;text-align:center}
body[data-route="team"] .team-win-rail>section>small{color:#607483;font-size:7px;font-weight:900;letter-spacing:.06em}
body[data-route="team"] .team-win-rail>section>div{display:grid;grid-template-columns:30px minmax(0,1fr) 30px;align-items:center;gap:3px}
body[data-route="team"] .team-win-rail .portrait{width:30px;height:36px;border-radius:3px}
body[data-route="team"] .team-win-rail>section>div>b{display:grid;gap:1px;font-size:9px;font-variant-numeric:tabular-nums}
body[data-route="team"] .team-win-rail>section>div>b span:first-child{color:#145a91}
body[data-route="team"] .team-win-rail>section>div>b span:last-child{color:#b31d2c}
body[data-route="team"] .team-win-rail>section>div>b i{color:#8a98a4;font-size:7px;font-style:normal}
body[data-route="team"] .team-win-rail>section>em{color:#536776;font-size:6px;font-style:normal;font-weight:900}
body[data-route="team"] .team-win-rail>section.edge-blue>em{color:#145a91}
body[data-route="team"] .team-win-rail>section.edge-red>em{color:#b31d2c}
body[data-route="team"] .team-win-rail>section.edge-even>em{color:#6b7b87}
body[data-route="team"] .team-win-rail>section.edge-blue{box-shadow:inset 3px 0 #145a91}
body[data-route="team"] .team-win-rail>section.edge-red{box-shadow:inset -3px 0 #b31d2c}
body[data-route="team"] .team-win-rail>section.empty{opacity:.62}
body[data-route="team"] .team-win-rail>footer{display:none}

@media(max-width:1180px){
  body[data-route="team"] .team-board-v2{grid-template-columns:1fr!important}
  body[data-route="team"] .team-win-rail{position:static;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:auto auto auto}
  body[data-route="team"] .team-win-rail>header{grid-column:1/-1;grid-template-columns:1fr auto 1fr;min-height:76px}
  body[data-route="team"] .team-win-rail>section{min-height:78px;border-top:1px solid #d2dbe2;border-right:1px solid #d2dbe2}
  body[data-route="team"] .team-win-rail>section>div{grid-template-columns:24px minmax(0,1fr) 24px}
  body[data-route="team"] .team-win-rail .portrait{width:24px;height:30px}
  body[data-route="team"] .team-win-rail>footer{grid-column:1/-1;display:grid;min-height:38px;place-content:center;background:#f3f6f8;color:#354b5c;font-size:8px;text-align:center}
  body[data-route="team"] .team-win-rail>footer small{display:block;color:#718391;font-size:6px}
}
@media(max-width:720px){
  body[data-route="team"] .team-board-v2 .team-panel.blue .role-label.role-slot,
  body[data-route="team"] .team-board-v2 .team-panel.red .role-label.role-slot{grid-column:1!important;border-right:1px solid #ced7df!important;border-left:0!important}
  body[data-route="team"] .team-board-v2 .team-panel.blue .pick-cell,
  body[data-route="team"] .team-board-v2 .team-panel.red .pick-cell{grid-column:2!important;grid-template-columns:54px minmax(0,1fr);text-align:left!important;border-right:0!important;border-left:0!important}
  body[data-route="team"] .team-board-v2 .team-panel.blue .pick-cell>.portrait{grid-column:1}
  body[data-route="team"] .team-board-v2 .team-panel.blue .pick-identity{grid-column:2;text-align:left}
  body[data-route="team"] .team-board-v2 .team-panel.blue .pick-name-line>em{align-items:flex-end}
  body[data-route="team"] .team-board-v2 .team-panel.blue .pick-meta,
  body[data-route="team"] .team-board-v2 .team-panel.red .pick-meta{grid-column:1/-1!important;text-align:left!important}
  body[data-route="team"] .team-board-v2 .team-panel.blue .combat-tag-line.unified-tags{justify-content:flex-start!important}
  body[data-route="team"] .team-win-rail{grid-template-columns:1fr}
  body[data-route="team"] .team-win-rail>header,body[data-route="team"] .team-win-rail>footer{grid-column:1}
  body[data-route="team"] .team-win-rail>section{grid-template-columns:48px 1fr 58px;grid-template-rows:1fr;min-height:54px;text-align:left}
  body[data-route="team"] .team-win-rail>section>div{grid-template-columns:30px minmax(78px,1fr) 30px}
  body[data-route="team"] .team-win-rail>section>em{text-align:right}
}
@media(prefers-reduced-motion:reduce){.sidebar,.app-column,.topbar,.sidebar-collapse svg{transition:none}}

body[data-route="team"] .slot-insight{
  width:min(520px,calc(100vw - 48px));
}
.slot-radar{
  display:grid!important;
  grid-template-columns:174px minmax(0,1fr);
  gap:10px;
  align-items:center;
  border:1px solid #213a51;
  border-radius:10px;
  background:radial-gradient(circle at 50% 45%,rgba(13,39,58,.98),rgba(3,7,13,.98) 72%);
  padding:10px 9px;
}
.radar-stage{
  position:relative;
  display:block;
  width:168px;
  height:168px;
  margin:auto;
}
.radar-orb{
  position:absolute;
  inset:22px;
  width:124px;
  height:124px;
  overflow:visible;
  filter:drop-shadow(0 12px 24px rgba(0,0,0,.42));
}
.radar-back{
  fill:#071b2c;
  stroke:#10344e;
  stroke-width:7;
}
.radar-grid polygon{
  fill:none;
  stroke:#1cc6dd;
  stroke-opacity:.16;
  stroke-width:1;
}
.radar-grid line{
  stroke:#1cc6dd;
  stroke-opacity:.18;
  stroke-width:1;
}
.radar-fill{
  fill:#14c8df;
  fill-opacity:.48;
}
.radar-stroke{
  fill:none;
  stroke:#83f1f4;
  stroke-width:4;
  stroke-linejoin:round;
}
.radar-core{
  fill:#072c3f;
  stroke:#1cc6dd;
  stroke-width:8;
}
.radar-dot{
  fill:#19c4d7;
}
.radar-score{
  position:absolute;
  left:50%;
  top:50%;
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:50%;
  background:#03111d;
  border:2px solid #19c4d7;
  color:#e8feff;
  transform:translate(-50%,-50%);
  box-shadow:0 0 0 7px rgba(25,196,215,.09);
}
.radar-score b{font-size:12px;line-height:1}.radar-score small{color:#8eeef4!important;font-size:6px!important;text-transform:uppercase}
.radar-icons{
  position:absolute;
  inset:0;
  z-index:2;
}
.radar-icon{
  position:absolute;
  display:grid!important;
  place-items:center;
  width:34px;
  height:34px;
  color:#f3fbff;
  text-shadow:0 1px 4px rgba(0,0,0,.75);
}
.radar-icon svg{
  width:21px;
  height:21px;
  fill:none;
  stroke:currentColor;
  stroke-width:2.35;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(0 2px 2px rgba(0,0,0,.5));
}
.radar-icon small{
  position:absolute;
  top:25px;
  color:#9fd7e4!important;
  font-size:6px!important;
  font-weight:900;
  letter-spacing:.04em;
}
.radar-icon-0{left:50%;top:0;transform:translate(-50%,-3px)}
.radar-icon-1{right:2%;top:35%;transform:translate(2px,-50%)}
.radar-icon-2{right:17%;bottom:4%;transform:translate(50%,0)}
.radar-icon-3{left:17%;bottom:4%;transform:translate(-50%,0)}
.radar-icon-4{left:2%;top:35%;transform:translate(-2px,-50%)}
.radar-icon-5{left:50%;bottom:0;transform:translate(-50%,3px)}
.radar-values{
  display:grid!important;
  grid-template-columns:1fr 1fr;
  gap:5px;
}
.radar-values>span{
  display:grid!important;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:5px;
  min-height:30px;
  border:1px solid #28475f;
  border-radius:6px;
  background:#0d1f2f;
  padding:5px 7px;
}
.radar-values small{
  overflow:hidden;
  color:#a8c4d6!important;
  font-size:7px!important;
  font-weight:800;
  text-overflow:ellipsis;
  text-transform:uppercase;
  white-space:nowrap;
}
.radar-values b{
  color:#c9fbff!important;
  font-size:12px!important;
  font-variant-numeric:tabular-nums;
}
body[data-route="team"] .team-board-v2 .role-row:has(.pick-cell:hover),
body[data-route="team"] .team-board-v2 .role-row:has(.pick-cell:focus-visible){
  z-index:220;
}
body[data-route="team"] .team-board-v2 .slot-insight{
  top:50%!important;
  right:calc(100% + 12px)!important;
  left:auto!important;
  z-index:5000!important;
  width:min(500px,calc(100vw - 48px));
  transform:translate(0,-50%) scale(.985)!important;
}
body[data-route="team"] .team-board-v2 .team-panel.red .slot-insight{
  right:auto!important;
  left:calc(100% + 12px)!important;
}
body[data-route="team"] .team-board-v2 .pick-cell:hover .slot-insight,
body[data-route="team"] .team-board-v2 .pick-cell:focus-visible .slot-insight{
  transform:translate(0,-50%) scale(1)!important;
}
.slot-difficulty{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 112px auto;
  align-items:center;
  gap:8px;
  border:1px solid #28475f;
  border-radius:8px;
  background:#0d1f2f;
  padding:7px 9px;
}
.slot-difficulty>span{
  display:grid!important;
  grid-template-columns:20px minmax(0,1fr);
  grid-template-rows:auto auto;
  align-items:center;
  gap:1px 7px;
  min-width:0;
}
.slot-difficulty svg{
  grid-row:1/3;
  width:30px;
  height:30px;
  fill:none;
  stroke:#d6b665;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.slot-difficulty small{
  color:#9fb7c8!important;
  font-size:7px!important;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.slot-difficulty b{
  color:#f3f8fb!important;
  font-size:10px!important;
}
.slot-difficulty>i{
  display:block;
  height:8px;
  border-radius:999px;
  background:#152f43;
  overflow:hidden;
}
.slot-difficulty>i>em{
  display:block;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#40d0c6,#d6b665,#ff6b7a);
}
.slot-difficulty>strong{
  color:#c9fbff;
  font-size:12px;
  font-variant-numeric:tabular-nums;
}
.slot-difficulty>strong small{
  margin-left:1px;
  color:#83a1b7!important;
}
@media(max-width:720px){
  .slot-radar{grid-template-columns:1fr}
  .radar-stage{width:154px;height:154px}
  .radar-orb{inset:20px;width:114px;height:114px}
  body[data-route="team"] .team-board-v2 .slot-insight,
  body[data-route="team"] .team-board-v2 .team-panel.red .slot-insight{
    position:fixed!important;
    top:50%!important;
    right:auto!important;
    left:50%!important;
    width:min(500px,calc(100vw - 24px));
    transform:translate(-50%,-50%) scale(.985)!important;
  }
  body[data-route="team"] .team-board-v2 .pick-cell:hover .slot-insight,
  body[data-route="team"] .team-board-v2 .pick-cell:focus-visible .slot-insight{
    transform:translate(-50%,-50%) scale(1)!important;
  }
  .slot-difficulty{grid-template-columns:1fr}
}

/* Final Check layout contract. Keep this last so legacy workbook styles cannot shrink the atlas. */
body[data-route="finder"] .check-topbar-compact{
  grid-template-columns:92px minmax(300px,.9fr) minmax(250px,1.1fr);
}
body[data-route="finder"] .check-topbar-compact .check-search{grid-column:auto;border-top:0}
body[data-route="finder"] .check-topbar-compact .check-icon-group>div{grid-template-columns:repeat(5,minmax(52px,1fr))}
body[data-route="finder"] .check-topbar-compact .check-icon-group button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:5px 7px}
body[data-route="finder"] .check-topbar-compact .check-icon-group button b{font-size:10px}
body[data-route="finder"] .check-topbar-compact .check-icon-group button small{margin:0;font-size:8px}
body[data-route="finder"] .check-body{grid-template-columns:86px minmax(594px,1fr) 304px;min-height:0;align-items:start}
body[data-route="finder"] .check-name-rail>div{max-height:760px}
body[data-route="finder"] .check-name-rail button{min-height:34px;padding-inline:7px;font-size:9px}
body[data-route="finder"] .check-champion-grid{grid-template-columns:repeat(var(--check-columns),minmax(54px,1fr));min-width:594px;max-height:760px;align-content:start;overflow:auto;scrollbar-width:thin}
body[data-route="finder"] .check-champion-grid>button{min-width:54px}
body[data-route="finder"] .check-champion-grid>button>span{padding:3px 4px;font-size:7px}
body[data-route="finder"] .check-filter-console{max-height:760px;overflow:auto;padding:8px;scrollbar-width:thin}

/* Final Check grid interaction override: selected and hover must always read clearly. */
body[data-route="finder"] .check-selector,
body[data-route="finder"] .check-body{
  overflow:visible!important;
}
body[data-route="finder"] .check-champion-grid{
  overflow:visible!important;
}
body[data-route="finder"] .check-champion-grid>button{
  position:relative!important;
  overflow:visible!important;
  opacity:1!important;
  transform:none!important;
}
body[data-route="finder"] .check-champion-grid>button.dimmed:not(.selected){
  opacity:.24!important;
  filter:grayscale(.9)!important;
}
body[data-route="finder"] .check-champion-grid>button.dimmed:not(.selected):hover,
body[data-route="finder"] .check-champion-grid>button.dimmed:not(.selected):focus-visible{
  opacity:.72!important;
  filter:grayscale(.35)!important;
}
body[data-route="finder"] .check-champion-grid>button.selected{
  z-index:70!important;
  opacity:1!important;
  filter:none!important;
  background:#dff1ff!important;
  box-shadow:inset 0 0 0 3px #0b5cad,inset 0 0 0 6px #fff,0 0 0 3px rgba(11,92,173,.35),0 10px 22px rgba(11,92,173,.28)!important;
}
body[data-route="finder"] .check-champion-grid>button.selected::before{
  opacity:0!important;
}
body[data-route="finder"] .check-champion-grid>button.selected::after{
  content:"SELECTED"!important;
  position:absolute!important;
  inset:2px 2px auto auto!important;
  z-index:8!important;
  width:auto!important;
  height:auto!important;
  border:1px solid #0b5cad!important;
  border-radius:3px!important;
  background:#0b5cad!important;
  color:#fff!important;
  padding:1px 3px!important;
  opacity:1!important;
  font-size:5px!important;
  font-weight:900!important;
  letter-spacing:.05em!important;
  pointer-events:none!important;
}
body[data-route="finder"] .check-champion-grid>button:hover,
body[data-route="finder"] .check-champion-grid>button:focus-visible{
  z-index:90!important;
}
body[data-route="finder"] .check-champion-grid>button.selected .portrait,
body[data-route="finder"] .check-champion-grid>button.selected .check-champ-label,
body[data-route="finder"] .check-champion-grid>button.selected .check-champ-icons{
  filter:none!important;
  opacity:1!important;
}
.check-hover-card{
  position:absolute;
  left:calc(100% + 8px);
  top:50%;
  z-index:9999;
  display:grid!important;
  gap:7px;
  width:260px;
  border:1px solid #24445f;
  border-radius:9px;
  background:#0d1925;
  color:#edf7ff;
  padding:10px;
  text-align:left;
  box-shadow:0 18px 44px rgba(0,0,0,.35);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translate(6px,-50%) scale(.98);
  transition:opacity .14s ease,transform .14s ease,visibility .14s ease;
}
body[data-route="finder"] .check-champion-grid>button:nth-child(13n+10) .check-hover-card,
body[data-route="finder"] .check-champion-grid>button:nth-child(13n+11) .check-hover-card,
body[data-route="finder"] .check-champion-grid>button:nth-child(13n+12) .check-hover-card,
body[data-route="finder"] .check-champion-grid>button:nth-child(13n+13) .check-hover-card{
  left:auto;
  right:calc(100% + 8px);
  transform:translate(-6px,-50%) scale(.98);
}
body[data-route="finder"] .check-champion-grid>button:hover .check-hover-card,
body[data-route="finder"] .check-champion-grid>button:focus-visible .check-hover-card{
  opacity:1;
  visibility:visible;
  transform:translate(0,-50%) scale(1);
}
body[data-route="finder"] .check-champion-grid>button:nth-child(13n+10):hover .check-hover-card,
body[data-route="finder"] .check-champion-grid>button:nth-child(13n+11):hover .check-hover-card,
body[data-route="finder"] .check-champion-grid>button:nth-child(13n+12):hover .check-hover-card,
body[data-route="finder"] .check-champion-grid>button:nth-child(13n+13):hover .check-hover-card,
body[data-route="finder"] .check-champion-grid>button:nth-child(13n+10):focus-visible .check-hover-card,
body[data-route="finder"] .check-champion-grid>button:nth-child(13n+11):focus-visible .check-hover-card,
body[data-route="finder"] .check-champion-grid>button:nth-child(13n+12):focus-visible .check-hover-card,
body[data-route="finder"] .check-champion-grid>button:nth-child(13n+13):focus-visible .check-hover-card{
  transform:translate(0,-50%) scale(1);
}
.check-hover-head{
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr);
  align-items:center;
  gap:8px;
}
.check-hover-head .portrait{width:38px!important;height:44px!important}
.check-hover-head small,.check-hover-head em{
  display:block;
  overflow:hidden;
  color:#a9bfd0!important;
  font-size:8px!important;
  font-style:normal;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.check-hover-head b{
  display:block;
  margin:2px 0;
  color:#fff;
  font-size:14px;
}
.check-hover-tags{
  display:flex!important;
  flex-wrap:wrap;
  gap:4px;
}
.check-hover-tags .pill{
  border-color:#35516a;
  background:#17293a;
  color:#d9eaf6;
}
.check-hover-kit{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:4px;
}
.check-hover-kit i{
  display:grid;
  min-width:0;
  border:1px solid #2a465e;
  border-radius:5px;
  background:#102335;
  padding:5px 4px;
  font-style:normal;
}
.check-hover-kit b{
  color:#d6b665;
  font-size:9px;
  line-height:1;
}
.check-hover-kit small{
  overflow:hidden;
  color:#bdd1df!important;
  font-size:7px!important;
  line-height:1.15;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.check-hover-bars{
  display:grid!important;
  gap:5px;
}
.check-hover-bars i{
  display:grid;
  grid-template-columns:36px minmax(0,1fr) 34px;
  align-items:center;
  gap:6px;
  font-style:normal;
}
.check-hover-bars small{color:#9fb4c4!important;font-size:7px!important;font-weight:900}
.check-hover-bars b{
  display:block;
  height:7px;
  border-radius:999px;
  background:linear-gradient(90deg,#d6b665,#36c7d0);
}
.check-hover-bars em{
  color:#dff9ff;
  font-size:8px;
  font-style:normal;
  text-align:right;
}
.check-hover-rel{
  display:grid!important;
  grid-template-columns:repeat(3,1fr);
  gap:4px;
}
.check-hover-rel small{
  border:1px solid #2a465e;
  border-radius:5px;
  background:#102335;
  color:#bdd1df!important;
  padding:5px 3px;
  font-size:7px!important;
  text-align:center;
}
@media(max-width:760px){
  .check-hover-card{
    position:fixed;
    left:50%!important;
    right:auto!important;
    top:50%!important;
    width:min(280px,calc(100vw - 24px));
    transform:translate(-50%,-50%) scale(.98)!important;
  }
  body[data-route="finder"] .check-champion-grid>button:hover .check-hover-card,
  body[data-route="finder"] .check-champion-grid>button:focus-visible .check-hover-card{
    transform:translate(-50%,-50%) scale(1)!important;
  }
}

body[data-route="finder"] .check-icon-row,
body[data-route="finder"] .check-relation-pickers{
  border:1px solid var(--line);
  border-radius:6px;
  background:#fff;
  padding:8px;
}
body[data-route="finder"] .check-icon-row header,
body[data-route="finder"] .check-relation-pickers header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-bottom:7px;
}
body[data-route="finder"] .check-icon-row header span,
body[data-route="finder"] .check-relation-pickers header span{
  color:#405365;
  font-size:8px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
body[data-route="finder"] .check-icon-row header b,
body[data-route="finder"] .check-relation-pickers header b{
  border-radius:999px;
  background:#eef3f7;
  padding:2px 7px;
  color:#526578;
  font-size:8px;
}
body[data-route="finder"] .check-icon-row>div{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:5px;
}
body[data-route="finder"] .check-icon-row .check-filter-toggle>span{
  display:grid;
  grid-template-columns:25px auto minmax(0,1fr);
  align-items:center;
  gap:5px;
  min-height:40px;
  padding:5px 6px;
}
body[data-route="finder"] .check-positive-row>div{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
body[data-route="finder"] .check-positive-row .check-filter-toggle>span{
  grid-template-columns:25px auto;
}
body[data-route="finder"] .check-positive-row .check-filter-toggle small{
  display:none;
}
body[data-route="finder"] .check-relation-pickers>div{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
}
body[data-route="finder"] .check-relation-pickers .check-select{
  margin:0;
}
body[data-route="finder"] .check-relation-pickers .check-select>span::before{
  content:"";
  display:inline-grid;
  width:12px;
  height:12px;
  margin-right:4px;
  border-radius:3px;
  vertical-align:-2px;
}
body[data-route="finder"] .check-relation-pickers .check-select:first-child>span::before{
  background:#f4cccc;
  box-shadow:inset 0 0 0 1px #df8f96;
}
body[data-route="finder"] .check-relation-pickers .check-select:last-child>span::before{
  background:#cfe2f3;
  box-shadow:inset 0 0 0 1px #7fafd7;
}
body[data-route="finder"] .check-attack-style .check-filter-toggle[value],
body[data-route="finder"] .check-positive-row .check-filter-toggle{
  min-width:0;
}
@media(max-width:760px){
  body[data-route="finder"] .check-relation-pickers>div,
  body[data-route="finder"] .check-icon-row>div,
  body[data-route="finder"] .check-positive-row>div{grid-template-columns:1fr 1fr}
}

/* Skill library workbook layout: one champion, deduped skills, complete tag form. */
.skill-library-layout{
  grid-template-columns:260px minmax(0,1fr);
  align-items:start;
}
.skill-workbook-profile{
  display:grid;
  gap:12px;
  padding:0;
  background:transparent;
  border:0;
  box-shadow:none;
}
.skill-hero,.skill-sheet-summary,.skill-card-section,.skill-workbook-profile .strong-skill-panel{
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--surface);
  box-shadow:var(--shadow);
}
.skill-hero{
  display:grid;
  grid-template-columns:76px minmax(0,1fr) minmax(220px,.45fr);
  gap:14px;
  align-items:center;
  padding:14px;
  overflow:hidden;
}
.skill-hero>div{min-width:0}
.skill-hero span,.skill-hero p{color:var(--muted);font-size:10px}
.skill-hero h2{margin:3px 0;font-size:24px}
.skill-hero aside{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:6px;
}
.skill-hero aside span{
  display:grid;
  gap:3px;
  border:1px solid var(--line);
  border-radius:7px;
  background:var(--surface-2);
  padding:8px;
}
.skill-hero aside small{color:var(--muted);font-size:7px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.skill-hero aside b{font-size:16px}
.skill-sheet-summary,.skill-card-section{padding:12px}
.skill-tag-groups{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
  gap:8px;
}
.skill-tag-groups article{
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--surface-2);
  padding:9px;
}
.skill-tag-groups b{display:block;margin-bottom:7px;font-size:10px}
.skill-tag-groups p{display:flex;flex-wrap:wrap;gap:4px;margin:0}
.skill-card-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(330px,1fr));
  gap:10px;
}
.skill-card{
  display:grid;
  gap:8px;
  min-width:0;
  border:1px solid var(--line);
  border-left:4px solid #7f9db6;
  border-radius:10px;
  background:#fff;
  padding:10px;
}
.skill-card.high-impact{border-left-color:#b31d2c;background:linear-gradient(90deg,#fff3f4,#fff 38%)}
.skill-card.mid-impact{border-left-color:#d39b2a;background:linear-gradient(90deg,#fff8e8,#fff 38%)}
.skill-card header{
  display:grid;
  grid-template-columns:34px 56px minmax(0,1fr);
  gap:9px;
  align-items:center;
}
.skill-slot{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:7px;
  background:#102235;
  color:#d6b665!important;
  font-size:12px!important;
  font-weight:900;
}
.skill-card header img,.skill-card header i{
  width:56px;
  height:56px;
  border:1px solid var(--line-strong);
  border-radius:8px;
  object-fit:cover;
}
.skill-card header i{
  display:grid;
  place-items:center;
  background:#edf2f6;
  color:#526578;
  font-style:normal;
  font-weight:900;
}
.skill-card header small,.skill-card header em{
  display:block;
  overflow:hidden;
  color:var(--muted);
  font-size:8px;
  font-style:normal;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.skill-card h3{
  margin:2px 0;
  overflow:hidden;
  font-size:14px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.skill-alt-images{display:flex;gap:4px;margin-left:43px}
.skill-alt-images img{
  width:28px;
  height:28px;
  border:1px solid var(--line);
  border-radius:5px;
  object-fit:cover;
}
.skill-meta-row{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:5px;
}
.skill-meta-row span{
  border:1px solid var(--line);
  border-radius:6px;
  background:var(--surface-2);
  padding:6px;
}
.skill-meta-row small,.skill-meta-row b{display:block}
.skill-meta-row small{color:var(--muted);font-size:7px;font-weight:900;text-transform:uppercase}
.skill-meta-row b{margin-top:2px;overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.skill-tag-line,.skill-card footer{
  display:flex;
  flex-wrap:wrap;
  gap:4px;
}
.skill-card footer{
  align-items:center;
  border-top:1px solid var(--line);
  padding-top:7px;
}
.skill-card footer small{
  color:var(--muted);
  font-size:7px;
  font-weight:900;
  letter-spacing:.08em;
}
.skill-workbook-profile .strong-skill-panel{
  padding:12px;
}
@media(max-width:900px){
  .skill-library-layout{grid-template-columns:1fr}
  .skill-hero{grid-template-columns:76px minmax(0,1fr)}
  .skill-hero aside{grid-column:1/-1}
}
@media(max-width:560px){
  .skill-hero{grid-template-columns:1fr;text-align:left}
  .skill-hero aside,.skill-meta-row{grid-template-columns:1fr}
  .skill-card-grid{grid-template-columns:1fr}
}
body[data-route="finder"] .check-selected-preview{grid-template-columns:48px minmax(0,1fr);gap:7px;margin-bottom:7px;padding:6px}
body[data-route="finder"] .check-selected-preview .portrait{width:48px;height:54px}
body[data-route="finder"] .check-selected-preview h3{font-size:13px}
body[data-route="finder"] .check-selected-preview>div>div{margin-top:4px}
body[data-route="finder"] .check-selected-preview .pill{min-height:16px;padding:1px 4px}
body[data-route="finder"] .check-phase-row{gap:4px;margin-bottom:7px}
body[data-route="finder"] .check-phase-row select{min-height:32px}
body[data-route="finder"] .check-single-grid{grid-template-columns:1fr 1fr;gap:5px;margin-bottom:7px}
body[data-route="finder"] .check-single-grid .check-select:last-child{grid-column:auto}
body[data-route="finder"] .check-single-grid .check-select>span{font-size:7px}
body[data-route="finder"] .check-single-grid .check-select select{min-height:32px;font-size:9px}
body[data-route="finder"] .check-multi-filter{margin-bottom:6px;border:1px solid var(--line);background:var(--surface)}
body[data-route="finder"] .check-multi-filter>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:34px;padding:6px 8px;cursor:pointer;list-style:none}
body[data-route="finder"] .check-multi-filter>summary::-webkit-details-marker{display:none}
body[data-route="finder"] .check-multi-filter>summary>span{font-size:9px;font-weight:800}
body[data-route="finder"] .check-multi-filter>summary>b{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:8px}
body[data-route="finder"] .check-multi-filter>summary>b i{min-width:24px;font-style:normal;text-align:right}
body[data-route="finder"] .check-multi-filter>summary>b em{border:1px solid var(--line-strong);border-radius:3px;background:var(--surface-2);padding:2px 4px;color:var(--blue);font-size:7px;font-style:normal}
body[data-route="finder"] .check-multi-filter>summary::after{content:"+";order:3;color:var(--muted);font-size:14px}
body[data-route="finder"] .check-multi-filter[open]>summary{border-bottom:1px solid var(--line);background:var(--surface-2)}
body[data-route="finder"] .check-multi-filter[open]>summary::after{content:"-"}
body[data-route="finder"] .check-multi-filter>div{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:5px}
body[data-route="finder"] .check-multi-filter .check-filter-toggle>span{grid-template-columns:25px minmax(0,1fr);min-height:31px;padding:0 5px}
body[data-route="finder"] .check-multi-filter .check-filter-toggle>span>b{font-size:7px}
body[data-route="finder"] .check-multi-filter .check-filter-toggle>span>small{padding-left:5px;font-size:8px}
body[data-route="finder"] .check-multi-filter .check-filter-toggle>span>small:first-child{padding-inline:6px}
body[data-route="finder"] .check-grade-compact{grid-template-columns:68px repeat(4,1fr);margin-bottom:6px}
body[data-route="finder"] .check-grade-compact .check-filter-toggle>span{min-height:32px}
body[data-route="finder"] .check-effect-picker{margin-bottom:0}
body[data-route="finder"] .check-effect-picker>div{min-height:96px;max-height:150px;padding:7px}
body[data-route="finder"] .check-effect-picker>label{grid-template-columns:68px minmax(0,1fr);padding:6px}
body[data-route="finder"] .check-effect-picker select{min-height:34px;font-size:9px}
@media(max-width:1280px){
  body[data-route="finder"] .check-body{grid-template-columns:82px minmax(550px,1fr) 292px}
  body[data-route="finder"] .check-champion-grid{grid-template-columns:repeat(var(--check-columns),minmax(50px,1fr));min-width:550px}
  body[data-route="finder"] .check-champion-grid>button{min-width:50px}
}
@media(max-width:1080px){
  body[data-route="finder"] .check-topbar-compact{grid-template-columns:92px minmax(280px,1fr)}
  body[data-route="finder"] .check-topbar-compact .check-search{grid-column:1/-1;border-top:1px solid var(--line)}
  body[data-route="finder"] .check-body{grid-template-columns:86px minmax(550px,1fr)}
  body[data-route="finder"] .check-filter-console{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:7px;max-height:none;border-top:1px solid var(--line-strong)}
  body[data-route="finder"] .check-selected-preview,body[data-route="finder"] .check-effect-picker{grid-column:1/-1}
}
@media(max-width:700px){
  body[data-route="finder"] .check-topbar-compact{grid-template-columns:1fr}
  body[data-route="finder"] .check-topbar-compact .check-search{grid-column:1}
  body[data-route="finder"] .check-body{display:block}
  body[data-route="finder"] .check-champion-grid{grid-template-columns:repeat(var(--check-columns),56px);min-width:0;max-height:580px}
  body[data-route="finder"] .check-champion-grid>button{width:56px;height:56px;min-width:56px}
  body[data-route="finder"] .check-filter-console{display:grid;grid-template-columns:1fr;max-height:none}
  body[data-route="finder"] .check-multi-filter>div{grid-template-columns:1fr 1fr}
}

/* Check interaction repair: keep the atlas contained and reveal metadata progressively. */
body[data-route="finder"] .check-selector,
body[data-route="finder"] .check-body{overflow:hidden!important}
body[data-route="finder"] .check-champion-grid{
  position:relative;
  z-index:0;
  max-height:760px;
  overflow:auto!important;
  isolation:isolate;
  overscroll-behavior:contain;
}
body[data-route="finder"] .check-champion-grid>button{
  z-index:0!important;
  overflow:hidden!important;
  pointer-events:auto!important;
  touch-action:manipulation;
}
body[data-route="finder"] .check-champion-grid>button>*{pointer-events:none!important}
body[data-route="finder"] .check-champion-grid>button:hover,
body[data-route="finder"] .check-champion-grid>button:focus-visible{z-index:1!important}
body[data-route="finder"] .check-champion-grid>button.selected{
  z-index:2!important;
  box-shadow:inset 0 0 0 3px var(--blue),inset 0 0 0 5px #fff!important;
}
body[data-route="finder"] .check-champion-grid>button.selected::after{
  content:""!important;
  inset:0!important;
  width:auto!important;
  height:auto!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  padding:0!important;
  box-shadow:none!important;
}
body[data-route="finder"] .check-champ-label{grid-template-columns:minmax(0,1fr)!important;min-height:18px}
body[data-route="finder"] .check-champ-label b{font-size:7px!important;text-align:center}
body[data-route="finder"] .check-champion-grid>button>.check-champ-label>small,
body[data-route="finder"] .check-champion-grid>button>.check-champ-icons{display:none!important;opacity:0;visibility:hidden}
body[data-route="finder"] .check-champion-grid>button:hover .check-champ-label,
body[data-route="finder"] .check-champion-grid>button:focus-visible .check-champ-label{grid-template-columns:minmax(0,1fr) auto!important}
body[data-route="finder"] .check-champion-grid>button:hover>.check-champ-label>small,
body[data-route="finder"] .check-champion-grid>button:focus-visible>.check-champ-label>small{display:block!important;opacity:1;visibility:visible}
body[data-route="finder"] .check-champion-grid>button:hover>.check-champ-icons,
body[data-route="finder"] .check-champion-grid>button:focus-visible>.check-champ-icons{display:flex!important;opacity:1;visibility:visible}
body[data-route="finder"] .check-hover-card{display:none!important}
body[data-route="finder"] .check-name-rail button{position:relative;z-index:0;overflow:hidden}
body[data-route="finder"] .check-name-rail button>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body[data-route="finder"] .check-output{position:relative;z-index:0;overflow:hidden}
body[data-route="finder"] .check-slot-row,
body[data-route="finder"] .check-slot-row>section{position:relative;z-index:0;min-width:0;overflow:hidden}
body[data-route="finder"] .check-slot-row>section>button{
  z-index:0!important;
  min-height:44px;
  overflow:hidden;
  touch-action:manipulation;
}
body[data-route="finder"] .check-slot-row>section>button>*{pointer-events:none}
body[data-route="finder"] .check-slot-row>section>button:focus-visible{
  z-index:1!important;
  outline:3px solid color-mix(in srgb,var(--blue) 40%,transparent);
  outline-offset:-3px;
}
@media(max-width:700px){
  body[data-route="finder"] .check-selector{overflow:hidden!important}
  body[data-route="finder"] .check-champion-grid{max-height:580px;overflow:auto!important}
  body[data-route="finder"] .check-slot-row>section{overflow-x:auto;overflow-y:hidden}
}

/* Check atlas v4: original portrait colors, 15 columns, gold-only selection. */
body[data-route="finder"] .check-champion-grid{
  grid-template-columns:repeat(15,minmax(0,1fr))!important;
  min-width:0!important;
  background:#c7d0d8;
}
body[data-route="finder"] .check-champion-grid>button,
body[data-route="finder"] .check-champion-grid>button.available,
body[data-route="finder"] .check-champion-grid>button.dimmed,
body[data-route="finder"] .check-champion-grid>button.dimmed:not(.selected),
body[data-route="finder"] .check-champion-grid>button.dimmed:not(.selected):hover,
body[data-route="finder"] .check-champion-grid>button.dimmed:not(.selected):focus-visible{
  min-width:0!important;
  opacity:1!important;
  filter:none!important;
  background:#101820!important;
}
body[data-route="finder"] .check-champion-grid>button::before,
body[data-route="finder"] .check-champion-grid>button::after{
  opacity:0!important;
  background:transparent!important;
  mix-blend-mode:normal!important;
  box-shadow:none!important;
}
body[data-route="finder"] .check-champion-grid>button .portrait,
body[data-route="finder"] .check-champion-grid>button.available .portrait,
body[data-route="finder"] .check-champion-grid>button.dimmed .portrait,
body[data-route="finder"] .check-champion-grid>button.selected .portrait{
  opacity:1!important;
  filter:none!important;
}
body[data-route="finder"] .check-champion-grid>button.selected{
  z-index:3!important;
  outline:2px solid #d89b22!important;
  outline-offset:-2px!important;
  box-shadow:
    inset 0 0 0 3px #ffd75a,
    inset 0 0 0 5px rgba(255,250,210,.96),
    0 0 0 2px rgba(216,155,34,.75),
    0 0 18px rgba(255,196,45,.92)!important;
}
body[data-route="finder"] .check-champion-grid>button.selected::after{
  content:""!important;
  opacity:1!important;
  background:linear-gradient(180deg,rgba(255,215,90,.1),transparent 32%)!important;
  box-shadow:inset 0 0 12px rgba(255,215,90,.38)!important;
}
body[data-route="finder"] .check-champ-label{min-height:16px;padding:7px 2px 2px!important}
body[data-route="finder"] .check-champ-label b{font-size:6px!important}
@media(max-width:900px){
  body[data-route="finder"] .check-champion-grid{grid-template-columns:repeat(10,minmax(48px,1fr))!important}
}
@media(max-width:700px){
  body[data-route="finder"] .check-champion-grid{grid-template-columns:repeat(5,minmax(48px,1fr))!important}
}

/* Team mirror: champion identity expands away from the lane axis. */
body[data-route="team"] .team-sheet-lane{min-height:124px}
body[data-route="team"] .team-sheet-side.blue .team-sheet-pick{
  grid-template-columns:minmax(0,1fr) 70px;
  text-align:right;
}
body[data-route="team"] .team-sheet-side.red .team-sheet-pick{
  grid-template-columns:70px minmax(0,1fr);
  text-align:left;
}
body[data-route="team"] .team-sheet-side.blue .team-sheet-identity{
  align-items:end;
  text-align:right;
}
body[data-route="team"] .team-sheet-side.red .team-sheet-identity{
  align-items:start;
  text-align:left;
}
body[data-route="team"] .team-sheet-side.blue .team-sheet-meta{justify-items:end;text-align:right}
body[data-route="team"] .team-sheet-side.red .team-sheet-meta{justify-items:start;text-align:left}
body[data-route="team"] .team-sheet-side.blue .skill-tag-line,
body[data-route="team"] .team-sheet-side.blue .team-identity-tags,
body[data-route="team"] .team-sheet-side.blue .team-combat-classes{justify-content:flex-end}
body[data-route="team"] .team-sheet-side.red .skill-tag-line,
body[data-route="team"] .team-sheet-side.red .team-identity-tags,
body[data-route="team"] .team-sheet-side.red .team-combat-classes{justify-content:flex-start}
body[data-route="team"] .team-lane-center{justify-items:center;padding-inline:8px}
body[data-route="team"] .team-lane-center>.official-role-icon{
  justify-self:center;
  margin-inline:auto!important;
  transform:none!important;
}
body[data-route="team"] .team-lane-center>b,
body[data-route="team"] .team-lane-center>small{justify-self:center;width:100%;text-align:center}
.team-identity-tags,
.team-combat-classes,
.skill-tag-line{display:flex;min-width:0;flex-wrap:wrap;align-items:center;gap:3px}
.team-identity-tags .tactical-tag,
.skill-tag-line .tactical-tag{
  min-height:18px!important;
  padding:2px 4px!important;
  font-size:6px!important;
}
.team-identity-tags .tactical-tag svg,
.skill-tag-line .tactical-tag svg{width:11px!important;height:11px!important;flex-basis:11px!important}
.team-combat-class{
  display:inline-flex;
  min-width:0;
  min-height:20px;
  align-items:center;
  gap:4px;
  border:1px solid #9b813e;
  border-radius:3px;
  background:#111b23;
  padding:2px 5px 2px 2px;
  color:#f1d68a;
}
.team-combat-class .teamfight-archetype-icon{
  width:18px!important;
  height:18px!important;
  flex:0 0 18px;
  border:0!important;
  background:#0a1118!important;
  object-fit:contain;
}
.team-combat-class b{overflow:hidden;font-size:6px;text-overflow:ellipsis;white-space:nowrap}
body[data-route="team"] .team-sheet-identity{gap:4px}
body[data-route="team"] .team-sheet-meta{align-content:center;gap:5px}
body[data-route="team"] .team-sheet-meta .combat-tag-line,
body[data-route="team"] .team-sheet-meta .skill-tag-line{max-width:100%}
body[data-route="team"] .team-sheet-meta .tactical-tag{min-height:19px;padding:2px 4px;font-size:6px}
body[data-route="team"] .team-sheet-meta .tactical-tag svg{width:11px;height:11px;flex-basis:11px}
body[data-route="team"] .team-position-tags>span{font-variant-numeric:tabular-nums;white-space:nowrap}

/* Separate lane-by-lane champion strengths and weaknesses. */
body[data-route="team"] .team-strength-panel{
  margin-bottom:12px;
  overflow:hidden;
  border:1px solid #aebbc5;
  border-radius:6px;
  background:#fff;
  box-shadow:0 2px 10px rgba(25,45,62,.06);
}
body[data-route="team"] .team-strength-panel>.section-head{
  margin:0;
  border-bottom:1px solid #aebbc5;
  background:#eef3f6;
  padding:10px 12px;
}
body[data-route="team"] .team-strength-panel>.section-head h2{margin:2px 0 0;font-size:14px}
body[data-route="team"] .team-strength-panel>.section-head small{color:#516979;font-size:7px;font-weight:900}
body[data-route="team"] .team-strength-list{display:grid;min-width:980px}
body[data-route="team"] .team-strength-lane{
  display:grid;
  grid-template-columns:minmax(0,1fr) 88px minmax(0,1fr);
  min-height:98px;
  border-top:1px solid #c6d0d7;
}
body[data-route="team"] .team-strength-lane:first-child{border-top:0}
body[data-route="team"] .team-strength-axis{
  display:grid;
  place-items:center;
  align-content:center;
  gap:4px;
  border-inline:1px solid #aebbc5;
  background:#122536;
  color:#fff;
}
body[data-route="team"] .team-strength-axis .official-role-icon{width:28px;height:28px;color:#e4c978}
body[data-route="team"] .team-strength-axis b{font-size:7px;text-transform:uppercase}
body[data-route="team"] .team-guide-card{
  display:grid;
  grid-template-columns:112px minmax(0,1fr);
  min-width:0;
  align-items:stretch;
  background:#fff;
}
body[data-route="team"] .team-guide-card.blue{grid-template-columns:minmax(0,1fr) 112px;text-align:right}
body[data-route="team"] .team-guide-id{
  display:flex;
  min-width:0;
  align-items:center;
  gap:7px;
  border:0;
  background:#f3f7fa;
  padding:8px;
  color:#183246;
  text-align:left;
  cursor:pointer;
}
body[data-route="team"] .team-guide-card.blue .team-guide-id{grid-column:2;grid-row:1;flex-direction:row-reverse;text-align:right}
body[data-route="team"] .team-guide-card.red .team-guide-id{grid-column:1;grid-row:1}
body[data-route="team"] .team-guide-id .portrait{flex:0 0 38px;width:38px;height:48px;border-radius:3px}
body[data-route="team"] .team-guide-id span{display:grid;min-width:0;gap:2px}
body[data-route="team"] .team-guide-id small{color:#657887;font-size:6px;font-weight:900}
body[data-route="team"] .team-guide-id b{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
body[data-route="team"] .team-guide-copy{
  display:grid;
  grid-template-columns:1fr 1fr;
  min-width:0;
}
body[data-route="team"] .team-guide-card.blue .team-guide-copy{grid-column:1;grid-row:1}
body[data-route="team"] .team-guide-card.red .team-guide-copy{grid-column:2;grid-row:1}
body[data-route="team"] .team-guide-copy>div{min-width:0;padding:8px 9px}
body[data-route="team"] .team-guide-copy>div+div{border-left:1px dotted #b7c2ca}
body[data-route="team"] .team-guide-copy .strength{background:#eef7f0}
body[data-route="team"] .team-guide-copy .weakness{background:#fff1f2}
body[data-route="team"] .team-guide-copy small{display:block;margin-bottom:3px;color:#4d6575;font-size:6px;font-weight:900}
body[data-route="team"] .team-guide-copy p{
  display:-webkit-box;
  overflow:hidden;
  margin:0;
  color:#243d4e;
  font-size:7px;
  line-height:1.42;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:4;
}
body[data-route="team"] .team-guide-card.empty{display:grid;place-items:center;background:#f7f9fa}
body[data-route="team"] .team-guide-card.empty>button{display:flex;align-items:center;gap:7px;border:0;background:transparent;color:#657887;cursor:pointer}
body[data-route="team"] .team-guide-card.empty .official-role-icon{width:28px;height:28px}

/* Teamfight keeps execution plans but no longer duplicates the old combat-role list. */
.fight-plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.fight-plan-grid>section{border:1px solid var(--line);border-top:4px solid var(--blue);border-radius:6px;background:var(--surface);padding:12px;box-shadow:var(--shadow)}
.fight-plan-grid>section.red{border-top-color:var(--red)}
.fight-plan-grid h3{margin:0 0 8px;font-size:12px}
.fight-plan-grid p{display:grid;grid-template-columns:22px minmax(0,1fr);gap:7px;align-items:start;margin:6px 0;color:#405365;font-size:9px;line-height:1.45}
.fight-plan-grid p>b{display:grid;width:20px;height:20px;place-items:center;border-radius:3px;background:#edf2f6}
@media(max-width:1120px){
  body[data-route="team"] .team-strength-panel{overflow-x:auto}
  .fight-plan-grid{grid-template-columns:1fr}
}

/* Check relationships v5: complete lists and semantic, color-coded icons. */
body[data-route="finder"] .check-output{
  display:grid;
  overflow:visible;
  border-top:3px solid #253d51;
  background:#f4f7fa;
}
body[data-route="finder"] .check-slot-row{
  grid-template-columns:126px minmax(0,1fr);
  overflow:visible;
}
body[data-route="finder"] .check-slot-row>b{
  grid-template-columns:28px minmax(0,1fr) auto;
  place-items:center start;
  gap:7px;
  padding:8px;
  text-align:left;
}
body[data-route="finder"] .check-slot-row>b>span:not(.check-relation-icon){font-size:9px;line-height:1.15}
body[data-route="finder"] .check-slot-row>b>small{justify-self:end;margin:0}
.check-relation-icon{
  display:grid;
  width:28px;
  height:28px;
  place-items:center;
  border:1px solid currentColor;
  border-radius:7px;
  background:rgba(255,255,255,.72);
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.45);
}
.check-relation-icon svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
body[data-route="finder"] .check-slot-row.danger>b{background:linear-gradient(135deg,#ffe4e7,#f8c8cd);color:#9e2430}
body[data-route="finder"] .check-slot-row.lane>b{background:linear-gradient(135deg,#e2f2ff,#bfdcf4);color:#155e9f}
body[data-route="finder"] .check-slot-row.success>b{background:linear-gradient(135deg,#e2f6e7,#bfe3c7);color:#24733a}
body[data-route="finder"] .check-slot-row.warning>b{background:linear-gradient(135deg,#fff4ce,#f4d983);color:#815e08}
body[data-route="finder"] .check-slot-row>section{
  grid-template-columns:repeat(auto-fill,minmax(82px,1fr));
  align-content:start;
  overflow:visible;
}
body[data-route="finder"] .check-slot-row>section>button{
  min-height:43px;
  padding:5px;
  transition:background .18s ease,box-shadow .18s ease,transform .18s ease;
}
body[data-route="finder"] .check-slot-row>section>button .portrait{width:30px;height:32px;border-radius:3px}
body[data-route="finder"] .check-slot-row>section>button small{
  overflow:visible;
  font-size:7.5px;
  line-height:1.15;
  text-overflow:clip;
  white-space:normal;
}
body[data-route="finder"] .check-slot-row>section>button:hover,
body[data-route="finder"] .check-slot-row>section>button:focus-visible{
  z-index:2;
  transform:translateY(-1px);
}
body[data-route="finder"] .check-slot-row.danger>section>button{background:#fff6f7;box-shadow:inset 0 -2px 0 #d64250}
body[data-route="finder"] .check-slot-row.lane>section>button{background:#f4faff;box-shadow:inset 0 -2px 0 #2f82c8}
body[data-route="finder"] .check-slot-row.success>section>button{background:#f4fbf5;box-shadow:inset 0 -2px 0 #49a361}
body[data-route="finder"] .check-slot-row.warning>section>button{background:#fffbef;box-shadow:inset 0 -2px 0 #d6a92e}

body[data-route="finder"] .check-filter-icon:has(.check-tag-icon){
  overflow:visible;
  border-right:0;
}
.check-tag-icon{
  display:grid;
  width:25px;
  height:25px;
  place-items:center;
  border:1px solid color-mix(in srgb,currentColor 55%,#fff);
  border-radius:7px;
  color:#7359b8;
  background:linear-gradient(145deg,#f5f0ff,#ded2ff);
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.54),0 2px 5px rgba(31,45,61,.12);
}
.check-tag-icon svg{
  width:17px!important;
  height:17px!important;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9!important;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.check-tag-icon.family-control{color:#b2293d;background:linear-gradient(145deg,#fff0f3,#ffcbd3)}
.check-tag-icon.family-damage{color:#a44a16;background:linear-gradient(145deg,#fff5df,#ffd48b)}
.check-tag-icon.family-defense{color:#1763a0;background:linear-gradient(145deg,#edf8ff,#bfe1fb)}
.check-tag-icon.family-sustain{color:#23733c;background:linear-gradient(145deg,#effbf1,#bde7c7)}
.check-tag-icon.family-movement{color:#08747d;background:linear-gradient(145deg,#e9fcff,#afe7eb)}
.check-tag-icon.family-utility{color:#6745a7;background:linear-gradient(145deg,#f7f1ff,#d9c8f7)}
body[data-route="finder"] .check-filter-toggle.active .check-tag-icon{
  border-color:rgba(255,255,255,.75);
  color:#fff;
  background:linear-gradient(145deg,#1d638f,#0d3f65);
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.18),0 0 0 2px rgba(29,99,143,.28);
}
@media(max-width:700px){
  body[data-route="finder"] .check-slot-row{grid-template-columns:96px minmax(0,1fr)}
  body[data-route="finder"] .check-slot-row>b{grid-template-columns:24px minmax(0,1fr);gap:5px}
  body[data-route="finder"] .check-slot-row>b>small{grid-column:1/-1;justify-self:center}
  .check-relation-icon{width:24px;height:24px}
  body[data-route="finder"] .check-slot-row>section{grid-template-columns:repeat(auto-fill,minmax(74px,1fr))}
}
@media(prefers-reduced-motion:reduce){
  body[data-route="finder"] .check-slot-row>section>button{transition:none}
}

/* Team readability v6: one Combat Class, explicit Riot classes, separate skill tags. */
body[data-route="team"] .team-sheet-lane{min-height:158px}
body[data-route="team"] .team-sheet-side{grid-template-rows:118px 40px}
body[data-route="team"] .team-sheet-side .team-sheet-pick,
body[data-route="team"] .team-sheet-side .team-sheet-meta{grid-row:1}
body[data-route="team"] .team-sheet-side .team-sheet-pick{padding:9px 10px}
body[data-route="team"] .team-sheet-identity{gap:5px}
body[data-route="team"] .team-sheet-identity>b{font-size:16px;line-height:1.05}
.riot-class-line{
  display:flex!important;
  max-width:100%;
  align-items:center;
  gap:5px;
  overflow:visible!important;
  color:#304a5c!important;
  white-space:normal!important;
}
.riot-class-line>span{display:grid;min-width:0;gap:1px}
.riot-class-line small{color:#71828f;font-size:7px;font-weight:900;line-height:1}
.riot-class-line b{overflow:hidden;color:#233d50;font-size:10px;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}
.riot-class-line>i{color:#9aa7b0;font-size:10px;font-style:normal}
body[data-route="team"] .team-sheet-side.blue .riot-class-line{justify-content:flex-end;text-align:right}
body[data-route="team"] .team-sheet-side.red .riot-class-line{justify-content:flex-start;text-align:left}
body[data-route="team"] .team-identity-tags .tactical-tag{min-height:22px!important;padding:3px 6px!important;font-size:9px!important}
body[data-route="team"] .team-identity-tags .tactical-tag svg{width:13px!important;height:13px!important;flex-basis:13px!important}
body[data-route="team"] .team-combat-classes{
  display:flex;
  max-width:100%;
  align-items:center;
  gap:5px;
  overflow:visible!important;
  white-space:normal!important;
}
body[data-route="team"] .team-combat-classes>small{color:#6b7c88;font-size:8px;font-weight:900;white-space:nowrap}
body[data-route="team"] .team-combat-class{min-height:24px;padding:2px 7px 2px 3px}
body[data-route="team"] .team-combat-class .teamfight-archetype-icon{width:21px!important;height:21px!important;flex-basis:21px}
body[data-route="team"] .team-combat-class b{font-size:9px}
body[data-route="team"] .team-sheet-meta{gap:7px;padding:9px}
body[data-route="team"] .team-sheet-meta .tactical-tag{min-height:23px;padding:3px 6px;font-size:9px}
body[data-route="team"] .team-sheet-meta .tactical-tag svg{width:13px;height:13px;flex-basis:13px}
body[data-route="team"] .team-position-tags{gap:5px}
body[data-route="team"] .team-position-tags>span{min-width:28px;padding:3px 6px;font-size:10px;text-align:center}
body[data-route="team"] .team-position-tags .position-placeholder{
  border-style:dashed;
  border-color:#aeb9c1;
  background:#f3f5f6;
  color:#667985;
}
body[data-route="team"] .team-sheet-skill-tags{
  grid-column:1/-1;
  grid-row:2;
  display:grid;
  grid-template-columns:72px minmax(0,1fr);
  min-width:0;
  align-items:center;
  gap:6px;
  border-top:1px solid #c6d0d7;
  background:#f5f8fa;
  padding:5px 8px;
}
body[data-route="team"] .team-sheet-side.blue .team-sheet-skill-tags{grid-template-columns:minmax(0,1fr) 72px;text-align:right}
body[data-route="team"] .team-sheet-side.blue .team-sheet-skill-tags>small{grid-column:2;grid-row:1}
body[data-route="team"] .team-sheet-side.blue .team-sheet-skill-tags>.skill-tag-line{grid-column:1;grid-row:1;justify-content:flex-end}
body[data-route="team"] .team-sheet-skill-tags>small{color:#526b7c;font-size:9px;font-weight:900;white-space:nowrap}
body[data-route="team"] .team-sheet-skill-tags>.skill-tag-line{
  display:flex;
  min-width:0;
  flex-wrap:nowrap;
  gap:4px;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:thin;
}
body[data-route="team"] .team-sheet-skill-tags .tactical-tag{flex:0 0 auto;min-height:24px!important;padding:3px 6px!important;font-size:9px!important}
body[data-route="team"] .team-sheet-skill-tags .tactical-tag svg{width:13px!important;height:13px!important;flex-basis:13px!important}
body[data-route="team"] .team-lane-center>b{font-size:10px}
body[data-route="team"] .team-lane-center>span{font-size:9px}
body[data-route="team"] .team-lane-center>small{font-size:7px}
body[data-route="team"] .team-sheet-title>b{font-size:14px}
body[data-route="team"] .team-sheet-title>span{font-size:8px}
body[data-route="team"] .team-sheet-ban>small{font-size:9px}
body[data-route="team"] .team-strength-panel>.section-head h2{font-size:16px}
body[data-route="team"] .team-strength-panel>.section-head small{font-size:8px}
body[data-route="team"] .team-guide-id small{font-size:8px}
body[data-route="team"] .team-guide-id b{font-size:11px}
body[data-route="team"] .team-guide-copy small{font-size:8px}
body[data-route="team"] .team-guide-copy p{font-size:10px;line-height:1.45;-webkit-line-clamp:3}
body[data-route="team"] .team-matrix-row>span strong{font-size:10px}
body[data-route="team"] .team-matrix-faces small{font-size:7px}

/* Team lane axis v8: one geometric center for role, swap and pressure. */
body[data-route="team"] .team-lane-center{
  grid-template-rows:54px 28px 18px 12px;
  gap:3px;
  justify-items:stretch;
  padding-inline:7px;
}
body[data-route="team"] .team-lane-role{
  display:grid;
  justify-items:center;
  align-content:center;
  gap:2px;
  width:100%;
  text-align:center;
}
body[data-route="team"] .team-lane-role>.official-role-icon{
  justify-self:center;
  margin-inline:auto!important;
  transform:none!important;
}
body[data-route="team"] .team-lane-role>b{
  width:100%;
  overflow:hidden;
  font-size:9px;
  line-height:1;
  text-align:center;
  text-overflow:ellipsis;
  text-transform:uppercase;
  white-space:nowrap;
}
body[data-route="team"] .team-lane-percent{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr)!important;
  align-items:center;
  width:100%!important;
  font-variant-numeric:tabular-nums;
  text-align:center;
}
body[data-route="team"] .team-lane-percent>i,
body[data-route="team"] .team-lane-percent>em{display:block;min-width:0;font-style:normal;text-align:center}
body[data-route="team"] .team-lane-percent>b{color:#7d8b96;font-size:6px;text-align:center}
body[data-route="team"] .team-lane-center>small{justify-self:stretch;width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}

/* Combat Class uses the same semantic color language as the Team sheet. */
body[data-route="team"] .team-combat-class{
  --combat-bg:#e6e9ec;
  --combat-fg:#354957;
  --combat-border:#aeb9c1;
  border-color:var(--combat-border)!important;
  background:var(--combat-bg)!important;
  color:var(--combat-fg)!important;
}
body[data-route="team"] .team-combat-class.role-vanguard,
body[data-route="team"] .team-combat-class.role-warden{--combat-bg:#cfe2f3;--combat-fg:#073763;--combat-border:#7fafd7}
body[data-route="team"] .team-combat-class.role-juggernaut,
body[data-route="team"] .team-combat-class.role-diver{--combat-bg:#fce5cd;--combat-fg:#783f04;--combat-border:#e7ae70}
body[data-route="team"] .team-combat-class.role-burst,
body[data-route="team"] .team-combat-class.role-battlemage,
body[data-route="team"] .team-combat-class.role-artillery{--combat-bg:#d9d2e9;--combat-fg:#351c75;--combat-border:#a391c8}
body[data-route="team"] .team-combat-class.role-marksman,
body[data-route="team"] .team-combat-class.role-hard-carry{--combat-bg:#fff2cc;--combat-fg:#7f6000;--combat-border:#e4c55c}
body[data-route="team"] .team-combat-class.role-assassin,
body[data-route="team"] .team-combat-class.role-skirmisher{--combat-bg:#f4cccc;--combat-fg:#7a1b24;--combat-border:#df8f96}
body[data-route="team"] .team-combat-class.role-enchanter{--combat-bg:#d9ead3;--combat-fg:#274e13;--combat-border:#93c47d}
body[data-route="team"] .team-combat-class.role-poke-controller{--combat-bg:#d0e0e3;--combat-fg:#134f5c;--combat-border:#76a5af}
body[data-route="team"] .team-combat-class.role-pick-catcher{--combat-bg:#c9daf8;--combat-fg:#20124d;--combat-border:#8ba9dc}
body[data-route="team"] .team-combat-class .teamfight-archetype-icon{border-radius:3px;background:#111b23}
.position-line{grid-template-columns:repeat(auto-fit,minmax(38px,1fr))}
.position-line>span.placeholder>i{border:1px dashed #aeb9c1;background:#f3f5f6}
.position-line>span.placeholder>b{color:#667985;font-size:9px}
@media(max-width:720px){
  body[data-route="team"] .team-sheet-lane{min-height:158px}
  body[data-route="team"] .team-sheet-side{grid-template-rows:118px 40px}
}

/* Shared hover tooltip final override: Check must keep its compact grid, but metadata can float above it. */
body[data-route="finder"] .check-selector,
body[data-route="finder"] .check-body,
body[data-route="finder"] .check-output,
body[data-route="finder"] .check-slot-row,
body[data-route="finder"] .check-slot-row>section,
body[data-route="finder"] .check-name-rail,
body[data-route="finder"] .check-name-rail button{
  overflow:visible!important;
}
body[data-route="finder"] .check-champion-grid{
  overflow:auto!important;
}
body[data-route="finder"] .check-champion-grid>button,
body[data-route="finder"] .check-slot-row>section>button{
  overflow:visible!important;
}
body[data-route="finder"] .check-champion-grid>button>*,
body[data-route="finder"] .check-slot-row>section>button>*{
  pointer-events:auto!important;
}
body[data-route="finder"] .shared-hover-host>.slot-insight,
body[data-route="finder"] .hover-trigger>.slot-insight,
body[data-route="finder"] .hover-trigger>.skill-hover-card{
  display:grid!important;
  opacity:0;
  visibility:hidden;
}
body[data-route="finder"] .shared-hover-host:hover>.slot-insight,
body[data-route="finder"] .shared-hover-host:focus-visible>.slot-insight,
body[data-route="finder"] .shared-hover-host:focus-within>.slot-insight,
body[data-route="finder"] .hover-trigger:hover>.slot-insight,
body[data-route="finder"] .hover-trigger:focus-visible>.slot-insight,
body[data-route="finder"] .hover-trigger:hover>.skill-hover-card,
body[data-route="finder"] .hover-trigger:focus-visible>.skill-hover-card{
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}
body[data-route="finder"] .check-champion-grid .slot-insight{
  top:calc(100% + 6px)!important;
  left:0!important;
}
body[data-route="finder"] .check-champion-grid>button:nth-child(15n+11) .slot-insight,
body[data-route="finder"] .check-champion-grid>button:nth-child(15n+12) .slot-insight,
body[data-route="finder"] .check-champion-grid>button:nth-child(15n+13) .slot-insight,
body[data-route="finder"] .check-champion-grid>button:nth-child(15n+14) .slot-insight,
body[data-route="finder"] .check-champion-grid>button:nth-child(15n+15) .slot-insight{
  right:0!important;
  left:auto!important;
}

/* Check final pass: compact one-screen atlas, reliable filters, visible hover details. */
body[data-route="finder"] .topbar-actions [data-action="swap-sides"]{display:none!important}
body[data-route="finder"] #app-main{
  height:calc(100dvh - 74px);
  overflow:hidden;
  padding:10px 12px 12px;
}
body[data-route="finder"] .page-intro{
  align-items:center;
  gap:10px;
  margin-bottom:7px;
}
body[data-route="finder"] .page-intro h2{font-size:15px}
body[data-route="finder"] .page-intro p{
  max-width:760px;
  font-size:10px;
  line-height:1.25;
}
body[data-route="finder"] .check-selector{
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  height:calc(100dvh - 74px - 86px);
  min-height:0;
  overflow:visible!important;
}
body[data-route="finder"] .check-topbar-compact{
  grid-template-columns:80px minmax(340px,1fr) 220px;
  min-height:42px;
}
body[data-route="finder"] .check-topbar-compact .check-icon-group button{
  min-height:31px;
  padding:3px 6px;
}
body[data-route="finder"] .check-body{
  grid-template-columns:126px minmax(640px,1fr) 318px!important;
  height:100%;
  min-height:0!important;
  align-items:stretch;
  overflow:hidden!important;
}
body[data-route="finder"] .check-name-rail{
  overflow:hidden!important;
}
body[data-route="finder"] .check-name-rail header{
  min-height:34px;
  padding:6px 8px;
}
body[data-route="finder"] .check-name-rail>div{
  height:100%;
  max-height:none!important;
  overflow:auto!important;
}
body[data-route="finder"] .check-name-rail button{
  min-height:25px!important;
  padding:4px 3px!important;
  font-size:8px!important;
  line-height:1.05;
  white-space:normal!important;
  text-align:left!important;
}
body[data-route="finder"] .check-name-rail button>span{
  display:block;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:normal!important;
  word-break:break-word;
  text-align:left!important;
}
body[data-route="finder"] .check-filter-console{
  grid-column:auto!important;
  height:100%;
  max-height:none!important;
  overflow:auto!important;
  padding:6px!important;
}
body[data-route="finder"] .check-selected-preview{
  grid-template-columns:44px minmax(0,1fr);
  min-height:54px;
  padding:6px;
}
body[data-route="finder"] .check-selected-preview .portrait{width:44px;height:44px}
body[data-route="finder"] .check-phase-row,
body[data-route="finder"] .check-dropdown-grid,
body[data-route="finder"] .check-icon-row,
body[data-route="finder"] .check-multi-filter,
body[data-route="finder"] .check-relation-pickers,
body[data-route="finder"] .check-grade,
body[data-route="finder"] .check-effect-picker{margin-bottom:5px}
body[data-route="finder"] .check-filter-toggle>span{
  min-height:29px;
  grid-template-columns:24px minmax(0,1fr);
  padding-inline:4px;
}
body[data-route="finder"] .check-filter-toggle>span>small{font-size:8px}
body[data-route="finder"] .check-multi-filter>div{gap:4px}
body[data-route="finder"] .check-champion-grid{
  grid-template-columns:repeat(18,minmax(0,1fr))!important;
  height:100%;
  min-width:0!important;
  max-height:none!important;
  overflow:visible!important;
  background:#bfc8d1!important;
  isolation:isolate;
}
body[data-route="finder"] .check-champion-grid>button{
  min-width:0!important;
  overflow:visible!important;
  opacity:1!important;
  filter:none!important;
  background:#101820!important;
}
body[data-route="finder"] .check-champion-grid>button.dimmed:not(.selected){
  opacity:1!important;
  filter:none!important;
  background:#010407!important;
}
body[data-route="finder"] .check-champion-grid>button.dimmed:not(.selected) .portrait{
  opacity:.12!important;
  filter:grayscale(1) saturate(0) brightness(.18) contrast(.72)!important;
}
body[data-route="finder"] .check-champion-grid>button.dimmed:not(.selected) .check-champ-label,
body[data-route="finder"] .check-champion-grid>button.dimmed:not(.selected) .check-champ-icons{
  opacity:.22!important;
  filter:grayscale(1)!important;
}
body[data-route="finder"] .check-champion-grid>button.dimmed:not(.selected):hover,
body[data-route="finder"] .check-champion-grid>button.dimmed:not(.selected):focus-visible{
  opacity:1!important;
  filter:none!important;
}
body[data-route="finder"] .check-champion-grid>button.dimmed:not(.selected):hover .portrait,
body[data-route="finder"] .check-champion-grid>button.dimmed:not(.selected):focus-visible .portrait{
  opacity:.32!important;
  filter:grayscale(.85) brightness(.42) contrast(.8)!important;
}
body[data-route="finder"] .check-champion-grid>button.available .portrait{
  filter:saturate(1.08) contrast(1.03)!important;
}
body[data-route="finder"] .check-champion-grid>button.selected{
  z-index:80!important;
  opacity:1!important;
  filter:none!important;
  outline:2px solid #d89b22!important;
  outline-offset:-2px!important;
  box-shadow:inset 0 0 0 3px #ffd75a,inset 0 0 0 5px rgba(255,250,210,.98),0 0 15px rgba(255,196,45,.82)!important;
}
body[data-route="finder"] .check-champ-label{
  min-height:15px!important;
  padding:2px 2px!important;
}
body[data-route="finder"] .check-champ-label b{
  font-size:6px!important;
  line-height:1;
}
body[data-route="finder"] .check-hover-card{
  display:grid!important;
  position:absolute;
  left:calc(100% + 8px);
  top:50%;
  z-index:10000;
  width:276px;
  gap:7px;
  border:1px solid #24445f;
  border-radius:8px;
  background:#0d1925;
  color:#edf7ff;
  padding:10px;
  text-align:left;
  box-shadow:0 18px 44px rgba(0,0,0,.38);
  opacity:0;
  visibility:hidden;
  pointer-events:none!important;
  transform:translate(6px,-50%) scale(.98);
  transition:opacity .14s ease,transform .14s ease,visibility .14s ease;
}
body[data-route="finder"] .check-champion-grid>button:nth-child(18n+14)>.check-hover-card,
body[data-route="finder"] .check-champion-grid>button:nth-child(18n+15)>.check-hover-card,
body[data-route="finder"] .check-champion-grid>button:nth-child(18n+16)>.check-hover-card,
body[data-route="finder"] .check-champion-grid>button:nth-child(18n+17)>.check-hover-card,
body[data-route="finder"] .check-champion-grid>button:nth-child(18n+18)>.check-hover-card{
  right:calc(100% + 8px);
  left:auto;
  transform:translate(-6px,-50%) scale(.98);
}
body[data-route="finder"] .check-champion-grid>button:hover>.check-hover-card,
body[data-route="finder"] .check-champion-grid>button:focus-visible>.check-hover-card{
  opacity:1!important;
  visibility:visible!important;
  transform:translate(0,-50%) scale(1)!important;
}
body[data-route="finder"] .check-hover-kit{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:5px;
}
body[data-route="finder"] .check-hover-kit i{
  display:grid;
  place-items:center;
  gap:2px;
  min-width:0;
  border:1px solid rgba(255,255,255,.12);
  border-radius:5px;
  background:rgba(255,255,255,.06);
  padding:4px 2px;
  font-style:normal;
}
body[data-route="finder"] .check-hover-kit img{
  width:26px;
  height:26px;
  border-radius:4px;
  object-fit:cover;
}
body[data-route="finder"] .check-hover-kit small{font-size:8px;color:#a9bfd0}
body[data-route="finder"] .check-hover-rel{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:4px;
}
body[data-route="finder"] .check-hover-rel small:first-child{grid-column:1/-1}
body[data-route="finder"] .check-output{
  min-height:0;
  max-height:92px;
  overflow:hidden!important;
}
@media(max-width:1280px){
  body[data-route="finder"] .check-body{grid-template-columns:112px minmax(560px,1fr) 286px!important}
  body[data-route="finder"] .check-topbar-compact{grid-template-columns:76px minmax(300px,1fr) 190px}
  body[data-route="finder"] .check-filter-console{
    grid-column:auto!important;
    display:block!important;
    grid-template-columns:none!important;
    border-top:0!important;
  }
}
@media(max-width:980px){
  body[data-route="finder"] #app-main{height:auto;overflow:auto}
  body[data-route="finder"] .check-selector{height:auto}
  body[data-route="finder"] .check-body{grid-template-columns:1fr!important}
  body[data-route="finder"] .check-filter-console{grid-column:1/-1!important}
  body[data-route="finder"] .check-champion-grid{overflow:auto!important}
}

/* Full champion/skill hover inspector: keeps every local record visible, including special kits. */
.slot-insight.full{
  width:min(720px,calc(100vw - 48px))!important;
  max-height:min(78vh,760px);
  overflow:auto!important;
  gap:8px!important;
  pointer-events:none!important;
}
.slot-tags.full{
  max-height:92px;
  overflow:auto;
  padding-right:2px;
}
.slot-full-meta{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:5px;
}
.slot-full-meta>span{
  display:grid;
  gap:2px;
  border:1px solid #31485c;
  border-radius:4px;
  background:#142536;
  padding:5px;
  text-align:center;
}
.slot-full-meta small{color:#adc0cf;font-size:7px}
.slot-full-meta b{color:#fff;font-size:9px}
.slot-special-kit{
  display:grid!important;
  gap:6px;
  border:1px solid #6c5b2d;
  border-radius:6px;
  background:linear-gradient(135deg,rgba(255,213,102,.14),rgba(70,104,151,.12));
  padding:8px;
}
.slot-special-kit strong{color:#ffd166;font-size:10px}
.slot-special-kit em{
  color:#dce7ef!important;
  font-size:8px!important;
  font-style:normal!important;
  line-height:1.35;
  white-space:normal!important;
}
.slot-special-kit i{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(132px,1fr));
  gap:5px;
  font-style:normal;
}
.slot-special-kit i>span{
  display:grid;
  gap:2px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:5px;
  background:rgba(255,255,255,.06);
  padding:5px;
}
.slot-special-kit i b{color:#fff;font-size:8px}
.slot-special-kit i small{color:#aebdca;font-size:7px;line-height:1.25}
.slot-skill-grid.full{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(132px,1fr))!important;
  max-height:320px;
  overflow:auto;
  padding-right:2px;
}
.slot-skill-grid.full>.full-skill-tile{
  display:grid!important;
  grid-template-columns:30px minmax(0,1fr);
  grid-template-rows:auto auto auto auto;
  gap:2px 5px;
  border:1px solid #31485c;
  border-radius:5px;
  background:#142536;
  padding:5px;
}
.slot-skill-grid.full>.full-skill-tile.alternate{
  border-color:#6c5b2d;
  background:linear-gradient(135deg,#1d2c3d,#2a2630);
}
.slot-skill-grid.full img,
.slot-skill-grid.full>.full-skill-tile>i{
  grid-row:1/5;
  width:30px;
  height:30px;
  border-radius:4px;
  object-fit:cover;
}
.slot-skill-grid.full>.full-skill-tile>i{
  display:grid;
  place-items:center;
  background:#24394d;
  color:#d6b665;
  font-size:8px;
  font-style:normal;
}
.slot-skill-grid.full strong{
  display:flex!important;
  align-items:center;
  gap:4px;
  min-width:0;
}
.slot-skill-grid.full strong b{color:#d6b665;font-size:8px}
.slot-skill-grid.full strong em{
  color:#9bc2ff!important;
  font-size:7px!important;
  font-style:normal!important;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.slot-skill-grid.full small{
  color:#f1f7fb!important;
  font-size:8px!important;
  white-space:normal!important;
  line-height:1.2;
}
.slot-skill-grid.full>.full-skill-tile>em{
  color:#92a8b8!important;
  font-size:7px!important;
  font-style:normal!important;
  white-space:normal!important;
}
.slot-skill-grid.full .pill{
  margin:2px 2px 0 0;
  font-size:6px;
  line-height:1.1;
}
.skill-hover-card.full{
  width:min(480px,calc(100vw - 48px))!important;
  max-height:min(72vh,620px);
  overflow:auto;
}
.skill-hover-meta{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:5px;
}
.skill-hover-meta>span{
  border:1px solid rgba(255,255,255,.12);
  border-radius:5px;
  background:rgba(255,255,255,.06);
  padding:5px;
}
.skill-hover-meta small{display:block;color:#9fb2c1;font-size:8px}
.skill-hover-meta b{color:#fff;font-size:9px}
.skill-hover-summary p,
.wiki-skill-summary{
  margin:0;
  color:#dce7ef;
  font-size:9px;
  line-height:1.45;
}
.skill-hover-effects .wiki-skill-effects{
  margin-top:0;
}
@media(max-width:720px){
  .slot-insight.full{width:min(94vw,520px)!important}
  .slot-full-meta{grid-template-columns:repeat(2,minmax(0,1fr))}
  .slot-skill-grid.full{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* Champion name readability: do not abbreviate the left-side names too aggressively. */
body[data-route="team"] .team-sheet-side.blue .team-sheet-pick{
  grid-template-columns:minmax(180px,1fr) 78px!important;
  column-gap:12px!important;
}
body[data-route="team"] .team-sheet-side.red .team-sheet-pick{
  grid-template-columns:78px minmax(180px,1fr)!important;
  column-gap:12px!important;
}
body[data-route="team"] .team-sheet-identity{
  min-width:0;
  max-width:100%;
}
body[data-route="team"] .team-sheet-identity>b,
body[data-route="team"] .pick-name-line>b,
body[data-route="team"] .team-guide-id b{
  display:block!important;
  max-width:100%!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:normal!important;
  overflow-wrap:anywhere;
  word-break:normal;
}
body[data-route="team"] .team-sheet-identity>b{
  font-size:17px!important;
  line-height:1.12!important;
  letter-spacing:-.01em;
}
body[data-route="team"] .pick-name-line{
  grid-template-columns:minmax(132px,1fr) auto!important;
}
body[data-route="team"] .pick-name-line>b{
  font-size:14px!important;
  line-height:1.12!important;
}
body[data-route="finder"] .check-body{
  grid-template-columns:minmax(148px,190px) minmax(560px,1fr) minmax(300px,360px)!important;
}
body[data-route="finder"] .check-name-rail button{
  min-height:42px;
  padding-inline:8px!important;
}
body[data-route="finder"] .check-name-rail button>span{
  display:block!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:normal!important;
  overflow-wrap:anywhere;
  line-height:1.12;
}
@media(max-width:980px){
  body[data-route="finder"] .check-body{grid-template-columns:1fr!important}
}
@media(max-width:720px){
  body[data-route="team"] .team-sheet-side.blue .team-sheet-pick,
  body[data-route="team"] .team-sheet-side.red .team-sheet-pick{
    grid-template-columns:66px minmax(0,1fr)!important;
    text-align:left!important;
  }
  body[data-route="team"] .team-sheet-side.blue .team-sheet-identity,
  body[data-route="team"] .team-sheet-side.red .team-sheet-identity{
    align-items:start!important;
    text-align:left!important;
  }
}

/* Final Check filter visibility: non-matching champions must visibly fall back. */
body[data-route="finder"] .check-champion-grid>button.available:not(.selected){
  opacity:1!important;
  filter:none!important;
  background:#101820!important;
}
body[data-route="finder"] .check-champion-grid>button.available:not(.selected) .portrait{
  opacity:1!important;
  filter:saturate(1.12) contrast(1.04) brightness(1.02)!important;
}
body[data-route="finder"] .check-champion-grid>button.dimmed:not(.selected){
  opacity:.34!important;
  filter:grayscale(1) saturate(0) brightness(.54)!important;
  background:#030608!important;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.72)!important;
}
body[data-route="finder"] .check-champion-grid>button.dimmed:not(.selected)::before{
  opacity:.72!important;
  background:#02070b!important;
  mix-blend-mode:multiply!important;
}
body[data-route="finder"] .check-champion-grid>button.dimmed:not(.selected) .portrait{
  opacity:.22!important;
  filter:grayscale(1) saturate(0) brightness(.28) contrast(.78)!important;
}
body[data-route="finder"] .check-champion-grid>button.dimmed:not(.selected) .check-champ-label,
body[data-route="finder"] .check-champion-grid>button.dimmed:not(.selected) .check-champ-icons{
  opacity:.2!important;
  filter:grayscale(1)!important;
}
body[data-route="finder"] .check-champion-grid>button.dimmed:not(.selected):hover,
body[data-route="finder"] .check-champion-grid>button.dimmed:not(.selected):focus-visible{
  opacity:.58!important;
  filter:grayscale(.85) brightness(.72)!important;
}
body[data-route="finder"] .check-champion-grid>button.selected{
  opacity:1!important;
  filter:none!important;
}
body[data-route="finder"] .check-champion-grid>button.selected .portrait{
  opacity:1!important;
  filter:saturate(1.35) contrast(1.08) brightness(1.05)!important;
}

/* Check compact sheet: one-screen atlas, visible dimming, full rail names, right-side relations. */
body[data-route="finder"] .topbar-actions{
  display:none!important;
}
body[data-route="finder"] #app-main{
  height:calc(100dvh - var(--topbar-h,64px))!important;
  max-width:none!important;
  overflow:hidden!important;
  padding:6px 8px!important;
}
body[data-route="finder"] .check-selector{
  display:grid!important;
  grid-template-rows:38px minmax(0,1fr)!important;
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
  border:1px solid #9eabb6;
  background:#fff;
}
body[data-route="finder"] .check-topbar-compact{
  display:grid!important;
  grid-template-columns:96px minmax(330px,1fr) 240px!important;
  gap:6px!important;
  min-height:0!important;
  padding:4px 6px!important;
  border-bottom:1px solid #aeb8c1;
}
body[data-route="finder"] .check-topbar-compact label,
body[data-route="finder"] .check-topbar-compact .check-icon-group{
  min-height:29px!important;
}
body[data-route="finder"] .check-topbar-compact span,
body[data-route="finder"] .check-topbar-compact small{
  font-size:7px!important;
}
body[data-route="finder"] .check-body{
  display:grid!important;
  grid-template-columns:170px minmax(650px,1fr) 316px!important;
  gap:4px!important;
  min-height:0!important;
  height:100%!important;
  overflow:hidden!important;
}
body[data-route="finder"] .check-name-rail{
  min-width:0!important;
  height:100%!important;
  overflow:hidden!important;
  border-right:1px solid #aeb8c1;
}
body[data-route="finder"] .check-name-rail header{
  min-height:30px!important;
  padding:4px 6px!important;
}
body[data-route="finder"] .check-name-rail>div{
  display:grid!important;
  align-content:start;
  gap:1px;
  max-height:calc(100% - 30px)!important;
  overflow:auto!important;
  scrollbar-width:thin;
}
body[data-route="finder"] .check-name-rail button{
  min-height:27px!important;
  padding:3px 7px!important;
  text-align:left!important;
}
body[data-route="finder"] .check-name-rail button>span{
  display:block!important;
  overflow:visible!important;
  color:#122536;
  font-size:9px!important;
  line-height:1.08!important;
  text-overflow:clip!important;
  white-space:normal!important;
  overflow-wrap:anywhere;
}

/* Global champion / skill hover layer.
   Render one floating inspector on demand so grids stay light and tooltips are never clipped by sheet cells. */
.global-hover-layer{
  position:fixed;
  z-index:99999;
  width:min(720px,calc(100vw - 24px));
  max-height:min(82vh,780px);
  overflow:auto;
  border:1px solid rgba(36,67,96,.95);
  border-radius:10px;
  background:linear-gradient(180deg,#0a1420 0%,#111e2b 100%);
  color:#f5f8fb;
  box-shadow:0 28px 90px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.06) inset;
  padding:10px;
  pointer-events:none;
}
.global-hover-layer[hidden]{display:none!important}
.global-hover-layer[data-kind="skill"]{width:min(520px,calc(100vw - 24px))}
.global-hover-layer .slot-insight,
.global-hover-layer .slot-insight.full,
.global-hover-layer .skill-hover-card,
.global-hover-layer .skill-hover-card.full{
  position:static!important;
  inset:auto!important;
  display:grid!important;
  width:auto!important;
  max-width:none!important;
  max-height:none!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  color:inherit!important;
  pointer-events:none!important;
}
body .shared-hover-host>.slot-insight,
body .hover-trigger>.slot-insight,
body .hover-trigger>.skill-hover-card,
body [data-picker]>.slot-insight{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
}
.shared-hover-host,
[data-hover-champion],
[data-hover-skill]{
  cursor:pointer;
}
.global-hover-layer .slot-insight-head{
  display:grid!important;
  grid-template-columns:76px minmax(0,1fr);
  gap:10px;
}
.global-hover-layer .slot-insight-head .portrait.lg,
.global-hover-layer .slot-insight-head img{
  width:76px!important;
  height:86px!important;
  object-fit:cover;
}
.global-hover-layer .slot-skill-grid.full{
  max-height:330px;
  overflow:auto!important;
}
.global-hover-layer .skill-hover-head{
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr);
  gap:10px;
  align-items:center;
}
.global-hover-layer .skill-hover-head img,
.global-hover-layer .skill-hover-head i{
  width:58px!important;
  height:58px!important;
  border-radius:8px;
}
.global-hover-layer .skill-hover-summary,
.global-hover-layer .skill-hover-effects,
.global-hover-layer .check-hover-tags{
  display:block!important;
}
@media(max-width:720px){
  .global-hover-layer{
    left:12px!important;
    right:12px!important;
    top:auto!important;
    bottom:12px!important;
    width:auto!important;
    max-height:72vh;
  }
}
body[data-route="finder"] .check-champion-grid{
  display:grid!important;
  grid-template-columns:repeat(18,minmax(0,1fr))!important;
  grid-auto-rows:minmax(0,1fr)!important;
  gap:1px!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  overflow:hidden!important;
  background:#aeb8c1!important;
}
body[data-route="finder"] .check-champion-grid>button{
  position:relative;
  min-width:0!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:auto!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  background:#081018!important;
  transition:opacity .16s ease,filter .16s ease,box-shadow .16s ease;
}
body[data-route="finder"] .check-champion-grid .portrait{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
body[data-route="finder"] .check-champion-grid>button.available:not(.selected){
  opacity:1!important;
  filter:none!important;
}
body[data-route="finder"] .check-champion-grid>button.available:not(.selected)::before{
  opacity:0!important;
}
body[data-route="finder"] .check-champion-grid>button.dimmed:not(.selected){
  opacity:.22!important;
  filter:grayscale(1) saturate(0) brightness(.42)!important;
  background:#010305!important;
}
body[data-route="finder"] .check-champion-grid>button.dimmed:not(.selected)::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  opacity:.82!important;
  background:#02070d!important;
  mix-blend-mode:multiply!important;
  pointer-events:none;
}
body[data-route="finder"] .check-champion-grid>button.dimmed:not(.selected) .portrait{
  opacity:.2!important;
  filter:grayscale(1) saturate(0) brightness(.25) contrast(.75)!important;
}
body[data-route="finder"] .check-champion-grid>button.dimmed:not(.selected) .check-champ-label,
body[data-route="finder"] .check-champion-grid>button.dimmed:not(.selected) .check-champ-icons{
  opacity:.12!important;
}
body[data-route="finder"] .check-champion-grid>button.dimmed:not(.selected):hover{
  opacity:.48!important;
}
body[data-route="finder"] .check-filter-console{
  display:grid!important;
  align-content:start!important;
  gap:4px!important;
  height:100%!important;
  max-height:none!important;
  overflow:hidden!important;
  border-left:1px solid #aeb8c1;
  padding:5px!important;
}
body[data-route="finder"] .check-selected-preview{
  grid-template-columns:42px minmax(0,1fr)!important;
  min-height:52px!important;
  margin:0!important;
  padding:5px!important;
}
body[data-route="finder"] .check-selected-preview .portrait{
  width:42px!important;
  height:42px!important;
}
body[data-route="finder"] .check-selected-preview h3{
  margin:1px 0!important;
  font-size:13px!important;
}
body[data-route="finder"] .check-selected-preview p,
body[data-route="finder"] .check-selected-preview .pill{
  font-size:7px!important;
}
body[data-route="finder"] .check-side-relations{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:4px;
}
body[data-route="finder"] .check-side-relations details{
  min-width:0;
  border:1px solid #c2ccd4;
  border-radius:4px;
  background:#f8fafb;
  overflow:hidden;
}
body[data-route="finder"] .check-side-relations summary{
  display:grid;
  grid-template-columns:22px minmax(0,1fr) auto;
  align-items:center;
  gap:4px;
  min-height:27px;
  padding:2px 4px;
  cursor:pointer;
  font-size:8px;
  font-weight:900;
}
body[data-route="finder"] .check-side-relations summary b{
  font-size:8px;
}
body[data-route="finder"] .check-side-relations details>div{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:2px;
  max-height:86px;
  overflow:auto;
  padding:3px;
}
body[data-route="finder"] .check-side-relations button{
  display:grid;
  grid-template-columns:22px minmax(0,1fr);
  align-items:center;
  gap:3px;
  min-width:0;
  min-height:26px;
  border:1px solid #d6dee4;
  border-radius:3px;
  background:#fff;
  padding:2px;
  cursor:pointer;
}
body[data-route="finder"] .check-side-relations .portrait{
  width:22px!important;
  height:22px!important;
}
body[data-route="finder"] .check-side-relations button span{
  overflow:hidden;
  color:#1d3141;
  font-size:7px;
  line-height:1.05;
  text-overflow:clip;
  white-space:normal;
}
body[data-route="finder"] .check-phase-row,
body[data-route="finder"] .check-dropdown-grid{
  gap:3px!important;
  margin:0!important;
}
body[data-route="finder"] .check-phase-row label,
body[data-route="finder"] .check-select{
  min-height:30px!important;
}
body[data-route="finder"] .check-multi-filter,
body[data-route="finder"] .check-icon-row,
body[data-route="finder"] .check-relation-pickers,
body[data-route="finder"] .check-grade,
body[data-route="finder"] .check-effect-picker{
  margin:0!important;
}
body[data-route="finder"] .check-multi-filter:not([open])>div,
body[data-route="finder"] .check-collapse:not([open])>div,
body[data-route="finder"] .check-collapse:not([open])>label{
  display:none!important;
}
body[data-route="finder"] .check-multi-filter summary,
body[data-route="finder"] .check-effect-picker summary,
body[data-route="finder"] .check-icon-row header,
body[data-route="finder"] .check-relation-pickers header{
  min-height:24px!important;
  padding:3px 5px!important;
  font-size:8px!important;
}
body[data-route="finder"] .check-filter-toggle>span{
  min-height:24px!important;
  grid-template-columns:20px minmax(0,1fr)!important;
}
body[data-route="finder"] .check-filter-toggle>span>small{
  font-size:7px!important;
}
body[data-route="finder"] .check-effect-picker>div,
body[data-route="finder"] .check-effect-picker label{
  padding:4px!important;
}
body[data-route="finder"] .check-output{
  display:none!important;
}
@media(max-width:1280px){
  body[data-route="finder"] .check-body{
    grid-template-columns:150px minmax(520px,1fr) 286px!important;
  }
  body[data-route="finder"] .check-champion-grid{
    grid-template-columns:repeat(16,minmax(0,1fr))!important;
  }
}

/* Team v9: compact effects, class icons and a single centered lane axis. */
.topbar-actions [data-action="swap-sides"]{display:none!important}
body[data-route="team"] .topbar-actions [data-action="swap-sides"]{display:inline-flex!important;align-items:center;justify-content:center}

body[data-route="team"] .team-sheet-lane{min-height:144px!important}
body[data-route="team"] .team-sheet-side{grid-template-rows:116px 28px!important}
body[data-route="team"] .team-sheet-side .team-sheet-pick,
body[data-route="team"] .team-sheet-side .team-sheet-meta{grid-row:1!important}

body[data-route="team"] .riot-class-line{gap:6px!important}
body[data-route="team"] .riot-class-line>span{
  display:grid;
  grid-template-columns:24px minmax(0,1fr);
  grid-template-rows:10px 14px;
  align-items:center;
  column-gap:4px;
}
body[data-route="team"] .riot-class-icon{
  grid-column:1;
  grid-row:1/3;
  display:grid;
  width:24px;
  height:24px;
  place-items:center;
  border:1px solid #9d874e;
  border-radius:3px;
  background:#111b23;
}
body[data-route="team"] .riot-class-icon .ui-icon{width:21px!important;height:21px!important;flex-basis:21px!important;background:transparent}
body[data-route="team"] .riot-class-line small,
body[data-route="team"] .riot-class-line b{grid-column:2;min-width:0}
body[data-route="team"] .riot-class-line>em{color:#9aa7b0;font-size:9px;font-style:normal}

body[data-route="team"] .team-sheet-skill-tags{
  grid-row:2!important;
  grid-template-columns:68px minmax(0,1fr)!important;
  min-height:28px;
  gap:5px;
  padding:3px 7px!important;
}
body[data-route="team"] .team-sheet-side.blue .team-sheet-skill-tags{grid-template-columns:minmax(0,1fr) 68px!important}
body[data-route="team"] .team-sheet-side.blue .team-sheet-skill-tags>small{grid-column:2;grid-row:1}
body[data-route="team"] .team-sheet-side.blue .team-skill-tag-line{grid-column:1;grid-row:1;justify-content:flex-end}
body[data-route="team"] .team-sheet-skill-tags>small{font-size:7px!important;letter-spacing:0;white-space:normal!important}
body[data-route="team"] .team-skill-tag-line{
  display:flex;
  min-width:0;
  align-items:center;
  gap:3px;
  overflow:hidden;
}
body[data-route="team"] .team-skill-tag{
  flex:0 1 auto;
  min-width:0;
  overflow:hidden;
  border:0;
  border-left:3px solid var(--tag-border,var(--line-strong));
  border-radius:2px;
  background:var(--tag-bg,#eef2f5);
  padding:2px 4px;
  color:var(--tag-fg,#344b5c);
  font-size:7px;
  font-weight:800;
  line-height:1.15;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body[data-route="team"] .team-skill-tag.tone-engage{--tag-bg:var(--tag-engage-bg);--tag-fg:var(--tag-engage-fg);--tag-border:var(--tag-engage-border)}
body[data-route="team"] .team-skill-tag.tone-disengage{--tag-bg:var(--tag-disengage-bg);--tag-fg:var(--tag-disengage-fg);--tag-border:var(--tag-disengage-border)}
body[data-route="team"] .team-skill-tag.tone-physical{--tag-bg:var(--tag-physical-bg);--tag-fg:var(--tag-physical-fg);--tag-border:var(--tag-physical-border)}
body[data-route="team"] .team-skill-tag.tone-poke{--tag-bg:var(--tag-poke-bg);--tag-fg:var(--tag-poke-fg);--tag-border:var(--tag-poke-border)}
body[data-route="team"] .team-skill-tag.tone-control{--tag-bg:var(--tag-control-bg);--tag-fg:var(--tag-control-fg);--tag-border:var(--tag-control-border)}
body[data-route="team"] .team-skill-tag.tone-magic{--tag-bg:var(--tag-magic-bg);--tag-fg:var(--tag-magic-fg);--tag-border:var(--tag-magic-border)}
body[data-route="team"] .team-skill-tag.tone-support{--tag-bg:var(--tag-support-bg);--tag-fg:var(--tag-support-fg);--tag-border:var(--tag-support-border)}

body[data-route="team"] .team-lane-center{
  grid-template-rows:54px 26px 18px 11px!important;
  place-items:stretch!important;
  justify-items:stretch!important;
}
body[data-route="team"] .team-lane-role{place-self:center;justify-items:center!important;width:100%!important}
body[data-route="team"] .team-lane-role>.official-role-icon{place-self:center!important;margin:0!important}
body[data-route="team"] .team-lane-role>.official-role-icon .ui-icon{width:30px!important;height:30px!important;flex-basis:30px!important;background:transparent}
body[data-route="team"] .team-lane-role>b{justify-self:stretch!important;text-align:center!important}
body[data-route="team"] .team-lane-percent{place-self:center!important}

/* Final Champions + Skills visual dashboard. */
.final-library-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:14px;align-items:start}
.final-champion-page{display:grid;gap:14px;min-width:0}
.final-champion-hero,.final-card{border:1px solid #b9c8d5;border-radius:14px;background:#fff;box-shadow:0 14px 36px rgba(21,45,68,.09);overflow:hidden}
.final-champion-hero{display:grid;grid-template-columns:120px minmax(0,1fr) minmax(250px,.42fr);gap:16px;align-items:stretch;padding:16px;border-top:5px solid #1769aa;background:radial-gradient(circle at 88% 12%,rgba(23,105,170,.14),transparent 34%),linear-gradient(135deg,#f3f9ff,#fff 54%,#f8fbfd)}
.final-splash{position:relative;display:grid;place-items:center;min-height:132px;border-radius:14px;background:#101b2b;overflow:hidden}
.final-splash .portrait.lg{width:104px;height:120px;border-color:#d6b665;border-radius:10px}
.final-splash>span{position:absolute;right:8px;top:8px;min-width:34px;border-radius:999px;background:#d6b665;color:#101b2b;padding:4px 8px;text-align:center;font-size:11px;font-weight:900}
.final-hero-copy{min-width:0;align-self:center}.final-hero-copy>small{color:#517083;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.final-hero-copy h2{margin:4px 0;font-size:34px;line-height:1}.final-hero-copy p{margin:0;color:#405365;font-size:13px;line-height:1.45}
.final-hero-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.final-hero-tags>span{display:inline-flex;align-items:center;gap:6px;min-height:34px;border:1px solid #c9d6e0;border-radius:8px;background:#fff;padding:5px 8px}.final-hero-tags .term-icon{width:22px;height:22px}.final-hero-tags b{font-size:11px}
.final-champion-hero aside{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:center}
.final-champion-hero aside span,.final-facts>div>span,.final-stat-grid>span{border:1px solid #d4dde5;border-radius:10px;background:rgba(255,255,255,.82);padding:10px}
.final-champion-hero aside small,.final-facts small,.final-stat-grid small{display:block;color:#607789;font-size:9px;font-weight:900;text-transform:uppercase}
.final-champion-hero aside b,.final-facts b,.final-stat-grid b{display:block;margin-top:3px;color:#142536;font-size:18px}
.final-card>.section-head{margin:0;border-bottom:1px solid #d5e0e8;background:linear-gradient(90deg,#edf6fd,#fff);padding:12px 14px}.final-card>.section-head h3{font-size:16px}.final-card>.section-head span{font-size:10px}
.final-rating-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:14px}.final-rating-grid article{display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px;align-items:center;border:1px solid #d4dde5;border-radius:12px;background:#fbfdff;padding:10px}.final-rating-grid i{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#102235}.final-rating-grid i svg{width:22px;height:22px;stroke:#d6b665}.final-rating-grid small,.final-difficulty small{display:block;color:#607789;font-size:9px;font-weight:900;text-transform:uppercase}.final-rating-grid b,.final-difficulty b{display:block;font-size:18px}.final-rating-grid em{grid-column:1/-1;display:block;height:8px;border-radius:999px;background:#e6edf3;overflow:hidden}.final-rating-grid em strong{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1769aa,#39bdf8)}
.final-difficulty{display:grid;grid-template-columns:220px minmax(0,1fr);gap:10px;align-items:center;border-top:1px solid #e1e8ef;padding:12px 14px}.final-difficulty>span{display:grid;grid-template-columns:30px 1fr auto;gap:8px;align-items:center;border:1px solid #d4dde5;border-radius:10px;padding:8px}.final-difficulty svg{width:24px;height:24px}.final-difficulty p{margin:0;color:#405365;font-size:12px}
.final-ability-kit{padding-bottom:14px}.final-kit-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:14px;background:#f8fbfd}.final-kit-strip>span{display:grid;grid-template-columns:54px minmax(0,1fr);grid-template-rows:auto auto;gap:2px 8px;align-items:center;min-height:70px;border:1px solid #c7d4de;border-radius:12px;background:#102235;color:#eaf5ff;padding:8px}.final-kit-strip>span.active{border-color:#d6b665;box-shadow:0 0 0 3px rgba(214,182,101,.22)}.final-kit-strip img,.final-kit-strip i{grid-row:1/3;width:54px;height:54px;border:1px solid #7f93a6;border-radius:10px;object-fit:cover;background:#1a2c40}.final-kit-strip i{display:grid;place-items:center;color:#d6b665;font-style:normal;font-weight:900}.final-kit-strip b{color:#fff;font-size:15px}.final-kit-strip small{overflow:hidden;color:#aabfd0;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.final-passive,.final-main-skills,.final-extra-forms{padding:0 14px}.final-main-skills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.final-passive{margin-bottom:12px}
.final-skill-card{display:grid;gap:10px;min-width:0;border:1px solid #cfdbe4;border-left:5px solid #7b93a8;border-radius:13px;background:#fff;padding:12px}.final-skill-card.passive{border-left-color:#d6b665;background:linear-gradient(90deg,#fffaf0,#fff 42%)}.final-skill-card.slot-q{border-left-color:#2f80ed}.final-skill-card.slot-w{border-left-color:#23a56f}.final-skill-card.slot-e{border-left-color:#8e5bd5}.final-skill-card.slot-r{border-left-color:#b31d2c}.final-skill-card.is-strong{box-shadow:0 0 0 3px rgba(214,182,101,.18)}.final-skill-card.high-impact{border-top:3px solid #b31d2c}.final-skill-card.mid-impact{border-top:3px solid #d39b2a}
.final-skill-card header{display:grid;grid-template-columns:42px 64px minmax(0,1fr) auto;gap:10px;align-items:center}.final-skill-slot{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#102235;color:#d6b665;font-size:14px;font-weight:900}.final-skill-card header img,.final-skill-card header i{width:64px;height:64px;border:1px solid #b7c7d3;border-radius:12px;object-fit:cover}.final-skill-card header i{display:grid;place-items:center;background:#edf3f7;color:#526578;font-style:normal;font-weight:900}.final-skill-card header small,.final-skill-card header em{display:block;overflow:hidden;color:#607789;font-size:10px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.final-skill-card h3{margin:3px 0;overflow:hidden;color:#142536;font-size:17px;text-overflow:ellipsis;white-space:nowrap}.final-strong-badge{border-radius:999px;background:#fff1bd;color:#6b4d00;padding:6px 9px;font-size:10px;white-space:nowrap}
.final-skill-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.final-skill-meta span{border:1px solid #d8e2ea;border-radius:9px;background:#f8fbfd;padding:8px}.final-skill-meta small,.final-skill-meta b{display:block}.final-skill-meta small{color:#607789;font-size:8px;font-weight:900;text-transform:uppercase}.final-skill-meta b{margin-top:3px;overflow:hidden;color:#142536;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.final-skill-card .wiki-skill-summary{margin:0;color:#405365!important;font-size:12px;line-height:1.5}.final-skill-card .wiki-skill-effects{display:flex;flex-wrap:wrap;gap:5px}.final-skill-card .wiki-skill-effects span{border:1px solid #d8e2ea;border-radius:7px;background:#f8fbfd;padding:5px 7px;color:#405365;font-size:10px}.final-skill-card footer{display:flex;flex-wrap:wrap;gap:5px}
.final-extra-forms{margin-top:14px}.final-extra-forms>.section-head{margin:0 0 10px;border:1px solid #d8e2ea;border-radius:10px;background:#f8fbfd;padding:10px}.final-extra-forms>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:10px}.final-skill-card.compact header{grid-template-columns:34px 52px minmax(0,1fr)}.final-skill-card.compact .final-skill-slot{width:34px;height:34px;font-size:11px}.final-skill-card.compact header img,.final-skill-card.compact header i{width:52px;height:52px}.final-skill-card.compact .final-strong-badge{grid-column:1/-1;justify-self:start}
.final-tag-taxonomy>div:not(.section-head){display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:14px}.final-tag-taxonomy article{border:1px solid #d8e2ea;border-radius:12px;background:#fbfdff;padding:10px}.final-tag-taxonomy article>b{display:flex;align-items:center;gap:7px;margin-bottom:8px;color:#142536;font-size:12px}.final-tag-taxonomy article svg{width:20px;height:20px}.final-tag-taxonomy p{display:flex;flex-wrap:wrap;gap:5px;margin:0}
.final-strengths{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px}.final-strengths article,.final-phase-notes article{border:1px solid #d8e2ea;border-radius:12px;background:#fbfdff;padding:12px}.final-strengths b{display:block;margin-bottom:6px;font-size:14px}.final-strengths p,.final-phase-notes p,.final-phase-notes small{margin:0;color:#405365;font-size:13px;line-height:1.55}.final-phase-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 14px 14px}.final-phase-notes header{display:flex;justify-content:space-between;gap:8px;margin-bottom:8px}.final-phase-notes header b{font-size:15px;text-transform:uppercase}.final-phase-notes header span{border-radius:999px;background:#eaf4ff;color:#1769aa;padding:3px 8px;font-size:10px;font-weight:900}.final-phase-notes small{display:block;margin-top:8px;border-top:1px solid #d8e2ea;padding-top:8px;color:#23384b;font-weight:700}
.final-facts>div{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:14px}.final-facts details{border-top:1px solid #e1e8ef;padding:12px 14px 14px}.final-facts summary{cursor:pointer;color:#1769aa;font-size:12px;font-weight:900}.final-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin-top:10px}
@media(max-width:1180px){.final-champion-hero{grid-template-columns:110px minmax(0,1fr)}.final-champion-hero aside{grid-column:1/-1;grid-template-columns:repeat(4,1fr)}.final-rating-grid,.final-tag-taxonomy>div:not(.section-head),.final-facts>div{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.final-library-layout{grid-template-columns:1fr}.final-main-skills,.final-strengths,.final-phase-notes{grid-template-columns:1fr}.final-kit-strip{grid-template-columns:repeat(5,140px);overflow:auto}.final-skill-card header{grid-template-columns:36px 56px minmax(0,1fr)}.final-skill-slot{width:36px;height:36px}.final-skill-card header img,.final-skill-card header i{width:56px;height:56px}.final-skill-card .final-strong-badge{grid-column:1/-1;justify-self:start}}
@media(max-width:620px){.final-champion-hero{grid-template-columns:1fr}.final-splash{max-width:160px}.final-champion-hero aside,.final-rating-grid,.final-tag-taxonomy>div:not(.section-head),.final-facts>div,.final-skill-meta,.final-difficulty{grid-template-columns:1fr}.final-hero-copy h2{font-size:28px}}

/* Check final pin: Counter / Matchup phải nằm đầu thanh phải và bám theo khi cuộn. */
body[data-route="finder"] .check-filter-console{
  position:relative!important;
  overflow:auto!important;
  align-content:start!important;
  scrollbar-width:thin;
}
body[data-route="finder"] .check-filter-console>.check-side-relations:first-child{
  position:sticky!important;
  top:0!important;
  z-index:80!important;
  margin:0 0 5px!important;
  border:1px solid #7f91a0!important;
  background:#fff!important;
  box-shadow:0 2px 0 #d2dde6,0 8px 18px rgba(20,43,62,.16)!important;
}
body[data-route="finder"] .check-filter-console>.check-side-relations:first-child::before{
  content:"COUNTER / MATCHUP";
  display:block;
  margin:0 0 3px;
  border-bottom:1px solid #d7e0e7;
  color:#1e3448;
  font-size:8px;
  font-weight:900;
  letter-spacing:.08em;
  text-align:center;
}
body[data-route="finder"] .check-filter-console>.check-side-relations:first-child~.check-side-relations{
  display:none!important;
}
body[data-route="finder"] .check-output,
body[data-route="finder"] footer.check-output,
body[data-route="finder"] .check-selector>.check-output{
  display:none!important;
  width:0!important;
  height:0!important;
  overflow:hidden!important;
}

/* Check final name clamp: tên tướng luôn 1 hàng, không tự tách chữ. */
body[data-route="finder"] .check-name-rail button,
body[data-route="finder"] .check-name-rail button>span,
body[data-route="finder"] .check-champ-label,
body[data-route="finder"] .check-champ-label b,
body[data-route="finder"] .check-champ-label small,
body[data-route="finder"] .check-selected-preview h3{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}
body[data-route="finder"] .check-champ-label{
  display:block!important;
  line-height:1.05!important;
}
body[data-route="finder"] .check-champ-label b,
body[data-route="finder"] .check-champ-label small{
  display:block!important;
}

/* Check v8: quan hệ tướng chọn nằm dưới grid, sidebar phải chỉ còn filter/preview. */
body[data-route="finder"] .check-body{
  grid-template-columns:230px minmax(620px,1fr) 300px!important;
}
body[data-route="finder"] .check-center{
  display:grid!important;
  grid-template-rows:minmax(0,1fr) auto!important;
  gap:5px!important;
  min-width:0!important;
  min-height:0!important;
  height:100%!important;
  overflow:hidden!important;
}
body[data-route="finder"] .check-center>.check-champion-grid{
  min-height:0!important;
  height:100%!important;
}
body[data-route="finder"] .check-name-rail button{
  min-height:24px!important;
  padding:3px 8px!important;
}
body[data-route="finder"] .check-name-rail button>span{
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}
body[data-route="finder"] .check-selected-relations{
  min-height:108px;
  border:1px solid #aeb8c1;
  background:#fff;
  box-shadow:0 4px 12px rgba(20,43,62,.08);
}
body[data-route="finder"] .check-selected-relations>header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  min-height:24px;
  border-bottom:1px solid #d6dee5;
  background:linear-gradient(90deg,#eef6ff,#fff);
  padding:4px 8px;
}
body[data-route="finder"] .check-selected-relations>header b{
  color:#142536;
  font-size:10px;
}
body[data-route="finder"] .check-selected-relations>header span{
  color:#607789;
  font-size:8px;
  font-weight:800;
  text-transform:uppercase;
}
body[data-route="finder"] .check-selected-relations>div{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1px;
  background:#c9d3dc;
}
body[data-route="finder"] .check-selected-relations article{
  min-width:0;
  background:#f8fafb;
}
body[data-route="finder"] .check-selected-relations article.danger{background:#fff0f1}
body[data-route="finder"] .check-selected-relations article.lane{background:#eef7ff}
body[data-route="finder"] .check-selected-relations article.success{background:#eff9f2}
body[data-route="finder"] .check-selected-relations article.warning{background:#fff8e6}
body[data-route="finder"] .check-selected-relations h4{
  display:grid;
  grid-template-columns:18px minmax(0,1fr) auto;
  align-items:center;
  gap:4px;
  margin:0;
  min-height:24px;
  border-bottom:1px solid rgba(0,0,0,.12);
  padding:3px 5px;
  font-size:8px;
}
body[data-route="finder"] .check-selected-relations h4 .term-icon{width:16px;height:16px}
body[data-route="finder"] .check-selected-relations h4 span{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body[data-route="finder"] .check-selected-relations p{
  display:flex;
  flex-wrap:wrap;
  align-content:flex-start;
  gap:3px;
  min-height:78px;
  margin:0;
  padding:5px;
}
body[data-route="finder"] .check-selected-relations button{
  max-width:100%;
  border:1px solid rgba(20,43,62,.16);
  border-radius:3px;
  background:#fff;
  padding:3px 5px;
  color:#1c3245;
  font-size:8px;
  font-weight:800;
  line-height:1;
  cursor:pointer;
  transition:background .14s ease,border-color .14s ease,transform .14s ease;
}
body[data-route="finder"] .check-selected-relations button:hover,
body[data-route="finder"] .check-selected-relations button:focus-visible{
  border-color:#165b91;
  background:#e5f3ff;
  transform:translateY(-1px);
}

/* Builds page: champion -> items, runes, level-up. */
.build-library-layout{grid-template-columns:360px minmax(0,1fr);align-items:start}
body[data-route="builds"] .library-list{position:static;max-height:none;overflow:visible}
body[data-route="builds"] .library-list>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
body[data-route="builds"] .library-list button{min-height:48px}
.build-page{display:grid;gap:14px;min-width:0}
.build-quick-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #cbd9e4;border-radius:14px;background:linear-gradient(90deg,#102235,#173a5b);padding:10px 12px;color:#dcecff;box-shadow:0 14px 34px rgba(15,34,54,.14)}
.build-quick-actions button{display:inline-flex;align-items:center;gap:9px;min-height:46px;border:1px solid rgba(214,182,101,.55);border-radius:12px;background:#fff;color:#102235;padding:7px 12px;font-weight:900;cursor:pointer}
.build-quick-actions button:hover{transform:translateY(-1px);box-shadow:0 10px 18px rgba(0,0,0,.16)}
.build-quick-actions .portrait{width:30px;height:30px}
.build-quick-actions>span{font-size:12px;font-weight:800;letter-spacing:.02em}
.build-section,.build-source{border:1px solid #bfd0dc;border-radius:16px;background:#fff;box-shadow:0 14px 34px rgba(21,45,68,.08);overflow:hidden}
.build-section>.section-head{margin:0;border-bottom:1px solid #dbe5ec;background:linear-gradient(90deg,#eef7ff,#fff);padding:13px 15px}
.build-section>.section-head h3{font-size:18px}
.build-section>.section-head span{font-size:11px}
.build-style-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:14px}
.build-style-card{display:grid;gap:12px;border:1px solid #d2dee7;border-radius:14px;background:#fbfdff;padding:13px}
.build-style-card header{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;align-items:center;border-bottom:1px solid #e1e9f0;padding-bottom:10px}
.build-style-card header>span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#102235;color:#d6b665}
.build-style-card header svg{width:25px;height:25px;stroke:#d6b665}
.build-style-card header small{display:block;overflow:hidden;color:#607789;font-size:10px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}
.build-style-card header h3{margin:2px 0 0;color:#122334;font-size:18px}
.build-row{display:grid;grid-template-columns:88px minmax(0,1fr);gap:10px;align-items:start}
.build-row>b{padding-top:9px;color:#355065;font-size:11px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.build-row>p{display:flex;flex-wrap:wrap;gap:7px;margin:0}
.build-row.core .build-item-chip{border-color:#d6b665;background:#fffaf0}
.build-item-chip{position:relative;display:grid;grid-template-columns:38px minmax(82px,1fr);grid-template-rows:auto auto;gap:2px 8px;align-items:center;min-height:50px;max-width:190px;border:1px solid #cfdce6;border-radius:11px;background:#fff;padding:6px 8px 6px 6px}
.build-item-chip img,.build-item-chip i{grid-row:1/3;width:38px;height:38px;border:1px solid #9fb0bd;border-radius:9px;object-fit:cover;background:#102235}
.build-item-chip i{display:grid;place-items:center;color:#d6b665;font-style:normal;font-weight:900}
.build-item-chip b{overflow:hidden;color:#16293a;font-size:11px;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}
.build-item-chip b em{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-right:5px;border-radius:999px;background:#102235;color:#d6b665;font-style:normal;font-size:10px}
.build-item-chip small{color:#657b8c;font-size:10px;font-weight:800}
.build-bottom-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:14px}
.rune-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px}
.rune-columns article{display:grid;gap:8px;border:1px solid #d2dee7;border-radius:14px;background:#fbfdff;padding:12px}
.rune-columns article>header{display:grid;grid-template-columns:42px minmax(0,1fr);gap:2px 10px;align-items:center;border-bottom:1px solid #e1e9f0;padding-bottom:9px}
.rune-columns article>header>b{color:#122334;font-size:16px}
.rune-columns article>header>small{color:#607789;font-size:10px;font-weight:850}
.rune-columns span{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;min-height:42px;border:1px solid #dbe5ec;border-radius:10px;background:#fff;padding:6px 9px 6px 6px}
.rune-columns span.keystone{border-color:#d6b665;background:#fff8df}
.rune-columns img.rune,.rune-columns i.rune{width:34px;height:34px;border:1px solid #aebdca;border-radius:50%;background:#102235;object-fit:cover}
.rune-columns img.rune-style,.rune-columns i.rune-style{grid-row:1/3;width:42px;height:42px;border:1px solid #aebdca;border-radius:12px;background:#102235;object-fit:cover}
.rune-columns i.rune,.rune-columns i.rune-style{display:grid;place-items:center;color:#d6b665;font-style:normal;font-weight:950}
.rune-columns em{overflow:hidden;color:#22394e;font-style:normal;font-size:13px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}
.rune-columns .rune-shards{border-top:1px solid #dde7ef;padding-top:8px;color:#607789;font-size:11px;font-weight:800}
.rune-panel>p{margin:0 14px 14px;border-radius:10px;background:#f0f7ff;color:#2d4b64;padding:10px 12px;font-size:12px;line-height:1.45}
.level-grid{display:grid;grid-template-columns:repeat(9,minmax(42px,1fr));gap:8px;padding:14px}
.level-grid span{display:grid;place-items:center;gap:3px;border:1px solid #d1dee8;border-radius:10px;background:#fbfdff;padding:7px 4px}
.level-grid small{color:#5f7486;font-size:9px;font-weight:900}
.level-grid img,.level-grid i{width:32px;height:32px;border:1px solid #9fb0bd;border-radius:8px;object-fit:cover;background:#102235}
.level-grid i{display:grid;place-items:center;color:#d6b665;font-style:normal;font-weight:900}
.level-grid b{font-size:12px}
.level-grid .slot-r{border-color:#d68b95;background:#fff1f3}
.level-priority{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 14px 14px}
.level-priority span{display:grid;grid-template-columns:32px 42px minmax(0,1fr);gap:2px 8px;align-items:center;border:1px solid #d2dee7;border-radius:12px;background:#f8fbfd;padding:8px}
.level-priority b{grid-row:1/3;display:grid;place-items:center;min-height:42px;border-radius:10px;background:#102235;color:#d6b665}
.level-priority img,.level-priority i{grid-row:1/3;width:42px;height:42px;border:1px solid #9fb0bd;border-radius:10px;background:#102235;object-fit:cover}
.level-priority i{display:grid;place-items:center;color:#d6b665;font-style:normal;font-weight:950}
.level-priority em{color:#132536;font-size:13px;font-style:normal;font-weight:900}
.level-priority small{overflow:hidden;color:#607789;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.build-source{display:grid;gap:10px;padding:14px;background:linear-gradient(135deg,#fffaf0,#fff)}
.build-source h3{margin:0;color:#132536;font-size:18px}
.build-source p{margin:0;color:#405365;font-size:13px;line-height:1.55}
.build-source div{display:flex;flex-wrap:wrap;gap:8px}
.build-source span{border:1px solid #d6b665;border-radius:999px;background:#fff;color:#6b4d00;padding:6px 9px;font-size:11px;font-weight:900}
@media(max-width:1100px){.build-style-grid,.build-bottom-grid{grid-template-columns:1fr}.build-row{grid-template-columns:74px minmax(0,1fr)}}
@media(max-width:900px){.build-library-layout{grid-template-columns:1fr}body[data-route="builds"] .library-list>div{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.build-quick-actions{align-items:stretch;flex-direction:column}body[data-route="builds"] .library-list>div,.rune-columns,.level-priority{grid-template-columns:1fr}.level-grid{grid-template-columns:repeat(6,minmax(42px,1fr))}.build-style-grid{padding:10px}.build-row{grid-template-columns:1fr}.build-row>b{padding-top:0}.build-item-chip{max-width:none}}

/* Draft support board: lower ban-pick assistant, pool import and master pool. */
body[data-route="draft"] .draft-support-deck{
  display:grid;
  gap:12px;
  margin-top:12px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:16px;
  background:linear-gradient(180deg,#0a1018,#090d13);
  color:#dfe8f3;
  padding:12px;
  box-shadow:0 24px 56px rgba(2,8,18,.24);
}
body[data-route="draft"] .draft-support-deck>.section-head{
  margin:0;
  border-bottom:1px solid rgba(255,255,255,.1);
  padding-bottom:9px;
}
body[data-route="draft"] .draft-support-deck h3{color:#fff}
body[data-route="draft"] .draft-support-deck .section-head span{color:#8d9bac}
body[data-route="draft"] .draft-support-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,.8fr) minmax(320px,1fr);
  gap:10px;
  align-items:stretch;
}
body[data-route="draft"] .draft-support-grid>section,
body[data-route="draft"] .draft-pool-board{
  min-width:0;
  border:1px solid rgba(255,255,255,.11);
  border-radius:14px;
  background:rgba(255,255,255,.045);
  box-shadow:none;
}
body[data-route="draft"] .draft-pool-import{
  display:grid;
  gap:10px;
  padding:12px;
}
body[data-route="draft"] .draft-pool-import .section-head{margin:0}
body[data-route="draft"] .draft-pool-import a{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  border:1px solid rgba(21,151,255,.5);
  border-radius:10px;
  background:rgba(21,151,255,.13);
  color:#dff2ff;
  padding:6px 10px;
  font-size:11px;
  font-weight:900;
  text-decoration:none;
}
body[data-route="draft"] .draft-pool-import label{
  display:grid;
  gap:6px;
  color:#9aa8b8;
  font-size:9px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
}
body[data-route="draft"] .draft-pool-import textarea{
  min-height:112px;
  resize:vertical;
  border:1px solid rgba(255,255,255,.16);
  border-radius:12px;
  background:#050912;
  color:#f7fbff;
  padding:10px 11px;
  font-size:12px;
  line-height:1.45;
  outline:none;
}
body[data-route="draft"] .draft-pool-import textarea:focus{border-color:#1597ff;box-shadow:0 0 0 3px rgba(21,151,255,.18)}
body[data-route="draft"] .pool-import-actions{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
}
body[data-route="draft"] .pool-import-actions button,
body[data-route="draft"] .pool-summary button{
  min-height:38px;
  border:1px solid rgba(214,182,101,.45);
  border-radius:10px;
  background:#101823;
  color:#f4e6b5;
  padding:7px 8px;
  font-size:10px;
  font-weight:950;
  cursor:pointer;
}
body[data-route="draft"] .pool-import-actions button:hover,
body[data-route="draft"] .pool-summary button:hover{border-color:#f4d982;background:#192535}
body[data-route="draft"] .draft-pool-import p{
  margin:0;
  color:#94a3b5;
  font-size:11px;
  line-height:1.5;
}
body[data-route="draft"] .pool-summary{
  display:grid;
  grid-template-columns:repeat(4,minmax(80px,1fr)) repeat(3,auto);
  gap:8px;
  margin-bottom:10px;
}
body[data-route="draft"] .pool-summary>span{
  display:grid;
  gap:2px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:12px;
  background:#0d141e;
  padding:8px 10px;
}
body[data-route="draft"] .pool-summary small{color:#8d9bac;font-size:8px;font-weight:900;text-transform:uppercase}
body[data-route="draft"] .pool-summary b{color:#fff;font-size:20px}
body[data-route="draft"] .pool-summary .blue{border-color:rgba(21,151,255,.35)}
body[data-route="draft"] .pool-summary .red{border-color:rgba(240,55,73,.35)}
body[data-route="draft"] .pool-summary .shared{border-color:rgba(34,197,94,.35)}
body[data-route="draft"] .pool-summary .master{border-color:rgba(214,182,101,.4)}
body[data-route="draft"] .pool-grid>article{grid-template-columns:38px minmax(0,1fr) auto auto auto auto}
body[data-route="draft"] .pool-grid article>label input:checked+span{border-color:#22c55e;background:rgba(34,197,94,.18);color:#b7f7cb}
body[data-route="draft"] .draft-workbook-controls,
body[data-route="draft"] .draft-contract{background:rgba(255,255,255,.045);color:#dfe8f3}
body[data-route="draft"] .draft-contract p,
body[data-route="draft"] .draft-workbook-controls b{color:#dfe8f3}
body[data-route="draft"] .page-intro,
body[data-route="draft"] .series-scoreboard,
body[data-route="draft"] .draft-controls{display:none!important}
body[data-route="draft"] #app-main{max-width:1920px;padding-top:10px}
body[data-route="draft"] .draft-match-screen{
  position:relative;
  display:grid;
  gap:10px;
  min-height:calc(100dvh - 104px);
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  background:radial-gradient(circle at 50% 20%,rgba(214,182,101,.12),transparent 32%),linear-gradient(180deg,#070b11,#0b111a);
  padding:10px;
  overflow:hidden;
}
body[data-route="draft"] .draft-top-ban-board{
  display:grid;
  grid-template-columns:minmax(0,1fr) 86px minmax(0,1fr);
  gap:8px;
  align-items:stretch;
}
body[data-route="draft"] .draft-ban-vs{
  display:grid;
  place-items:center;
  min-height:74px;
  border:1px solid rgba(214,182,101,.42);
  border-radius:12px;
  background:#080d14;
  color:#d6b665;
  font-size:13px;
  font-weight:950;
  letter-spacing:.18em;
}
body[data-route="draft"] .draft-top-ban-board .draft-ban-panel{
  min-height:74px;
  grid-template-columns:70px minmax(0,1fr);
}
body[data-route="draft"] .draft-top-ban-board .draft-ban-panel header{
  min-height:72px;
}
body[data-route="draft"] .draft-top-ban-board .draft-ban-slots button{
  min-height:72px;
}
body[data-route="draft"] .pro-draft-board{
  grid-template-columns:minmax(0,1fr) 132px minmax(0,1fr);
  gap:10px;
  padding:0;
}
body[data-route="draft"] .broadcast-roster,
body[data-route="draft"] .broadcast-picks,
body[data-route="draft"] .broadcast-pick{min-height:468px}
body[data-route="draft"] .broadcast-pick,
body[data-route="draft"] .draft-ban-slots button{
  position:relative;
  transition:border-color .18s ease,box-shadow .18s ease,filter .18s ease;
}
body[data-route="draft"] .broadcast-pick.active-turn,
body[data-route="draft"] .draft-ban-slots button.active-turn{
  border-color:#f4d982!important;
  box-shadow:0 0 0 2px rgba(244,217,130,.95),0 0 28px rgba(244,217,130,.52),inset 0 0 22px rgba(244,217,130,.18)!important;
  z-index:3;
}
body[data-route="draft"] .broadcast-pick.active-turn::before,
body[data-route="draft"] .draft-ban-slots button.active-turn::before{
  content:"";
  position:absolute;
  inset:6px;
  border:2px solid rgba(244,217,130,.86);
  border-radius:inherit;
  pointer-events:none;
}
body[data-route="draft"] .draft-center{
  min-height:468px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:10px;
  border:1px solid rgba(214,182,101,.35);
  border-radius:16px;
  background:linear-gradient(180deg,#111824,#070b11);
  box-shadow:inset 0 0 38px rgba(214,182,101,.12);
}
body[data-route="draft"] .draft-center.blue{box-shadow:inset 0 0 42px rgba(21,151,255,.24)}
body[data-route="draft"] .draft-center.red{box-shadow:inset 0 0 42px rgba(240,55,73,.24)}
body[data-route="draft"] .draft-center b{
  width:74px;
  height:74px;
  border-color:#f4d982;
  color:#f4d982;
  box-shadow:0 0 24px rgba(244,217,130,.45);
}
body[data-route="draft"] .draft-center span{max-width:112px;text-align:center}
body[data-route="draft"] .draft-center>div{display:grid;gap:6px;width:100%}
body[data-route="draft"] .draft-center button{
  min-height:34px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:9px;
  background:#111a26;
  color:#dfe8f3;
  font-size:10px;
  font-weight:900;
  cursor:pointer;
}
body[data-route="draft"] .fearless-single{
  margin-top:0;
  padding:8px;
}
body[data-route="draft"] .fearless-single>header{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:8px;
}
body[data-route="draft"] .fearless-single>header b{color:#fff}
body[data-route="draft"] .fearless-single>header span{margin-right:auto;color:#93a3b5;font-size:10px}
body[data-route="draft"] .fearless-single>header button{min-height:32px;border:1px solid rgba(21,151,255,.5);border-radius:9px;background:rgba(21,151,255,.14);color:#dff2ff;font-weight:900;cursor:pointer}
body[data-route="draft"] .fearless-match-list{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:7px;
}
body[data-route="draft"] .fearless-match-list article{
  min-width:0;
  border:1px solid rgba(255,255,255,.1);
  border-radius:10px;
  background:rgba(255,255,255,.035);
  padding:7px;
}
body[data-route="draft"] .fearless-match-list strong{display:block;margin-bottom:5px;color:#f4d982;font-size:10px}
body[data-route="draft"] .fearless-match-list div{display:flex;align-items:center;gap:3px;min-height:30px}
body[data-route="draft"] .fearless-match-list small{width:44px;color:#93a3b5;font-size:8px;font-weight:900}
body[data-route="draft"] .fearless-match-list button{display:inline-grid;grid-template-columns:26px minmax(0,1fr) 14px;gap:4px;align-items:center;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#111a26;color:#dfe8f3;padding:2px 5px 2px 2px;cursor:pointer}
body[data-route="draft"] .fearless-match-list button .portrait{width:26px;height:26px;border:0}
body[data-route="draft"] .fearless-match-list button b{max-width:70px;overflow:hidden;font-size:8px;text-overflow:ellipsis;white-space:nowrap}
body[data-route="draft"] .draft-needs-icons{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
body[data-route="draft"] .draft-needs-icons article{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:5px;
  min-height:42px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:12px;
  background:rgba(255,255,255,.035);
  padding:8px;
}
body[data-route="draft"] .draft-needs-icons b{margin-right:6px;color:#fff;font-size:10px;text-transform:uppercase}
body[data-route="draft"] .broadcast-roster.turn-side>header,
body[data-route="draft"] .draft-ban-panel.turn-side header{
  color:#fff;
  box-shadow:inset 0 -3px 0 currentColor,0 0 24px color-mix(in srgb,currentColor 24%,transparent);
}
body[data-route="draft"] .broadcast-roster.blue.turn-side>header,
body[data-route="draft"] .draft-ban-panel.blue.turn-side header{color:#5fc7ff}
body[data-route="draft"] .broadcast-roster.red.turn-side>header,
body[data-route="draft"] .draft-ban-panel.red.turn-side header{color:#ff6b7a}
body[data-route="draft"] .broadcast-pick.active-turn,
body[data-route="draft"] .draft-ban-slots button.active-turn{
  border-color:currentColor!important;
  animation:draft-current-ring 1.35s ease-in-out infinite;
}
body[data-route="draft"] .broadcast-roster.blue .broadcast-pick.active-turn,
body[data-route="draft"] .draft-ban-panel.blue .draft-ban-slots button.active-turn{
  color:#5fc7ff;
  box-shadow:0 0 0 2px rgba(95,199,255,.9),0 0 30px rgba(95,199,255,.52),inset 0 0 24px rgba(95,199,255,.18)!important;
}
body[data-route="draft"] .broadcast-roster.red .broadcast-pick.active-turn,
body[data-route="draft"] .draft-ban-panel.red .draft-ban-slots button.active-turn{
  color:#ff6b7a;
  box-shadow:0 0 0 2px rgba(255,107,122,.9),0 0 30px rgba(255,107,122,.52),inset 0 0 24px rgba(255,107,122,.18)!important;
}
body[data-route="draft"] .draft-turn-arrow{
  position:absolute;
  top:10px;
  z-index:5;
  display:grid;
  width:30px;
  height:30px;
  place-items:center;
  border-radius:999px;
  background:currentColor;
  color:#071018;
  font-size:18px;
  line-height:1;
  box-shadow:0 0 18px currentColor;
  animation:draft-arrow-nudge .9s ease-in-out infinite;
}
body[data-route="draft"] .broadcast-roster.blue .draft-turn-arrow,
body[data-route="draft"] .draft-ban-panel.blue .draft-turn-arrow{right:10px}
body[data-route="draft"] .broadcast-roster.red .draft-turn-arrow,
body[data-route="draft"] .draft-ban-panel.red .draft-turn-arrow{left:10px;transform:scaleX(-1)}
body[data-route="draft"] .draft-lane-badge{
  display:flex;
  align-items:center;
  gap:5px;
  min-width:0;
  color:#fff;
  font-size:9px;
  font-weight:950;
  text-transform:uppercase;
  text-shadow:0 1px 4px rgba(0,0,0,.75);
}
body[data-route="draft"] .draft-lane-badge :where(.official-role-icon,em){
  display:inline-grid!important;
  width:19px!important;
  height:19px!important;
  min-width:19px!important;
  place-items:center;
  color:#fff!important;
  filter:brightness(0) invert(1) drop-shadow(0 1px 3px rgba(0,0,0,.65));
  opacity:.96;
}
body[data-route="draft"] .draft-lane-badge :where(svg,.ui-icon){width:18px!important;height:18px!important;object-fit:contain}
body[data-route="draft"] .draft-lane-badge small,
body[data-route="draft"] .draft-lane-badge b{font-size:9px;line-height:1;color:#fff}
body[data-route="draft"] .draft-lane-badge b{opacity:.82}
body[data-route="draft"] .draft-pick-copy>small{display:none!important}
body[data-route="draft"] .draft-center.idle{
  border-style:dashed;
  box-shadow:inset 0 0 38px rgba(214,182,101,.1);
}
body[data-route="draft"] .draft-center.blue{border-color:rgba(95,199,255,.55)}
body[data-route="draft"] .draft-center.red{border-color:rgba(255,107,122,.55)}
body[data-route="draft"] .draft-center.blue b{border-color:#5fc7ff;color:#5fc7ff;box-shadow:0 0 28px rgba(95,199,255,.52)}
body[data-route="draft"] .draft-center.red b{border-color:#ff6b7a;color:#ff6b7a;box-shadow:0 0 28px rgba(255,107,122,.52)}
body[data-route="draft"] .draft-flow-score{
  display:grid!important;
  grid-template-columns:1fr 30px 1fr;
  align-items:center;
  width:100%;
  gap:5px;
  font-variant-numeric:tabular-nums;
}
body[data-route="draft"] .draft-flow-score i,
body[data-route="draft"] .draft-flow-score em{
  display:grid;
  min-height:30px;
  place-items:center;
  border:1px solid rgba(255,255,255,.12);
  border-radius:8px;
  background:rgba(255,255,255,.05);
  font-style:normal;
  font-weight:950;
}
body[data-route="draft"] .draft-flow-score .blue{color:#5fc7ff}
body[data-route="draft"] .draft-flow-score .red{color:#ff6b7a}
body[data-route="draft"] .draft-center.blue .draft-flow-score .blue,
body[data-route="draft"] .draft-center.red .draft-flow-score .red{background:currentColor;color:#071018}
body[data-route="draft"] .draft-flow-actions{display:grid!important;gap:7px;width:100%}
body[data-route="draft"] .draft-flow-actions .primary{border-color:#f4d982;background:#f4d982;color:#0b1119}
body[data-route="draft"] .draft-needs-icons b{font-size:13px;letter-spacing:.08em}
body[data-route="draft"] .draft-needs-icons .pill,
body[data-route="draft"] .draft-needs-icons span{font-size:11px}
body[data-route="draft"] .draft-lane-badge.clean{
  display:inline-flex;
  max-width:100%;
  align-items:center;
  gap:6px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  background:linear-gradient(90deg,rgba(8,13,20,.68),rgba(8,13,20,.28));
  padding:4px 7px 4px 4px;
  color:#fff;
  text-shadow:0 1px 4px rgba(0,0,0,.72);
}
body[data-route="draft"] .draft-lane-badge.clean :where(.official-role-icon,em){display:none!important}
body[data-route="draft"] .draft-role-mark{
  display:inline-grid!important;
  grid-template-columns:13px auto;
  width:auto!important;
  height:22px!important;
  min-width:42px!important;
  align-items:center;
  gap:3px;
  border:0!important;
  border-radius:999px;
  background:rgba(255,255,255,.12)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)!important;
  color:#fff!important;
  filter:none!important;
  font-style:normal;
  padding:2px 6px 2px 4px;
}
body[data-route="draft"] .draft-role-mark>em{
  display:block!important;
  width:11px!important;
  height:11px!important;
  min-width:11px!important;
  border:0!important;
  border-radius:2px;
  background:currentColor!important;
  filter:none!important;
  opacity:.96;
}
body[data-route="draft"] .draft-role-mark>strong{
  color:#fff;
  font-size:7px;
  font-weight:950;
  line-height:1;
  letter-spacing:.03em;
}
body[data-route="draft"] .draft-role-mark.role-top>em{clip-path:polygon(0 0,100% 0,100% 26%,26% 26%,26% 100%,0 100%)}
body[data-route="draft"] .draft-role-mark.role-jungle>em{border-radius:999px}
body[data-route="draft"] .draft-role-mark.role-mid>em{transform:rotate(45deg)}
body[data-route="draft"] .draft-role-mark.role-ad>em{clip-path:polygon(0 43%,70% 43%,70% 18%,100% 50%,70% 82%,70% 57%,0 57%)}
body[data-route="draft"] .draft-role-mark.role-support>em{clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%)}
body[data-route="draft"] .draft-lane-badge.clean small{
  color:#fff;
  font-size:9px;
  font-weight:950;
  line-height:1;
}
body[data-route="draft"] .draft-lane-badge.clean>b{
  display:block!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:rgba(255,255,255,.76)!important;
  font-size:8px!important;
  font-weight:900!important;
  line-height:1!important;
}
body[data-route="draft"] .draft-countdown{
  --draft-clock-deg:360deg;
  display:grid!important;
  width:92px!important;
  height:92px!important;
  place-items:center;
  border-radius:999px;
  background:
    radial-gradient(circle at center,#08101a 0 55%,transparent 56%),
    conic-gradient(#f4d982 var(--draft-clock-deg),rgba(255,255,255,.12) 0);
  box-shadow:0 0 24px rgba(244,217,130,.26),inset 0 0 0 1px rgba(255,255,255,.14);
}
body[data-route="draft"] .draft-center.blue .draft-countdown{background:radial-gradient(circle at center,#08101a 0 55%,transparent 56%),conic-gradient(#5fc7ff var(--draft-clock-deg),rgba(255,255,255,.12) 0);box-shadow:0 0 24px rgba(95,199,255,.25),inset 0 0 0 1px rgba(255,255,255,.14)}
body[data-route="draft"] .draft-center.red .draft-countdown{background:radial-gradient(circle at center,#08101a 0 55%,transparent 56%),conic-gradient(#ff6b7a var(--draft-clock-deg),rgba(255,255,255,.12) 0);box-shadow:0 0 24px rgba(255,107,122,.25),inset 0 0 0 1px rgba(255,255,255,.14)}
body[data-route="draft"] .draft-countdown>span{
  display:grid!important;
  width:68px!important;
  height:68px!important;
  place-items:center;
  align-content:center;
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  background:linear-gradient(180deg,#111a27,#080d14);
}
body[data-route="draft"] .draft-countdown b{
  display:block!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:#fff!important;
  font-size:34px!important;
  font-weight:1000!important;
  line-height:.9!important;
  font-variant-numeric:tabular-nums;
}
body[data-route="draft"] .draft-countdown small{
  color:#9aa8b7!important;
  font-size:8px!important;
  font-weight:950!important;
  letter-spacing:.16em;
}
body[data-route="draft"] .draft-countdown[data-urgent="true"]{
  animation:draft-clock-danger .55s ease-in-out infinite;
}
body[data-route="draft"] .draft-countdown[data-expired="true"]{
  filter:saturate(.35);
  opacity:.78;
}
body[data-route="draft"] .draft-action-token{
  width:66px!important;
  height:44px!important;
  border-radius:10px!important;
  font-size:15px!important;
}
body[data-route="draft"] .broadcast-pick.locked-turn,
body[data-route="draft"] .draft-ban-slots button.locked-turn{
  cursor:not-allowed;
}
body[data-route="draft"] .broadcast-pick.locked-turn:not(.filled),
body[data-route="draft"] .draft-ban-slots button.locked-turn:not(.filled){
  opacity:.58;
  filter:saturate(.6) brightness(.82);
}
body[data-route="draft"] .broadcast-pick.locked-turn:hover,
body[data-route="draft"] .broadcast-pick.locked-turn:focus-visible,
body[data-route="draft"] .draft-ban-slots button.locked-turn:hover,
body[data-route="draft"] .draft-ban-slots button.locked-turn:focus-visible{
  outline:1px solid rgba(255,255,255,.18)!important;
  outline-offset:-3px!important;
  box-shadow:none!important;
}
@keyframes draft-clock-danger{
  0%,100%{transform:scale(1);filter:saturate(1)}
  50%{transform:scale(1.035);filter:saturate(1.45)}
}
@keyframes draft-current-ring{
  0%,100%{filter:saturate(1);outline:1px solid rgba(255,255,255,.35);outline-offset:-4px}
  50%{filter:saturate(1.24);outline:3px solid currentColor;outline-offset:-6px}
}
@keyframes draft-arrow-nudge{
  0%,100%{translate:0 0}
  50%{translate:4px 0}
}
@media(prefers-reduced-motion:reduce){
  body[data-route="draft"] .broadcast-pick.active-turn,
  body[data-route="draft"] .draft-ban-slots button.active-turn,
  body[data-route="draft"] .draft-turn-arrow,
  body[data-route="draft"] .draft-countdown{animation:none!important}
}
body[data-route="draft"] .draft-assistant-tab{
  position:fixed;
  right:0;
  top:50%;
  z-index:90;
  min-height:96px;
  border:1px solid rgba(244,217,130,.55);
  border-right:0;
  border-radius:14px 0 0 14px;
  background:#101823;
  color:#f4d982;
  writing-mode:vertical-rl;
  text-orientation:mixed;
  font-weight:950;
  cursor:pointer;
  box-shadow:0 12px 30px rgba(0,0,0,.28);
}
body[data-route="draft"] .draft-assistant.drawer{
  position:fixed;
  top:74px;
  right:0;
  bottom:0;
  z-index:100;
  width:min(420px,calc(100vw - 20px));
  display:grid;
  grid-template-rows:auto auto minmax(0,1fr);
  gap:10px;
  border-radius:18px 0 0 18px;
  background:#090f17;
  color:#dfe8f3;
  padding:14px;
  transform:translateX(102%);
  transition:transform .22s ease;
}
body[data-route="draft"] .draft-assistant.drawer.open{transform:translateX(0)}
body[data-route="draft"] .draft-assistant.drawer .section-head button{min-width:34px;min-height:34px;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:#111a26;color:#fff;cursor:pointer}
body[data-route="draft"] .draft-drawer-options{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px;
}
body[data-route="draft"] .draft-drawer-options label{cursor:pointer}
body[data-route="draft"] .draft-drawer-options input{position:absolute;opacity:0;pointer-events:none}
body[data-route="draft"] .draft-drawer-options span{display:grid;place-items:center;min-height:34px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:#101823;color:#aab7c5;font-size:10px;font-weight:900}
body[data-route="draft"] .draft-drawer-options input:checked+span{border-color:#22c55e;background:rgba(34,197,94,.15);color:#b7f7cb}
body[data-route="draft"] .draft-assistant.drawer .recommend-list{max-height:none;min-height:0}
body[data-route="draft"] .draft-support-deck.slim>.section-head{display:none}
body[data-route="draft"] .draft-support-deck.slim .draft-support-grid{grid-template-columns:1fr}
body[data-route="draft"] .draft-support-deck.slim .draft-pool-import p,
body[data-route="draft"] .draft-support-deck.slim .draft-pool-import a{display:none}
body[data-route="draft"] .draft-support-deck.slim .draft-pool-board .section-head span{display:none}
@media(max-width:1280px){
  body[data-route="draft"] .draft-support-grid{grid-template-columns:1fr}
  body[data-route="draft"] .pool-summary{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:720px){
  body[data-route="draft"] .pool-import-actions,
  body[data-route="draft"] .pool-summary{grid-template-columns:1fr}
  body[data-route="draft"] .pool-grid>article{grid-template-columns:38px minmax(0,1fr);align-items:start}
  body[data-route="draft"] .pool-grid article>button,
  body[data-route="draft"] .pool-grid article>label{grid-column:2}
}

/* Champion picker: large, compact decision surface with text-only semantic tags. */
dialog#champion-picker{
  display:none;
  grid-template-rows:auto auto auto auto minmax(0,1fr);
  width:min(1180px,calc(100vw - 32px));
  height:min(900px,92dvh);
  max-height:92dvh;
  border:1px solid #aebbc7;
  border-radius:12px;
  background:#f5f7fa!important;
  box-shadow:0 28px 80px rgba(10,25,38,.34);
}
body.picker-open dialog#champion-picker{display:grid}
#champion-picker .dialog-head{
  min-height:64px;
  padding:10px 18px;
  background:#122536;
  color:#fff;
}
#champion-picker .dialog-head b{font-size:18px;letter-spacing:.01em}
#champion-picker .dialog-head small{max-width:760px;color:#b9cad8;font-size:10px}
#champion-picker .dialog-head [data-action="close-picker"]{border-color:#526678;background:#1a3042;color:#fff}
#champion-picker .dialog-head [data-action="close-picker"]:hover,
#champion-picker .dialog-head [data-action="close-picker"]:focus-visible{border-color:#ff9ca5;background:#7d2630;color:#fff}
#champion-picker>.field{
  display:grid;
  grid-template-columns:120px minmax(0,1fr);
  align-items:center;
  gap:12px;
  padding:12px 18px;
  background:#fff;
}
#champion-picker>.field>span{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
#champion-picker #picker-search{
  min-height:48px;
  border:1px solid #93a5b5;
  border-radius:8px;
  background:#f8fafc;
  padding:9px 14px;
  color:#102536;
  font-size:16px;
}
#champion-picker #picker-search:focus{border-color:#1769a5;outline:3px solid rgba(23,105,165,.2)}
#champion-picker .picker-filters{background:#eef2f6}
#champion-picker .picker-filter-toolbar{min-height:48px;padding:7px 18px}
#champion-picker .picker-filter-toolbar strong{font-size:13px}
#champion-picker .picker-filter-toolbar small{font-size:10px}
#champion-picker .picker-filter-toolbar button{min-height:40px;border-radius:7px;padding:7px 12px;font-size:10px}
#champion-picker .picker-filter-groups{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  max-height:224px;
  padding:10px 18px;
}
#champion-picker .picker-filter-group{border-color:#c7d1da;border-radius:8px;padding:9px}
#champion-picker .picker-filter-group>header{margin-bottom:8px}
#champion-picker .picker-filter-group>header b{font-size:11px}
#champion-picker .picker-filter-group>header small{font-size:9px}
#champion-picker .filter-option{
  display:inline-flex;
  grid-template-columns:none;
  min-height:34px;
  gap:7px;
  border-radius:999px;
  padding:5px 9px;
  color:#33475a;
}
#champion-picker .filter-option>b{font-size:10px}
#champion-picker .filter-option>small{font-size:9px;font-variant-numeric:tabular-nums}
#champion-picker [data-picker-group="className"] .filter-option{border-color:#9bc2e2;background:#e5f2fc;color:#165d91}
#champion-picker [data-picker-group="damageProfile"] .filter-option{border-color:#dfc887;background:#fff5d7;color:#75580c}
#champion-picker [data-picker-group="damage"] .filter-option.tag-physical{border-color:#e7aba4;background:#fcebe8;color:#963d32}
#champion-picker [data-picker-group="damage"] .filter-option.tag-magic{border-color:#b8a4e5;background:#eee9fb;color:#60429a}
#champion-picker [data-picker-group="damage"] .filter-option.tag-hybrid{border-color:#7cc9b8;background:#e2f6f1;color:#166b5a}
#champion-picker [data-picker-group="damage"] .filter-option.tag-true{border-color:#9eaab5;background:#e9edf1;color:#263b4d}
#champion-picker .filter-option.selected{border-color:#1769a5;background:#dceeff;color:#0d4c79;box-shadow:inset 0 0 0 1px #1769a5}
#champion-picker .picker-summary{border-bottom:1px solid #cfd8e0;padding:9px 18px;background:#fff;font-size:11px}
#champion-picker .picker-list{
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-content:start;
  gap:9px;
  min-height:0;
  max-height:none;
  overflow-y:auto;
  padding:12px 18px 18px;
  background:#f5f7fa;
  scrollbar-gutter:stable;
}
#champion-picker .picker-list .picker-champion-card{
  grid-template-columns:64px minmax(0,1fr) auto;
  gap:11px;
  min-height:88px;
  border-color:#c4ced7;
  border-radius:9px;
  background:#fff;
  padding:10px;
  box-shadow:0 2px 7px rgba(22,42,59,.06);
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease;
  contain-intrinsic-size:1px 88px;
}
#champion-picker .picker-list .picker-champion-card:hover{
  border-color:#1769a5;
  background:#f6fbff;
  box-shadow:0 7px 18px rgba(23,105,165,.14);
}
#champion-picker .picker-list .picker-champion-card:active{background:#e8f4fd}
#champion-picker .picker-list .picker-champion-card:disabled{background:#eef1f4;opacity:.58;box-shadow:none}
#champion-picker .picker-champion-card>.portrait{
  width:64px;
  height:64px;
  border:1px solid #9eacb8;
  border-radius:8px;
}
#champion-picker .picker-card-copy{display:grid;min-width:0;align-content:center;gap:8px}
#champion-picker .picker-card-copy>b{
  overflow:hidden;
  color:#102536;
  font-size:15px;
  line-height:1.15;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#champion-picker .picker-card-tags{display:flex;min-width:0;flex-wrap:wrap;gap:5px}
#champion-picker .picker-tag,
#champion-picker .picker-tier-tag{
  display:inline-flex;
  min-height:22px;
  align-items:center;
  border:1px solid #bdc9d3;
  border-radius:999px;
  background:#edf2f6;
  padding:3px 7px;
  color:#344b5e;
  font-size:8px;
  font-style:normal;
  font-weight:900;
  line-height:1;
  white-space:nowrap;
}
#champion-picker .picker-tag.tag-class{border-color:#9bc2e2;background:#e5f2fc;color:#165d91}
#champion-picker .picker-tag.tag-class-secondary{border-color:#c7b5e5;background:#f1ebfa;color:#624096}
#champion-picker .picker-tag.tag-profile{border-color:#dfc887;background:#fff5d7;color:#75580c}
#champion-picker .picker-tag.tag-physical{border-color:#e7aba4;background:#fcebe8;color:#963d32}
#champion-picker .picker-tag.tag-magic{border-color:#b8a4e5;background:#eee9fb;color:#60429a}
#champion-picker .picker-tag.tag-hybrid{border-color:#7cc9b8;background:#e2f6f1;color:#166b5a}
#champion-picker .picker-tag.tag-true{border-color:#9eaab5;background:#e9edf1;color:#263b4d}
#champion-picker .picker-card-state{align-self:start;display:flex;justify-content:flex-end;min-width:38px}
#champion-picker .picker-tier-tag{border-radius:6px;background:#20364a;color:#fff;font-size:10px}
#champion-picker .picker-tier-tag.tier-s{border-color:#7355a9;background:#7355a9}
#champion-picker .picker-tier-tag.tier-a{border-color:#2476a8;background:#2476a8}
#champion-picker .picker-tier-tag.tier-s,
#champion-picker .picker-tier-tag.tier-a{color:#fff}
#champion-picker .unavailable-reason{max-width:88px;border-radius:5px;background:#f8dfe2;padding:5px 7px;color:#7d2630;font-size:8px;text-align:center}
@media(max-width:940px){
  dialog#champion-picker{width:calc(100vw - 20px);height:94dvh;max-height:94dvh}
  #champion-picker .picker-filter-groups{grid-template-columns:1fr;max-height:34dvh}
  #champion-picker .picker-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  dialog#champion-picker{width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0}
  #champion-picker>.field{grid-template-columns:1fr;gap:5px;padding:9px 12px}
  #champion-picker .picker-filter-toolbar{padding-inline:12px}
  #champion-picker .picker-filter-groups{padding-inline:12px}
  #champion-picker .picker-list{grid-template-columns:1fr;padding:10px 12px 16px}
  #champion-picker .picker-list .picker-champion-card{min-height:84px}
}
@media(prefers-reduced-motion:reduce){
  #champion-picker .picker-list .picker-champion-card{transition:none}
}

/* Builds: explicit source contract and opponent-aware local adaptation. */
.build-matchup-panel{
  display:grid;
  gap:12px;
  border:1px solid #b8c8d5;
  border-top:4px solid #c89b32;
  border-radius:14px;
  background:#fff;
  padding:16px;
  box-shadow:0 8px 24px rgba(17,39,57,.08);
}
.build-matchup-panel.empty-matchup{grid-template-columns:minmax(0,1fr) minmax(260px,340px);align-items:end}
.build-matchup-panel h3{margin:3px 0 5px;color:#142638;font-size:20px}
.build-matchup-panel p{margin:0;color:#546a7c;font-size:12px;line-height:1.5}
.source-kicker{color:#956e12;font-size:9px;font-weight:950;letter-spacing:.1em;text-transform:uppercase}
.build-matchup-panel label{display:grid;gap:5px;color:#43596b;font-size:10px;font-weight:900;text-transform:uppercase}
.build-matchup-panel select{
  min-height:46px;
  border:1px solid #8fa4b5;
  border-radius:10px;
  background:#f8fbfd;
  padding:9px 36px 9px 12px;
  color:#142638;
  font-size:14px;
  font-weight:800;
}
.build-matchup-panel select:focus-visible{border-color:#1e5f92;outline:3px solid rgba(30,95,146,.18)}
.build-matchup-panel>header{display:flex;align-items:center;justify-content:space-between;gap:16px}
.build-matchup-panel>header>label{width:min(320px,36%)}
.build-matchup-title{display:flex;min-width:0;align-items:center;gap:9px}
.build-matchup-title>.portrait{width:48px;height:48px;border-radius:10px}
.build-matchup-title>span{display:grid;min-width:76px}
.build-matchup-title small{color:#718494;font-size:9px;text-transform:uppercase}
.build-matchup-title b{overflow:hidden;color:#172a3b;font-size:15px;text-overflow:ellipsis;white-space:nowrap}
.build-matchup-title>i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#172c3f;color:#e7c76d;font-size:10px;font-style:normal;font-weight:950}
.matchup-threat-tags{display:flex;flex-wrap:wrap;gap:6px;border-top:1px solid #e0e7ed;padding-top:10px}
.matchup-threat-tags span{border:1px solid #c5d1da;border-radius:999px;background:#eef3f7;padding:5px 8px;color:#344b5e;font-size:9px;font-weight:900}
.matchup-threat-tags .threat-magic{border-color:#b8a4e5;background:#eee9fb;color:#60429a}
.matchup-threat-tags .threat-physical{border-color:#e7aba4;background:#fcebe8;color:#963d32}
.matchup-threat-tags .threat-mixed{border-color:#7cc9b8;background:#e2f6f1;color:#166b5a}
.matchup-threat-tags .threat-burst{border-color:#e3b0b7;background:#fae9eb;color:#8a303c}
.matchup-threat-tags .threat-tank{border-color:#9db3c3;background:#e8eff4;color:#2e526c}
.matchup-build-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:12px}
.matchup-build-grid>article{display:grid;gap:9px;border:1px solid #d5dfe7;border-radius:12px;background:#f8fafc;padding:11px}
.matchup-build-grid>article>small{color:#425a6d;font-size:10px;font-weight:950;letter-spacing:.06em;text-transform:uppercase}
.matchup-build-grid>article>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.matchup-build-grid>article>div>div{display:grid;gap:5px;align-content:start}
.matchup-build-grid .build-item-chip{max-width:none}
.matchup-build-grid p{display:flex;flex-wrap:wrap;gap:4px}
.matchup-build-grid p span{border-radius:999px;background:#e9f1f7;padding:3px 6px;color:#31526b;font-size:8px;font-weight:850}
.build-matchup-panel .matchup-disclaimer{border-left:3px solid #c89b32;background:#fff9ea;padding:8px 10px;color:#665523;font-size:10px}
.build-source{gap:14px!important;padding:16px!important;background:linear-gradient(135deg,#fffaf0,#fff 58%,#f4f8fb)!important}
.build-source .build-source-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.build-source .build-source-head>div{display:block}
.build-source .source-patch{border:1px solid #d6b665;border-radius:999px;background:#fff;padding:6px 9px;color:#6b4d00;font-size:10px;font-weight:900;white-space:nowrap}
.build-source .source-contract-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.build-source .source-contract-grid article{display:grid;align-content:start;gap:7px;border:1px solid #d4dee6;border-radius:11px;background:rgba(255,255,255,.86);padding:11px}
.build-source .source-contract-grid b{color:#162a3b;font-size:13px}
.build-source .source-contract-grid p{font-size:11px;line-height:1.45}
.build-source .source-status{justify-self:start;border:1px solid #aac0cf!important;border-radius:999px!important;background:#edf4f8!important;padding:4px 7px!important;color:#36566d!important;font-size:8px!important;font-weight:950!important;text-transform:uppercase}
.build-source .source-status.verified{border-color:#86c09c!important;background:#e9f7ee!important;color:#22613a!important}
.build-source .source-status.live{border-color:#d6b665!important;background:#fff8df!important;color:#77570c!important}
.build-source .build-source-links{display:flex;flex-wrap:wrap;gap:8px}
.build-source-links a{display:inline-flex;min-height:42px;align-items:center;border:1px solid #244d6d;border-radius:9px;background:#17344b;padding:8px 11px;color:#fff;font-size:10px;font-weight:900;text-decoration:none}
.build-source-links a:hover,.build-source-links a:focus-visible{border-color:#b98721;background:#244d6d;color:#ffe19a}
@media(max-width:900px){
  .build-matchup-panel.empty-matchup,.matchup-build-grid,.build-source .source-contract-grid{grid-template-columns:1fr}
  .build-matchup-panel>header{align-items:stretch;flex-direction:column}
  .build-matchup-panel>header>label{width:100%}
}
@media(max-width:560px){
  .build-matchup-panel{padding:12px}
  .build-matchup-title{display:grid;grid-template-columns:44px minmax(0,1fr)}
  .build-matchup-title>.portrait{width:44px;height:44px}
  .build-matchup-title>i{display:none}
  .matchup-build-grid>article>div{grid-template-columns:1fr}
  .build-source .build-source-head{align-items:flex-start;flex-direction:column}
  .build-source-links a{width:100%;justify-content:center}
}

/* UI cleanup pass: one mood, less text, no stacked layouts. */
body[data-route="finder"] .page-intro p,
body[data-route="builds"] .page-intro p{max-width:520px;font-size:11px}
body[data-route="finder"] .check-topbar-compact{
  grid-template-columns:86px minmax(300px,1fr) 126px minmax(240px,.8fr)!important;
  align-items:end;
  border:1px solid #20394f;
  border-radius:16px;
  background:linear-gradient(135deg,#0f2235,#173653 70%,#102235);
  padding:10px!important;
  box-shadow:0 14px 34px rgba(15,34,54,.16);
}
body[data-route="finder"] .check-topbar-compact span,
body[data-route="finder"] .check-topbar-compact small{color:#c7d7e4!important}
body[data-route="finder"] .check-topbar-compact input,
body[data-route="finder"] .check-topbar-compact select{border-color:#45637a!important;background:#f8fbff!important}
.check-reset-button{min-height:38px;border:1px solid #d6b665;border-radius:10px;background:#fff8df;color:#5f470c;padding:8px 10px;font-size:11px;font-weight:950;cursor:pointer}
.check-reset-button:disabled{border-color:#536879;background:#1a3349;color:#8fa3b3;cursor:not-allowed}
body[data-route="finder"] .check-selected-relations.check-relation-cards{margin-top:12px;border:1px solid #20394f;border-radius:16px;background:#102235;box-shadow:0 14px 34px rgba(15,34,54,.16);overflow:hidden}
body[data-route="finder"] .check-selected-relations>header{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #294761;background:linear-gradient(90deg,#132b42,#0f2235);padding:10px 12px}
body[data-route="finder"] .check-selected-relations>header b{color:#fff;font-size:15px}
body[data-route="finder"] .check-selected-relations>header span{color:#d6b665;font-size:10px;font-weight:900;text-transform:uppercase}
body[data-route="finder"] .check-selected-relations>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px}
body[data-route="finder"] .check-selected-relations article{display:grid;gap:8px;min-width:0;border:1px solid #2c4a62;border-radius:13px;background:#f8fbff;padding:9px}
body[data-route="finder"] .check-selected-relations h4{display:flex;align-items:center;gap:7px;margin:0;color:#14293b;font-size:12px}
body[data-route="finder"] .check-selected-relations h4>b{margin-left:auto;border-radius:999px;background:#102235;color:#d6b665;padding:2px 7px;font-size:10px}
body[data-route="finder"] .check-selected-relations article>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.check-relation-card{display:grid!important;grid-template-columns:30px minmax(0,1fr) 22px!important;gap:6px!important;align-items:center!important;min-height:42px;border:1px solid #d6dee8!important;border-radius:10px!important;background:#fff!important;padding:5px!important;text-align:left!important;cursor:pointer}
.check-relation-card:hover{border-color:#1769aa!important;box-shadow:0 6px 14px rgba(15,34,54,.12)}
.check-relation-card .portrait{width:30px!important;height:30px!important;border-radius:8px!important}
.check-relation-card span{min-width:0}
.check-relation-card b,.check-relation-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.check-relation-card b{color:#13283a;font-size:11px}
.check-relation-card small{color:#667b8d;font-size:9px}
.check-relation-card .check-relation-icon{width:22px;height:22px}
body[data-route="finder"] .check-filter-console .check-selected-preview p,
body[data-route="finder"] .check-filter-console .check-selected-preview .slot-insight{display:none!important}
body[data-route="builds"] .build-page-compact{gap:12px}
body[data-route="builds"] .final-champion-hero{grid-template-columns:94px minmax(0,1fr) minmax(180px,.3fr);padding:12px}
body[data-route="builds"] .final-splash{min-height:104px}
body[data-route="builds"] .final-splash .portrait.lg{width:82px;height:94px}
body[data-route="builds"] .final-hero-copy h2{font-size:28px}
body[data-route="builds"] .final-hero-copy p,
body[data-route="builds"] .final-hero-tags{display:none}
body[data-route="builds"] .final-champion-hero aside span{padding:8px}
body[data-route="builds"] .final-champion-hero aside small{font-size:8px}
body[data-route="builds"] .final-champion-hero aside b{font-size:15px}
.build-top-grid{display:grid;grid-template-columns:minmax(260px,.55fr) minmax(0,1fr);gap:12px}
body[data-route="builds"] .build-style-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:10px}
body[data-route="builds"] .build-style-card{gap:8px;border-color:#27465d;background:#f9fcff}
body[data-route="builds"] .build-style-card header{grid-template-columns:34px minmax(0,1fr);padding-bottom:7px}
body[data-route="builds"] .build-style-card header>span{width:34px;height:34px;background:#102235}
body[data-route="builds"] .build-style-card header small{font-size:9px}
body[data-route="builds"] .build-style-card header h3{font-size:15px}
body[data-route="builds"] .build-row{grid-template-columns:52px minmax(0,1fr);gap:7px}
body[data-route="builds"] .build-row>b{padding-top:7px;font-size:9px}
body[data-route="builds"] .build-item-chip{grid-template-columns:32px minmax(64px,1fr);min-height:42px;max-width:150px;padding:5px}
body[data-route="builds"] .build-item-chip img,
body[data-route="builds"] .build-item-chip i{width:32px;height:32px}
body[data-route="builds"] .build-item-chip b{font-size:10px}
body[data-route="builds"] .build-item-chip small{font-size:9px}
body[data-route="builds"] .build-matchup-compact{border-color:#20394f;background:linear-gradient(135deg,#f8fbff,#fff)}
body[data-route="builds"] .build-matchup-compact.empty-matchup{grid-template-columns:minmax(0,1fr) 280px}
body[data-route="builds"] .build-matchup-compact h3{font-size:17px}
body[data-route="builds"] .build-matchup-compact p.matchup-disclaimer{display:none}
body[data-route="builds"] .summoner-compact .summoner-layout{grid-template-columns:1fr}
body[data-route="builds"] .summoner-compact .summoner-alternatives{display:none}
body[data-route="builds"] .summoner-compact .summoner-primary{border:0;padding:10px}
body[data-route="builds"] .summoner-compact .summoner-primary header{display:none}
body[data-route="builds"] .summoner-compact .summoner-spell-card{min-height:54px}
body[data-route="builds"] .summoner-compact p{font-size:11px}
.build-source-compact{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:12px}
.build-source-compact span{margin-right:auto;color:#3f5364;font-size:11px;font-weight:800}
.build-source-compact a{border:1px solid #d6b665;border-radius:999px;background:#fff8df;color:#60470b;padding:7px 10px;font-size:11px;font-weight:950;text-decoration:none}
.build-source-compact a:hover{background:#102235;color:#d6b665}
body[data-route="builds"] .rune-panel>p{display:none}
body[data-route="builds"] .rune-columns{padding:10px}
body[data-route="builds"] .rune-columns article{padding:9px}
body[data-route="builds"] .rune-columns em{font-size:11px}
@media(max-width:1180px){body[data-route="finder"] .check-topbar-compact{grid-template-columns:1fr 1fr!important}body[data-route="builds"] .build-style-grid,.build-top-grid{grid-template-columns:1fr}}
@media(max-width:720px){body[data-route="finder"] .check-selected-relations>div,body[data-route="finder"] .check-selected-relations article>div,body[data-route="builds"] .build-matchup-compact.empty-matchup{grid-template-columns:1fr}}

/* Check recovery: click-first grid, compact hover, relations stay horizontal. */
.global-hover-layer{
  width:min(360px,calc(100vw - 24px))!important;
  max-height:none!important;
  overflow:hidden!important;
  padding:8px!important;
  border-radius:8px!important;
  pointer-events:none!important;
}
.global-hover-layer *{pointer-events:none!important}
.global-hover-layer[data-kind="skill"]{width:min(390px,calc(100vw - 24px))!important}
.compact-champion-hover,
.compact-skill-hover{
  display:grid!important;
  gap:7px!important;
  color:#f4f8fb!important;
  text-align:left!important;
}
.compact-hover-head,
.compact-skill-hover .skill-hover-head{
  display:grid!important;
  grid-template-columns:54px minmax(0,1fr)!important;
  gap:8px!important;
  align-items:center!important;
}
.compact-hover-head .portrait,
.compact-skill-hover .skill-hover-head img,
.compact-skill-hover .skill-hover-head i{
  width:54px!important;
  height:54px!important;
  border-radius:7px!important;
  object-fit:cover!important;
}
.compact-hover-head small,
.compact-skill-hover small{
  display:block;
  color:#aebdca!important;
  font-size:8px!important;
  line-height:1.2!important;
}
.compact-hover-head strong,
.compact-skill-hover strong{
  display:block;
  margin:1px 0;
  color:#fff!important;
  font-size:15px!important;
  line-height:1.12!important;
}
.compact-hover-head em,
.compact-skill-hover em{
  display:block;
  color:#d6b665!important;
  font-size:9px!important;
  font-style:normal!important;
  line-height:1.2!important;
}
.compact-hover-tags,
.compact-skill-hover .check-hover-tags{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:3px!important;
}
.compact-hover-tags .pill,
.compact-skill-hover .pill{
  font-size:7px!important;
  padding:2px 5px!important;
}
.compact-hover-phase{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:4px!important;
}
.compact-hover-phase i{
  display:grid;
  gap:1px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:5px;
  background:rgba(255,255,255,.06);
  padding:4px;
  font-style:normal;
  text-align:center;
}
.compact-hover-phase b{font-size:9px;color:#fff}
.compact-hover-skills{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:4px!important;
}
.compact-hover-skills i{
  display:grid;
  place-items:center;
  gap:2px;
  min-width:0;
  border:1px solid rgba(255,255,255,.12);
  border-radius:5px;
  background:rgba(255,255,255,.05);
  padding:3px;
  font-style:normal;
}
.compact-hover-skills img{
  width:28px!important;
  height:28px!important;
  border-radius:4px!important;
  object-fit:cover!important;
}
.compact-hover-skills small{
  color:#d6b665!important;
  font-size:7px!important;
}
.compact-skill-hover p{
  margin:0;
  color:#dce7ef;
  font-size:9px;
  line-height:1.35;
}
body[data-route="finder"] .check-center{
  grid-template-rows:minmax(0,1fr) auto!important;
}
body[data-route="finder"] .check-center>.check-champion-grid,
body[data-route="finder"] .check-champion-grid{
  grid-template-columns:repeat(14,minmax(54px,1fr))!important;
  grid-auto-rows:62px!important;
  gap:2px!important;
  overflow:auto!important;
  align-content:start!important;
  scrollbar-width:thin;
}
body[data-route="finder"] .check-champion-grid>button{
  min-height:62px!important;
}
body[data-route="finder"] .check-champion-grid>button>*{
  pointer-events:none!important;
}
body[data-route="finder"] .check-champion-grid>button:hover,
body[data-route="finder"] .check-champion-grid>button:focus-visible{
  z-index:2!important;
}
body[data-route="finder"] .check-selected-relations.check-relation-cards{
  min-height:118px!important;
  margin-top:5px!important;
  border-radius:8px!important;
}
body[data-route="finder"] .check-selected-relations.check-relation-cards>header{
  min-height:24px!important;
  padding:4px 8px!important;
}
body[data-route="finder"] .check-selected-relations.check-relation-cards>div{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:2px!important;
  padding:2px!important;
}
body[data-route="finder"] .check-selected-relations.check-relation-cards article{
  gap:4px!important;
  padding:5px!important;
}
body[data-route="finder"] .check-selected-relations.check-relation-cards article>div{
  display:flex!important;
  flex-wrap:wrap!important;
  align-content:flex-start!important;
  gap:4px!important;
  max-height:70px!important;
  overflow:hidden!important;
}
body[data-route="finder"] .check-relation-card{
  grid-template-columns:24px minmax(0,1fr)!important;
  width:calc(50% - 2px)!important;
  min-height:32px!important;
  padding:3px!important;
}
body[data-route="finder"] .check-relation-card .portrait{
  width:24px!important;
  height:24px!important;
}
body[data-route="finder"] .check-relation-card .check-relation-icon{
  display:none!important;
}
body[data-route="finder"] .check-relation-card b{font-size:9px!important}
body[data-route="finder"] .check-relation-card small{font-size:7px!important}
@media(max-width:1180px){
  body[data-route="finder"] .check-center>.check-champion-grid,
  body[data-route="finder"] .check-champion-grid{grid-template-columns:repeat(10,minmax(54px,1fr))!important}
}
@media(max-width:720px){
  body[data-route="finder"] .check-selected-relations.check-relation-cards>div{grid-template-columns:1fr!important}
  body[data-route="finder"] .check-center>.check-champion-grid,
  body[data-route="finder"] .check-champion-grid{grid-template-columns:repeat(5,minmax(54px,1fr))!important}
}

/* Check one-screen atlas final override: all champion portraits fit above relation board. */
body[data-route="finder"] #app-main{
  height:calc(100dvh - var(--topbar-h,64px))!important;
  overflow:hidden!important;
  padding:14px 10px 8px!important;
}
body[data-route="finder"] .check-selector.check-one-screen{
  display:grid!important;
  grid-template-rows:64px minmax(0,1fr)!important;
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
}
body[data-route="finder"] .check-one-screen .check-topbar-compact{
  display:grid!important;
  grid-template-columns:76px minmax(360px,1fr) 126px minmax(240px,.85fr)!important;
  gap:8px!important;
  min-height:58px!important;
  margin-top:2px!important;
  padding:7px 8px!important;
  align-items:end!important;
}
body[data-route="finder"] .check-one-screen .check-body{
  display:grid!important;
  grid-template-columns:190px minmax(720px,1fr) 284px!important;
  gap:6px!important;
  min-height:0!important;
  height:100%!important;
  overflow:hidden!important;
}
body[data-route="finder"] .check-one-screen .check-center{
  display:grid!important;
  grid-template-rows:minmax(0,1fr) 118px!important;
  gap:5px!important;
  min-height:0!important;
  height:100%!important;
  overflow:hidden!important;
}
body[data-route="finder"] .check-one-screen .check-champion-grid{
  display:grid!important;
  grid-template-columns:repeat(18,minmax(0,1fr))!important;
  grid-auto-rows:minmax(0,1fr)!important;
  gap:2px!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  overflow:hidden!important;
  align-content:stretch!important;
  background:#aeb8c1!important;
}
body[data-route="finder"] .check-one-screen .check-champion-grid>button{
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  width:auto!important;
  aspect-ratio:auto!important;
  border-radius:0!important;
}
body[data-route="finder"] .check-one-screen .check-champion-grid .portrait{
  width:100%!important;
  height:100%!important;
}
body[data-route="finder"] .check-one-screen .check-champ-label{
  min-height:14px!important;
  padding:2px 3px!important;
}
body[data-route="finder"] .check-one-screen .check-champ-label b{
  font-size:7px!important;
  line-height:1!important;
}
body[data-route="finder"] .check-one-screen .check-champ-label small,
body[data-route="finder"] .check-one-screen .check-champ-icons{
  display:none!important;
}
body[data-route="finder"] .check-one-screen .check-name-rail,
body[data-route="finder"] .check-one-screen .check-filter-console{
  min-height:0!important;
  height:100%!important;
  overflow:hidden!important;
}
body[data-route="finder"] .check-one-screen .check-name-rail>div,
body[data-route="finder"] .check-one-screen .check-filter-console{
  overflow:auto!important;
  scrollbar-width:thin;
}
body[data-route="finder"] .check-one-screen .check-selected-relations.check-relation-cards{
  min-height:0!important;
  height:118px!important;
  margin-top:0!important;
  overflow:hidden!important;
}
body[data-route="finder"] .check-one-screen .check-selected-relations.check-relation-cards>header{
  min-height:23px!important;
  padding:4px 8px!important;
}
body[data-route="finder"] .check-one-screen .check-selected-relations.check-relation-cards>div{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:2px!important;
  padding:2px!important;
}
body[data-route="finder"] .check-one-screen .check-selected-relations.check-relation-cards article{
  padding:4px!important;
  gap:3px!important;
}
body[data-route="finder"] .check-one-screen .check-selected-relations.check-relation-cards article>div{
  max-height:66px!important;
}
body[data-route="finder"] .check-one-screen .check-relation-card{
  min-height:29px!important;
}
body[data-route="finder"] .check-one-screen .check-multi-filter.check-skill-effect-or summary em{
  background:#e0f2fe!important;
  color:#075985!important;
}
@media(max-width:1400px){
  body[data-route="finder"] .check-one-screen .check-body{
    grid-template-columns:160px minmax(620px,1fr) 260px!important;
  }
  body[data-route="finder"] .check-one-screen .check-champion-grid{
    grid-template-columns:repeat(18,minmax(0,1fr))!important;
  }
}
@media(max-width:1100px){
  body[data-route="finder"] .check-one-screen .check-body{
    grid-template-columns:1fr!important;
  }
  body[data-route="finder"] .check-one-screen .check-name-rail,
  body[data-route="finder"] .check-one-screen .check-filter-console{
    display:none!important;
  }
}

/* Builds v2: matchup-aware item sheet. */
body[data-route="builds"] .build-control-board{display:grid;grid-template-columns:minmax(190px,1.1fr) repeat(3,minmax(150px,.7fr)) auto;gap:10px;align-items:end;border:1px solid #c9d8e3;border-radius:16px;background:linear-gradient(135deg,#f7fbff,#ffffff);padding:12px;box-shadow:0 14px 34px rgba(21,45,68,.08)}
body[data-route="builds"] .build-control-board button,body[data-route="builds"] .build-control-board a{display:inline-flex;align-items:center;gap:9px;min-height:46px;border:1px solid #d6b665;border-radius:12px;background:#102235;color:#f9e6ad;padding:8px 11px;font-size:12px;font-weight:950;text-decoration:none;cursor:pointer}
body[data-route="builds"] .build-control-board button{justify-content:flex-start;background:#fff;color:#112436}
body[data-route="builds"] .build-control-board button span{display:grid;min-width:0}
body[data-route="builds"] .build-control-board button small,body[data-route="builds"] .build-control-board label span{color:#687e8f;font-size:9px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}
body[data-route="builds"] .build-control-board button b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body[data-route="builds"] .build-control-board label{display:grid;gap:5px}
body[data-route="builds"] .build-control-board select{width:100%;min-height:46px;border:1px solid #b9cad7;border-radius:12px;background:#fff;color:#12283a;padding:0 11px;font-weight:900}
body[data-route="builds"] .build-control-board select:focus-visible,body[data-route="builds"] .build-style-card:focus-visible{border-color:#1e5f92;outline:3px solid rgba(30,95,146,.18)}
body[data-route="builds"] .build-matchup-hero{display:grid;grid-template-columns:minmax(0,1fr) 52px minmax(0,1fr);gap:12px;align-items:center;border:1px solid #c8d7e2;border-radius:18px;background:linear-gradient(90deg,#eaf4ff 0%,#fff 46%,#fff8ed 100%);padding:13px;box-shadow:0 16px 38px rgba(23,52,79,.1)}
body[data-route="builds"] .build-matchup-hero article{display:grid;grid-template-columns:64px minmax(0,1fr);gap:11px;align-items:center;min-height:74px;border:1px solid rgba(255,255,255,.75);border-radius:14px;background:rgba(255,255,255,.72);padding:8px}
body[data-route="builds"] .build-matchup-hero .portrait{width:64px;height:64px;border-radius:13px}
body[data-route="builds"] .build-matchup-hero i{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#14283a;color:#d6b665;font-style:normal;font-weight:950;letter-spacing:.08em}
body[data-route="builds"] .build-matchup-hero span{display:grid;min-width:0}
body[data-route="builds"] .build-matchup-hero small{color:#5b7183;font-size:10px;font-weight:950;text-transform:uppercase}
body[data-route="builds"] .build-matchup-hero b{overflow:hidden;color:#12283a;font-size:20px;text-overflow:ellipsis;white-space:nowrap}
body[data-route="builds"] .build-matchup-hero em{overflow:hidden;color:#4d6476;font-size:12px;font-style:normal;font-weight:800;text-overflow:ellipsis;white-space:nowrap}
body[data-route="builds"] .build-threats{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:7px}
body[data-route="builds"] .build-threats .pill{border-width:1px;font-size:10px}
body[data-route="builds"] .build-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding:12px}
body[data-route="builds"] .build-plan-row{display:grid;grid-template-columns:78px minmax(0,1fr);gap:10px;align-items:start;border:1px solid #d5e1ea;border-radius:13px;background:#fbfdff;padding:10px}
body[data-route="builds"] .build-plan-row>b{padding-top:10px;color:#2f4c63;font-size:10px;font-weight:950;letter-spacing:.05em;text-transform:uppercase}
body[data-route="builds"] .build-plan-row>p{display:flex;flex-wrap:wrap;gap:7px;margin:0}
body[data-route="builds"] .matchup-answer-panel .matchup-build-grid{padding:12px}
body[data-route="builds"] .matchup-answer-panel .highlight-item{border:1px solid #cfe0cc;border-radius:12px;background:linear-gradient(135deg,#f3fbf0,#fff);padding:8px}
body[data-route="builds"] .build-style-selector-panel .build-style-card{appearance:none;text-align:left;cursor:pointer}
body[data-route="builds"] .build-style-selector-panel .style-head{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center;border-bottom:1px solid #dfe8ef;padding-bottom:8px}
body[data-route="builds"] .build-style-selector-panel .style-head>span:first-child{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#102235;color:#d6b665}
body[data-route="builds"] .build-style-selector-panel .style-head small{display:block;color:#607789;font-size:9px;font-weight:900}
body[data-route="builds"] .build-style-selector-panel .style-head b{display:block;color:#13283a;font-size:14px}
body[data-route="builds"] .build-style-selector-panel .build-row>span{display:flex;flex-wrap:wrap;gap:7px}
body[data-route="builds"] .build-style-selector-panel .build-style-card.active{border-color:#d6b665;background:linear-gradient(135deg,#fff8df,#ffffff);box-shadow:inset 0 0 0 2px rgba(214,182,101,.28),0 10px 22px rgba(21,45,68,.08)}
body[data-route="builds"] .summoner-spell-card{display:grid;grid-template-columns:42px minmax(0,1fr);gap:8px;align-items:center;border:1px solid #d4e0e8;border-radius:12px;background:#fff;padding:7px}
body[data-route="builds"] .summoner-spell-card img{width:42px;height:42px;border-radius:10px;background:#102235}
body[data-route="builds"] .summoner-spell-card span{display:grid;min-width:0}
body[data-route="builds"] .summoner-spell-card small{color:#627789;font-size:9px;font-weight:950;text-transform:uppercase}
body[data-route="builds"] .summoner-spell-card b{color:#152b3d;font-size:13px}
body[data-route="builds"] .summoner-spell-card em{overflow:hidden;color:#617889;font-size:10px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}
body[data-route="builds"] .summoner-primary header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
body[data-route="builds"] .summoner-primary header span{color:#63798b;font-size:10px;font-weight:950;text-transform:uppercase}
body[data-route="builds"] .summoner-primary header b{color:#13283a;font-size:14px}
body[data-route="builds"] .summoner-primary>div{display:grid;gap:8px}
body[data-route="builds"] .summoner-primary p{margin:9px 0 0;color:#40586d;font-size:11px;line-height:1.45}
@media(max-width:1180px){body[data-route="builds"] .build-control-board{grid-template-columns:1fr 1fr}body[data-route="builds"] .build-control-board a{justify-content:center}}
@media(max-width:760px){body[data-route="builds"] .build-control-board,body[data-route="builds"] .build-matchup-hero,body[data-route="builds"] .build-plan-grid{grid-template-columns:1fr}body[data-route="builds"] .build-matchup-hero i{justify-self:center}body[data-route="builds"] .build-plan-row{grid-template-columns:1fr}}

/* Complete champion picker: single-value fields, OR groups, and icon-first signals. */
#champion-picker .picker-filter-groups{max-height:300px}
#champion-picker .picker-filter-group>div{align-items:center}
#champion-picker .picker-select-group select{
  width:100%;
  min-height:38px;
  border:1px solid #aebdc9;
  border-radius:6px;
  background:#fff;
  padding:6px 30px 6px 9px;
  color:#243b4d;
  font-size:10px;
  font-weight:700;
}
#champion-picker .compact-icons>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(42px,1fr));gap:5px}
#champion-picker .compact-icons .filter-option{
  display:grid;
  grid-template-columns:1fr;
  justify-items:center;
  min-width:42px;
  min-height:46px;
  border-radius:6px;
  padding:4px;
}
#champion-picker .compact-icons .filter-option-icon{width:27px;height:27px;border:0;background:transparent}
#champion-picker .compact-icons .filter-option-icon .ui-icon{width:25px;height:25px;object-fit:contain}
#champion-picker .compact-icons .filter-option-icon svg{width:21px;height:21px}
#champion-picker .compact-icons .filter-option>b{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
  white-space:nowrap;
}
#champion-picker .compact-icons .filter-option>small{position:absolute;right:3px;bottom:2px;font-size:7px}
#champion-picker .picker-list .picker-champion-card{min-height:124px;align-items:start}
#champion-picker .picker-card-copy{align-content:start;gap:6px}
/* Global icon + text normalization: transparent glyphs, text-sized, no bulky black badges. */
:root{--inline-icon-size:1.15em;--inline-icon-gap:.38em}
:where(.term-icon,.pill-icon,.tactical-icon,.class-icon,.official-role-icon,.role-symbol,.filter-option-icon,.check-filter-icon,.check-lane-icon,.picker-class-icon,.picker-icon-signal,.riot-class-icon,.final-hero-tags .term-icon,.final-tag-taxonomy article>b>svg,.feature-badge>i,.final-rating-grid i,.final-difficulty>span>svg,.build-style-card header>span,.build-style-selector-panel .style-head>span:first-child,.team-lane-center .official-role-icon,.team-focus-role .official-role-icon,.team-strength-axis .official-role-icon,.team-lane-role>.official-role-icon){background:transparent!important;border-color:transparent!important;box-shadow:none!important;color:currentColor}
:where(.term-icon,.pill-icon,.tactical-icon,.class-icon,.filter-option-icon,.check-filter-icon,.check-lane-icon,.picker-class-icon,.picker-icon-signal,.riot-class-icon){display:inline-flex!important;align-items:center!important;justify-content:center!important;width:var(--inline-icon-size)!important;height:var(--inline-icon-size)!important;min-width:var(--inline-icon-size)!important;flex:0 0 var(--inline-icon-size)!important;margin:0!important;vertical-align:-.15em}
:where(.term-icon,.pill-icon,.tactical-icon,.class-icon,.filter-option-icon,.check-filter-icon,.check-lane-icon,.picker-class-icon,.picker-icon-signal,.riot-class-icon) :where(svg,.ui-icon,.sheet-icon){width:100%!important;height:100%!important;max-width:var(--inline-icon-size)!important;max-height:var(--inline-icon-size)!important;object-fit:contain!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
:where(.pill,.tactical-tag,.final-hero-tags>span,.team-identity-tags .tactical-tag,.team-sheet-meta .tactical-tag,.team-sheet-skill-tags .tactical-tag,.filter-option,.feature-badge,.lane-evidence span,.team-pros-cons span,.build-threats .pill){display:inline-flex!important;align-items:center!important;gap:var(--inline-icon-gap)!important;min-height:auto!important}
:where(.pill,.tactical-tag,.final-hero-tags>span,.filter-option,.feature-badge){padding-block:.28em!important}
:where(.pill,.tactical-tag,.final-hero-tags>span,.feature-badge)>:where(b,small,em,strong,span){line-height:1.15}
.official-role-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:1.25em!important;height:1.25em!important;min-width:1.25em!important;flex:0 0 1.25em!important}
.official-role-icon :where(svg,.ui-icon,.sheet-icon){width:1.15em!important;height:1.15em!important;max-width:1.15em!important;max-height:1.15em!important;object-fit:contain!important;background:transparent!important;border:0!important;box-shadow:none!important}
body[data-route="team"] .role-label .official-role-icon,body[data-route="team"] .team-lane-role>.official-role-icon,body[data-route="team"] .team-lane-center .official-role-icon,body[data-route="team"] .team-focus-role .official-role-icon,body[data-route="team"] .team-strength-axis .official-role-icon{width:1.25em!important;height:1.25em!important;min-width:1.25em!important;color:currentColor!important}
body[data-route="team"] .role-label .official-role-icon :where(svg,.ui-icon),body[data-route="team"] .team-lane-role>.official-role-icon :where(svg,.ui-icon),body[data-route="team"] .team-lane-center .official-role-icon :where(svg,.ui-icon),body[data-route="team"] .team-focus-role .official-role-icon :where(svg,.ui-icon),body[data-route="team"] .team-strength-axis .official-role-icon :where(svg,.ui-icon){width:1.15em!important;height:1.15em!important}
.final-rating-grid article{grid-template-columns:1.4em minmax(0,1fr)!important}
.final-rating-grid i{width:1.25em!important;height:1.25em!important;color:#a88745!important}
.final-rating-grid i svg{width:1.15em!important;height:1.15em!important;stroke:currentColor!important}
.final-hero-tags>span{min-height:28px!important}
.final-hero-tags .term-icon{width:1.15em!important;height:1.15em!important}
.final-tag-taxonomy article>b{gap:var(--inline-icon-gap)!important}
.final-tag-taxonomy article>b>svg{width:1.15em!important;height:1.15em!important;flex:0 0 1.15em!important}
body[data-route="builds"] .build-style-card header>span,body[data-route="builds"] .build-style-selector-panel .style-head>span:first-child{width:1.25em!important;height:1.25em!important;min-width:1.25em!important;color:#a88745!important}
body[data-route="builds"] .build-style-card header>span svg,body[data-route="builds"] .build-style-selector-panel .style-head>span:first-child svg{width:1.15em!important;height:1.15em!important;stroke:currentColor!important}
#champion-picker .picker-card-meta{display:inline-flex;align-items:center;gap:.35em;min-width:0}
#champion-picker .picker-class-icon{color:#a88745}
#champion-picker .filter-option-icon{color:currentColor!important}
#champion-picker .picker-icon-signal{background:transparent!important;border:0!important;color:#49677e!important}

/* Jungle route library: own jungle vs enemy-camp invade clarity. */
.route-card.invade-route,.recommended-route.invade-route,.map-route-sheet.invade-route{border-color:#e6b8af!important;background:linear-gradient(135deg,#fff5f2,#fff)!important}
.route-card.own-route,.recommended-route.own-route,.map-route-sheet.own-route{border-color:#b7d7bf!important;background:linear-gradient(135deg,#f4fbf5,#fff)!important}
.route-card.invade-route footer span:last-child,.recommended-route.invade-route footer .pill,.route-ranking .invade-route small{color:#8a2d1d!important}
.route-card.own-route footer span:last-child,.route-ranking .own-route small{color:#246b38!important}
.route-note{margin:0 14px 12px;border-left:3px solid #d6b665;background:#fffaf0;color:#5d4b13;padding:8px 10px;font-size:11px;line-height:1.45}
.route-workbook-table tr.invade-route td{background:#fff7f4}
.route-workbook-table tr.own-route td{background:#f6fbf6}
.map-route-node.invade b,.route-google-cells .invade,.route-monsters .invade{outline:2px solid rgba(220,38,38,.28);outline-offset:1px}

/* Team guide mirror: imported strengths first, then derived counter guidance. */
body[data-route="team"] .team-strength-lane{min-height:176px}
body[data-route="team"] .team-guide-card{grid-template-rows:1fr auto}
body[data-route="team"] .team-guide-card.red{grid-template-columns:112px minmax(0,1fr)}
body[data-route="team"] .team-guide-card.blue{grid-template-columns:minmax(0,1fr) 112px}
body[data-route="team"] .team-guide-card.blue .team-guide-id{grid-column:2;grid-row:1/-1}
body[data-route="team"] .team-guide-card.red .team-guide-id{grid-column:1;grid-row:1/-1}
body[data-route="team"] .team-guide-card.blue .team-guide-copy{grid-column:1;grid-row:1}
body[data-route="team"] .team-guide-card.red .team-guide-copy{grid-column:2;grid-row:1}
body[data-route="team"] .team-guide-copy{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}
body[data-route="team"] .team-guide-copy>div{border-left:0!important;border-top:1px dotted #b7c2ca;padding:10px 11px}
body[data-route="team"] .team-guide-copy>div:nth-child(-n+2){border-top:0}
body[data-route="team"] .team-guide-copy>div:nth-child(even){border-left:1px dotted #b7c2ca!important}
body[data-route="team"] .team-guide-copy .strength{background:#e6f4ea}
body[data-route="team"] .team-guide-copy .weakness{background:#fdebec}
body[data-route="team"] .team-guide-copy .laning{background:#eaf3fb}
body[data-route="team"] .team-guide-copy .strategy{background:#f1edfa}
body[data-route="team"] .team-guide-copy small{margin-bottom:5px;color:#314d61;font-size:8px;letter-spacing:.04em}
body[data-route="team"] .team-guide-copy .strength small{color:#1d6846}
body[data-route="team"] .team-guide-copy .weakness small{color:#8a303b}
body[data-route="team"] .team-guide-copy .laning small{color:#1f5d89}
body[data-route="team"] .team-guide-copy .strategy small{color:#60428f}

body[data-route="draft"] .draft-match-screen{padding-bottom:0}
body[data-route="draft"] .draft-support-deck{display:none!important}
body[data-route="draft"] .broadcast-roster.our-side>header{box-shadow:inset 0 -3px 0 #f4d982}
body[data-route="draft"] .draft-our-side-toggle{display:grid;grid-template-columns:1fr 1fr;gap:5px;width:100%;margin-bottom:8px}
body[data-route="draft"] .draft-our-side-toggle button{min-height:30px;border:1px solid rgba(255,255,255,.14);border-radius:9px;background:#0f1722;color:#778496;font-size:9px;font-weight:950;cursor:pointer}
body[data-route="draft"] .draft-our-side-toggle button.active{border-color:#f4d982;background:rgba(244,217,130,.14);color:#f8e7a7}
body[data-route="draft"] .draft-side-read{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:8px}
body[data-route="draft"] .draft-side-read span{display:grid;place-items:center;min-height:30px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:#101823;color:#7f8d9b;font-size:9px;font-weight:900}
body[data-route="draft"] .draft-side-read span.active{border-color:#f4d982;color:#f8e7a7;background:rgba(244,217,130,.12)}
body[data-route="draft"] .draft-drawer-options{grid-template-columns:repeat(2,minmax(0,1fr))}
body[data-route="draft"] .draft-assistant.drawer{display:grid;grid-template-rows:auto auto auto minmax(0,1fr);gap:8px}

.strategy-draft-data,.map-macro-style{margin-top:12px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:12px;box-shadow:var(--shadow)}
.strategy-draft-data>.section-head{align-items:start}
.strategy-draft-data .draft-pool-import{margin:0 0 12px}
.strategy-draft-data .draft-pool-board{margin-top:0}
.strategy-pool-board .pool-grid{max-height:420px}
.strategy-meta-board .tier-columns button.master-pick{background:linear-gradient(90deg,rgba(244,217,130,.24),#fff)}
.strategy-meta-board .tier-columns button.enemy-pick{background:linear-gradient(90deg,rgba(240,55,73,.12),#fff)}
.macro-style-grid.compact{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.macro-style-grid.compact article{min-height:88px}

@media(max-width:760px){
  body[data-route="draft"] .draft-drawer-options,
  body[data-route="draft"] .draft-side-read,
  body[data-route="draft"] .draft-our-side-toggle{grid-template-columns:1fr}
  .strategy-draft-data>.section-head{display:block}
  .strategy-draft-data>.section-head .segmented{margin-top:8px;overflow:auto}
}

body[data-route="builds"] .pro-build-layout{grid-template-columns:minmax(220px,280px) minmax(0,1fr)}
body[data-route="builds"] .pro-build-page{display:grid;gap:12px}
body[data-route="builds"] .build-live-hero{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,290px);gap:12px;
  border:1px solid #c7d7e4;border-radius:18px;background:linear-gradient(135deg,#f8fbff 0%,#fff 58%,#fff6df 100%);
  padding:13px;box-shadow:0 18px 42px rgba(15,35,55,.1)
}
body[data-route="builds"] .build-live-main{display:grid;gap:12px;min-width:0}
body[data-route="builds"] .build-versus-row{display:grid;grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);gap:10px;align-items:center}
body[data-route="builds"] .build-versus-row>button,
body[data-route="builds"] .build-versus-row>label{
  min-width:0;min-height:86px;display:grid;grid-template-columns:70px minmax(0,1fr);gap:10px;align-items:center;
  border:1px solid rgba(17,36,54,.1);border-radius:15px;background:rgba(255,255,255,.82);padding:8px;text-align:left
}
body[data-route="builds"] .build-versus-row>button{cursor:pointer}
body[data-route="builds"] .build-versus-row .portrait{width:70px;height:70px;border-radius:13px}
body[data-route="builds"] .build-versus-row>i{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#102235;color:#d6b665;font-style:normal;font-weight:950}
body[data-route="builds"] .build-versus-row span,
body[data-route="builds"] .build-live-hero aside label{display:grid;gap:4px;min-width:0}
body[data-route="builds"] .build-versus-row small,
body[data-route="builds"] .build-live-hero aside label>span{color:#62798b;font-size:9px;font-weight:950;text-transform:uppercase;letter-spacing:.05em}
body[data-route="builds"] .build-versus-row b{overflow:hidden;color:#12283a;font-size:20px;text-overflow:ellipsis;white-space:nowrap}
body[data-route="builds"] .build-versus-row em{overflow:hidden;color:#516a7d;font-size:11px;font-style:normal;font-weight:800;text-overflow:ellipsis;white-space:nowrap}
body[data-route="builds"] .build-versus-row select,
body[data-route="builds"] .build-live-hero aside select{
  min-width:0;width:100%;min-height:40px;border:1px solid #b9cad7;border-radius:11px;background:#fff;color:#12283a;padding:0 10px;font-weight:900
}
body[data-route="builds"] .build-core-strip{display:grid;grid-template-columns:.7fr .75fr 1.3fr;gap:8px}
body[data-route="builds"] .build-core-strip>span{
  min-width:0;display:grid;gap:6px;border:1px solid #d7e2ea;border-radius:14px;background:#fff;padding:9px
}
body[data-route="builds"] .build-core-strip small{color:#607789;font-size:9px;font-weight:950;text-transform:uppercase}
body[data-route="builds"] .build-core-strip>span{grid-template-columns:1fr}
body[data-route="builds"] .build-core-strip>span .build-item-chip{max-width:none}
body[data-route="builds"] .build-live-hero aside{display:grid;align-content:start;gap:10px;min-width:0}
body[data-route="builds"] .build-stat-links{display:grid;grid-template-columns:1fr;gap:6px}
body[data-route="builds"] .build-stat-links a{
  display:grid;place-items:center;min-height:34px;border:1px solid #d6b665;border-radius:10px;background:#102235;color:#f9e6ad;
  font-size:10px;font-weight:950;text-decoration:none
}
body[data-route="builds"] .build-overview-deck{display:grid;grid-template-columns:1.25fr .8fr .95fr;gap:12px}
body[data-route="builds"] .build-rune-card,
body[data-route="builds"] .build-spell-card,
body[data-route="builds"] .build-skill-card,
body[data-route="builds"] .build-item-timeline{
  border:1px solid #d2dee8;border-radius:16px;background:#fff;padding:12px;box-shadow:0 12px 28px rgba(15,35,55,.07)
}
body[data-route="builds"] .build-rune-card header{display:grid;grid-template-columns:42px minmax(0,1fr);gap:9px;align-items:center;margin-bottom:9px}
body[data-route="builds"] .build-rune-card header img{width:42px;height:42px;border-radius:10px}
body[data-route="builds"] .build-rune-card header small,
body[data-route="builds"] .build-spell-card header small,
body[data-route="builds"] .build-skill-card header small{display:block;color:#63798b;font-size:9px;font-weight:950;text-transform:uppercase}
body[data-route="builds"] .build-rune-card header b,
body[data-route="builds"] .build-spell-card header b,
body[data-route="builds"] .build-skill-card header b{color:#13283a;font-size:13px}
body[data-route="builds"] .build-rune-card>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
body[data-route="builds"] .build-rune-card>div span,
body[data-route="builds"] .build-rune-card footer span{
  display:grid;justify-items:center;gap:4px;border:1px solid #e0e8ef;border-radius:10px;background:#f8fbfe;padding:6px;color:#20384c;font-size:9px;font-weight:900;text-align:center
}
body[data-route="builds"] .build-rune-card>div .keystone{border-color:#d6b665;background:#fff7dd}
body[data-route="builds"] .build-rune-card img{width:28px;height:28px;border-radius:50%}
body[data-route="builds"] .build-rune-card footer{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:7px}
body[data-route="builds"] .build-rune-card footer small{grid-column:1/-1;color:#63798b;font-size:10px}
body[data-route="builds"] .build-spell-card>div{display:grid;gap:8px}
body[data-route="builds"] .build-spell-card p{margin:9px 0 0;color:#40586d;font-size:11px;line-height:1.45}
body[data-route="builds"] .build-skill-card>div{display:grid;gap:7px}
body[data-route="builds"] .build-skill-card>div span{display:grid;grid-template-columns:22px 38px minmax(0,1fr);gap:7px;align-items:center;border:1px solid #e0e8ef;border-radius:11px;background:#f8fbfe;padding:6px}
body[data-route="builds"] .build-skill-card strong{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#102235;color:#d6b665;font-size:11px}
body[data-route="builds"] .build-skill-card img,
body[data-route="builds"] .build-skill-card i{width:38px;height:38px;border-radius:9px;background:#102235;color:#d6b665}
body[data-route="builds"] .build-skill-card i{display:grid;place-items:center;font-style:normal;font-weight:950}
body[data-route="builds"] .build-skill-card b,
body[data-route="builds"] .build-skill-card small{display:block}
body[data-route="builds"] .build-skill-card small{overflow:hidden;color:#657b8c;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
body[data-route="builds"] .build-item-timeline>div:not(.section-head){display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
body[data-route="builds"] .build-item-timeline article{min-width:0;border:1px solid #e0e8ef;border-radius:14px;background:#fbfdff;padding:9px}
body[data-route="builds"] .build-item-timeline article header{margin-bottom:8px}
body[data-route="builds"] .build-item-timeline article header b,
body[data-route="builds"] .build-item-timeline article header small{display:block}
body[data-route="builds"] .build-item-timeline article header small{color:#63798b;font-size:9px}
body[data-route="builds"] .build-item-timeline article>div{display:grid;gap:7px}
body[data-route="builds"] .build-item-timeline article>div>span{display:grid;gap:4px}
body[data-route="builds"] .build-item-timeline em{display:block;border-left:3px solid #d6b665;background:#fff8e6;color:#6a551d;padding:5px 7px;font-size:9px;font-style:normal;line-height:1.35}
body[data-route="builds"] .pro-build-source{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,360px);gap:12px;align-items:center}
body[data-route="builds"] .pro-build-source .build-stat-links{grid-template-columns:repeat(3,1fr)}

@media(max-width:1180px){
  body[data-route="builds"] .pro-build-layout{grid-template-columns:1fr}
  body[data-route="builds"] .build-overview-deck,
  body[data-route="builds"] .build-item-timeline>div:not(.section-head){grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  body[data-route="builds"] .build-live-hero,
  body[data-route="builds"] .build-versus-row,
  body[data-route="builds"] .build-core-strip,
  body[data-route="builds"] .build-overview-deck,
  body[data-route="builds"] .build-item-timeline>div:not(.section-head),
  body[data-route="builds"] .pro-build-source{grid-template-columns:1fr}
  body[data-route="builds"] .build-versus-row>i{justify-self:center}
  body[data-route="builds"] .pro-build-source .build-stat-links{grid-template-columns:1fr}
}

/* Builds owns the old comparison flow: lane -> champion -> optional opponent. */
body[data-route="builds"] .build-integrated-page{width:100%;max-width:1500px;margin:0 auto}
body[data-route="builds"] .build-setup-flow{overflow:hidden;border:1px solid #c7d7e4;border-radius:18px;background:#fff;box-shadow:0 16px 38px rgba(15,35,55,.09)}
body[data-route="builds"] .build-setup-flow>header{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #dce5ec;background:linear-gradient(90deg,#102235,#18364e);padding:12px 16px;color:#fff}
body[data-route="builds"] .build-setup-flow>header small{color:#e8cc7d;font-size:9px;font-weight:950;letter-spacing:.12em}
body[data-route="builds"] .build-setup-flow>header h3{margin:2px 0 0;font-size:16px}
body[data-route="builds"] .build-setup-flow>header strong{border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:6px 10px;font-size:9px;letter-spacing:.06em}
body[data-route="builds"] .build-setup-flow.has-opponent>header strong{border-color:#f0c867;background:#f0c867;color:#102235}
body[data-route="builds"] .build-setup-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#dce5ec}
body[data-route="builds"] .build-setup-steps>label{display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:center;min-width:0;background:#fff;padding:11px 12px}
body[data-route="builds"] .build-setup-steps>label>em{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;background:#102235;color:#f0cf75;font-size:12px;font-style:normal;font-weight:950}
body[data-route="builds"] .build-setup-steps>label.optional>em{background:#edf2f6;color:#526b7d}
body[data-route="builds"] .build-setup-steps span{display:grid;gap:4px;min-width:0}
body[data-route="builds"] .build-setup-steps small,body[data-route="builds"] .build-setup-flow>footer label>span{color:#607789;font-size:9px;font-weight:950;letter-spacing:.05em;text-transform:uppercase}
body[data-route="builds"] .build-setup-steps select,body[data-route="builds"] .build-setup-flow>footer select{width:100%;min-width:0;min-height:44px;border:1px solid #b9cad7;border-radius:10px;background:#fff;color:#13283a;padding:0 10px;font-weight:900}
body[data-route="builds"] .build-setup-flow>footer{display:grid;grid-template-columns:minmax(180px,260px) minmax(0,1fr);gap:14px;align-items:center;background:#f7fafc;padding:10px 12px}
body[data-route="builds"] .build-setup-flow>footer label{display:grid;gap:4px}
body[data-route="builds"] .build-setup-flow>footer p{margin:0;color:#526a7d;font-size:11px;line-height:1.45}
body[data-route="builds"] .build-context-hero{display:grid;gap:12px;align-items:stretch;border:1px solid #cfdae3;border-radius:18px;background:linear-gradient(135deg,#f8fbff,#fff);padding:12px}
body[data-route="builds"] .build-context-hero.standard{grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr)}
body[data-route="builds"] .build-context-hero.matchup{grid-template-columns:minmax(0,1fr) 52px minmax(0,1fr)}
body[data-route="builds"] .build-context-hero>article{display:grid;grid-template-columns:78px minmax(0,1fr);gap:12px;align-items:center;min-width:0;border:1px solid #dce5ec;border-radius:14px;background:#fff;padding:9px}
body[data-route="builds"] .build-context-hero>article .portrait{width:78px;height:78px;border-radius:14px}
body[data-route="builds"] .build-context-hero>article span>small,body[data-route="builds"] .build-context-hero>article span>b,body[data-route="builds"] .build-context-hero>article span>em{display:block}
body[data-route="builds"] .build-context-hero>article span>small{color:#657b8d;font-size:9px;font-weight:950;text-transform:uppercase}
body[data-route="builds"] .build-context-hero>article span>b{font-size:21px}
body[data-route="builds"] .build-context-hero>article span>em{color:#526b7e;font-size:10px;font-style:normal;font-weight:800}
body[data-route="builds"] .build-context-hero .phase-strip{margin-top:7px}
body[data-route="builds"] .build-context-hero>i{display:grid;place-items:center;align-self:center;width:52px;height:52px;border-radius:50%;background:#102235;color:#f0cf75;font-style:normal;font-weight:950}
body[data-route="builds"] .build-context-hero.standard>div{display:grid;align-content:center;border-left:4px solid #d6b665;border-radius:12px;background:#fff8e6;padding:12px 16px}
body[data-route="builds"] .build-context-hero.standard>div>span{color:#806719;font-size:9px;font-weight:950;letter-spacing:.1em}
body[data-route="builds"] .build-context-hero.standard>div h3{margin:3px 0;color:#13283a;font-size:18px}
body[data-route="builds"] .build-context-hero.standard>div p{margin:0;color:#52677a;font-size:11px;line-height:1.5}
body[data-route="builds"] .build-matchup-compare{overflow:hidden;border:1px solid #d7c47f;border-radius:18px;background:#fff;box-shadow:0 14px 32px rgba(97,71,12,.08)}
body[data-route="builds"] .build-matchup-compare>.section-head{margin:0;border-bottom:1px solid #eadcae;background:#fff9e8;padding:11px 13px}
body[data-route="builds"] .build-matchup-compare>.section-head>b{border-radius:999px;background:#102235;color:#f2d47f;padding:5px 8px;font-size:8px;letter-spacing:.08em}
body[data-route="builds"] .build-matchup-layout{display:grid;grid-template-columns:1.25fr .8fr 1fr;gap:1px;background:#dce5ec}
body[data-route="builds"] .build-matchup-layout>article{min-width:0;background:#fff;padding:12px}
body[data-route="builds"] .build-duel-board header{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;margin-bottom:9px;text-align:center}
body[data-route="builds"] .build-duel-board header b:last-child{text-align:right}
body[data-route="builds"] .build-duel-board header b:first-child{text-align:left}
body[data-route="builds"] .build-duel-board header span{color:#687f90;font-size:8px;text-transform:uppercase}
body[data-route="builds"] .build-duel-metric{display:grid;grid-template-columns:30px minmax(50px,1fr) 68px minmax(50px,1fr) 30px;gap:6px;align-items:center;margin-top:7px;text-align:center}
body[data-route="builds"] .build-duel-metric>b{font-size:10px;font-variant-numeric:tabular-nums}
body[data-route="builds"] .build-duel-metric>span{color:#52697b;font-size:8px;font-weight:950;text-transform:uppercase}
body[data-route="builds"] .build-duel-metric>i{height:7px;border-radius:99px;background:#dbeafe;overflow:hidden}
body[data-route="builds"] .build-duel-metric>i>em{display:block;height:100%;margin-left:auto;border-radius:99px;background:#2563eb}
body[data-route="builds"] .build-duel-metric>i.enemy{background:#fee2e2}
body[data-route="builds"] .build-duel-metric>i.enemy>em{margin:0;background:#dc2626}
body[data-route="builds"] .build-threat-board>small,body[data-route="builds"] .build-answer-board>small{color:#657b8d;font-size:9px;font-weight:950;letter-spacing:.08em}
body[data-route="builds"] .build-threat-board p{color:#52697b;font-size:10px;line-height:1.45}
body[data-route="builds"] .build-answer-board{display:grid;align-content:start;gap:7px}
body[data-route="builds"] .build-answer-board>div{display:grid;grid-template-columns:minmax(105px,.8fr) minmax(0,1fr);gap:7px;align-items:center;border:1px solid #e4e9ed;border-radius:10px;background:#fafcfd;padding:6px}
body[data-route="builds"] .build-answer-board>div>span{color:#52697b;font-size:9px;line-height:1.35}
@media(max-width:980px){
  body[data-route="builds"] .build-matchup-layout{grid-template-columns:1fr 1fr}
  body[data-route="builds"] .build-duel-board{grid-column:1/-1}
}
@media(max-width:760px){
  body[data-route="builds"] .build-setup-flow>header{align-items:flex-start;flex-direction:column}
  body[data-route="builds"] .build-setup-steps,body[data-route="builds"] .build-setup-flow>footer,body[data-route="builds"] .build-context-hero.standard,body[data-route="builds"] .build-context-hero.matchup,body[data-route="builds"] .build-matchup-layout{grid-template-columns:1fr}
  body[data-route="builds"] .build-context-hero>i{justify-self:center}
  body[data-route="builds"] .build-duel-board{grid-column:auto}
}
body[data-route="team"] .team-guide-copy p{
  color:#193246;
  font-size:10px;
  font-weight:650;
  line-height:1.48;
  -webkit-line-clamp:4;
}
/* Builds v3: matchup-first build lab, inspired by modern build-stat sites but kept local/logical. */
body[data-route="builds"] .build-v3{max-width:1560px}
body[data-route="builds"] .build-duel-setup{
  border-color:#b8c9d8;
  background:linear-gradient(180deg,#ffffff,#f6f9fc);
}
body[data-route="builds"] .build-duel-setup>header{
  background:
    radial-gradient(circle at 16% 0%,rgba(214,182,101,.32),transparent 28%),
    linear-gradient(90deg,#08131f,#12293d 58%,#35161a);
}
body[data-route="builds"] .build-duel-setup>header h3{font-size:18px}
body[data-route="builds"] .build-duel-picker-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) 190px minmax(0,1fr);
  gap:1px;
  background:#d8e2ea;
}
body[data-route="builds"] .build-side-selector{
  display:grid;
  grid-template-columns:92px minmax(0,1fr);
  gap:12px;
  align-items:center;
  min-width:0;
  background:#fff;
  padding:14px;
}
body[data-route="builds"] .build-side-selector.enemy{background:linear-gradient(135deg,#fff,#fff4f4)}
body[data-route="builds"] .build-side-selector.me{background:linear-gradient(135deg,#f2f8ff,#fff)}
body[data-route="builds"] .build-side-selector .portrait{
  width:92px;
  height:92px;
  border-radius:18px;
  object-position:center;
  box-shadow:0 12px 26px rgba(10,24,38,.16);
}
body[data-route="builds"] .build-side-selector.enemy .portrait{border-color:#ef9ca5}
body[data-route="builds"] .build-side-selector.me .portrait{border-color:#8abbe3}
body[data-route="builds"] .build-side-selector small,
body[data-route="builds"] .build-duel-tools label>span,
body[data-route="builds"] .build-duel-setup>footer>div>span{
  color:#5d7182;
  font-size:9px;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
}
body[data-route="builds"] .build-side-selector h3{margin:2px 0 3px;color:#102235;font-size:22px}
body[data-route="builds"] .build-side-selector p{margin:0 0 9px;color:#50677a;font-size:11px;line-height:1.42}
body[data-route="builds"] .build-side-selector select,
body[data-route="builds"] .build-duel-tools select{
  width:100%;
  min-height:44px;
  border:1px solid #b6c8d6;
  border-radius:12px;
  background:#fff;
  color:#102235;
  padding:0 11px;
  font-weight:900;
}
body[data-route="builds"] .build-side-selector select:focus,
body[data-route="builds"] .build-duel-tools select:focus,
body[data-route="builds"] .build-direction-tabs button:focus-visible{
  border-color:#d6b665;
  outline:3px solid rgba(214,182,101,.28);
}
body[data-route="builds"] .build-duel-tools{
  display:grid;
  align-content:center;
  gap:10px;
  min-width:0;
  background:#0e1b29;
  padding:12px;
  color:#dbe7f0;
  text-align:center;
}
body[data-route="builds"] .build-duel-tools label{display:grid;gap:5px;text-align:left}
body[data-route="builds"] .build-duel-tools button{
  min-height:44px;
  border:1px solid #d6b665;
  border-radius:999px;
  background:#d6b665;
  color:#0b1621;
  font-weight:950;
  cursor:pointer;
}
body[data-route="builds"] .build-duel-tools button:disabled{
  border-color:#42556a;
  background:#1d2d3e;
  color:#77899a;
  cursor:not-allowed;
}
body[data-route="builds"] .build-duel-tools small{color:#8fa5b6;font-size:10px}
body[data-route="builds"] .build-duel-setup>footer{
  grid-template-columns:250px minmax(0,1fr);
  align-items:start;
}
body[data-route="builds"] .build-duel-setup>footer>div p{margin:4px 0 0}
body[data-route="builds"] .build-direction-tabs{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
}
body[data-route="builds"] .build-direction-tabs button{
  display:grid;
  gap:5px;
  min-width:0;
  min-height:118px;
  border:1px solid #d7e2eb;
  border-radius:14px;
  background:#fff;
  padding:9px;
  color:#153047;
  text-align:left;
  cursor:pointer;
}
body[data-route="builds"] .build-direction-tabs button.active{
  border-color:#d6b665;
  background:linear-gradient(135deg,#fff8df,#fff);
  box-shadow:inset 0 0 0 2px rgba(214,182,101,.26),0 12px 24px rgba(51,36,5,.09);
}
body[data-route="builds"] .build-direction-tabs b{font-size:13px}
body[data-route="builds"] .build-direction-tabs small{color:#6a7e8f;font-size:9px;font-weight:900}
body[data-route="builds"] .build-direction-tabs span{display:flex;gap:4px;min-height:34px}
body[data-route="builds"] .build-direction-tabs .build-item-chip{
  grid-template-columns:26px minmax(0,1fr);
  max-width:94px;
  padding:3px;
}
body[data-route="builds"] .build-direction-tabs .build-item-chip img{width:26px;height:26px}
body[data-route="builds"] .build-direction-tabs .build-item-chip small{display:none}
body[data-route="builds"] .build-direction-tabs .build-item-chip b{font-size:7px}
body[data-route="builds"] .build-direction-tabs em{color:#607789;font-size:9px;font-style:normal;line-height:1.3}
body[data-route="builds"] .build-context-hero>article.me{border-left:4px solid #2f80c1}
body[data-route="builds"] .build-context-hero>article.enemy{border-right:4px solid #d84c59}
body[data-route="builds"] .build-guide-panel{
  overflow:hidden;
  border:1px solid #cddbe6;
  border-radius:18px;
  background:#fff;
  box-shadow:0 14px 32px rgba(15,35,55,.07);
}
body[data-route="builds"] .build-guide-panel>.section-head{
  margin:0;
  border-bottom:1px solid #dfe8ef;
  background:linear-gradient(90deg,#f9fbfd,#fff8e6);
  padding:12px 14px;
}
body[data-route="builds"] .build-guide-panel>.section-head>b{
  border-radius:999px;
  background:#102235;
  color:#f2d47f;
  padding:6px 9px;
  font-size:9px;
}
body[data-route="builds"] .build-guide-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1px;
  background:#dfe8ef;
}
body[data-route="builds"] .build-guide-grid>article,
body[data-route="builds"] .build-game-plan>article,
body[data-route="builds"] .build-power-spikes>article{
  min-width:0;
  background:#fff;
  padding:12px;
}
body[data-route="builds"] .build-guide-grid .strength{background:#f0fbf4}
body[data-route="builds"] .build-guide-grid .weakness{background:#fff3f4}
body[data-route="builds"] .build-guide-grid .tips{background:#fff9e8}
body[data-route="builds"] .build-guide-grid .enemy-note{background:#f7f3ff}
body[data-route="builds"] .build-guide-grid small,
body[data-route="builds"] .build-game-plan small,
body[data-route="builds"] .build-power-spikes b{
  color:#5f7587;
  font-size:9px;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
}
body[data-route="builds"] .build-guide-grid p,
body[data-route="builds"] .build-game-plan p,
body[data-route="builds"] .build-power-spikes p{
  display:-webkit-box;
  -webkit-line-clamp:5;
  -webkit-box-orient:vertical;
  overflow:hidden;
  margin:6px 0 0;
  color:#20384c;
  font-size:11px;
  line-height:1.52;
}
body[data-route="builds"] .build-guide-grid ul{margin:6px 0 0;padding-left:17px;color:#20384c;font-size:11px;line-height:1.5}
body[data-route="builds"] .build-game-plan,
body[data-route="builds"] .build-power-spikes{
  display:grid;
  grid-template-columns:110px repeat(3,minmax(0,1fr));
  gap:1px;
  border-top:1px solid #dfe8ef;
  background:#dfe8ef;
}
body[data-route="builds"] .build-game-plan h4,
body[data-route="builds"] .build-power-spikes h4{
  display:grid;
  place-items:center;
  margin:0;
  background:#102235;
  color:#f2d47f;
  font-size:11px;
  text-transform:uppercase;
}
body[data-route="builds"] .build-power-spikes strong{
  display:inline-grid;
  place-items:center;
  min-width:70px;
  margin:4px 0;
  border-radius:999px;
  padding:4px 8px;
  font-size:10px;
}
body[data-route="builds"] .build-power-spikes .phase-power-strong strong{background:#dff6e7;color:#146236}
body[data-route="builds"] .build-power-spikes .phase-power-average strong{background:#fff1c9;color:#735510}
body[data-route="builds"] .build-power-spikes .phase-power-weak strong{background:#ffe0e3;color:#8c2e39}
body[data-route="builds"] .build-style-selector-panel .section-head span{font-size:0}
body[data-route="builds"] .build-style-selector-panel .section-head span::after{
  content:"Click card để đổi Build plan; item timeline và guide sẽ cập nhật";
  font-size:9px;
}
@media(max-width:1180px){
  body[data-route="builds"] .build-duel-picker-row,
  body[data-route="builds"] .build-duel-setup>footer{grid-template-columns:1fr}
  body[data-route="builds"] .build-duel-tools{grid-row:3}
  body[data-route="builds"] .build-direction-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}
  body[data-route="builds"] .build-guide-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  body[data-route="builds"] .build-side-selector{grid-template-columns:72px minmax(0,1fr)}
  body[data-route="builds"] .build-side-selector .portrait{width:72px;height:72px}
  body[data-route="builds"] .build-direction-tabs,
  body[data-route="builds"] .build-guide-grid,
  body[data-route="builds"] .build-game-plan,
  body[data-route="builds"] .build-power-spikes{grid-template-columns:1fr}
  body[data-route="builds"] .build-game-plan h4,
  body[data-route="builds"] .build-power-spikes h4{min-height:38px}
}

body[data-route="team"] .team-guide-source{
  align-self:end;
  overflow:hidden;
  border-top:1px solid #d4dde4;
  background:#f8fafb;
  padding:5px 9px;
  color:#4f687a;
  font-size:7px;
  font-weight:800;
  text-decoration:none;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body[data-route="team"] .team-guide-card.blue .team-guide-source{grid-column:1;grid-row:2;text-align:right}
body[data-route="team"] .team-guide-card.red .team-guide-source{grid-column:2;grid-row:2;text-align:left}
body[data-route="team"] .team-guide-source:hover{text-decoration:underline}
@media(max-width:940px){
  #champion-picker .picker-filter-groups{max-height:38dvh}
  #champion-picker .picker-list .picker-champion-card{min-height:116px}
}
@media(max-width:1120px){
  body[data-route="team"] .team-strength-lane{min-height:164px}
body[data-route="team"] .team-guide-copy p{font-size:9px}
}

/* Check scroll composition: champion atlas stays above the fold, relation board is full-width below. */
body[data-route="finder"] #app-main{
  height:calc(100dvh - var(--topbar-h,64px))!important;
  overflow:auto!important;
  padding:14px 10px 22px!important;
}
body[data-route="finder"] .check-selector.check-one-screen{
  display:grid!important;
  grid-template-rows:64px auto!important;
  height:auto!important;
  min-height:calc(100dvh - var(--topbar-h,64px) - 36px)!important;
  overflow:visible!important;
}
body[data-route="finder"] .check-one-screen .check-body{
  align-items:start!important;
  height:auto!important;
  min-height:calc(100dvh - var(--topbar-h,64px) - 118px)!important;
  overflow:visible!important;
}
body[data-route="finder"] .check-one-screen .check-name-rail,
body[data-route="finder"] .check-one-screen .check-filter-console{
  position:sticky!important;
  top:8px!important;
  height:calc(100dvh - var(--topbar-h,64px) - 100px)!important;
  max-height:calc(100dvh - var(--topbar-h,64px) - 100px)!important;
  overflow:hidden!important;
}
body[data-route="finder"] .check-one-screen .check-center{
  display:block!important;
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
}
body[data-route="finder"] .check-one-screen .check-champion-grid{
  height:calc(100dvh - var(--topbar-h,64px) - 124px)!important;
  min-height:460px!important;
  max-height:none!important;
  overflow:hidden!important;
}
body[data-route="finder"] .check-one-screen .check-selected-relations.check-relation-cards{
  height:auto!important;
  min-height:360px!important;
  margin-top:14px!important;
  overflow:visible!important;
  scroll-margin-top:80px;
}
body[data-route="finder"] .check-one-screen .check-selected-relations.check-relation-cards>header{
  min-height:42px!important;
  padding:10px 12px!important;
}
body[data-route="finder"] .check-one-screen .check-selected-relations.check-relation-cards>div{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
  padding:8px!important;
}
body[data-route="finder"] .check-one-screen .check-selected-relations.check-relation-cards article{
  min-height:300px!important;
  padding:8px!important;
  gap:7px!important;
}
body[data-route="finder"] .check-one-screen .check-selected-relations.check-relation-cards article>div{
  max-height:none!important;
  overflow:visible!important;
}
body[data-route="finder"] .check-one-screen .check-relation-card{
  min-height:42px!important;
}

/* Check phase-free polish: remove Early/Mid/Late from Check and give the atlas more breathing room. */
body[data-route="finder"] .check-phase-row,
body[data-route="finder"] .check-one-screen .phase-ring-strip,
body[data-route="finder"] .check-one-screen .phase-strip{
  display:none!important;
}
body[data-route="finder"] .check-one-screen .check-topbar-compact{
  grid-template-columns:92px minmax(430px,1fr) 138px minmax(280px,.9fr)!important;
  gap:12px!important;
  min-height:68px!important;
  padding:10px 12px!important;
  margin-bottom:10px!important;
}
body[data-route="finder"] .check-selector.check-one-screen{
  grid-template-rows:82px auto!important;
}
body[data-route="finder"] .check-one-screen .check-body{
  grid-template-columns:210px minmax(760px,1fr) 306px!important;
  gap:12px!important;
  min-height:calc(100dvh - var(--topbar-h,64px) - 136px)!important;
}
body[data-route="finder"] .check-one-screen .check-champion-grid{
  gap:4px!important;
  height:calc(100dvh - var(--topbar-h,64px) - 154px)!important;
  min-height:430px!important;
  padding:4px!important;
}
body[data-route="finder"] .check-one-screen .check-name-rail,
body[data-route="finder"] .check-one-screen .check-filter-console{
  top:12px!important;
  height:calc(100dvh - var(--topbar-h,64px) - 124px)!important;
  max-height:calc(100dvh - var(--topbar-h,64px) - 124px)!important;
}
body[data-route="finder"] .check-one-screen .check-filter-console{
  padding:10px!important;
}
body[data-route="finder"] .check-one-screen .check-selected-preview{
  margin-bottom:10px!important;
}
body[data-route="finder"] .check-one-screen .check-dropdown-grid,
body[data-route="finder"] .check-one-screen .check-multi-filter,
body[data-route="finder"] .check-one-screen .check-icon-row,
body[data-route="finder"] .check-one-screen .check-grade{
  margin-bottom:10px!important;
}
body[data-route="finder"] .check-one-screen .check-selected-relations.check-relation-cards{
  margin-top:22px!important;
}

/* Check readability + richer relation cards. */
body[data-route="finder"]{
  font-size:14px!important;
}
body[data-route="finder"] .check-selector.check-one-screen{
  font-size:12px!important;
}
body[data-route="finder"] .check-one-screen :where(button,input,select,summary,label){
  font-size:11px!important;
}
body[data-route="finder"] .check-one-screen .check-champ-label b{
  font-size:8px!important;
}
body[data-route="finder"] .check-one-screen .check-name-rail button span{
  font-size:11px!important;
}
body[data-route="finder"] .check-relation-rich.check-selected-relations.check-relation-cards{
  min-height:520px!important;
}
body[data-route="finder"] .check-relation-rich.check-selected-relations.check-relation-cards>header{
  min-height:52px!important;
  padding:12px 14px!important;
}
body[data-route="finder"] .check-relation-rich.check-selected-relations.check-relation-cards>header b{
  font-size:16px!important;
}
body[data-route="finder"] .check-relation-rich.check-selected-relations.check-relation-cards>header span{
  font-size:11px!important;
}
body[data-route="finder"] .check-relation-rich.check-selected-relations.check-relation-cards>div{
  gap:12px!important;
  padding:12px!important;
  overflow:visible!important;
}
body[data-route="finder"] .check-relation-rich article{
  min-height:430px!important;
  overflow:visible!important;
  padding:10px!important;
}
body[data-route="finder"] .check-relation-rich article h4{
  min-height:34px!important;
  font-size:12px!important;
}
body[data-route="finder"] .check-relation-rich article>div{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:7px!important;
  overflow:visible!important;
}
body[data-route="finder"] .check-relation-card.rich{
  position:relative!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) 24px!important;
  gap:9px!important;
  align-items:center!important;
  min-height:58px!important;
  padding:8px!important;
  overflow:visible!important;
  text-align:left!important;
  z-index:1;
}
body[data-route="finder"] .check-relation-card.rich:hover,
body[data-route="finder"] .check-relation-card.rich:focus-visible{
  z-index:30;
}
body[data-route="finder"] .check-relation-card.rich .portrait{
  width:42px!important;
  height:42px!important;
}
body[data-route="finder"] .check-relation-card.rich .relation-main{
  display:grid!important;
  gap:3px!important;
  min-width:0!important;
}
body[data-route="finder"] .check-relation-card.rich .relation-main b{
  font-size:12px!important;
  line-height:1.12!important;
}
body[data-route="finder"] .check-relation-card.rich .relation-main small{
  font-size:9px!important;
  line-height:1.2!important;
  white-space:normal!important;
}
body[data-route="finder"] .check-relation-card.rich .relation-main em{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:3px!important;
  font-style:normal!important;
}
body[data-route="finder"] .check-relation-card.rich .relation-main em i{
  border:1px solid rgba(17,24,39,.14);
  border-radius:999px;
  background:rgba(255,255,255,.7);
  padding:2px 5px;
  color:#334155;
  font-size:8px;
  font-style:normal;
  font-weight:850;
  line-height:1;
}
body[data-route="finder"] .check-relation-card.rich>strong{
  display:grid!important;
  place-items:center!important;
  width:24px!important;
  height:24px!important;
}
body[data-route="finder"] .check-relation-popover{
  position:absolute;
  left:12px;
  right:12px;
  bottom:calc(100% + 8px);
  display:grid;
  gap:6px;
  min-width:250px;
  max-width:360px;
  border:1px solid #26384a;
  border-radius:12px;
  background:linear-gradient(135deg,#0f2235,#172f47);
  box-shadow:0 20px 48px rgba(15,23,42,.28);
  color:#edf6ff;
  padding:10px;
  opacity:0;
  pointer-events:none;
  transform:translateY(6px) scale(.98);
  transition:opacity .16s ease,transform .16s ease;
}
body[data-route="finder"] .check-relation-popover::after{
  content:"";
  position:absolute;
  left:24px;
  bottom:-7px;
  width:12px;
  height:12px;
  background:#172f47;
  border-right:1px solid #26384a;
  border-bottom:1px solid #26384a;
  transform:rotate(45deg);
}
body[data-route="finder"] .check-relation-card.rich:hover .check-relation-popover,
body[data-route="finder"] .check-relation-card.rich:focus-visible .check-relation-popover{
  opacity:1;
  transform:translateY(0) scale(1);
}
body[data-route="finder"] .check-relation-popover b{
  color:#fff;
  font-size:14px;
  line-height:1.1;
}
body[data-route="finder"] .check-relation-popover small{
  color:#b8ccdb;
  font-size:10px;
}
body[data-route="finder"] .check-relation-popover em{
  color:#e3edf6;
  font-size:10px;
  font-style:normal;
  line-height:1.35;
}
body[data-route="finder"] .check-relation-popover span{
  display:flex;
  flex-wrap:wrap;
  gap:4px;
}
body[data-route="finder"] .check-relation-popover i{
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  background:rgba(255,255,255,.08);
  padding:3px 6px;
  color:#fff4cf;
  font-size:9px;
  font-style:normal;
  font-weight:850;
}

/* Check relation group overlay: hover Counter/Ban/Lane/Duo to inspect every champion in the center. */
body[data-route="finder"] .check-relation-groups article{position:relative!important}
body[data-route="finder"] .check-relation-groups article:hover,
body[data-route="finder"] .check-relation-groups article:focus-within{z-index:90!important}
body[data-route="finder"] .check-relation-groups footer{margin-top:6px;border:1px dashed rgba(15,23,42,.18);border-radius:8px;background:rgba(255,255,255,.55);padding:6px 8px;color:#475569;font-size:10px;font-weight:900;text-align:center}
body[data-route="finder"] .check-relation-card.group-mini{grid-template-columns:34px minmax(0,1fr) 32px!important;min-height:48px!important;border-left-width:4px!important}
body[data-route="finder"] .check-relation-card.group-mini.damage-physical{border-left-color:#dc2626!important;background:linear-gradient(90deg,#fff1f2,#fff)!important}
body[data-route="finder"] .check-relation-card.group-mini.damage-magic{border-left-color:#2563eb!important;background:linear-gradient(90deg,#eff6ff,#fff)!important}
body[data-route="finder"] .check-relation-card.group-mini.damage-hybrid{border-left-color:#7c3aed!important;background:linear-gradient(90deg,#f5f3ff,#ecfeff)!important}
body[data-route="finder"] .check-relation-card.group-mini small{display:flex!important;align-items:center!important;gap:4px!important;white-space:nowrap!important}
body[data-route="finder"] .check-relation-card.group-mini small :where(.ui-icon,svg){width:13px!important;height:13px!important}
body[data-route="finder"] .check-relation-group-overlay{position:fixed;left:50%;top:50%;z-index:999;display:grid;grid-template-rows:auto minmax(0,1fr);width:min(1040px,calc(100vw - 96px));max-height:min(720px,calc(100dvh - 96px));border:2px solid #0f172a;border-radius:18px;background:linear-gradient(135deg,#f8fafc,#fff);box-shadow:0 34px 90px rgba(15,23,42,.38),0 0 0 9999px rgba(15,23,42,.2);opacity:0;pointer-events:none;transform:translate(-50%,-47%) scale(.97);transition:opacity .16s ease,transform .16s ease;overflow:hidden}
body[data-route="finder"] .check-relation-groups article:hover .check-relation-group-overlay,
body[data-route="finder"] .check-relation-groups article:focus-within .check-relation-group-overlay{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}
body[data-route="finder"] .check-relation-group-overlay>header{display:flex;align-items:center;gap:12px;border-bottom:1px solid #cbd5e1;background:linear-gradient(90deg,#0f2235,#173a5a);color:#fff;padding:14px 16px}
body[data-route="finder"] .check-relation-group-overlay>header>span{display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:12px;background:rgba(255,255,255,.1)}
body[data-route="finder"] .check-relation-group-overlay>header small,
body[data-route="finder"] .check-relation-group-overlay>header b{display:block}
body[data-route="finder"] .check-relation-group-overlay>header small{color:#b8ccdb;font-size:11px;font-weight:850}
body[data-route="finder"] .check-relation-group-overlay>header b{margin-top:2px;font-size:20px;line-height:1.1}
body[data-route="finder"] .check-relation-group-overlay>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-height:640px;overflow:auto;padding:14px}
body[data-route="finder"] .relation-full-card{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr);grid-template-rows:auto auto;gap:8px 10px;align-items:center;min-height:112px;border:1px solid #cbd5e1;border-left:6px solid #94a3b8;border-radius:14px;background:#fff;box-shadow:0 10px 26px rgba(15,23,42,.08);color:#0f172a;padding:10px;text-align:left;cursor:pointer}
body[data-route="finder"] .relation-full-card:hover,
body[data-route="finder"] .relation-full-card:focus-visible{outline:3px solid rgba(214,182,101,.55);transform:translateY(-1px)}
body[data-route="finder"] .relation-full-card.damage-physical{border-left-color:#dc2626;background:linear-gradient(135deg,#fff1f2,#fff)}
body[data-route="finder"] .relation-full-card.damage-magic{border-left-color:#2563eb;background:linear-gradient(135deg,#eff6ff,#fff)}
body[data-route="finder"] .relation-full-card.damage-hybrid{border-left-color:#7c3aed;background:linear-gradient(135deg,#f5f3ff,#ecfeff)}
body[data-route="finder"] .relation-full-card .portrait{width:48px!important;height:48px!important}
body[data-route="finder"] .relation-full-copy{display:grid;gap:4px;min-width:0}
body[data-route="finder"] .relation-full-copy b{overflow:hidden;font-size:14px;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}
body[data-route="finder"] .relation-full-copy small{color:#475569;font-size:10px;font-weight:800}
body[data-route="finder"] .relation-full-copy em{display:flex;flex-wrap:wrap;gap:4px;font-style:normal}
body[data-route="finder"] .relation-full-copy em i{border:1px solid rgba(15,23,42,.12);border-radius:999px;background:rgba(255,255,255,.72);padding:2px 6px;color:#334155;font-size:9px;font-style:normal;font-weight:850}
body[data-route="finder"] .relation-full-taxonomy{grid-column:1/-1;display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:7px;align-items:center;border:1px solid rgba(15,23,42,.1);border-radius:10px;background:rgba(255,255,255,.62);padding:6px}
body[data-route="finder"] .relation-class-icon{display:grid!important;width:30px!important;height:30px!important;place-items:center!important;border:1px solid #d6b665!important;border-radius:8px!important;background:#050505!important;color:#f8d46a!important}
body[data-route="finder"] .relation-class-icon :where(svg,.ui-icon){width:22px!important;height:22px!important;color:#f8d46a!important;stroke:currentColor!important}
body[data-route="finder"] .relation-full-taxonomy strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
body[data-route="finder"] .relation-full-taxonomy .damage-label{border-radius:999px;padding:4px 7px;font-size:9px;font-weight:950;white-space:nowrap}
body[data-route="finder"] .damage-physical .damage-label{background:#fee2e2;color:#991b1b}
body[data-route="finder"] .damage-magic .damage-label{background:#dbeafe;color:#1d4ed8}
body[data-route="finder"] .damage-hybrid .damage-label{background:#ede9fe;color:#5b21b6}
body[data-route="finder"] .relation-full-card>u{position:absolute;right:10px;top:8px;color:#64748b;font-size:10px;font-weight:950;text-decoration:none}
@media(max-width:1250px){body[data-route="finder"] .check-relation-group-overlay>div{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){body[data-route="finder"] .check-relation-group-overlay{width:calc(100vw - 28px)}body[data-route="finder"] .check-relation-group-overlay>div{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Check filter v2: cleaner controls, compact hover overlay, AND skill tags. */
body[data-route="finder"] .check-filter-v2 .check-filter-console{gap:10px!important}
body[data-route="finder"] .check-filter-v2 .check-class-single>div,
body[data-route="finder"] .check-filter-v2 .check-attack-style>div,
body[data-route="finder"] .check-filter-v2 .check-positive-row>div{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
body[data-route="finder"] .check-filter-v2 .check-class-single button{display:grid!important;grid-template-columns:24px minmax(0,1fr)!important;gap:7px!important;align-items:center!important;min-height:44px!important;border:1px solid #cbd5e1!important;border-radius:10px!important;background:#fff!important;padding:7px!important;color:#102235!important;cursor:pointer!important}
body[data-route="finder"] .check-filter-v2 .check-class-single button.active{border-color:#1769a5!important;background:#dff0fb!important;box-shadow:inset 0 0 0 1px #1769a5!important}
body[data-route="finder"] .check-filter-v2 .check-class-single button small{overflow:hidden!important;font-size:11px!important;font-weight:950!important;text-overflow:ellipsis!important;white-space:nowrap!important}
body[data-route="finder"] .check-filter-v2 .check-multi-filter[open] summary{margin-bottom:7px!important}
body[data-route="finder"] .check-filter-v2 .check-multi-filter summary em{min-width:34px!important}
body[data-route="finder"] .check-filter-v2 .check-skill-effect-and:not([open]){background:#fff!important}
body[data-route="finder"] .check-filter-v2 .check-selected-chips{display:flex!important;flex-wrap:wrap!important;gap:5px!important;margin-bottom:8px!important}
body[data-route="finder"] .check-filter-v2 .check-selected-chips button{display:inline-flex!important;align-items:center!important;gap:6px!important;min-height:30px!important;border:1px solid #d6b665!important;border-radius:999px!important;background:#fff8df!important;color:#4b3605!important;padding:4px 8px!important;font-size:10px!important;font-weight:950!important;cursor:pointer!important}
body[data-route="finder"] .check-filter-v2 .check-selected-chips button b{display:grid!important;width:16px!important;height:16px!important;place-items:center!important;border-radius:50%!important;background:#4b3605!important;color:#fff8df!important}
body[data-route="finder"] .check-relation-compact-overlay .check-relation-group-overlay{width:min(820px,calc(100vw - 112px))!important;max-height:min(560px,calc(100dvh - 112px))!important;border-radius:16px!important}
body[data-route="finder"] .check-relation-compact-overlay .check-relation-group-overlay>header{padding:12px 14px!important}
body[data-route="finder"] .check-relation-compact-overlay .check-relation-group-overlay>header b{font-size:18px!important}
body[data-route="finder"] .check-relation-compact-overlay .check-relation-group-overlay>div{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;max-height:488px!important;padding:12px!important}
body[data-route="finder"] .check-relation-compact-overlay .relation-full-card{grid-template-columns:46px minmax(0,1fr)!important;min-height:98px!important;border-radius:12px!important;padding:9px!important}
body[data-route="finder"] .check-relation-compact-overlay .relation-full-card .portrait{width:46px!important;height:46px!important}
body[data-route="finder"] .check-relation-compact-overlay .relation-full-card.no-class-icon .relation-full-taxonomy{grid-template-columns:minmax(0,1fr) auto!important}
body[data-route="finder"] .check-relation-compact-overlay .relation-full-card.no-class-icon .relation-class-icon{display:none!important}
body[data-route="finder"] .check-relation-compact-overlay .relation-full-copy b{font-size:14px!important}
body[data-route="finder"] .check-relation-compact-overlay .relation-full-copy small,
body[data-route="finder"] .check-relation-compact-overlay .relation-full-taxonomy strong{font-size:10.5px!important}
body[data-route="finder"] .check-relation-compact-overlay footer{font-size:10px!important}

/* Check fit pass: right filters stay compact; relation preview is clean, hover shows full list. */
body[data-route="finder"] .check-filter-v2 .check-body{
  grid-template-columns:190px minmax(680px,1fr) 348px!important;
  gap:10px!important;
}
body[data-route="finder"] .check-filter-v2 .check-filter-console{
  height:calc(100dvh - var(--topbar-h,64px) - 118px)!important;
  max-height:calc(100dvh - var(--topbar-h,64px) - 118px)!important;
  padding:8px!important;
  gap:7px!important;
  overflow:auto!important;
}
body[data-route="finder"] .check-filter-v2 .check-selected-preview{
  grid-template-columns:46px minmax(0,1fr)!important;
  min-height:66px!important;
  margin-bottom:6px!important;
  padding:7px!important;
}
body[data-route="finder"] .check-filter-v2 .check-selected-preview .portrait{
  width:46px!important;
  height:46px!important;
}
body[data-route="finder"] .check-filter-v2 .check-selected-preview h3{
  font-size:15px!important;
  margin:0!important;
}
body[data-route="finder"] .check-filter-v2 .check-selected-preview p,
body[data-route="finder"] .check-filter-v2 .check-selected-preview small{
  font-size:9px!important;
  line-height:1.15!important;
}
body[data-route="finder"] .check-filter-v2 .check-selected-preview .pill{
  font-size:8px!important;
  padding:2px 5px!important;
}
body[data-route="finder"] .check-filter-v2 .check-dropdown-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:5px!important;
  margin-bottom:6px!important;
}
body[data-route="finder"] .check-filter-v2 .check-select-control select,
body[data-route="finder"] .check-filter-v2 .check-year select,
body[data-route="finder"] .check-filter-v2 .check-search input{
  min-height:32px!important;
  height:32px!important;
  font-size:10px!important;
  padding:4px 6px!important;
}
body[data-route="finder"] .check-filter-v2 .check-select-control span,
body[data-route="finder"] .check-filter-v2 .check-multi-filter summary span,
body[data-route="finder"] .check-filter-v2 .check-icon-row header span,
body[data-route="finder"] .check-filter-v2 .check-grade>span{
  font-size:10px!important;
}
body[data-route="finder"] .check-filter-v2 .check-multi-filter,
body[data-route="finder"] .check-filter-v2 .check-icon-row,
body[data-route="finder"] .check-filter-v2 .check-grade{
  margin-bottom:6px!important;
  padding:6px!important;
}
body[data-route="finder"] .check-filter-v2 .check-multi-filter summary{
  min-height:26px!important;
}
body[data-route="finder"] .check-filter-v2 .check-filter-toggle>span,
body[data-route="finder"] .check-filter-v2 .check-class-single button{
  min-height:32px!important;
  padding:4px 6px!important;
  gap:5px!important;
}
body[data-route="finder"] .check-filter-v2 .check-filter-toggle small,
body[data-route="finder"] .check-filter-v2 .check-class-single button small{
  font-size:9.5px!important;
  line-height:1.05!important;
}
body[data-route="finder"] .check-filter-v2 .check-filter-icon,
body[data-route="finder"] .check-filter-v2 .check-lane-icon{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
}
body[data-route="finder"] .check-filter-v2 .check-multi-filter>div{
  gap:4px!important;
}
body[data-route="finder"] .check-filter-v2 .check-skill-effect-and>div:last-child,
body[data-route="finder"] .check-filter-v2 .check-multi-filter:has(summary span:nth-child(1))>div{
  max-height:138px;
  overflow:auto;
  scrollbar-width:thin;
}
body[data-route="finder"] .check-filter-v2 .check-selected-chips{
  max-height:58px;
  overflow:auto;
  margin-bottom:5px!important;
}
body[data-route="finder"] .check-filter-v2 .check-selected-chips button{
  min-height:24px!important;
  padding:3px 7px!important;
  font-size:9px!important;
}
body[data-route="finder"] .check-filter-v2 .check-class-single>div,
body[data-route="finder"] .check-filter-v2 .check-attack-style>div,
body[data-route="finder"] .check-filter-v2 .check-positive-row>div{
  gap:5px!important;
}
body[data-route="finder"] .check-relation-compact-overlay article>footer{
  display:none!important;
}
body[data-route="finder"] .check-relation-compact-overlay article>div{
  gap:5px!important;
}
body[data-route="finder"] .check-relation-card.group-mini{
  min-height:42px!important;
  grid-template-columns:30px minmax(0,1fr) 26px!important;
  padding:5px!important;
}
body[data-route="finder"] .check-relation-card.group-mini .portrait{
  width:30px!important;
  height:30px!important;
}
body[data-route="finder"] .check-relation-card.group-mini span b{
  font-size:10.5px!important;
  white-space:nowrap!important;
}
body[data-route="finder"] .check-relation-card.group-mini span small{
  font-size:8.5px!important;
}
body[data-route="finder"] .check-relation-compact-overlay .check-relation-group-overlay{
  width:min(920px,calc(100vw - 96px))!important;
  max-height:min(650px,calc(100dvh - 88px))!important;
}
body[data-route="finder"] .check-relation-compact-overlay .check-relation-group-overlay>div{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  max-height:570px!important;
}
@media(max-width:1320px){
  body[data-route="finder"] .check-filter-v2 .check-body{
    grid-template-columns:170px minmax(560px,1fr) 320px!important;
  }
  body[data-route="finder"] .check-relation-compact-overlay .check-relation-group-overlay>div{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* Check readable labels: hide shorthand letters and show full option names. */
body[data-route="finder"] .check-one-screen{
  font-size:13px!important;
}
body[data-route="finder"] .check-one-screen :where(button,input,select,summary,label){
  font-size:12px!important;
}
body[data-route="finder"] .check-one-screen .check-topbar-compact{
  grid-template-columns:98px minmax(520px,1.25fr) 150px minmax(310px,.9fr)!important;
}
body[data-route="finder"] .check-one-screen .check-icon-group>div{
  gap:8px!important;
}
body[data-route="finder"] .check-one-screen .check-icon-group button{
  min-width:88px!important;
  min-height:48px!important;
  grid-template-columns:22px minmax(0,1fr)!important;
  padding:6px 8px!important;
}
body[data-route="finder"] .check-one-screen .check-icon-group button em,
body[data-route="finder"] .check-one-screen .check-filter-toggle em{
  display:none!important;
}
body[data-route="finder"] .check-one-screen .check-icon-group button small{
  display:block!important;
  overflow:hidden!important;
  color:#102235!important;
  font-size:11px!important;
  font-weight:950!important;
  line-height:1.05!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body[data-route="finder"] .check-one-screen .check-filter-toggle small{
  display:block!important;
  color:#102235!important;
  font-size:11px!important;
  font-weight:900!important;
  line-height:1.12!important;
  white-space:normal!important;
}
body[data-route="finder"] .check-one-screen .check-filter-toggle>span{
  gap:7px!important;
  min-height:42px!important;
  padding:7px 8px!important;
}
body[data-route="finder"] .check-one-screen .check-multi-filter summary span,
body[data-route="finder"] .check-one-screen .check-icon-row header span,
body[data-route="finder"] .check-one-screen .check-grade>span{
  font-size:12px!important;
}
body[data-route="finder"] .check-one-screen .check-selected-preview h3{
  font-size:18px!important;
}
body[data-route="finder"] .check-one-screen .check-selected-preview p,
body[data-route="finder"] .check-one-screen .check-selected-preview small{
  font-size:11px!important;
}
body[data-route="finder"] .check-one-screen .check-name-rail button span{
  font-size:12px!important;
  line-height:1.12!important;
}
body[data-route="finder"] .check-one-screen .check-champ-label b{
  font-size:8.6px!important;
}
body[data-route="finder"] .check-relation-groups article h4{
  font-size:13px!important;
}
body[data-route="finder"] .check-relation-card.group-mini span b{
  font-size:12px!important;
}
body[data-route="finder"] .check-relation-card.group-mini span small{
  font-size:10px!important;
}
body[data-route="finder"] .check-relation-group-overlay>header b{
  font-size:22px!important;
}
body[data-route="finder"] .check-relation-group-overlay>header small{
  font-size:12px!important;
}
body[data-route="finder"] .relation-full-copy b{
  font-size:15px!important;
}
body[data-route="finder"] .relation-full-copy small,
body[data-route="finder"] .relation-full-taxonomy strong{
  font-size:11.5px!important;
}

/* Champion picker v3: fast four-column grid with a compact right filter drawer. */
dialog#champion-picker{
  position:fixed;
  grid-template-rows:auto auto auto minmax(0,1fr);
  width:min(1160px,calc(100vw - 32px));
  height:min(820px,92dvh);
  max-height:92dvh;
}
#champion-picker>.field{padding-right:178px}
#champion-picker .picker-filters{
  position:absolute;
  top:76px;
  right:18px;
  z-index:20;
  width:292px;
  border:0;
  background:transparent;
}
#champion-picker .picker-filter-toolbar{
  justify-content:flex-end;
  min-height:44px;
  gap:6px;
  border:0;
  background:transparent;
  padding:0;
}
#champion-picker .picker-filter-toolbar>div{display:none}
#champion-picker .picker-filter-toolbar button{min-height:44px;background:#fff;box-shadow:0 4px 14px rgba(15,36,53,.12)}
#champion-picker .picker-filter-groups{
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
  max-height:min(590px,calc(92dvh - 150px));
  margin-top:6px;
  overflow:auto;
  border:1px solid #aebdca;
  border-radius:10px;
  background:#f4f7f9;
  padding:9px;
  box-shadow:0 18px 44px rgba(15,36,53,.24);
}
#champion-picker .picker-filter-groups.collapsed{display:none}
#champion-picker .picker-filter-group{padding:8px}
#champion-picker .picker-filter-group>div{display:flex;flex-wrap:wrap;gap:5px}
#champion-picker .filter-option{min-height:38px;padding:4px 7px 4px 4px}
#champion-picker .filter-option-icon{width:28px;height:28px}
#champion-picker .filter-option-icon .ui-icon{width:24px;height:24px;object-fit:contain}
#champion-picker .picker-summary{min-height:34px;padding:8px 18px}
#champion-picker .picker-list{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  max-height:none;
  padding:10px 18px 18px;
}
#champion-picker .picker-list .picker-champion-card{
  grid-template-columns:56px minmax(0,1fr) auto;
  gap:9px;
  min-height:74px;
  align-items:center;
  padding:8px;
  contain:layout paint style;
  contain-intrinsic-size:1px 74px;
}
#champion-picker .picker-champion-card>.portrait{width:56px;height:56px}
#champion-picker .picker-card-copy{align-content:center;gap:7px}
#champion-picker .picker-card-copy>b{font-size:14px}
#champion-picker .picker-card-meta{display:flex;min-width:0;align-items:center;gap:6px}
#champion-picker .picker-class-icon{
  display:grid;
  flex:0 0 26px;
  width:26px;
  height:26px;
  place-items:center;
  overflow:hidden;
  border:1px solid #d1b86f;
  border-radius:6px;
  background:#fff6d9;
  color:#75580c;
  font-style:normal;
}
#champion-picker .picker-class-icon .ui-icon{width:23px;height:23px;object-fit:contain}
#champion-picker .picker-class-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9}
#champion-picker .picker-damage-label{
  overflow:hidden;
  border:1px solid #c9d4dc;
  border-radius:999px;
  background:#eef2f5;
  padding:4px 7px;
  color:#31495c;
  font-size:9px;
  font-style:normal;
  font-weight:900;
  line-height:1;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#champion-picker .picker-damage-label.tag-physical{border-color:#e7aba4;background:#fcebe8;color:#963d32}
#champion-picker .picker-damage-label.tag-magic{border-color:#b8a4e5;background:#eee9fb;color:#60429a}
#champion-picker .picker-damage-label.tag-hybrid{border-color:#7cc9b8;background:#e2f6f1;color:#166b5a}
#champion-picker .picker-card-state{align-self:start}

@media(max-width:960px){
  #champion-picker .picker-list{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  dialog#champion-picker{width:calc(100vw - 16px);height:96dvh;max-height:96dvh}
  #champion-picker>.field{padding-right:142px}
  #champion-picker .picker-filters{top:75px;right:12px;width:min(292px,calc(100% - 24px))}
  #champion-picker .picker-list{grid-template-columns:repeat(2,minmax(0,1fr));padding-inline:12px}
}
@media(max-width:500px){
  dialog#champion-picker{width:100vw;height:100dvh;max-height:100dvh}
  #champion-picker>.field{padding:9px 116px 9px 12px}
  #champion-picker>.field>span{display:none}
  #champion-picker .picker-filter-toolbar button{min-width:96px}
  #champion-picker .picker-filter-toolbar [data-picker-reset]{display:none}
  #champion-picker .picker-list{grid-template-columns:1fr}
}

/* Shared Team 10 sync panel: one source of truth for Teamfight, Map Plan and Strategy. */
.team-sync-panel{
  border:1px solid #233d53;
  border-radius:14px;
  background:linear-gradient(135deg,#0f2235,#142d45 58%,#102235);
  box-shadow:0 16px 38px rgba(13,31,48,.18);
  padding:12px;
  color:#eef6fb;
}
.team-sync-panel>.section-head{
  margin-bottom:10px;
}
.team-sync-panel>.section-head h3{
  color:#fff;
  font-size:14px;
}
.team-sync-panel>.section-head span{
  color:#b8ccdb;
}
.team-sync-panel>.section-head a{
  flex:0 0 auto;
  min-height:38px;
  display:inline-grid;
  place-items:center;
  border:1px solid #d6b665;
  border-radius:999px;
  background:#fff8df;
  color:#59420a;
  padding:7px 12px;
  font-size:10px;
  font-weight:950;
  text-decoration:none;
}
.team-sync-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.team-sync-side{
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.14);
  border-top:4px solid var(--blue);
  border-radius:11px;
  background:rgba(255,255,255,.06);
}
.team-sync-side.red{border-top-color:var(--red)}
.team-sync-side>header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  border-bottom:1px solid rgba(255,255,255,.12);
  padding:8px;
}
.team-sync-side>header small,
.team-sync-side>header b,
.team-sync-side>header em{
  display:block;
}
.team-sync-side>header small{
  color:#92aabd;
  font-size:8px;
  font-weight:900;
  letter-spacing:.08em;
}
.team-sync-side>header b{
  color:#fff;
  font-size:12px;
}
.team-sync-side>header span{
  display:flex;
  min-width:0;
  align-items:center;
  gap:6px;
  color:#d6b665;
  font-size:9px;
  font-style:normal;
  font-weight:800;
}
.team-sync-slots{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:0;
}
.team-sync-slot{
  display:grid;
  grid-template-columns:18px 30px minmax(0,1fr) auto;
  align-items:center;
  gap:5px;
  min-height:54px;
  border:0;
  border-right:1px solid rgba(255,255,255,.11);
  border-bottom:1px solid rgba(255,255,255,.11);
  background:rgba(255,255,255,.03);
  color:#eaf3f9;
  padding:6px;
  text-align:left;
  cursor:pointer;
}
.team-sync-slot:hover,
.team-sync-slot:focus-visible{
  outline:2px solid #d6b665;
  outline-offset:-2px;
  background:rgba(255,248,223,.1);
}
.team-sync-slot.empty{
  color:#8fa5b5;
}
.team-sync-slot em{
  display:grid;
  width:18px;
  height:18px;
  place-items:center;
  border-radius:50%;
  background:#d6b665;
  color:#182b3b;
  font-size:9px;
  font-style:normal;
  font-weight:950;
}
.team-sync-slot .portrait{
  width:30px;
  height:30px;
  border-color:rgba(255,255,255,.45);
}
.team-sync-slot span,
.team-sync-slot small,
.team-sync-slot b{
  display:block;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.team-sync-slot small{
  color:#9fb5c5;
  font-size:7px;
}
.team-sync-slot b{
  color:#fff;
  font-size:10px;
}
.team-sync-slot strong{
  border:1px solid rgba(214,182,101,.58);
  border-radius:999px;
  background:rgba(255,248,223,.1);
  color:#ffe29a;
  padding:2px 5px;
  font-size:8px;
}
.team-sync-numbers{
  display:grid;
  grid-template-columns:repeat(10,minmax(0,1fr));
  gap:0;
  background:rgba(3,10,18,.26);
}
.team-sync-numbers span{
  min-width:0;
  border-right:1px solid rgba(255,255,255,.09);
  padding:6px 5px;
  text-align:center;
}
.team-sync-numbers small,
.team-sync-numbers b{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.team-sync-numbers small{
  color:#8ea7bb;
  font-size:7px;
  text-transform:uppercase;
}
.team-sync-numbers b{
  color:#fff;
  font-size:12px;
  font-variant-numeric:tabular-nums;
}
.team-sync-contract{
  margin:9px 0 0;
  color:#bed0de;
  font-size:10px;
}
.team-sync-contract b{
  color:#ffe29a;
}
@media(max-width:1180px){
  .team-sync-grid{grid-template-columns:1fr}
}
@media(max-width:820px){
  .team-sync-slots{grid-template-columns:1fr}
  .team-sync-slot{grid-template-columns:22px 34px minmax(0,1fr) 42px;min-height:48px}
  .team-sync-numbers{grid-template-columns:repeat(5,1fr)}
}
@media(max-width:560px){
  .team-sync-panel>.section-head{display:block}
  .team-sync-panel>.section-head a{margin-top:8px;width:100%}
  .team-sync-numbers{grid-template-columns:repeat(2,1fr)}
}

/* Map overlay clarity: route arrows above monster art, lane % moved into hover detail. */
.map-main-canvas .map-static-layer{z-index:2}
.map-main-canvas .map-static-node{
  transform:translate(-50%,-50%) scale(.78);
  opacity:.88;
  filter:drop-shadow(0 4px 8px rgba(0,0,0,.45));
}
.map-main-canvas .map-static-node.objective{transform:translate(-50%,-50%) scale(.9)}
.map-main-canvas .map-static-node small{display:none}
.map-main-canvas .main-route-polyline{
  z-index:6;
  pointer-events:none;
  mix-blend-mode:screen;
}
.map-main-canvas .main-route-lines line{
  stroke-width:1.75;
  stroke-linecap:round;
  opacity:.92;
  filter:drop-shadow(0 0 3px rgba(255,255,255,.24)) drop-shadow(0 5px 7px rgba(0,0,0,.55));
}
.map-main-canvas .route-marker-layer{z-index:7}
.map-main-canvas .main-route-node{
  transform:translate(-50%,-50%) scale(.82);
  filter:drop-shadow(0 0 8px rgba(0,0,0,.8));
}
.map-main-canvas .map-lane-state-layer{z-index:8}
.map-main-canvas .map-lane-state{
  width:96px;
  min-height:52px;
  padding:5px;
  border-radius:10px;
  background:linear-gradient(135deg,rgba(5,12,24,.88),rgba(11,18,32,.72));
  box-shadow:0 8px 18px rgba(0,0,0,.34);
  cursor:help;
}
.map-main-canvas .map-lane-state header{
  display:grid;
  grid-template-columns:16px 1fr auto;
  gap:4px;
  align-items:center;
  min-height:16px;
}
.map-main-canvas .map-lane-state header .official-role-icon{width:16px;height:16px}
.map-main-canvas .map-lane-state header b{font-size:8px}
.map-main-canvas .map-lane-state header strong{font-size:10px}
.map-main-canvas .map-lane-state>div{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:3px;
  align-items:center;
}
.map-main-canvas .map-lane-state>div span{
  display:grid;
  place-items:center;
  gap:1px;
}
.map-main-canvas .map-lane-state .portrait{
  width:22px;
  height:22px;
  object-fit:cover;
  image-rendering:auto;
}
.map-main-canvas .map-lane-state>div small{
  color:#c9d6e8;
  font-size:6px;
  line-height:1;
}
.map-main-canvas .map-lane-state>div em{
  color:#f1d98e;
  font-size:8px;
  font-style:normal;
  text-transform:uppercase;
}
.map-main-canvas .map-lane-state footer{
  margin-top:2px;
  text-align:center;
}
.map-main-canvas .map-lane-state footer b{
  color:#9fb5c8;
  font-size:7px;
  font-weight:700;
}
.phase-carry .portrait,
.team-sync-slot.phase-carry .portrait{
  border-color:#ffe46b!important;
  box-shadow:0 0 0 2px rgba(255,215,85,.45),0 0 18px rgba(255,199,66,.46);
}
.team-sync-slot.phase-carry{
  border-color:rgba(255,218,91,.72);
  background:linear-gradient(135deg,rgba(255,207,70,.16),rgba(18,24,36,.92));
}
.phase-carry-badge{
  border-color:rgba(255,218,91,.8)!important;
  background:rgba(255,216,83,.18)!important;
  color:#ffe66d!important;
}
.team-phase-carry{
  border-color:rgba(255,218,91,.42)!important;
  background:rgba(255,218,91,.08)!important;
}
.global-hover-layer[data-kind="map-lane"]{
  width:min(390px,calc(100vw - 24px));
}
.map-lane-hover,
.map-hover-duel,
.map-hover-stats,
.map-hover-side{
  display:grid;
  gap:8px;
}
.map-hover-title{
  display:grid;
  grid-template-columns:22px 1fr auto;
  gap:8px;
  align-items:center;
}
.map-hover-title b{color:#fff}
.map-hover-title strong{color:#ffe29a;font-size:18px}
.map-hover-duel{
  grid-template-columns:1fr 1fr;
}
.map-hover-side{
  grid-template-columns:42px 1fr;
  align-items:center;
  padding:8px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:12px;
  background:rgba(255,255,255,.045);
}
.map-hover-side.blue{border-color:rgba(73,159,255,.38)}
.map-hover-side.red{border-color:rgba(255,94,116,.36)}
.map-hover-side .portrait{
  width:38px;
  height:38px;
}
.map-hover-side small,
.map-hover-side em{
  color:#9eb2c7;
  font-size:10px;
  font-style:normal;
}
.map-hover-side b{
  color:#fff;
  font-size:14px;
}
.map-hover-side strong{
  width:max-content;
  margin-top:4px;
  padding:2px 6px;
  border-radius:999px;
  background:rgba(255,219,82,.16);
  color:#ffe06d;
  font-size:9px;
}
.map-hover-stats{
  grid-template-columns:repeat(3,1fr);
}
.map-hover-stats i{
  padding:7px;
  border-radius:10px;
  background:rgba(255,255,255,.05);
  font-style:normal;
}
.map-hover-stats small,
.map-hover-stats b{display:block}
.map-hover-stats small{color:#8fa6bb;font-size:9px}
.map-hover-stats b{color:#fff;font-size:11px}
#champion-picker .picker-filter-group[data-picker-group="skillClasses"],
#champion-picker .picker-filter-group[data-picker-group="skillEffects"]{
  border-color:rgba(93,205,255,.26);
  background:linear-gradient(180deg,rgba(38,138,199,.12),rgba(255,255,255,.035));
}

/* Sheet-style objective ranking and correct elemental dragon artwork. */
.objective-rank-card{
  position:relative;
  overflow:hidden;
}
.objective-rank-card:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at 18% 6%,color-mix(in srgb,var(--objective-color,#60a5fa) 28%,transparent),transparent 42%);
  opacity:.75;
}
.objective-rank-card>header,
.objective-rank-card>p,
.objective-rank-card>.objective-rank-summary,
.objective-rank-card>.objective-duel,
.objective-rank-card>.objective-factors{
  position:relative;
  z-index:1;
}
.objective-icon-shell{
  background:linear-gradient(145deg,color-mix(in srgb,var(--objective-color,#60a5fa) 28%,#111827),rgba(4,9,19,.96));
  box-shadow:0 0 0 1px color-mix(in srgb,var(--objective-color,#60a5fa) 44%,transparent),0 12px 22px rgba(0,0,0,.38);
}
.objective-img.dragon-objective-img{
  object-fit:contain;
  padding:2px;
  image-rendering:auto;
  filter:drop-shadow(0 5px 8px rgba(0,0,0,.45));
}
.objective-edge{
  justify-self:end;
  min-width:48px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  padding:4px 8px;
  text-align:center;
  font-size:10px;
  text-transform:uppercase;
}
.objective-edge.blue{
  border-color:rgba(78,163,255,.52);
  color:#9ed0ff;
  background:rgba(48,130,255,.12);
}
.objective-edge.red{
  border-color:rgba(255,95,120,.5);
  color:#ffb0bd;
  background:rgba(255,77,105,.12);
}
.objective-edge.tie{
  color:#d7e2ee;
  background:rgba(255,255,255,.06);
}
.objective-rank-summary{
  display:grid;
  grid-template-columns:1fr auto;
  gap:8px;
  align-items:center;
  margin:8px 0;
  border:1px solid rgba(255,255,255,.09);
  border-radius:12px;
  padding:7px 8px;
  background:rgba(2,8,18,.32);
}
.objective-rank-summary b{
  color:#fff;
  font-size:12px;
}
.objective-rank-summary small{
  color:#9fb4c8;
  font-size:9px;
}
.objective-duel-ranked{
  grid-template-columns:1fr 1fr;
  gap:8px;
}
.objective-duel-ranked>span{
  display:grid;
  grid-template-columns:1fr auto;
  gap:2px 6px;
  align-items:center;
  min-height:58px;
}
.objective-duel-ranked>span small,
.objective-duel-ranked>span em{
  grid-column:1/-1;
}
.objective-duel-ranked>span>b{
  font-size:22px;
  line-height:1;
}
.objective-duel-ranked>span>strong{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:9px;
  color:#06111e;
  font-size:16px;
  font-weight:950;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.28),0 8px 14px rgba(0,0,0,.28);
}
.objective-duel-ranked .rank-s>strong{background:linear-gradient(135deg,#fff2a6,#f59e0b)}
.objective-duel-ranked .rank-a>strong{background:linear-gradient(135deg,#baf7d0,#22c55e)}
.objective-duel-ranked .rank-b>strong{background:linear-gradient(135deg,#bae6fd,#38bdf8)}
.objective-duel-ranked .rank-c>strong{background:linear-gradient(135deg,#ddd6fe,#8b5cf6);color:#100821}
.objective-duel-ranked .rank-d>strong{background:linear-gradient(135deg,#fecaca,#ef4444);color:#210606}
.objective-duel-ranked .rank-s{border-color:rgba(245,158,11,.55)}
.objective-duel-ranked .rank-a{border-color:rgba(34,197,94,.42)}
.objective-duel-ranked .rank-b{border-color:rgba(56,189,248,.38)}
.objective-duel-ranked .rank-c{border-color:rgba(139,92,246,.38)}
.objective-duel-ranked .rank-d{border-color:rgba(239,68,68,.42)}
.objective-duel-ranked>span em{
  color:#c9d7e6;
  font-size:9px;
  font-style:normal;
}

/* Champion picker v4: persistent right sidebar and cached-card filtering. */
dialog#champion-picker{
  grid-template-areas:
    "picker-head picker-head"
    "picker-search picker-filters"
    "picker-summary picker-filters"
    "picker-list picker-filters";
  grid-template-columns:minmax(0,1fr) 320px;
  grid-template-rows:auto auto auto minmax(0,1fr);
  width:min(1280px,calc(100vw - 32px));
  height:min(860px,94dvh);
  max-height:94dvh;
}
#champion-picker .dialog-head{grid-area:picker-head}
#champion-picker>.field{grid-area:picker-search;padding:12px 18px}
#champion-picker .picker-summary{grid-area:picker-summary}
#champion-picker .picker-list{grid-area:picker-list;grid-template-columns:repeat(4,minmax(0,1fr))}
#champion-picker .picker-list .picker-champion-card[hidden],
#champion-picker .picker-list .picker-empty[hidden]{display:none!important}
#champion-picker .picker-filters{
  position:static;
  grid-area:picker-filters;
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  width:auto;
  min-width:0;
  min-height:0;
  overflow:hidden;
  border:0;
  border-left:1px solid #aebdca;
  background:#edf2f5;
}
#champion-picker .picker-filter-toolbar{
  justify-content:flex-start;
  min-height:58px;
  border-bottom:1px solid #c5d0d8;
  background:#e4ebf0;
  padding:8px 10px;
  box-shadow:none;
}
#champion-picker .picker-filter-toolbar>div{display:block;min-width:0}
#champion-picker .picker-filter-toolbar>div strong{font-size:12px}
#champion-picker .picker-filter-toolbar>div small{overflow:hidden;font-size:8px;text-overflow:ellipsis;white-space:nowrap}
#champion-picker .picker-filter-toolbar button{min-height:34px;padding:5px 8px;box-shadow:none}
#champion-picker .picker-filter-toolbar .filter-panel-toggle{display:none}
#champion-picker .picker-filter-groups,
#champion-picker .picker-filter-groups.collapsed{
  display:grid;
  grid-template-columns:1fr;
  align-content:start;
  gap:8px;
  width:auto;
  max-height:none;
  min-height:0;
  margin:0;
  overflow-y:auto;
  border:0;
  border-radius:0;
  background:#edf2f5;
  padding:10px;
  box-shadow:none;
  scrollbar-gutter:stable;
}
#champion-picker .picker-filter-group{background:#fff}
#champion-picker .picker-filter-group>header{position:sticky;top:0;z-index:1;background:inherit}

@media(max-width:980px){
  dialog#champion-picker{
    grid-template-areas:
      "picker-head"
      "picker-search"
      "picker-filters"
      "picker-summary"
      "picker-list";
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:auto auto auto auto minmax(0,1fr);
    width:calc(100vw - 20px);
    height:96dvh;
    max-height:96dvh;
  }
  #champion-picker .picker-filters{display:block;border-left:0;border-bottom:1px solid #aebdca;overflow:visible}
  #champion-picker .picker-filter-toolbar{min-height:48px}
  #champion-picker .picker-filter-toolbar .filter-panel-toggle{display:inline-flex}
  #champion-picker .picker-filter-groups{display:grid;max-height:34dvh;overflow-y:auto}
  #champion-picker .picker-filter-groups.collapsed{display:none}
  #champion-picker .picker-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  dialog#champion-picker{width:100vw;height:100dvh;max-height:100dvh}
  #champion-picker>.field{padding:9px 12px}
  #champion-picker .picker-filter-toolbar [data-picker-reset]{display:inline-flex}
  #champion-picker .picker-list{grid-template-columns:1fr}
}

#champion-picker .picker-filter-disclosure>summary{
  display:flex;
  min-height:38px;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  cursor:pointer;
  list-style:none;
}
#champion-picker .picker-filter-disclosure>summary::-webkit-details-marker{display:none}
#champion-picker .picker-filter-disclosure>summary>b{font-size:11px}
#champion-picker .picker-filter-disclosure>summary>span{display:flex;align-items:center;gap:7px;color:var(--muted)}
#champion-picker .picker-filter-disclosure>summary small{font-size:8px;font-weight:800}
#champion-picker .picker-filter-disclosure>summary i{display:grid;width:20px;height:20px;place-items:center;border:1px solid #aebdca;border-radius:4px;background:#f4f7f9;font-style:normal}
#champion-picker .picker-filter-disclosure>summary i::before{content:"+"}
#champion-picker .picker-filter-disclosure[open]>summary i::before{content:"−"}
#champion-picker .picker-filter-disclosure[open]>summary{border-bottom:1px solid #d4dde4;padding-bottom:7px}
#champion-picker .picker-filter-disclosure>div{max-height:300px;overflow-y:auto;padding-top:8px;scrollbar-gutter:stable}

/* Picker cards expose only class, damage type and tier. */
#champion-picker .picker-list .picker-champion-card{min-height:84px;align-items:center}
#champion-picker .picker-card-copy{align-content:center;gap:7px}
#champion-picker .picker-card-meta{align-items:center;gap:9px}
#champion-picker .picker-card-meta .picker-class-icon{
  --inline-icon-size:40px;
  display:inline-grid!important;
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  flex:0 0 40px!important;
  place-items:center;
  overflow:hidden;
  border:2px solid #d5b65f!important;
  border-radius:50%!important;
  background:#102536!important;
  padding:5px;
  color:#efd883!important;
  box-shadow:0 0 0 2px #fff,0 2px 7px rgba(16,37,54,.24)!important;
}
#champion-picker .picker-card-meta .picker-class-icon :where(.ui-icon,svg){
  width:28px!important;
  height:28px!important;
  max-width:28px!important;
  max-height:28px!important;
  object-fit:contain!important;
}
#champion-picker .picker-damage-label{font-size:10px}

/* Team ownership marker replaces the aggregate score in each team title. */
body[data-route="team"] .team-sheet-title>b{gap:10px}
body[data-route="team"] .team-sheet-title>b>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body[data-route="team"] .my-team-check{
  position:relative;
  display:inline-flex;
  flex:0 0 auto;
  align-items:center;
  gap:5px;
  min-height:26px;
  border:1px solid rgba(255,255,255,.48);
  border-radius:4px;
  background:rgba(0,0,0,.16);
  padding:3px 6px;
  color:#fff;
  cursor:pointer;
}
body[data-route="team"] .my-team-check input{
  position:absolute;
  z-index:2;
  inset:0;
  width:100%;
  height:100%;
  margin:0;
  opacity:0;
  cursor:pointer;
}
body[data-route="team"] .my-team-check i{
  display:grid;
  width:17px;
  height:17px;
  place-items:center;
  border:1px solid rgba(255,255,255,.8);
  border-radius:3px;
  background:#fff;
  color:transparent;
  font-size:12px;
  font-style:normal;
  font-weight:950;
  line-height:1;
}
body[data-route="team"] .my-team-check small{color:#fff;font-size:7px;font-weight:900;letter-spacing:.04em;white-space:nowrap}
body[data-route="team"] .my-team-check input:checked+i{border-color:#f6d878;background:#f6d878;color:#102536;box-shadow:0 0 0 2px rgba(246,216,120,.25)}
body[data-route="team"] .my-team-check:has(input:checked){border-color:#f6d878;background:rgba(16,37,54,.42)}
body[data-route="team"] .my-team-check:focus-within{outline:2px solid #fff;outline-offset:2px}

/* Map route awareness: nearby numbers, overlapping numbers, and lane push priority. */
.map-main-legend .route-alert{
  border-color:#f59e0b!important;
  background:#fff7ed!important;
  color:#9a3412!important;
}
.map-main-legend .route-alert.stack{
  border-color:#ef4444!important;
  background:#fee2e2!important;
  color:#991b1b!important;
}
.map-main-legend .route-alert.clear{
  border-color:#94a3b8!important;
  background:#f8fafc!important;
  color:#475569!important;
}
.map-route-node.route-near>b,
.map-route-node.route-stack>b{
  animation:route-alert-pulse 1.6s ease-in-out infinite;
}
.map-route-node.route-near>b{
  box-shadow:0 5px 12px rgba(0,0,0,.55),0 0 0 3px rgba(245,158,11,.75),0 0 18px rgba(245,158,11,.5)!important;
}
.map-route-node.route-stack>b{
  box-shadow:0 5px 12px rgba(0,0,0,.55),0 0 0 3px rgba(239,68,68,.86),0 0 22px rgba(239,68,68,.62)!important;
}
.route-conflict-badge{
  position:absolute;
  left:-8px;
  bottom:-8px;
  z-index:6;
  display:grid;
  min-width:17px;
  height:17px;
  place-items:center;
  border:2px solid #fff;
  border-radius:999px;
  background:#f59e0b;
  color:#111827;
  font-size:8px;
  font-style:normal;
  font-weight:950;
  line-height:1;
  box-shadow:0 3px 10px rgba(0,0,0,.45);
}
.route-conflict-badge.stack{
  min-width:20px;
  background:#ef4444;
  color:#fff;
}
.map-lane-state.push-blue{border-bottom:3px solid #38bdf8}
.map-lane-state.push-red{border-bottom:3px solid #fb7185}
.map-lane-state.push-tie{border-bottom:3px solid #cbd5e1}
.lane-push-badge{
  display:inline-grid;
  min-height:17px;
  place-items:center;
  border:1px solid rgba(255,255,255,.25);
  border-radius:999px;
  padding:2px 6px;
  font-size:7px!important;
  font-weight:950!important;
  letter-spacing:.04em;
}
.lane-push-badge.blue,
.map-hover-stats .push-blue b{background:#0ea5e9!important;color:#fff!important}
.lane-push-badge.red,
.map-hover-stats .push-red b{background:#ef4444!important;color:#fff!important}
.lane-push-badge.tie,
.map-hover-stats .push-tie b{background:#64748b!important;color:#fff!important}
@keyframes route-alert-pulse{
  0%,100%{filter:brightness(1)}
  50%{filter:brightness(1.18)}
}

/* Phase power rings: Strong = green, Average = gold, Weak = red.
   Rings use outline/box-shadow only, so portrait/icon dimensions never change. */
:where(.phase-strip>span,.phase-micro>span,.slot-phase>span,.compact-hover-phase i).strong{
  border-color:#22c55e!important;
  box-shadow:0 0 0 2px rgba(34,197,94,.44),inset 0 0 0 1px rgba(255,255,255,.18)!important;
}
:where(.phase-strip>span,.phase-micro>span,.slot-phase>span,.compact-hover-phase i).average{
  border-color:#facc15!important;
  box-shadow:0 0 0 2px rgba(250,204,21,.46),inset 0 0 0 1px rgba(255,255,255,.18)!important;
}
:where(.phase-strip>span,.phase-micro>span,.slot-phase>span,.compact-hover-phase i).weak{
  border-color:#ef4444!important;
  box-shadow:0 0 0 2px rgba(239,68,68,.44),inset 0 0 0 1px rgba(255,255,255,.16)!important;
}

/* Phase macro ratings: derived clearwave / tower pressure for Early-Mid-Late. */
.phase-macro-strip{
  display:grid;
  gap:5px;
  margin-top:8px;
}
.phase-macro-strip.compact{
  margin-top:6px;
}
.phase-macro-row{
  display:grid;
  grid-template-columns:48px repeat(3,minmax(0,1fr));
  gap:4px;
  align-items:center;
}
.phase-macro-row>b{
  color:#d6b665;
  font-size:8px;
  text-transform:uppercase;
}
.phase-macro-row>i{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:4px;
  align-items:center;
  min-width:0;
  border:1px solid #31485c;
  border-radius:6px;
  background:rgba(20,37,54,.72);
  padding:4px 5px;
  color:#dfeaf2;
  font-style:normal;
}
.phase-macro-row small{
  color:#96aabd;
  font-size:7px;
  font-weight:900;
}
.phase-macro-row em{
  justify-self:end;
  color:#fff;
  font-size:9px;
  font-style:normal;
  font-weight:900;
  font-variant-numeric:tabular-nums;
}
.phase-macro-row.clearwave>i{border-color:rgba(56,189,248,.45)}
.phase-macro-row.tower>i{border-color:rgba(250,204,21,.48)}
.profile-section .phase-macro-strip{
  grid-template-columns:1fr;
  max-width:520px;
}
.source-note{
  margin:8px 0 0;
  color:#607789;
  font-size:10px;
  line-height:1.45;
}
.portrait.phase-power-strong{
  border-color:#22c55e!important;
  box-shadow:0 0 0 2px rgba(34,197,94,.78),0 0 14px rgba(34,197,94,.38)!important;
}
.portrait.phase-power-average{
  border-color:#facc15!important;
  box-shadow:0 0 0 2px rgba(250,204,21,.8),0 0 14px rgba(250,204,21,.38)!important;
}
.portrait.phase-power-weak{
  border-color:#ef4444!important;
  box-shadow:0 0 0 2px rgba(239,68,68,.78),0 0 14px rgba(239,68,68,.36)!important;
}
:where(.team-sync-slot,.team-focus-champion,.map-hover-side,.team-phase-carry).phase-power-strong{--phase-ring:#22c55e}
:where(.team-sync-slot,.team-focus-champion,.map-hover-side,.team-phase-carry).phase-power-average{--phase-ring:#facc15}
:where(.team-sync-slot,.team-focus-champion,.map-hover-side,.team-phase-carry).phase-power-weak{--phase-ring:#ef4444}
:where(.team-sync-slot,.team-focus-champion,.map-hover-side,.team-phase-carry)[class*="phase-power-"]{
  outline:2px solid color-mix(in srgb,var(--phase-ring) 58%,transparent);
  outline-offset:-2px;
}

/* App-wide compact phase rings for Champion / Skill / Check views. */
.phase-ring-strip{
  display:inline-grid;
  grid-template-columns:repeat(3,13px);
  gap:3px;
  align-items:center;
  justify-content:center;
}
.phase-ring-strip i{
  display:grid;
  width:13px;
  height:13px;
  place-items:center;
  border:2px solid #94a3b8;
  border-radius:50%;
  background:rgba(15,23,42,.72);
  color:#fff;
  box-shadow:0 0 0 1px rgba(255,255,255,.42);
  font-style:normal;
}
.phase-ring-strip i small{
  color:inherit!important;
  font-size:6px!important;
  font-weight:950!important;
  line-height:1!important;
}
.phase-ring-strip i.strong{border-color:#22c55e;box-shadow:0 0 0 1px rgba(255,255,255,.5),0 0 9px rgba(34,197,94,.48)}
.phase-ring-strip i.average{border-color:#facc15;box-shadow:0 0 0 1px rgba(255,255,255,.5),0 0 9px rgba(250,204,21,.48)}
.phase-ring-strip i.weak{border-color:#ef4444;box-shadow:0 0 0 1px rgba(255,255,255,.5),0 0 9px rgba(239,68,68,.46)}
.library-list button{
  grid-template-columns:30px minmax(0,1fr) auto!important;
}
.library-list button .phase-ring-strip{
  justify-self:end;
}
body[data-route="finder"] .check-name-rail button{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:5px;
  align-items:center;
}
body[data-route="finder"] .check-name-rail .phase-ring-strip{justify-self:end}
body[data-route="finder"] .check-champion-grid>button{
  position:relative!important;
}
body[data-route="finder"] .check-champion-grid>button>.phase-ring-strip{
  position:absolute;
  right:3px;
  bottom:3px;
  z-index:4;
  grid-template-columns:repeat(3,10px);
  gap:2px;
  pointer-events:none!important;
}
body[data-route="finder"] .check-champion-grid>button>.phase-ring-strip i{
  width:10px;
  height:10px;
  border-width:1.5px;
}
body[data-route="finder"] .check-champion-grid>button>.phase-ring-strip i small{
  font-size:5px!important;
}
body[data-route="finder"] .check-selected-preview .phase-strip{
  grid-column:1/-1;
  margin-top:6px;
}
.skill-hero .phase-strip{
  max-width:360px;
  margin-top:8px;
}
:where(.plan-grid article,.final-phase-notes article).strong{
  border-color:#22c55e!important;
  box-shadow:0 0 0 2px rgba(34,197,94,.2)!important;
}
:where(.plan-grid article,.final-phase-notes article).average{
  border-color:#facc15!important;
  box-shadow:0 0 0 2px rgba(250,204,21,.22)!important;
}
:where(.plan-grid article,.final-phase-notes article).weak{
  border-color:#ef4444!important;
  box-shadow:0 0 0 2px rgba(239,68,68,.2)!important;
}
:where(.plan-grid article,.final-phase-notes article).strong>b,
:where(.plan-grid article,.final-phase-notes article).strong header span{color:#15803d!important}
:where(.plan-grid article,.final-phase-notes article).average>b,
:where(.plan-grid article,.final-phase-notes article).average header span{color:#a16207!important}
:where(.plan-grid article,.final-phase-notes article).weak>b,
:where(.plan-grid article,.final-phase-notes article).weak header span{color:#b91c1c!important}

/* Champion guidance tabs keep matchup advice separate and enemy-only. */
body[data-route="team"] .team-guide-tabs{
  display:inline-flex;
  flex:0 0 auto;
  gap:3px;
  border:1px solid #b6c3cd;
  border-radius:5px;
  background:#fff;
  padding:3px;
}
body[data-route="team"] .team-guide-tabs button{
  min-height:28px;
  border:0;
  border-radius:3px;
  background:transparent;
  padding:5px 10px;
  color:#506777;
  font-size:8px;
  font-weight:900;
  cursor:pointer;
}
body[data-route="team"] .team-guide-tabs button:hover{background:#edf3f6;color:#173349}
body[data-route="team"] .team-guide-tabs button.active{background:#173349;color:#fff}
body[data-route="team"] .team-guide-card.strength-only .team-guide-copy,
body[data-route="team"] .team-guide-card.counter-only .team-guide-copy{
  grid-template-columns:1fr 1fr;
  grid-template-rows:1fr;
}
body[data-route="team"] .team-guide-card.strength-only .team-guide-copy>div,
body[data-route="team"] .team-guide-card.counter-only .team-guide-copy>div{border-top:0}
body[data-route="team"] .mode-strengths .team-strength-lane{min-height:116px}
body[data-route="team"] .team-counter-list{display:grid;min-width:720px}
body[data-route="team"] .team-counter-list .team-guide-card{
  min-height:118px;
  border-top:1px solid #c6d0d7;
}
body[data-route="team"] .team-counter-list .team-guide-card:first-child{border-top:0}
body[data-route="team"] .team-guide-card.enemy-only{
  grid-template-columns:132px minmax(0,1fr);
  grid-template-rows:1fr auto;
  text-align:left;
}
body[data-route="team"] .team-guide-card.enemy-only .team-guide-id{
  grid-column:1;
  grid-row:1/-1;
  flex-direction:row;
  text-align:left;
}
body[data-route="team"] .team-guide-card.enemy-only .team-guide-copy{grid-column:2;grid-row:1}
body[data-route="team"] .team-guide-card.enemy-only .team-guide-source{grid-column:2;grid-row:2;text-align:left}
body[data-route="team"] .team-guide-card.enemy-only.empty>button{grid-column:1/-1}
@media(max-width:720px){
  body[data-route="team"] .team-strength-panel>.section-head{align-items:flex-start;gap:8px}
  body[data-route="team"] .team-guide-tabs{width:100%}
  body[data-route="team"] .team-guide-tabs button{flex:1;white-space:normal}
}

/* Map: keep the full 5v5 roster and both jungle paths visible at a glance. */
.map-battle-roster{
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:#fff;
  box-shadow:var(--shadow);
  overflow:hidden;
}

/* Team matrix strategy: sheet row 41 identity, weighted scores and execution. */
body[data-route="team"] .team-workbook-matrices>.section-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
body[data-route="team"] .team-workbook-matrices>.section-head>div:first-child{min-width:0}
body[data-route="team"] .team-workbook-matrices>.section-head h2{margin:0}
body[data-route="team"] .team-workbook-matrices>.section-head span{display:block;margin-top:2px}
body[data-route="team"] .team-matrix-tabs,
body[data-route="team"] .team-strategy-phase-tabs{
  display:inline-flex;
  flex:0 0 auto;
  gap:3px;
  border:1px solid #b5c2cc;
  border-radius:5px;
  background:#fff;
  padding:3px;
}
body[data-route="team"] :where(.team-matrix-tabs,.team-strategy-phase-tabs)>button{
  min-height:29px;
  border:0;
  border-radius:3px;
  background:transparent;
  padding:5px 11px;
  color:#4c6576;
  font-size:9px;
  font-weight:900;
  cursor:pointer;
}
body[data-route="team"] :where(.team-matrix-tabs,.team-strategy-phase-tabs)>button:hover{background:#edf3f6;color:#15364d}
body[data-route="team"] :where(.team-matrix-tabs,.team-strategy-phase-tabs)>button.active{background:#15364d;color:#fff}
body[data-route="team"] .team-matrix-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
body[data-route="team"] .team-strategy-matrix{display:grid;gap:10px;background:#f4f7f9;padding:12px}
body[data-route="team"] .team-strategy-source{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:9px;
  align-items:center;
  border:1px solid #b8c5ce;
  border-left:4px solid #b79743;
  border-radius:4px;
  background:#fff;
  padding:8px 10px;
}
body[data-route="team"] .team-strategy-source>span{color:#6b7d89;font-size:7px;font-weight:950}
body[data-route="team"] .team-strategy-source>b{font-size:10px}
body[data-route="team"] .team-strategy-source>small{color:#607482;font-size:8px;text-align:right}
body[data-route="team"] .team-strategy-phase-tabs{justify-self:center}
body[data-route="team"] .team-strategy-pentagon{display:grid;grid-template-columns:minmax(180px,260px) minmax(0,1fr);align-items:center;gap:14px;border:1px solid #aebcc6;border-radius:5px;background:#fff;padding:10px 14px}
body[data-route="team"] .team-strategy-pentagon>header{align-self:start;padding-top:6px}
body[data-route="team"] .team-strategy-pentagon>header small{color:#687d8a;font-size:8px;font-weight:950}
body[data-route="team"] .team-strategy-pentagon>header h3{margin:3px 0 10px;color:#203f52;font-size:15px}
body[data-route="team"] .team-strategy-pentagon>header p{display:flex;align-items:center;gap:5px;margin:0;color:#526b7a;font-size:9px;font-weight:850}
body[data-route="team"] .team-strategy-pentagon>header p span{width:13px;height:4px;margin-left:5px}
body[data-route="team"] .team-strategy-pentagon>header p span.blue{background:#2879b2}
body[data-route="team"] .team-strategy-pentagon>header p span.red{background:#c83a45}
body[data-route="team"] .team-pentagon-body{display:grid;grid-template-columns:minmax(190px,250px) minmax(220px,1fr);align-items:center;gap:12px}
body[data-route="team"] .team-pentagon-body svg{display:block;width:100%;max-width:250px;aspect-ratio:1;margin:auto;overflow:visible}
body[data-route="team"] .team-pentagon-grid polygon{fill:none;stroke:#d6dfe5;stroke-width:1}
body[data-route="team"] .team-pentagon-grid line{stroke:#c4d0d8;stroke-width:1}
body[data-route="team"] .team-pentagon-grid circle{fill:var(--metric);stroke:#fff;stroke-width:2}
body[data-route="team"] .team-pentagon-fill{stroke-width:2.2;stroke-linejoin:round}
body[data-route="team"] .team-pentagon-fill.blue{fill:rgba(40,121,178,.24);stroke:#2879b2}
body[data-route="team"] .team-pentagon-fill.red{fill:rgba(200,58,69,.2);stroke:#c83a45}
body[data-route="team"] .team-pentagon-legend{display:grid;gap:5px}
body[data-route="team"] .team-pentagon-legend>span{display:grid;grid-template-columns:8px minmax(80px,1fr) 28px 8px 28px;align-items:center;gap:6px;min-height:30px;border-bottom:1px dotted #d6dee3;padding:3px 2px;color:#314e60}
body[data-route="team"] .team-pentagon-legend>span i{width:7px;height:20px;border-radius:2px;background:var(--metric)}
body[data-route="team"] .team-pentagon-legend>span small{color:var(--metric);font-size:10px;font-weight:950}
body[data-route="team"] .team-pentagon-legend>span b{font-size:12px;text-align:center;font-variant-numeric:tabular-nums}
body[data-route="team"] .team-pentagon-legend>span b.blue{color:#17669d}
body[data-route="team"] .team-pentagon-legend>span b.red{color:#af1822}
body[data-route="team"] .team-pentagon-legend>span em{color:#91a0aa;font-size:9px;font-style:normal;text-align:center}
body[data-route="team"] .team-strategy-scoreboard{overflow:hidden;border:1px solid #aebcc6;border-radius:5px;background:#fff}
body[data-route="team"] .team-strategy-scoreboard>header{
  display:grid;
  grid-template-columns:1fr 180px 1fr;
  align-items:center;
  min-height:34px;
  background:#172b3b;
  color:#fff;
  text-align:center;
}
body[data-route="team"] .team-strategy-scoreboard>header span:first-child{background:#175d91}
body[data-route="team"] .team-strategy-scoreboard>header span:last-child{background:#a70d17}
body[data-route="team"] .team-strategy-scoreboard>header span{height:100%;padding:10px;font-size:8px;font-weight:950}
body[data-route="team"] .team-strategy-scoreboard>header b{font-size:8px;letter-spacing:.04em}
body[data-route="team"] .team-strategy-compare-row{
  display:grid;
  grid-template-columns:116px minmax(0,1fr) 30px minmax(0,1fr);
  align-items:center;
  min-height:37px;
  border-top:1px solid #d5dde3;
}
body[data-route="team"] .team-strategy-compare-row>b{padding:7px 10px;color:#334f62;font-size:9px}
body[data-route="team"] .team-strategy-compare-row>span{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:7px;padding:5px 8px}
body[data-route="team"] .team-strategy-compare-row>span.red{grid-template-columns:minmax(0,1fr) 34px}
body[data-route="team"] .team-strategy-compare-row span strong{font-size:11px;text-align:center;font-variant-numeric:tabular-nums}
body[data-route="team"] .team-strategy-compare-row span i{display:block;height:8px;background:#e4e9ed}
body[data-route="team"] .team-strategy-compare-row span i::after{content:"";display:block;width:var(--score);height:100%;background:#2879b2}
body[data-route="team"] .team-strategy-compare-row span.red i::after{margin-left:auto;background:#c83a45}
body[data-route="team"] .team-strategy-compare-row>em{font-size:16px;font-style:normal;font-weight:950;text-align:center}
body[data-route="team"] .team-strategy-compare-row>em.blue{color:#17669d}
body[data-route="team"] .team-strategy-compare-row>em.red{color:#af1822}
body[data-route="team"] .team-strategy-compare-row>em.tie{color:#7e8d97}
body[data-route="team"] .team-strategy-phase-comparison{border-top:5px solid #e1e6e9}
body[data-route="team"] .team-strategy-phase-comparison .team-strategy-compare-row>b{font-weight:950}
body[data-route="team"] .team-strategy-compare-row.phase-detail{min-height:52px}
body[data-route="team"] .team-strategy-compare-row.phase-detail>span{align-items:center}
body[data-route="team"] .team-strategy-compare-row.phase-detail>span>span{display:grid;gap:3px;min-width:0}
body[data-route="team"] .team-strategy-compare-row.phase-detail>span>span small{overflow:hidden;color:#536b7a;font-size:8px;font-weight:750;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
body[data-route="team"] .team-strategy-compare-row.phase-detail>span.red>span small{text-align:right}
body[data-route="team"] .team-strategy-compare-row.damage>b{border-left:5px solid #d96b64}
body[data-route="team"] .team-strategy-compare-row.toughness>b{border-left:5px solid #6aa84f}
body[data-route="team"] .team-strategy-compare-row.control>b{border-left:5px solid #674ea7}
body[data-route="team"] .team-strategy-compare-row.mobility>b{border-left:5px solid #3d85c6}
body[data-route="team"] .team-strategy-compare-row.utility>b{border-left:5px solid #bf9000}
body[data-route="team"] .team-strategy-sides{display:grid;grid-template-columns:1fr 1fr;gap:10px}
body[data-route="team"] .team-strategy-side{overflow:hidden;border:1px solid #aebcc6;border-top:4px solid #17669d;border-radius:5px;background:#fff}
body[data-route="team"] .team-strategy-side.red{border-top-color:#af1822}
body[data-route="team"] .team-strategy-side>header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d1dae0;padding:7px 10px}
body[data-route="team"] .team-strategy-side>header span{font-size:10px;font-weight:950}
body[data-route="team"] .team-strategy-side>header small{color:#526b7a;font-size:10px;font-weight:900}
body[data-route="team"] .team-strategy-signature{display:flex;align-items:stretch;gap:6px;border-bottom:1px solid #d1dae0;background:#eef3f6;padding:8px 10px;color:#124d75}
body[data-route="team"] .team-strategy-signature.empty{display:block;padding:10px 12px;font-size:14px;line-height:1.35}
body[data-route="team"] .team-strategy-signature>i{align-self:center;color:#71828d;font-size:14px;font-style:normal;font-weight:950}
body[data-route="team"] .strategy-win-chip{
  display:grid;
  flex:1;
  min-width:0;
  gap:1px;
  border:1px solid var(--strategy-tone,#aebcc6);
  border-radius:4px;
  background:var(--strategy-bg,#fff);
  padding:6px 8px;
  color:var(--strategy-text,#243f52);
}
body[data-route="team"] .strategy-win-chip small{overflow:hidden;color:inherit;font-size:7px;font-weight:900;letter-spacing:.07em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}
body[data-route="team"] .strategy-win-chip b{overflow:hidden;font-size:12px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
body[data-route="team"] .team-strategy-classification{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border-bottom:1px solid #d1dae0;
  background:#f8fafb;
}
body[data-route="team"] .team-strategy-classification>span{
  display:grid;
  min-width:0;
  gap:2px;
  border-left:1px solid #dbe2e7;
  padding:8px 9px;
}
body[data-route="team"] .team-strategy-classification>span:first-child{border-left:0}
body[data-route="team"] .team-strategy-classification small{color:#526b7a;font-size:9px;font-weight:950;line-height:1.25}
body[data-route="team"] .team-strategy-classification b{overflow-wrap:anywhere;font-size:12px;line-height:1.3}
body[data-route="team"] .team-strategy-classification em{display:flex;align-items:baseline;gap:5px;color:#304f61;font-size:10px;font-style:normal;font-weight:750;line-height:1.4}
body[data-route="team"] .team-strategy-classification em strong{color:#6a7c88;font-size:8px;text-transform:uppercase}
body[data-route="team"] .strategy-primary{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:7px;min-width:0}
body[data-route="team"] .strategy-primary>:where(svg,img){width:22px;height:22px;color:#b08a25;stroke-width:1.9;object-fit:contain}
body[data-route="team"] .strategy-type-chip{
  border:1px solid var(--strategy-tone,#b7c3ca);
  border-radius:4px;
  background:var(--strategy-bg,#fff);
  padding:5px 7px;
  color:var(--strategy-text,#243f52)!important;
}
body[data-route="team"] .strategy-primary.strategy-type-chip{grid-template-columns:22px minmax(0,1fr)}
body[data-route="team"] .strategy-primary.strategy-type-chip>:where(svg,img){color:var(--strategy-tone,#b08a25)}
body[data-route="team"] .strategy-secondary.strategy-type-chip{align-items:center;justify-content:space-between;margin-top:3px}
body[data-route="team"] .strategy-secondary.strategy-type-chip strong{color:inherit}
body[data-route="team"] .strategy-macro>b{display:inline-flex;width:max-content;max-width:100%;font-size:13px}
body[data-route="team"] .tone-turbo{--strategy-tone:#c62828;--strategy-bg:#ffebee;--strategy-text:#8e1717}
body[data-route="team"] .tone-argo{--strategy-tone:#e56b18;--strategy-bg:#fff1e6;--strategy-text:#9a3f08}
body[data-route="team"] .tone-catch{--strategy-tone:#7e57c2;--strategy-bg:#f1ebfb;--strategy-text:#51348a}
body[data-route="team"] .tone-teamfight,
body[data-route="team"] .tone-engage{--strategy-tone:#d04444;--strategy-bg:#fff0f0;--strategy-text:#922626}
body[data-route="team"] .tone-control,
body[data-route="team"] .tone-disengage{--strategy-tone:#3276b1;--strategy-bg:#eaf4fc;--strategy-text:#20547f}
body[data-route="team"] .tone-marco,
body[data-route="team"] .tone-flex{--strategy-tone:#168b83;--strategy-bg:#e7f7f5;--strategy-text:#0e625d}
body[data-route="team"] .tone-split{--strategy-tone:#4b8f3a;--strategy-bg:#edf7e9;--strategy-text:#326527}
body[data-route="team"] .tone-scaling{--strategy-tone:#5367c7;--strategy-bg:#eef0ff;--strategy-text:#35458f}
body[data-route="team"] .tone-turtle{--strategy-tone:#65757f;--strategy-bg:#edf1f3;--strategy-text:#40515b}
body[data-route="team"] .tone-poke{--strategy-tone:#bd850d;--strategy-bg:#fff7df;--strategy-text:#805804}
body[data-route="team"] .team-strategy-side>section{padding:9px 10px}
body[data-route="team"] .team-strategy-side>section>small{color:#526b7a;font-size:9px;font-weight:950}
body[data-route="team"] .team-strategy-side>section>h3{margin:2px 0 8px;font-size:13px}
body[data-route="team"] .team-strategy-side>section>div{display:flex;flex-wrap:wrap;gap:4px}
body[data-route="team"] .team-strategy-side>section>div>span{display:inline-flex;align-items:center;gap:5px;border:1px solid #c9d3da;border-radius:3px;background:#f7f9fa;padding:5px 7px;font-size:9px}
body[data-route="team"] .team-strategy-side>section>div>span b{font-size:9px}
body[data-route="team"] .team-strategy-side>section>div>span em{min-width:17px;border-radius:2px;background:#243f52;color:#fff;font-size:9px;font-style:normal;text-align:center}
body[data-route="team"] .team-strategy-side>section>div>span.engage{border-color:#d04444;background:#fff0f0;color:#922626}
body[data-route="team"] .team-strategy-side>section>div>span.disengage{border-color:#3276b1;background:#eaf4fc;color:#20547f}
body[data-route="team"] .team-strategy-side>section>div>span.poke{border-color:#bd850d;background:#fff7df;color:#805804}
body[data-route="team"] .team-strategy-side>section>div>span.split{border-color:#4b8f3a;background:#edf7e9;color:#326527}
body[data-route="team"] .team-strategy-side>section>div>span.catch{border-color:#7e57c2;background:#f1ebfb;color:#51348a}
body[data-route="team"] .team-strategy-side>ol{display:grid;gap:0;margin:0;border-top:1px solid #d1dae0;padding:0;list-style:none}
body[data-route="team"] .team-strategy-side>ol li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px;align-items:start;border-top:1px dotted #ccd5db;padding:8px 10px}
body[data-route="team"] .team-strategy-side>ol li:first-child{border-top:0}
body[data-route="team"] .team-strategy-side>ol li>b{display:grid;width:22px;height:22px;place-items:center;border-radius:3px;background:#203c50;color:#fff;font-size:9px}
body[data-route="team"] .team-strategy-side>ol li>span{color:#233f51;font-size:11px;font-weight:650;line-height:1.5}

/* Only the main class uses an icon; the secondary class stays text-only. */
body[data-route="team"] .riot-class-line>span{grid-template-columns:36px minmax(0,1fr)!important;grid-template-rows:12px 16px!important;column-gap:6px!important}
body[data-route="team"] .riot-class-line .riot-class-icon{
  --inline-icon-size:25px;
  display:grid!important;
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  place-items:center;
  border:2px solid #c6a955!important;
  border-radius:50%!important;
  background:#132432!important;
  padding:3px!important;
  color:#f1d77d!important;
  box-shadow:0 0 0 2px #fff,0 2px 6px rgba(19,36,50,.28)!important;
}
body[data-route="team"] .riot-class-line .riot-class-icon :where(.ui-icon,svg){width:25px!important;height:25px!important;max-width:25px!important;max-height:25px!important}
body[data-route="team"] .riot-class-line>span.secondary-class{grid-template-columns:minmax(0,1fr)!important;column-gap:0!important}
body[data-route="team"] .riot-class-line>span.secondary-class :where(small,b){grid-column:1!important}
body[data-route="team"] .riot-class-line small{font-size:7px!important}
body[data-route="team"] .riot-class-line b{font-size:11px!important;font-weight:900}

@media(max-width:1120px){
  body[data-route="team"] .team-matrix-grid{grid-template-columns:1fr}
  body[data-route="team"] .team-strategy-source{grid-template-columns:1fr}
  body[data-route="team"] .team-strategy-source>small{text-align:left}
  body[data-route="team"] .team-strategy-pentagon{grid-template-columns:1fr}
  body[data-route="team"] .team-strategy-pentagon>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:0}
  body[data-route="team"] .team-strategy-pentagon>header h3{margin-bottom:0}
}
@media(max-width:760px){
  body[data-route="team"] .team-workbook-matrices>.section-head{align-items:flex-start;flex-direction:column}
  body[data-route="team"] .team-matrix-tabs{width:100%}
  body[data-route="team"] .team-matrix-tabs>button{flex:1}
  body[data-route="team"] .team-strategy-sides{grid-template-columns:1fr}
  body[data-route="team"] .team-strategy-classification{grid-template-columns:1fr}
  body[data-route="team"] .team-strategy-classification>span{border-top:1px solid #dbe2e7;border-left:0}
  body[data-route="team"] .team-strategy-classification>span:first-child{border-top:0}
  body[data-route="team"] .team-strategy-scoreboard{overflow-x:auto}
  body[data-route="team"] .team-strategy-scoreboard>header,
  body[data-route="team"] .team-strategy-compare-row{min-width:680px}
  body[data-route="team"] .team-pentagon-body{grid-template-columns:1fr}
  body[data-route="team"] .team-pentagon-legend{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
}

/* Composition matrices: compact workbook hierarchy with one comparison surface. */
body[data-route="team"] .team-workbook-matrices{
  border-color:#aebdc7;
  border-radius:5px;
  background:#eef3f6;
  box-shadow:0 4px 16px rgba(25,49,65,.08);
}
body[data-route="team"] .team-workbook-matrices>.section-head{
  min-height:62px;
  margin:0;
  border-bottom:1px solid #c5d0d7;
  background:#fff;
  padding:11px 13px 11px 16px;
}
body[data-route="team"] .team-workbook-matrices>.section-head h2{
  color:#18394f;
  font-size:17px;
  line-height:1.2;
}
body[data-route="team"] .team-workbook-matrices>.section-head span{
  color:#657b89;
  font-size:9px;
  font-weight:750;
}
body[data-route="team"] .team-matrix-tabs{
  gap:0;
  border-color:#9eafb9;
  border-radius:4px;
  padding:2px;
}
body[data-route="team"] .team-matrix-tabs>button{
  width:96px;
  min-height:32px;
  border-radius:2px;
  font-size:9px;
}
body[data-route="team"] .team-strategy-matrix{
  grid-template-columns:minmax(0,1fr);
  gap:9px;
  padding:9px;
  background:#eef3f6;
}
body[data-route="team"] .team-strategy-source{
  grid-template-columns:auto auto minmax(0,1fr);
  width:100%;
  min-height:40px;
  border-color:#b2c0c9;
  border-left-width:5px;
  padding:7px 11px;
}
body[data-route="team"] .team-strategy-source>small{text-align:right}
body[data-route="team"] .team-strategy-overview{
  display:grid;
  grid-template-columns:minmax(360px,.86fr) minmax(570px,1.14fr);
  gap:9px;
  align-items:stretch;
}
body[data-route="team"] .team-strategy-overview>.team-strategy-pentagon,
body[data-route="team"] .team-strategy-overview>.team-strategy-scoreboard{
  min-width:0;
  margin:0;
  border-radius:4px;
  box-shadow:none;
}
body[data-route="team"] .team-strategy-overview>.team-strategy-pentagon{
  grid-template-columns:1fr;
  grid-template-rows:auto 1fr;
  gap:5px;
  padding:10px 12px;
}
body[data-route="team"] .team-strategy-overview .team-strategy-pentagon>header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  padding:0;
}
body[data-route="team"] .team-strategy-overview .team-strategy-pentagon>header h3{
  margin:2px 0 0;
  font-size:13px;
}
body[data-route="team"] .team-strategy-overview .team-pentagon-body{
  grid-template-columns:minmax(160px,205px) minmax(135px,1fr);
  gap:8px;
}
body[data-route="team"] .team-strategy-overview .team-pentagon-body svg{max-width:205px}
body[data-route="team"] .team-strategy-overview .team-pentagon-legend{gap:1px}
body[data-route="team"] .team-strategy-overview .team-pentagon-legend>span{
  grid-template-columns:7px minmax(64px,1fr) 23px 7px 23px;
  gap:4px;
  min-height:26px;
  padding:2px 0;
}
body[data-route="team"] .team-strategy-overview .team-pentagon-legend>span b{font-size:10px}
body[data-route="team"] .team-strategy-scoreboard>header{
  grid-template-columns:minmax(90px,1fr) 154px minmax(90px,1fr);
}
body[data-route="team"] .team-strategy-compare-row{
  grid-template-columns:102px minmax(0,1fr) 26px minmax(0,1fr);
  min-height:34px;
}
body[data-route="team"] .team-strategy-compare-row.phase-detail{min-height:47px}
body[data-route="team"] .team-strategy-sides{
  gap:1px;
  overflow:hidden;
  border:1px solid #aebcc6;
  border-radius:4px;
  background:#aebcc6;
}
body[data-route="team"] .team-strategy-side{
  border:0;
  border-top:4px solid #17669d;
  border-radius:0;
}
body[data-route="team"] .team-strategy-side.red{border-top-color:#af1822}
body[data-route="team"] .team-matrix-grid{
  gap:9px;
  align-items:start;
  background:#eef3f6;
  padding:9px;
}
body[data-route="team"] .team-matrix-group{
  overflow:hidden;
  border:1px solid #afbdc7;
  border-radius:4px;
  background:#fff;
  box-shadow:none;
}
body[data-route="team"] .team-matrix-group>header{
  min-height:52px;
  border-bottom-color:#cbd5db;
  background:#f7f9fa;
  padding:9px 11px;
}
body[data-route="team"] .team-matrix-row{
  min-height:48px;
  border-top-color:#d7dfe4;
}
@media(max-width:1120px){
  body[data-route="team"] .team-strategy-overview{grid-template-columns:1fr}
  body[data-route="team"] .team-strategy-source{grid-template-columns:auto minmax(0,1fr)}
  body[data-route="team"] .team-strategy-source>small{grid-column:1/-1;text-align:left}
  body[data-route="team"] .team-strategy-overview>.team-strategy-pentagon{grid-template-columns:1fr}
  body[data-route="team"] .team-strategy-overview .team-pentagon-body{grid-template-columns:minmax(190px,230px) minmax(220px,1fr)}
}
@media(max-width:760px){
  body[data-route="team"] .team-workbook-matrices>.section-head{padding:11px}
  body[data-route="team"] .team-matrix-tabs>button{width:auto}
  body[data-route="team"] .team-strategy-matrix,
  body[data-route="team"] .team-matrix-grid{padding:7px}
  body[data-route="team"] .team-strategy-source{grid-template-columns:1fr}
  body[data-route="team"] .team-strategy-overview .team-pentagon-body{grid-template-columns:1fr}
}
.map-battle-roster>.section-head{margin:0;border-bottom:1px solid var(--line);padding:10px 12px}
.map-battle-roster>.section-head>b{color:#64748b;font-size:9px;letter-spacing:.08em}
.map-battle-roster>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line)}
.map-battle-roster-side{min-width:0;background:#fff;padding:10px;transition:opacity .18s ease,background .18s ease}
.map-battle-roster-side.blue{background:linear-gradient(145deg,rgba(37,99,235,.09),#fff 42%)}
.map-battle-roster-side.red{background:linear-gradient(215deg,rgba(220,38,38,.09),#fff 42%)}
.map-battle-roster-side.route-muted{opacity:.82}
.map-battle-roster-side>header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.map-battle-roster-side>header small,.map-battle-roster-side>header b{display:block}
.map-battle-roster-side>header small{color:var(--muted);font-size:8px;font-weight:950;letter-spacing:.1em}
.map-battle-roster-side>header b{font-size:11px}
.map-battle-roster-side>header strong{border:1px solid currentColor;border-radius:999px;padding:4px 7px;font-size:8px;text-transform:uppercase}
.map-battle-roster-side.blue>header strong{color:var(--blue)}
.map-battle-roster-side.red>header strong{color:var(--red)}
.map-battle-five{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}
.map-battle-five button{display:grid;grid-template-columns:32px minmax(0,1fr);grid-template-rows:auto auto;gap:0 5px;align-items:center;min-width:0;min-height:48px;border:1px solid var(--line);border-radius:7px;background:rgba(255,255,255,.86);padding:5px;text-align:left}
.map-battle-five button:hover,.map-battle-five button:focus-visible{border-color:var(--line-strong);box-shadow:0 0 0 2px rgba(37,99,235,.12)}
.map-battle-five button .portrait,.map-battle-five button>i{grid-row:1/-1;width:32px;height:32px;border-radius:50%}
.map-battle-five button>i{display:grid;place-items:center;border:1px dashed var(--line-strong);color:var(--muted);font-style:normal}
.map-battle-five button span,.map-battle-five button small,.map-battle-five button b{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.map-battle-five button small{color:var(--muted);font-size:7px;text-transform:uppercase}
.map-battle-five button b{font-size:9px}
.map-battle-five button em{grid-column:2;color:#475569;font-size:7px;font-style:normal;font-weight:900;text-transform:uppercase}
.map-jungle-read{margin-top:8px;border:1px solid var(--line);border-radius:8px;background:rgba(248,250,252,.94);overflow:hidden}
.map-jungle-title{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:7px;align-items:center;padding:7px 8px}
.map-jungle-title>.portrait,.map-jungle-title>.map-token-img{width:34px;height:34px;border-radius:50%;object-fit:cover}
.map-jungle-title span small,.map-jungle-title span b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.map-jungle-title span small{color:var(--muted);font-size:7px;text-transform:uppercase}
.map-jungle-title span b{font-size:9px}
.map-jungle-title>strong{border-radius:4px;background:#0f172a;color:#fff;padding:4px 6px;font-size:7px;letter-spacing:.06em}
.map-jungle-sequence{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));border-block:1px solid var(--line)}
.map-jungle-sequence>span{position:relative;display:grid;min-width:0;min-height:56px;place-items:center;gap:1px;border-right:1px solid var(--line);background:#fff;padding:4px 2px}
.map-jungle-sequence>span:last-child{border-right:0}
.map-jungle-sequence>span>small{position:absolute;top:2px;left:3px;color:#64748b;font-size:7px;font-weight:950}
.map-jungle-sequence .map-token-img{width:28px!important;height:28px!important;object-fit:contain}
.map-jungle-sequence>span>b{max-width:100%;overflow:hidden;color:#334155;font-size:7px;text-overflow:ellipsis;white-space:nowrap}
.map-jungle-read>footer{display:grid;grid-template-columns:.6fr 1fr .85fr;gap:1px;background:var(--line)}
.map-jungle-read>footer>span{min-width:0;background:#fff;padding:5px 7px}
.map-jungle-read>footer small,.map-jungle-read>footer b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.map-jungle-read>footer small{color:var(--muted);font-size:7px;text-transform:uppercase}
.map-jungle-read>footer b{font-size:8px}
@media(max-width:1100px){
  .map-battle-roster>div:last-child{grid-template-columns:1fr}
  .map-battle-roster-side.route-muted{opacity:1}
}
@media(max-width:680px){
  .map-battle-five{grid-template-columns:repeat(2,minmax(0,1fr))}
  .map-battle-five button:last-child{grid-column:1/-1}
  .map-jungle-sequence{grid-template-columns:repeat(3,minmax(0,1fr))}
  .map-jungle-sequence>span{border-bottom:1px solid var(--line)}
  .map-jungle-read>footer{grid-template-columns:1fr}
}

.map-battlefield{border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow);overflow:hidden}
.map-battlefield>.section-head{margin:0;border-bottom:1px solid var(--line);padding:10px 12px}
.map-battlefield>.section-head>b{color:#64748b;font-size:9px;letter-spacing:.1em}
.map-battle-stage{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(500px,1.65fr) minmax(220px,.72fr);gap:1px;align-items:stretch;background:var(--line)}
.map-battle-stage>.map-battle-roster-side{display:flex;flex-direction:column;background:#fff;padding:9px}
.map-battle-stage>.map-battle-roster-side.blue{border-top:4px solid var(--blue)}
.map-battle-stage>.map-battle-roster-side.red{border-top:4px solid var(--red)}
.map-battle-stage .map-battle-five{grid-template-columns:1fr;gap:5px}
.map-battle-stage .map-battle-five button{grid-template-columns:38px minmax(0,1fr) auto;grid-template-rows:1fr;min-height:54px}
.map-battle-stage .map-battle-five button .portrait,.map-battle-stage .map-battle-five button>i{grid-row:1;width:38px;height:38px}
.map-battle-stage .map-battle-five button em{grid-column:3;grid-row:1}
.map-battle-stage .map-jungle-read{margin-top:auto}
.map-battle-stage .map-jungle-title{grid-template-columns:32px minmax(0,1fr)}
.map-battle-stage .map-jungle-title>strong{grid-column:1/-1;text-align:center}
.map-battle-stage .map-jungle-sequence{grid-template-columns:repeat(3,minmax(0,1fr))}
.map-battle-stage .map-jungle-sequence>span{border-bottom:1px solid var(--line)}
.map-battle-stage .map-jungle-read>footer{grid-template-columns:1fr}
.map-battle-map{min-width:0;background:#f8fafc;padding:10px}
.map-battle-map>.map-main-panel{height:100%;margin:0;box-shadow:none}
.map-battle-map .map-main-canvas{width:min(100%,760px);margin-inline:auto}
@media(max-width:1180px){
  .map-battle-stage{grid-template-columns:minmax(190px,.62fr) minmax(420px,1.5fr) minmax(190px,.62fr)}
  .map-battle-stage .map-battle-five button{grid-template-columns:34px minmax(0,1fr);min-height:48px}
  .map-battle-stage .map-battle-five button .portrait,.map-battle-stage .map-battle-five button>i{width:34px;height:34px}
  .map-battle-stage .map-battle-five button em{display:none}
}
@media(max-width:860px){
  .map-battle-stage{grid-template-columns:1fr}
  .map-battle-stage .map-battle-five{grid-template-columns:repeat(2,minmax(0,1fr))}
  .map-battle-stage .map-battle-five button:last-child{grid-column:1/-1}
  .map-battle-map{grid-row:2}
}

/* Map final clarity: controls by side, icon-only minimap, skill/filter panels from the sheet. */
.sheet-map-filters{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
.map-global-controls,.map-side-controls,.map-filter-row{display:grid;gap:8px;align-items:end}
.map-global-controls{grid-template-columns:auto minmax(220px,1fr)}
.map-side-controls{grid-template-columns:1fr 1fr}
.map-filter-row{grid-template-columns:repeat(4,minmax(130px,1fr)) auto}
.map-filter-control,.map-filter-count{display:block;min-width:0;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.92);padding:7px}
.map-filter-control span,.map-filter-count small{display:block;margin-bottom:4px;color:var(--muted);font-size:8px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}
.map-filter-control select{width:100%;min-height:32px;border:1px solid var(--line-strong);border-radius:6px;background:#fff;padding:5px 7px;font-size:11px;font-weight:850}
.map-filter-count{display:grid;place-items:center;text-align:center}
.map-filter-count b{font-size:18px;line-height:1}
.map-filter-count small{margin:2px 0 0}
.map-side-route.blue{border-left:4px solid var(--blue);border-top-color:var(--blue)}
.map-side-route.red{border-left:4px solid var(--red);border-top-color:var(--red)}
.map-main-canvas .map-lane-state{width:82px!important;min-height:54px!important;border-radius:12px!important;padding:0!important;overflow:visible!important}
.map-main-canvas .map-lane-state header{grid-template-columns:18px minmax(0,1fr)!important;gap:3px!important;padding:3px 5px!important;border-bottom:0!important}
.map-main-canvas .map-lane-state header strong,.map-main-canvas .map-lane-state footer,.map-main-canvas .map-lane-state>div small{display:none!important}
.map-main-canvas .map-lane-state header b{font-size:7px!important}
.map-main-canvas .map-lane-state>div{grid-template-columns:24px auto 24px!important;gap:2px!important;padding:2px 5px 5px!important}
.map-main-canvas .map-lane-state .portrait,.map-main-canvas .map-lane-state>div img,.map-main-canvas .map-lane-state>div span>i{width:23px!important;height:23px!important;border-radius:50%}
.map-main-canvas .map-lane-state>div em{font-size:9px!important;color:#e2e8f0}
.map-main-canvas .main-route-node{transform:translate(-50%,-50%) scale(.88)}
.map-main-canvas .main-route-node.route-stack{filter:drop-shadow(0 0 8px rgba(250,204,21,.75))}
.map-lane-skill-panel,.map-formula-panel{border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow);overflow:hidden}
.map-lane-skill-panel>.section-head,.map-formula-panel>.section-head{margin:0;border-bottom:1px solid var(--line);padding:10px 12px}
.map-lane-skill-panel>.section-head b{color:#334155;font-size:9px;letter-spacing:.08em;text-transform:uppercase}
.map-lane-skill-panel>div:last-child{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line)}
.map-lane-skill-panel>div:last-child>article{display:grid;grid-template-rows:auto 1fr 1fr;gap:6px;min-width:0;background:#fff;padding:8px}
.map-lane-skill-panel article>header{display:grid;grid-template-columns:20px minmax(0,1fr);gap:5px;align-items:center}
.map-lane-skill-panel article>header small{grid-column:2;color:var(--muted);font-size:8px}
.map-skill-side{display:grid;gap:5px}
.map-lane-skill-card{display:grid;grid-template-columns:32px minmax(0,1fr);gap:6px;min-width:0;border:1px solid var(--line);border-radius:8px;background:linear-gradient(135deg,rgba(37,99,235,.06),#fff);padding:6px}
.map-lane-skill-card.red{background:linear-gradient(135deg,rgba(220,38,38,.06),#fff)}
.map-lane-skill-card.empty{opacity:.55}
.map-lane-skill-card>.portrait,.map-lane-skill-card>img{width:32px;height:32px;border-radius:50%}
.map-lane-skill-card b,.map-lane-skill-card small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.map-lane-skill-card b{font-size:10px}.map-lane-skill-card small{color:var(--muted);font-size:8px}
.map-skill-row{display:grid;grid-template-columns:24px 16px minmax(0,1fr);gap:4px;align-items:center;margin-top:4px}
.map-skill-row img,.map-skill-row>i{width:22px;height:22px;border-radius:5px;object-fit:cover}
.map-skill-row>i{display:grid;place-items:center;background:#0f172a;color:#fff;font-size:8px;font-style:normal;font-weight:900}
.map-skill-row em{color:#64748b;font-size:8px;font-style:normal;font-weight:950}
.map-skill-row strong{min-width:0;overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.map-skill-row p{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:3px;margin:0}
.map-skill-row .pill{padding:2px 5px;font-size:7px}
.map-formula-panel>div:last-child{display:flex;flex-wrap:wrap;gap:6px;padding:10px 12px}
.map-formula-panel>div:last-child span{border:1px solid var(--line);border-radius:999px;background:#f8fafc;padding:5px 8px;color:#334155;font-size:9px;font-weight:850}
@media(max-width:1180px){
  .map-filter-row{grid-template-columns:repeat(2,minmax(130px,1fr))}
  .map-filter-count{min-height:44px}
  .map-lane-skill-panel>div:last-child{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .map-global-controls,.map-side-controls,.map-filter-row,.map-lane-skill-panel>div:last-child{grid-template-columns:1fr}
}

.map-champions-only .map-static-layer,.map-champions-only .route-marker-layer{display:none!important}
.map-champions-only .clean-route-line{opacity:.34}
.map-main-canvas .map-lane-state.champion-only{width:auto!important;min-width:0!important;min-height:0!important;border:0!important;border-radius:999px!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;overflow:visible!important}
.map-main-canvas .map-lane-state.champion-only header,.map-main-canvas .map-lane-state.champion-only footer,.map-main-canvas .map-lane-state.champion-only em{display:none!important}
.map-main-canvas .map-lane-state.champion-only>div{display:flex!important;align-items:center;justify-content:center;gap:0!important;padding:0!important}
.map-main-canvas .map-champion-token{display:grid;place-items:center;width:30px;height:30px;border:2px solid rgba(255,255,255,.86);border-radius:50%;background:rgba(15,23,42,.35);box-shadow:0 8px 18px rgba(0,0,0,.38)}
.map-main-canvas .map-champion-token.red{margin-left:-8px}
.map-main-canvas .map-champion-token.blue{border-color:#7dd3fc}
.map-main-canvas .map-champion-token.red{border-color:#fca5a5}
.map-main-canvas .map-champion-token .portrait,.map-main-canvas .map-champion-token img{width:26px!important;height:26px!important;border:0!important;border-radius:50%;object-fit:cover}
.map-main-canvas .map-lane-state.champion-only:hover .map-champion-token,.map-main-canvas .map-lane-state.champion-only:focus-visible .map-champion-token{transform:translateY(-1px);box-shadow:0 0 0 3px rgba(250,204,21,.32),0 10px 22px rgba(0,0,0,.48)}
.map-check-toggle{display:grid;grid-template-columns:auto 1fr;gap:2px 7px;align-items:center;min-height:44px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:7px 9px}
.map-check-toggle input{width:16px;height:16px;accent-color:#d6b665}
.map-check-toggle span{font-size:10px;font-weight:950;text-transform:uppercase}.map-check-toggle small{grid-column:2;color:var(--muted);font-size:8px}

/* Gank map command UI */
.map-gank-assistant{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}
.map-gank-assistant>.section-head{margin:0;padding:12px 14px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#f8fafc,#fff)}
.map-gank-assistant>.section-head h3{font-size:16px}.map-gank-assistant>.section-head span{display:block;margin-top:3px;font-size:9px}
.map-gank-assistant>.section-head>b{border:1px solid #e4c66e;border-radius:999px;background:#fff8dc;padding:5px 9px;color:#6b4b12;font-size:9px;letter-spacing:.08em}
.map-gank-assistant>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line)}
.gank-assistant-side{min-width:0;background:#fff}.gank-assistant-side>header{display:grid;grid-template-columns:52px 38px minmax(0,1fr);gap:8px;align-items:center;padding:11px 12px;border-bottom:1px solid var(--line)}
.gank-assistant-side>header>span{display:grid;place-items:center;align-self:stretch;border-radius:6px;background:var(--blue);color:#fff;font-size:9px;font-weight:950;letter-spacing:.1em}.gank-assistant-side.red>header>span{background:var(--red)}
.gank-assistant-side>header small,.gank-assistant-side>header b,.gank-assistant-side>header em{display:block}.gank-assistant-side>header small{color:var(--muted);font-size:8px;font-weight:900;text-transform:uppercase}.gank-assistant-side>header b{margin-top:2px;font-size:14px}.gank-assistant-side>header em{margin-top:2px;color:#607086;font-size:8px;font-style:normal}
.gank-primary{display:grid;grid-template-columns:minmax(0,1fr) minmax(170px,.7fr);gap:8px;padding:10px 12px;background:linear-gradient(90deg,var(--blue-soft),#fff 58%)}.gank-assistant-side.red .gank-primary{background:linear-gradient(90deg,var(--red-soft),#fff 58%)}
.gank-primary.danger{box-shadow:inset 4px 0 0 var(--red)}.gank-primary.warning{box-shadow:inset 4px 0 0 var(--amber)}.gank-primary.lane{box-shadow:inset 4px 0 0 var(--blue)}.gank-primary.soft{box-shadow:inset 4px 0 0 var(--line-strong)}
.gank-primary>div{display:grid;grid-template-columns:44px minmax(0,1fr);gap:8px;align-items:center}.gank-primary small,.gank-primary b{display:block}.gank-primary small{color:var(--muted);font-size:7px;font-weight:900;text-transform:uppercase}.gank-primary b{margin-top:2px;font-size:12px}.gank-primary p{margin:3px 0 0;color:#405365;font-size:8px;line-height:1.4}
.gank-primary aside{border-left:1px solid var(--line);padding-left:10px}.gank-primary aside .map-skill-set{margin-top:6px}
.gank-ranking{display:grid;gap:5px;margin:0;padding:10px 12px;list-style:none}.gank-ranking li{display:grid;grid-template-columns:24px minmax(0,1fr) 34px;gap:7px;align-items:center;min-height:48px;border:1px solid var(--line);border-left:4px solid var(--line-strong);border-radius:7px;background:#fff;padding:6px 8px}.gank-ranking li.active{border-left-color:var(--blue);background:#f8fbff}.gank-assistant-side.red .gank-ranking li.active{border-left-color:var(--red);background:#fff8f9}.gank-ranking li.danger{border-left-color:var(--red)}.gank-ranking li.warning{border-left-color:var(--amber)}
.gank-ranking li>strong{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#102033;color:#fff;font-size:9px}.gank-ranking li span>b,.gank-ranking li span>small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gank-ranking li span>b{font-size:10px}.gank-ranking li span>small{margin-top:2px;color:var(--muted);font-size:7px}.gank-ranking li span>i{display:block;height:4px;margin-top:5px;border-radius:99px;background:#e6ecf2;overflow:hidden}.gank-ranking li span>i>em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),#38bdf8)}.gank-assistant-side.red .gank-ranking li span>i>em{background:linear-gradient(90deg,var(--red),#fb7185)}.gank-ranking li>b{text-align:right;font-size:12px;font-variant-numeric:tabular-nums}
.gank-assistant-side>footer{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 8px;border-top:1px solid var(--line);background:#f8fafc;padding:8px 12px}.gank-assistant-side>footer span{grid-row:1/3;color:var(--muted);font-size:7px;font-weight:900;text-transform:uppercase}.gank-assistant-side>footer b{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.gank-assistant-side>footer small{color:var(--muted);font-size:7px}
.map-filter-control,.map-side-route{transition:border-color .18s ease,box-shadow .18s ease}.map-filter-control:focus-within,.map-side-route:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px rgba(37,99,235,.12)}.map-check-toggle{cursor:pointer}.map-check-toggle:has(input:checked){border-color:#d6b665;background:#fff9e8;box-shadow:0 0 0 3px rgba(214,182,101,.14)}

@media(max-width:980px){
  .map-gank-assistant>div:last-child{grid-template-columns:1fr}
  .gank-primary{grid-template-columns:1fr}.gank-primary aside{border-left:0;border-top:1px solid var(--line);padding:8px 0 0}
}
@media(max-width:650px){
  .map-gank-assistant>.section-head{align-items:flex-start}.gank-assistant-side>header{grid-template-columns:44px 38px minmax(0,1fr)}
  .gank-ranking li span>small{white-space:normal}.map-phase-toggle,.map-layout-toggle{display:grid;grid-template-columns:repeat(3,1fr)}
}
.map-main-canvas .map-lane-state.champion-only>div{gap:10px!important}
.map-main-canvas .map-lane-state.champion-only.lane-mid>div{gap:16px!important}
.map-main-canvas .map-champion-token.red{margin-left:0}
.map-jungle-champion{position:absolute;z-index:12;display:grid;place-items:center;width:34px;height:34px;transform:translate(-50%,-50%);border:2px solid #fff;border-radius:50%;background:rgba(15,23,42,.42);box-shadow:0 10px 24px rgba(0,0,0,.48);pointer-events:auto}
.map-jungle-champion.blue{border-color:#7dd3fc}.map-jungle-champion.red{border-color:#fca5a5}
.map-jungle-champion .portrait{width:28px!important;height:28px!important;border:0!important;border-radius:50%}
.map-jungle-champion>b{position:absolute;right:-5px;bottom:-5px;display:grid;width:16px;height:16px;place-items:center;border:1px solid #fff;border-radius:50%;background:#111827;color:#facc15;font-size:8px}
.map-check-clean .check-route-line,.map-check-clean .check-route-layer,.map-check-clean .map-scuttle-read{display:none!important}
.map-monster-position-layer{position:absolute;inset:0;z-index:5;pointer-events:none}
.map-monster-node{
  position:absolute;
  display:grid;
  width:18px;
  height:18px;
  place-items:center;
  transform:translate(-50%,-50%);
  border:3px solid #ff2d3d;
  border-radius:50%;
  background:rgba(15,23,42,.22);
  box-shadow:0 0 0 2px rgba(255,255,255,.22),0 0 14px rgba(255,45,61,.5);
  pointer-events:auto;
}
.map-monster-node>b{display:grid;width:26px;height:26px;place-items:center;border-radius:50%;background:#07111f;overflow:hidden;box-shadow:0 0 0 2px rgba(255,255,255,.74),0 7px 16px rgba(0,0,0,.5)}
.map-monster-node .map-monster-icon{width:26px;height:26px;border-radius:50%;object-fit:cover}
.map-monster-node.scuttle{border-color:#22d3ee;box-shadow:0 0 0 2px rgba(255,255,255,.22),0 0 14px rgba(34,211,238,.5)}
.map-monster-node.objective{width:28px;height:28px;border-color:#f59e0b;border-radius:10px;box-shadow:0 0 0 2px rgba(255,255,255,.22),0 0 16px rgba(245,158,11,.58)}
.map-monster-node.objective>b,.map-monster-node.objective .map-monster-icon{border-radius:8px}
.map-monster-node.blue{border-color:#38bdf8}.map-monster-node.red{border-color:#fb7185}
.map-monster-node small{
  position:absolute;
  left:18px;
  top:-8px;
  display:none;
  min-width:86px;
  border:1px solid rgba(255,255,255,.5);
  border-radius:6px;
  background:rgba(15,23,42,.88);
  color:#fff;
  padding:3px 5px;
  font-size:8px;
  font-weight:900;
  line-height:1.1;
  white-space:nowrap;
}
.map-monster-node:hover{z-index:16;transform:translate(-50%,-50%) scale(1.18)}
.map-monster-node:hover small{display:block}
.map-check-clean .map-monster-position-layer{display:none!important}
.map-gank-target{
  display:grid;
  width:20px;
  height:20px;
  place-items:center;
  border:2px solid #facc15;
  border-radius:50%;
  background:rgba(250,204,21,.14);
  box-shadow:0 0 0 3px rgba(15,23,42,.42),0 0 14px rgba(250,204,21,.6);
}
.map-gank-target::before{content:"";width:6px;height:6px;border-radius:50%;background:#facc15}
.map-check-active .check-route-line{opacity:.78}.map-check-active .check-route-line .blue line{stroke:#38bdf8!important}.map-check-active .check-route-line .red line{stroke:#fb7185!important}
.map-check-node{position:absolute;z-index:9;display:grid;grid-template-columns:20px auto;align-items:center;gap:2px;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.78);border-radius:999px;background:rgba(15,23,42,.78);color:#fff;padding:2px 5px 2px 2px;box-shadow:0 8px 18px rgba(0,0,0,.38);pointer-events:auto}
.map-check-node>b{display:grid;width:20px;height:20px;place-items:center;border-radius:50%;background:#334155;color:#fff;font-size:10px}.map-check-node.blue>b{background:#0284c7}.map-check-node.red>b{background:#dc2626}
.map-check-node small{font-size:8px;font-weight:900}.map-check-node em{position:absolute;right:-7px;top:-12px;border:1px solid #fff;border-radius:999px;background:#facc15;color:#7c2d12;padding:1px 4px;font-size:9px;font-style:normal;font-weight:950}
.map-check-node.alert{box-shadow:0 0 0 3px rgba(250,204,21,.24),0 8px 18px rgba(0,0,0,.4)}
.map-scuttle-read span{position:absolute;z-index:10;display:grid;gap:1px;transform:translate(-50%,-50%);border:1px solid rgba(103,232,249,.7);border-radius:8px;background:rgba(8,47,73,.76);color:#e0f2fe;padding:4px 6px;text-align:center;pointer-events:auto}
.map-scuttle-read b{font-size:8px}.map-scuttle-read small{font-size:7px;color:#bae6fd}
.map-hover-skills-cc{display:grid;gap:3px;margin-top:4px}.map-hover-skills-cc i{display:grid;grid-template-columns:22px 18px minmax(0,1fr);gap:4px;align-items:center;border:1px solid rgba(255,255,255,.12);border-radius:6px;background:rgba(15,23,42,.18);padding:3px;font-style:normal}
.map-hover-skills-cc img,.map-hover-skills-cc>b{width:22px;height:22px;border-radius:4px;object-fit:cover}.map-hover-skills-cc small{font-size:8px;font-weight:950}.map-hover-skills-cc em{overflow:hidden;font-size:8px;text-overflow:ellipsis;white-space:nowrap}
.map-formula-explain{border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow);padding:12px}.map-formula-explain p{margin:0;color:#334155;font-size:11px;line-height:1.55}

/* Dashboard navigation: vector icons instead of first-letter badges. */
.brand>.brand-mark{border-color:#d6b665!important;background:radial-gradient(circle at 35% 20%,#315d82,#102334 58%,#07111f)!important;color:#f8d46a!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 8px 20px rgba(0,0,0,.22)}
.brand>.brand-mark svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sidebar nav button .nav-icon{display:grid!important;place-items:center!important;flex:0 0 28px!important;width:28px!important;height:28px!important;border:1px solid rgba(142,208,255,.18)!important;border-radius:8px!important;background:rgba(255,255,255,.045)!important;color:#9fc3dc!important;font-size:0!important;line-height:0!important;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease!important}
.sidebar nav button .nav-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}
.sidebar nav button:hover .nav-icon{border-color:#8ed0ff!important;background:rgba(142,208,255,.12)!important;color:#e5f6ff!important}
.sidebar nav button.active .nav-icon,.sidebar nav button[aria-current="page"] .nav-icon{border-color:#8ed0ff!important;background:linear-gradient(135deg,#24506f,#102334)!important;color:#8ed0ff!important;box-shadow:0 0 0 3px rgba(142,208,255,.1);transform:none!important}
.sidebar nav button b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(min-width:981px){
  body.sidebar-collapsed .sidebar nav button .nav-icon{width:36px!important;height:34px!important;flex-basis:36px!important}
  body.sidebar-collapsed .sidebar nav button .nav-icon svg{width:19px;height:19px}
}

/* Champion / Skills wiki refresh: official ability details + pentagon ratings. */
.final-wiki-hero aside span{background:linear-gradient(180deg,#ffffff,#f3f8fc);border-color:#c9d8e4}
.final-wiki-hero aside small{font-size:10px;letter-spacing:.06em}
.final-wiki-hero aside b{font-size:17px;line-height:1.15}
.final-pentagon-panel{padding-bottom:16px}
.final-pentagon-layout{display:grid;grid-template-columns:minmax(260px,360px) minmax(0,1fr);gap:18px;align-items:center;padding:16px}
.final-pentagon-chart{position:relative;min-height:310px;display:grid;place-items:center;border:1px solid #d5e1ea;border-radius:18px;background:radial-gradient(circle at 50% 50%,rgba(23,105,170,.16),transparent 54%),linear-gradient(135deg,#f7fbff,#fff)}
.final-pentagon-chart svg{width:220px;height:220px;overflow:visible}
.pentagon-grid polygon{fill:none;stroke:#cddae5;stroke-width:.8}
.pentagon-grid line{stroke:#d7e2eb;stroke-width:.8}
.pentagon-fill{fill:rgba(23,105,170,.34);stroke:none}
.pentagon-line{fill:none;stroke:#1769aa;stroke-width:2.4;filter:drop-shadow(0 3px 5px rgba(23,105,170,.22))}
.pentagon-label{position:absolute;display:grid;gap:1px;min-width:78px;justify-items:center;border:1px solid #cfdbe5;border-radius:11px;background:rgba(255,255,255,.92);padding:7px 8px;box-shadow:0 10px 24px rgba(20,37,54,.08)}
.pentagon-label b{color:#102235;font-size:12px;line-height:1}
.pentagon-label small{color:#1769aa;font-size:13px;font-weight:900}
.pentagon-label.label-0{top:14px;left:50%;transform:translateX(-50%)}
.pentagon-label.label-1{top:82px;right:12px}
.pentagon-label.label-2{bottom:22px;right:42px}
.pentagon-label.label-3{bottom:22px;left:42px}
.pentagon-label.label-4{top:82px;left:12px}
.final-rating-list{display:grid;gap:9px}
.final-rating-list span{display:grid;grid-template-columns:120px 44px minmax(0,1fr);gap:10px;align-items:center;border:1px solid #d6e1ea;border-radius:12px;background:#fbfdff;padding:10px 12px}
.final-rating-list small{color:#607789;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.final-rating-list b{color:#142536;font-size:18px}
.final-rating-list em{display:block;height:9px;border-radius:999px;background:#e7eef4;overflow:hidden}
.final-rating-list em strong{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1769aa,#39bdf8)}
.final-rating-list .difficulty-row em strong{background:linear-gradient(90deg,#d6b665,#e06a4f)}
.final-mechanic-panel{padding-bottom:14px}
.final-mechanic-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px 14px 0}
.final-mechanic-summary span{border:1px solid #d7e2eb;border-radius:12px;background:#f8fbfd;padding:10px}
.final-mechanic-summary small{display:block;color:#607789;font-size:10px;font-weight:900;text-transform:uppercase}
.final-mechanic-summary b{display:block;margin-top:3px;color:#142536;font-size:18px}
.final-mechanics-cloud,.final-mechanics-row{display:flex;flex-wrap:wrap;gap:7px}
.final-mechanics-cloud{padding:14px}
.final-mechanics-cloud span,.final-mechanics-row span{border:1px solid #b7c9d8;border-radius:999px;background:#eef6fc;color:#16324a;padding:6px 9px;font-size:11px;font-weight:800}
.final-mechanic-note{margin:0 14px;color:#506577;font-size:13px;line-height:1.5}
.final-wiki-ability-kit .section-head span{font-size:12px}
.final-wiki-ability-kit .final-kit-strip{background:linear-gradient(180deg,#f4f9fd,#fff);border-bottom:1px solid #d9e3eb}
.final-wiki-ability-kit .final-kit-strip>span{background:#102235;border-color:#4a6277}
.final-wiki-skill-card{border-left-width:6px;padding:14px;background:linear-gradient(180deg,#fff,#fbfdff)}
.final-wiki-skill-card header{grid-template-columns:42px 72px minmax(0,1fr);gap:12px}
.final-wiki-skill-card header img{width:72px;height:72px;border-radius:13px}
.final-wiki-skill-card h3{font-size:19px;white-space:normal;line-height:1.18}
.final-wiki-skill-card header small,.final-wiki-skill-card header em{font-size:11px;white-space:normal}
.final-wiki-skill-card .wiki-skill-summary{font-size:14px;line-height:1.58;color:#263f55!important}
.final-wiki-skill-card .final-skill-meta{grid-template-columns:repeat(auto-fit,minmax(135px,1fr))}
.final-wiki-skill-card .final-skill-meta span{background:#f5f9fc}
.final-wiki-skill-card .final-skill-meta small{font-size:9px}
.final-wiki-skill-card .final-skill-meta b{font-size:12px;white-space:normal}
.final-skill-forms{display:flex;flex-wrap:wrap;gap:6px}
.final-skill-forms img{width:32px;height:32px;border:1px solid #c4d3df;border-radius:8px;object-fit:cover;background:#102235}
.final-skill-scaling{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:7px}
.final-skill-scaling span{border:1px solid #d6e1ea;border-radius:9px;background:#fffdf6;padding:8px}
.final-skill-scaling b,.final-skill-scaling small{display:block}
.final-skill-scaling b{color:#6b4d00;font-size:11px}
.final-skill-scaling small{margin-top:2px;color:#596e7f;font-size:11px}
.final-skill-tooltip{border:1px solid #d7e2eb;border-radius:10px;background:#f8fbfd;padding:8px 10px}
.final-skill-tooltip summary{cursor:pointer;color:#1769aa;font-size:12px;font-weight:900}
.final-skill-tooltip p{margin:8px 0 0;color:#334b60;font-size:13px;line-height:1.55}
.final-compact-taxonomy article>b{font-size:13px}
.final-compact-taxonomy article p{max-height:112px;overflow:auto}
body[data-route="skills"] .final-notes,body[data-route="skills"] .final-facts{display:none}
.online-kit-source{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px;
  margin:0 14px 12px;
  border:1px solid rgba(21,151,255,.22);
  border-radius:10px;
  background:linear-gradient(90deg,rgba(21,151,255,.08),rgba(244,217,130,.08));
  padding:9px 10px;
}
.online-kit-source b{
  color:#12344f;
  font-size:11px;
  font-weight:950;
  text-transform:uppercase;
}
.online-kit-source span{
  flex:1 1 280px;
  color:#405365;
  font-size:11px;
}
.online-kit-source a{
  border:1px solid rgba(18,52,79,.18);
  border-radius:999px;
  background:#fff;
  color:#165b91;
  padding:5px 8px;
  font-size:10px;
  font-weight:900;
  text-decoration:none;
}
@media(max-width:1050px){.final-pentagon-layout{grid-template-columns:1fr}.final-pentagon-chart{min-height:280px}.final-rating-list span{grid-template-columns:100px 42px minmax(0,1fr)}}
@media(max-width:620px){.final-mechanic-summary{grid-template-columns:1fr}.final-wiki-skill-card header{grid-template-columns:36px 58px minmax(0,1fr)}.final-wiki-skill-card header img{width:58px;height:58px}.final-pentagon-chart{min-height:250px}.pentagon-label{min-width:66px;font-size:11px}.pentagon-label.label-1{right:0}.pentagon-label.label-4{left:0}}

/* Team lane matchup: one large value for My Team, with Sheet metrics behind VS. */
body[data-route="team"] .team-lane-center{
  position:relative;
  grid-template-rows:46px 43px 14px!important;
  gap:4px!important;
  overflow:visible;
}
body[data-route="team"] .team-lane-read{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  width:100%;
  min-width:0;
}
body[data-route="team"] .team-lane-center.my-red .team-lane-read{flex-direction:row-reverse}
body[data-route="team"] .team-lane-read>span{display:grid;min-width:54px;justify-items:center;line-height:1}
body[data-route="team"] .team-lane-read>span strong{
  color:#165b91;
  font-size:21px;
  font-weight:1000;
  line-height:1;
  font-variant-numeric:tabular-nums;
}
body[data-route="team"] .team-lane-center.my-red .team-lane-read>span strong{color:#b00008}
body[data-route="team"] .team-lane-center.tone-ahead .team-lane-read>span strong{filter:saturate(1.2)}
body[data-route="team"] .team-lane-center.tone-behind .team-lane-read>span strong{opacity:.72}
body[data-route="team"] .team-lane-read>span small{
  max-width:70px;
  margin-top:3px;
  overflow:hidden;
  color:#526b7b;
  font-size:6px;
  font-weight:950;
  line-height:1;
  text-align:center;
  text-overflow:ellipsis;
  text-transform:uppercase;
  white-space:nowrap;
}
body[data-route="team"] .team-lane-metric-picker{position:relative;z-index:12}
body[data-route="team"] .team-lane-metric-picker.is-open{z-index:80}
body[data-route="team"] .team-lane-metric-trigger{
  display:grid;
  width:27px;
  height:27px;
  place-items:center;
  border:1px solid #9aaab5;
  border-radius:50%;
  background:#132432;
  color:#f0d47e;
  cursor:pointer;
  font-size:8px;
  font-weight:1000;
  box-shadow:0 2px 5px rgba(19,36,50,.18);
}
body[data-route="team"] .team-lane-metric-menu{
  position:absolute;
  top:32px;
  left:50%;
  display:grid;
  grid-template-columns:1fr 1fr;
  width:226px;
  gap:5px;
  border:1px solid #9fb0bc;
  border-radius:6px;
  background:#fff;
  padding:8px;
  box-shadow:0 14px 30px rgba(18,39,55,.25);
  transform:translateX(-50%);
}
body[data-route="team"] .team-lane-metric-menu>small,
body[data-route="team"] .team-lane-metric-menu>p{grid-column:1/-1}
body[data-route="team"] .team-lane-metric-menu>small{color:#2d4b5e;font-size:7px;font-weight:1000;letter-spacing:.05em}
body[data-route="team"] .team-lane-metric-menu>button{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:5px;
  min-height:30px;
  border:1px solid #c5d0d8;
  border-radius:4px;
  background:#f5f8fa;
  color:#294456;
  padding:5px 7px;
  text-align:left;
}
body[data-route="team"] .team-lane-metric-menu>button b{font-size:9px}
body[data-route="team"] .team-lane-metric-menu>button em{color:#71828e;font-size:8px;font-style:normal;font-weight:900}
body[data-route="team"] .team-lane-metric-menu>button.active{border-color:#b5912f;background:#fff6d9;color:#172d3c;box-shadow:inset 0 0 0 1px #dbc36f}
body[data-route="team"] .team-lane-metric-menu>p{margin:1px 0 0;color:#6a7c89;font-size:7px;line-height:1.35}
body[data-route="team"] .team-lane-center>small{font-size:7px!important;line-height:14px!important}

/* Draft team: minimal pick identity, clear drag affordance and Fearless handoff. */
body[data-route="draft"] .draft-team-toolbar{
  display:flex;
  min-height:58px;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  border:1px solid rgba(214,182,101,.3);
  border-radius:12px;
  background:linear-gradient(90deg,rgba(18,30,43,.96),rgba(9,15,23,.96));
  padding:8px 10px 8px 14px;
}
body[data-route="draft"] .draft-team-toolbar>div{display:grid;grid-template-columns:auto auto;align-items:baseline;gap:2px 10px}
body[data-route="draft"] .draft-team-toolbar small{color:#d6b665;font-size:9px;font-weight:950;letter-spacing:.15em}
body[data-route="draft"] .draft-team-toolbar b{color:#fff;font-size:15px}
body[data-route="draft"] .draft-team-toolbar span{grid-column:1/-1;color:#92a5b6;font-size:10px}
body[data-route="draft"] .draft-team-toolbar button,
body[data-route="draft"] .draft-done-button{min-height:44px;border-color:#d6b665!important;background:#d6b665!important;color:#09111a!important;font-weight:950;cursor:pointer}
body[data-route="draft"] .draft-pick-copy{gap:3px!important}
body[data-route="draft"] .draft-pick-copy>.draft-lane-name{
  display:block!important;
  margin:0!important;
  color:rgba(255,255,255,.76)!important;
  font-size:10px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:.12em;
  text-transform:uppercase;
}
body[data-route="draft"] .draft-pick-copy>b{font-size:15px!important;letter-spacing:.025em}
body[data-route="draft"] .broadcast-pick[draggable="true"]{cursor:grab}
body[data-route="draft"] .broadcast-pick.dragging{cursor:grabbing;opacity:.48;transform:scale(.985)}
body[data-route="draft"] .recommend-list [data-draft-drag-champion]{cursor:grab}
body[data-route="draft"] .recommend-list [data-draft-drag-champion].dragging{cursor:grabbing;opacity:.48}
body[data-route="draft"] .broadcast-pick.drag-over{
  border-color:#f4d982!important;
  outline:3px solid rgba(244,217,130,.72)!important;
  outline-offset:-5px!important;
  box-shadow:inset 0 0 32px rgba(244,217,130,.2),0 0 24px rgba(244,217,130,.3)!important;
}
body[data-route="draft"] .draft-flow-score .draft-versus-glow{
  position:relative;
  border-color:rgba(244,217,130,.9)!important;
  background:#f4d982!important;
  color:#071018!important;
  font-size:12px;
  letter-spacing:.05em;
  box-shadow:0 0 10px rgba(244,217,130,.9),0 0 26px rgba(244,217,130,.58),inset 0 0 0 1px rgba(255,255,255,.65);
  animation:draft-vs-glow 1.8s ease-in-out infinite;
}
@keyframes draft-vs-glow{0%,100%{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.18);transform:scale(1.06)}}
@media(max-width:720px){body[data-route="draft"] .draft-team-toolbar{align-items:stretch}body[data-route="draft"] .draft-team-toolbar>div{grid-template-columns:1fr}body[data-route="draft"] .draft-team-toolbar span{grid-column:1}body[data-route="draft"] .draft-team-toolbar button{min-width:118px}}
@media(prefers-reduced-motion:reduce){body[data-route="draft"] .draft-flow-score .draft-versus-glow{animation:none!important}body[data-route="draft"] .broadcast-pick.dragging{transform:none}}

/* Map monster layer: only camp icons + numbers, no fake red rings/objective markers. */
.map-main-canvas .map-lane-state.champion-only{
  width:78px!important;
  height:34px!important;
  transform:translate(-50%,-50%)!important;
}
.map-main-canvas .map-lane-state.champion-only>div{
  position:relative!important;
  display:block!important;
  width:78px!important;
  height:34px!important;
  padding:0!important;
}
.map-main-canvas .map-lane-state.champion-only .map-champion-token{
  position:absolute!important;
  top:50%!important;
  width:32px!important;
  height:32px!important;
  transform:translateY(-50%)!important;
  margin:0!important;
}
.map-main-canvas .map-lane-state.champion-only .map-champion-token.blue{left:0!important;z-index:2}
.map-main-canvas .map-lane-state.champion-only .map-champion-token.red{right:0!important;z-index:2}
.map-main-canvas .map-lane-state.champion-only.lane-mid{width:88px!important}
.map-main-canvas .map-lane-state.champion-only.lane-mid>div{width:88px!important}
.map-main-canvas .map-monster-node{
  width:28px!important;
  height:28px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.map-main-canvas .map-monster-node>b{
  width:28px!important;
  height:28px!important;
  border-radius:50%!important;
  background:transparent!important;
  box-shadow:0 2px 8px rgba(0,0,0,.55)!important;
}
.map-main-canvas .map-monster-node .map-monster-icon{
  width:28px!important;
  height:28px!important;
  border-radius:50%!important;
  object-fit:cover;
}
.map-main-canvas .map-monster-node>em{
  position:absolute;
  right:-5px;
  bottom:-5px;
  display:grid;
  width:15px;
  height:15px;
  place-items:center;
  border:1px solid rgba(255,255,255,.9);
  border-radius:50%;
  background:#0f172a;
  color:#facc15;
  font-size:8px;
  font-style:normal;
  font-weight:1000;
  line-height:1;
  box-shadow:0 2px 6px rgba(0,0,0,.45);
}

/* Draft Assistant v2: avatar-only 2 × 9 priority rail and advisory pool groups. */
#champion-picker .picker-list .picker-group-title{
  grid-column:1/-1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:32px;
  margin:4px 0 0;
  border-bottom:1px solid #c9d8e3;
  color:#173851;
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
#champion-picker .picker-list .picker-group-title small{color:#718696;font-size:9px;letter-spacing:0;text-transform:none}
#champion-picker .picker-list .picker-group-title.outside{margin-top:12px;color:#6d7e8b}
body[data-route="draft"] .draft-assistant.drawer.assistant-v2{
  width:min(540px,calc(100vw - 20px));
  grid-template-rows:auto auto auto minmax(0,1fr);
  overflow:auto;
}
body[data-route="draft"] .draft-assistant-query{display:grid;grid-template-columns:1fr .72fr 1fr;gap:7px}
body[data-route="draft"] .draft-assistant-query label{display:grid;gap:4px;color:#9fb0bf;font-size:9px;font-weight:900;text-transform:uppercase}
body[data-route="draft"] .draft-assistant-query select{min-width:0;min-height:40px;border:1px solid rgba(255,255,255,.16);border-radius:9px;background:#111b27;color:#eef4fa;padding:0 8px;font-size:11px}
body[data-route="draft"] .draft-assistant-checks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
body[data-route="draft"] .draft-assistant-checks label{cursor:pointer}
body[data-route="draft"] .draft-assistant-checks input{position:absolute;opacity:0;pointer-events:none}
body[data-route="draft"] .draft-assistant-checks label span{display:grid;min-height:38px;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:#101823;color:#aab7c5;font-size:10px;font-weight:900}
body[data-route="draft"] .draft-assistant-checks input:checked+span{border-color:#4bd27a;background:rgba(34,197,94,.15);color:#c9f9d8;box-shadow:inset 0 0 0 1px rgba(75,210,122,.2)}
body[data-route="draft"] .draft-assistant-checks input:focus-visible+span{outline:3px solid #f4d982;outline-offset:2px}
body[data-route="draft"] .draft-assistant-checks>small{grid-column:1/-1;color:#7f93a5;font-size:9px}
body[data-route="draft"] .draft-assistant-workarea{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;min-height:0}
body[data-route="draft"] .draft-avatar-grid{display:grid;grid-template-rows:repeat(9,52px);grid-auto-flow:column;grid-auto-columns:52px;gap:6px;align-content:start;min-height:516px}
body[data-route="draft"] .draft-avatar-grid button{width:52px;height:52px;border:1px solid rgba(255,255,255,.18);border-radius:7px;background:#111b27;padding:0;overflow:hidden;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.28)}
body[data-route="draft"] .draft-avatar-grid button:hover,body[data-route="draft"] .draft-avatar-grid button:focus-visible{border-color:#f4d982;outline:2px solid rgba(244,217,130,.7);outline-offset:1px;transform:translateY(-1px)}
body[data-route="draft"] .draft-avatar-grid img{display:block;width:100%;height:100%;object-fit:cover}
body[data-route="draft"] .draft-avatar-grid .empty{grid-row:1/span 2;grid-column:1/span 2;margin:0;color:#8fa2b2;font-size:10px}
body[data-route="draft"] .draft-assistant-detail{align-self:start;display:grid;grid-template-columns:46px minmax(0,1fr);gap:9px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:#101923;padding:10px;box-shadow:0 10px 28px rgba(0,0,0,.2)}
body[data-route="draft"] .draft-assistant-detail>.portrait{width:46px;height:46px}
body[data-route="draft"] .draft-assistant-detail>div>b,body[data-route="draft"] .draft-assistant-detail>div>small{display:block}
body[data-route="draft"] .draft-assistant-detail>div>b{color:#fff;font-size:15px}
body[data-route="draft"] .draft-assistant-detail>div>small{margin-top:3px;color:#9fb0bf;font-size:9px}
body[data-route="draft"] .draft-assistant-ratings{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,1fr);gap:4px}
body[data-route="draft"] .draft-assistant-ratings span{display:grid;place-items:center;border-radius:7px;background:#182536;padding:5px 2px;text-align:center}
body[data-route="draft"] .draft-assistant-ratings small{font-size:7px!important;text-transform:uppercase}
body[data-route="draft"] .draft-assistant-ratings b{font-size:12px!important}
body[data-route="draft"] .draft-assistant-detail p,body[data-route="draft"] .draft-assistant-detail>button{grid-column:1/-1}
body[data-route="draft"] .draft-assistant-detail p{margin:0;color:#b9c6d1;font-size:9px;line-height:1.45}
body[data-route="draft"] .draft-assistant-detail.empty-detail{display:grid;min-height:120px;place-items:center;color:#8497a8;font-size:10px;text-align:center}
body[data-route="draft"] .draft-team-toolbar.team-options-v2{flex-wrap:wrap}
body[data-route="draft"] .draft-team-toolbar.team-options-v2>.draft-team-actions{display:flex;grid-template-columns:none;gap:7px}
body[data-route="draft"] .draft-team-toolbar.team-options-v2>.draft-team-actions button:first-child{border-color:#52687a!important;background:#182738!important;color:#d9e5ee!important}
body[data-route="draft"] .draft-team-toolbar.team-options-v2>.draft-team-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;width:100%;border-top:1px solid rgba(255,255,255,.1);padding-top:9px}
body[data-route="draft"] .draft-team-options header{grid-column:1/-1;display:flex;justify-content:space-between;color:#fff}
body[data-route="draft"] .draft-team-options header span{grid-column:auto;color:#91a4b5;font-size:9px}
body[data-route="draft"] .draft-team-options>.draft-our-side-toggle{grid-column:1/-1;display:flex;gap:7px}
body[data-route="draft"] .draft-team-options>.draft-our-side-toggle button{min-width:120px;border-color:#52687a!important;background:#132131!important;color:#b7c7d4!important}
body[data-route="draft"] .draft-team-options>.draft-our-side-toggle button.active{border-color:#f4d982!important;background:#f4d982!important;color:#071018!important}
body[data-route="draft"] .draft-team-options>label{display:block;cursor:pointer}
body[data-route="draft"] .draft-team-options>label input{position:absolute;opacity:0}
body[data-route="draft"] .draft-team-options>label span{display:grid;min-height:44px;place-items:center;border:1px solid #405467;border-radius:8px;background:#101c29;color:#aebfcd;padding:5px;text-align:center;font-size:9px;font-weight:900}
body[data-route="draft"] .draft-team-options>label input:checked+span{border-color:#4bd27a;background:rgba(34,197,94,.15);color:#caf8d8}
body[data-route="draft"] .draft-team-options>label input:focus-visible+span{outline:3px solid #f4d982;outline-offset:2px}
@media(max-width:620px){body[data-route="draft"] .draft-assistant-query{grid-template-columns:1fr}body[data-route="draft"] .draft-assistant-workarea{grid-template-columns:120px minmax(150px,1fr)}body[data-route="draft"] .draft-team-toolbar.team-options-v2>.draft-team-options{grid-template-columns:1fr}body[data-route="draft"] .draft-team-options>*{grid-column:1!important}}
@media(prefers-reduced-motion:reduce){body[data-route="draft"] .draft-avatar-grid button{transition:none!important;transform:none!important}}

/* Strategy is intentionally reduced to Riot ID sync + a lane-first live meta board. */
body[data-route="strategy"] #app-main{max-width:1720px}
.strategy-minimal-page{display:grid;gap:14px}
.strategy-riot-sync,.strategy-meta-only{border:1px solid #cbd8e2;border-radius:14px;background:#fff;box-shadow:0 12px 30px rgba(20,43,61,.08)}
.strategy-riot-sync{padding:16px}
.strategy-riot-sync .section-head{margin-bottom:12px}.strategy-riot-sync h2,.strategy-meta-only h2{margin:0;color:#122a3c;font-size:20px}.strategy-riot-sync .section-head span{font-size:11px}
.strategy-riot-sync form{display:grid;grid-template-columns:minmax(220px,2fr) minmax(110px,.6fr) minmax(150px,1fr) auto;gap:10px;align-items:end}
.strategy-riot-sync form label{display:grid;gap:5px}.strategy-riot-sync form label>span{color:#52697a;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.strategy-riot-sync :where(input,select,button){min-height:44px;border:1px solid #afc0ce;border-radius:8px;padding:8px 10px}.strategy-riot-sync button{min-width:150px;cursor:pointer}
.strategy-sync-note{margin:10px 0 0;color:#637888;font-size:11px;line-height:1.5}
.strategy-profile-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.strategy-profile-card{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:11px;align-items:center;border:1px solid #d2dee7;border-left:4px solid #1992d4;border-radius:10px;background:#f8fbfd;padding:10px}.strategy-profile-card.enemy{border-left-color:#df4056}.strategy-profile-card>img{width:64px;height:64px;border-radius:10px;object-fit:cover}.strategy-profile-card h3{margin:2px 0;font-size:15px}.strategy-profile-card p{margin:0;color:#607687;font-size:10px}.strategy-profile-card>a{color:#1769aa;font-size:10px;font-weight:900}.strategy-profile-card>div>div{display:flex;gap:5px;margin-top:7px;overflow:hidden}.strategy-profile-card>div>div span{position:relative;flex:0 0 30px}.strategy-profile-card>div>div span b{display:none}.strategy-profile-card .portrait{border-radius:7px}
.strategy-meta-only>header{display:flex;justify-content:space-between;gap:20px;padding:17px 18px;border-bottom:1px solid #d8e2e9}.strategy-meta-only>header>div:first-child small{color:#b17c00;font-size:9px;font-weight:950;letter-spacing:.12em}.strategy-meta-only>header p{max-width:720px;margin:5px 0 0;color:#5f7484;font-size:11px;line-height:1.5}.strategy-meta-only>header>div:last-child{display:grid;grid-template-columns:auto auto;gap:5px 8px;align-content:center;align-items:center}.strategy-meta-only>header a{color:#1769aa;font-size:10px;font-weight:900}.strategy-meta-only>header button{min-height:44px;border-radius:8px;cursor:pointer}.strategy-meta-only>header>div:last-child>small{grid-column:1/-1;color:#718493;font-size:9px;text-align:right}
.strategy-lane-tabs{display:flex;gap:6px;padding:10px 12px;border-bottom:1px solid #dce5ec}.strategy-lane-tabs button{display:flex;min-height:44px;align-items:center;gap:7px;border:1px solid #c8d5df;border-radius:8px;background:#f7fafc;padding:7px 12px;color:#4c6475;cursor:pointer}.strategy-lane-tabs button.active{border-color:#1769aa;background:#eaf5fc;color:#10598f;font-weight:900}.strategy-lane-tabs .official-role-icon{width:20px!important;height:20px!important}
.strategy-lane-grid{display:grid;grid-template-columns:repeat(5,minmax(190px,1fr));gap:9px;padding:12px}.strategy-lane-tier{min-width:0;border:1px solid #d4dfe7;border-radius:11px;background:#f7fafc;overflow:hidden}.strategy-lane-tier>header{display:grid;grid-template-columns:30px 1fr auto;gap:7px;align-items:center;border-bottom:1px solid #d6e1e9;background:#edf4f8;padding:9px}.strategy-lane-tier>header>span{display:grid;place-items:center}.strategy-lane-tier>header .official-role-icon{width:25px!important;height:25px!important}.strategy-lane-tier h3{margin:0;font-size:14px}.strategy-lane-tier>header small{font-size:7px}.strategy-lane-tier>header button{min-height:32px;border:1px solid #bdccd7;border-radius:6px;background:#fff;padding:5px 7px;font-size:8px;cursor:pointer}.strategy-lane-tier.active>header{box-shadow:inset 0 3px #1769aa}
.strategy-lane-tier>section{display:grid;gap:5px;padding:8px}.strategy-lane-tier>section>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:5px}.strategy-lane-tier>section>div:first-child b{font-size:15px}.strategy-lane-tier>section>div:first-child span{color:#738594;font-size:8px}.strategy-lane-tier .tier-super{border-bottom:1px solid #eadba8;background:#fffaf0}.strategy-lane-tier .tier-super>div b{color:#9a6700}.strategy-lane-tier .tier-plus>div b{color:#1769aa}.strategy-lane-tier>section>p{margin:8px;color:#788b99;font-size:10px;line-height:1.4}
.strategy-meta-pick{display:grid;grid-template-columns:38px minmax(0,1fr);gap:7px;align-items:center;width:100%;min-height:54px;border:1px solid #d4dfe7;border-radius:8px;background:#fff;padding:6px;text-align:left;cursor:pointer}.strategy-meta-pick:hover,.strategy-meta-pick:focus-visible{border-color:#1769aa;box-shadow:0 0 0 2px rgba(23,105,170,.12)}.strategy-meta-pick .portrait,.strategy-meta-fallback{width:38px;height:38px;border-radius:7px}.strategy-meta-fallback{display:grid;place-items:center;background:#19364c;color:#fff;font-weight:950}.strategy-meta-pick span{min-width:0}.strategy-meta-pick small,.strategy-meta-pick b,.strategy-meta-pick em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.strategy-meta-pick small{color:#a16c00;font-size:8px;font-weight:950}.strategy-meta-pick b{color:#183247;font-size:11px}.strategy-meta-pick em{color:#687d8d;font-size:8px;font-style:normal}.strategy-meta-pick.tier-s{border-left:3px solid #d5a82c}
@media(max-width:1250px){.strategy-lane-grid{grid-template-columns:repeat(3,minmax(210px,1fr))}.strategy-riot-sync form{grid-template-columns:2fr 1fr 1fr}.strategy-riot-sync form button{grid-column:1/-1}}
@media(max-width:760px){.strategy-riot-sync form,.strategy-profile-list{grid-template-columns:1fr}.strategy-meta-only>header{display:grid}.strategy-meta-only>header>div:last-child{grid-template-columns:1fr}.strategy-meta-only>header>div:last-child>small{grid-column:1;text-align:left}.strategy-lane-tabs{overflow-x:auto}.strategy-lane-tabs button{flex:0 0 auto}.strategy-lane-grid{display:block}.strategy-lane-tier{display:none}.strategy-lane-tier.active{display:block}.strategy-riot-sync button{width:100%}}

/* Check final pass: compact filter console, larger relation hover, botlane counter split. */
body[data-route="finder"] #app-main{max-width:1920px}
body[data-route="finder"] .check-filter-v3{
  --check-right:330px;
  --check-left:168px;
  --check-gap:10px;
  font-size:13px;
}
body[data-route="finder"] .check-filter-v3 .check-topbar{
  grid-template-columns:86px minmax(470px,1fr) 132px minmax(310px,.74fr);
  align-items:end;
  gap:10px;
  margin-bottom:14px;
}
body[data-route="finder"] .check-filter-v3 .check-topbar :where(select,input,button){min-height:38px}
body[data-route="finder"] .check-filter-v3 .check-icon-group{min-width:0}
body[data-route="finder"] .check-filter-v3 .check-icon-group>div{
  display:grid;
  grid-template-columns:repeat(5,minmax(76px,1fr));
  gap:6px;
}
body[data-route="finder"] .check-filter-v3 .check-icon-group button{
  min-width:0;
  min-height:38px;
  padding:5px 6px;
}
body[data-route="finder"] .check-filter-v3 .check-icon-group small{
  display:block;
  overflow:hidden;
  max-width:100%;
  font-size:10px;
  line-height:1.05;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body[data-route="finder"] .check-filter-v3 .check-body{
  grid-template-columns:var(--check-left) minmax(0,1fr) var(--check-right);
  gap:var(--check-gap);
  align-items:start;
}
body[data-route="finder"] .check-filter-v3 .check-name-rail,
body[data-route="finder"] .check-filter-v3 .check-filter-console{
  top:74px;
  max-height:calc(100dvh - 92px);
}
body[data-route="finder"] .check-filter-v3 .check-name-rail button{
  min-height:28px;
  padding:4px 8px;
  font-size:12px;
}
body[data-route="finder"] .check-filter-v3 .check-name-rail button span{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body[data-route="finder"] .check-filter-v3 .check-filter-console{
  display:grid;
  align-content:start;
  gap:7px;
  padding:8px;
  overflow:auto;
}
body[data-route="finder"] .check-filter-v3 .check-selected-preview{
  grid-template-columns:48px minmax(0,1fr);
  gap:8px;
  padding:7px;
}
body[data-route="finder"] .check-filter-v3 .check-selected-preview .portrait{width:48px;height:48px}
body[data-route="finder"] .check-filter-v3 .check-selected-preview h3{margin:1px 0;font-size:15px;line-height:1.05}
body[data-route="finder"] .check-filter-v3 .check-selected-preview p{margin:0;font-size:10px;line-height:1.25}
body[data-route="finder"] .check-filter-v3 .check-selected-preview .pill{font-size:8px;padding:2px 5px}
body[data-route="finder"] .check-filter-v3 .check-dropdown-grid{gap:6px}
body[data-route="finder"] .check-filter-v3 .check-dropdown-grid label{gap:2px}
body[data-route="finder"] .check-filter-v3 .check-dropdown-grid span,
body[data-route="finder"] .check-filter-v3 .check-icon-row header span,
body[data-route="finder"] .check-filter-v3 .check-multi-filter summary span,
body[data-route="finder"] .check-filter-v3 .check-class-single>header span,
body[data-route="finder"] .check-filter-v3 .check-grade header span{
  font-size:10px;
  letter-spacing:.04em;
}
body[data-route="finder"] .check-filter-v3 .check-dropdown-grid select{min-height:32px;font-size:11px}
body[data-route="finder"] .check-filter-v3 .check-class-single,
body[data-route="finder"] .check-filter-v3 .check-multi-filter,
body[data-route="finder"] .check-filter-v3 .check-icon-row,
body[data-route="finder"] .check-filter-v3 .check-grade{
  border-radius:8px;
  padding:6px;
}
body[data-route="finder"] .check-filter-v3 .check-multi-filter summary{min-height:20px}
body[data-route="finder"] .check-filter-v3 .check-multi-filter summary b,
body[data-route="finder"] .check-filter-v3 .check-icon-row header b,
body[data-route="finder"] .check-filter-v3 .check-grade header b{
  min-width:auto;
  border:0;
  background:transparent;
  padding:0;
  color:#24516d;
  font-size:10px;
}
body[data-route="finder"] .check-filter-v3 .check-skill-class-panel summary b,
body[data-route="finder"] .check-filter-v3 .check-skill-tags-panel summary b,
body[data-route="finder"] .check-filter-v3 .check-positive-and header b,
body[data-route="finder"] .check-filter-v3 .check-meta-any header b{text-transform:none}
body[data-route="finder"] .check-filter-v3 .check-class-single>div,
body[data-route="finder"] .check-filter-v3 .check-skill-class-panel>div,
body[data-route="finder"] .check-filter-v3 .check-skill-tags-panel>div,
body[data-route="finder"] .check-filter-v3 .check-positive-row>div,
body[data-route="finder"] .check-filter-v3 .check-attack-style>div,
body[data-route="finder"] .check-filter-v3 .check-meta-any>div{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:5px;
  max-height:128px;
  overflow:auto;
}
body[data-route="finder"] .check-filter-v3 .check-skill-tags-panel>div{max-height:150px}
body[data-route="finder"] .check-filter-v3 .check-class-single button,
body[data-route="finder"] .check-filter-v3 .check-multi-filter button,
body[data-route="finder"] .check-filter-v3 .check-icon-row button,
body[data-route="finder"] .check-filter-v3 .check-grade button{
  min-height:30px;
  padding:5px 7px;
  font-size:11px;
  line-height:1.08;
}
body[data-route="finder"] .check-filter-v3 .check-champion-grid{
  gap:5px;
  padding-top:2px;
}
body[data-route="finder"] .check-filter-v3 .check-champion-grid>button{
  min-height:62px;
  padding:4px;
}
body[data-route="finder"] .check-filter-v3 .check-champion-grid .portrait{width:38px;height:38px}
body[data-route="finder"] .check-filter-v3 .check-champ-label b{
  font-size:9px;
  white-space:nowrap;
}
body[data-route="finder"] .check-filter-v3 .check-champ-label small{font-size:7px}
body[data-route="finder"] .check-filter-v3 .check-relation-cards{margin-top:10px}
body[data-route="finder"] .check-filter-v3 .check-relation-cards>header{
  min-height:32px;
  padding:6px 9px;
}
body[data-route="finder"] .check-filter-v3 .check-relation-cards>header b{font-size:14px}
body[data-route="finder"] .check-filter-v3 .check-relation-cards>header span{font-size:10px}
body[data-route="finder"] .check-filter-v3 .check-relation-groups>div{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}
body[data-route="finder"] .check-filter-v3 .check-relation-groups article{
  min-width:0;
  overflow:visible;
}
body[data-route="finder"] .check-filter-v3 .check-relation-groups h4{
  min-height:30px;
  padding:5px 7px;
}
body[data-route="finder"] .check-filter-v3 .check-relation-groups h4 span{font-size:12px}
body[data-route="finder"] .check-filter-v3 .check-relation-groups article>div:not(.check-relation-group-overlay){
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:5px;
}
body[data-route="finder"] .check-filter-v3 .check-relation-card.group-mini{
  grid-template-columns:28px minmax(0,1fr) auto;
  min-height:40px;
  padding:4px;
}
body[data-route="finder"] .check-filter-v3 .check-relation-card.group-mini .portrait{width:28px;height:28px}
body[data-route="finder"] .check-filter-v3 .check-relation-card.group-mini b{font-size:10px;white-space:nowrap}
body[data-route="finder"] .check-filter-v3 .check-relation-card.group-mini small{font-size:7px;white-space:nowrap}
body[data-route="finder"] .check-filter-v3 .check-relation-group-overlay.compact{
  position:fixed;
  inset:50%;
  z-index:900;
  width:min(1180px,calc(100vw - 70px));
  max-height:min(780px,calc(100dvh - 58px));
  border:2px solid rgba(28,54,73,.72);
  border-radius:16px;
  background:#fff;
  padding:14px;
  overflow:auto;
  box-shadow:0 32px 90px rgba(8,18,28,.42);
  transform:translate(-50%,-50%) scale(.98);
}
body[data-route="finder"] .check-filter-v3 .check-relation-group-overlay.compact>header{
  position:sticky;
  top:-14px;
  z-index:2;
  display:flex;
  align-items:center;
  gap:10px;
  border-bottom:1px solid #d8e3eb;
  background:#fff;
  padding:4px 0 12px;
}
body[data-route="finder"] .check-filter-v3 .check-relation-group-overlay.compact>header>span{
  display:grid;
  width:36px;
  height:36px;
  place-items:center;
  border-radius:10px;
  background:#f0f6fb;
}
body[data-route="finder"] .check-filter-v3 .check-relation-group-overlay.compact b{font-size:19px}
body[data-route="finder"] .check-filter-v3 .check-relation-group-overlay.compact small{font-size:11px}
body[data-route="finder"] .check-filter-v3 .relation-overlay-list{
  display:grid;
  gap:14px;
  margin-top:12px;
}
body[data-route="finder"] .check-filter-v3 .relation-overlay-section h5{
  margin:0 0 8px;
  color:#173851;
  font-size:12px;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
}
body[data-route="finder"] .check-filter-v3 .relation-overlay-section>div{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}
body[data-route="finder"] .check-filter-v3 .relation-full-card{
  grid-template-columns:40px minmax(0,1fr) minmax(76px,.6fr) auto;
  min-height:58px;
  padding:7px;
}
body[data-route="finder"] .check-filter-v3 .relation-full-card .portrait{width:40px;height:40px}
body[data-route="finder"] .check-filter-v3 .relation-full-copy b{font-size:13px;white-space:nowrap}
body[data-route="finder"] .check-filter-v3 .relation-full-copy small{font-size:9px;white-space:nowrap}
body[data-route="finder"] .check-filter-v3 .relation-full-copy em i{font-size:8px}
body[data-route="finder"] .check-filter-v3 .relation-full-taxonomy strong{font-size:10px}
body[data-route="finder"] .check-filter-v3 .damage-physical{border-left-color:#d9584f!important}
body[data-route="finder"] .check-filter-v3 .damage-magic{border-left-color:#2d88d8!important}
body[data-route="finder"] .check-filter-v3 .damage-hybrid{border-left-color:#8b5cc7!important}
body[data-route="finder"] .check-filter-v3 .damage-true{border-left-color:#d7a72f!important}

/* Strategy data separation: player pools are independent from live lane meta. */
body[data-route="strategy"] .strategy-data-page{display:grid;gap:14px}
body[data-route="strategy"] .strategy-pool-manager,
body[data-route="strategy"] .separated-meta{border:1px solid #cbd8e2;border-radius:14px;background:#fff;box-shadow:0 12px 30px rgba(20,43,61,.08);overflow:hidden}
body[data-route="strategy"] .strategy-pool-manager>header{display:flex;align-items:end;justify-content:space-between;gap:18px;padding:16px 18px;border-bottom:1px solid #d8e2e9}
body[data-route="strategy"] .strategy-pool-manager h2{margin:2px 0;color:#122a3c;font-size:20px}
body[data-route="strategy"] .strategy-pool-manager header small{color:#9a6a00;font-size:9px;font-weight:950;letter-spacing:.1em}
body[data-route="strategy"] .strategy-pool-manager header p{margin:4px 0 0;color:#607585;font-size:11px}
body[data-route="strategy"] .strategy-pool-tabs{display:flex;gap:8px}
body[data-route="strategy"] .strategy-pool-tabs button{min-height:44px;border:1px solid #bdccd7;border-radius:8px;background:#f5f8fa;padding:8px 12px;color:#395266;font-size:11px;font-weight:900;cursor:pointer}
body[data-route="strategy"] .strategy-pool-tabs button.active{border-color:#1e40af;background:#1e40af;color:#fff;box-shadow:0 0 0 3px rgba(30,64,175,.13)}
body[data-route="strategy"] .strategy-pool-tabs button:focus-visible,
body[data-route="strategy"] .strategy-lane-tabs button:focus-visible{outline:3px solid #d97706;outline-offset:2px}
body[data-route="strategy"] .strategy-pool-inputs{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:12px 18px;border-bottom:1px solid #e0e8ee;background:#f8fafc}
body[data-route="strategy"] .strategy-pool-inputs>label{display:grid;gap:5px;color:#29465b;font-size:10px;font-weight:900}
body[data-route="strategy"] .strategy-pool-inputs textarea{width:100%;min-height:72px;resize:vertical;border:1px solid #b9cad6;border-radius:8px;background:#fff;padding:9px;color:#173247;font-size:12px}
body[data-route="strategy"] .strategy-pool-inputs small{color:#718493;font-size:9px;font-weight:500}
body[data-route="strategy"] .strategy-pool-inputs>div{display:grid;align-content:end;gap:7px}
body[data-route="strategy"] .strategy-pool-inputs button{min-height:44px;border:1px solid #1e40af;border-radius:8px;background:#1e40af;color:#fff;padding:8px 12px;font-size:10px;font-weight:900;cursor:pointer}
body[data-route="strategy"] .strategy-pool-inputs button:last-child{border-color:#bdccd7;background:#fff;color:#536b7d}
body[data-route="strategy"] .strategy-pool-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 18px;border-bottom:1px solid #e0e8ee;color:#5b7182;font-size:10px}
body[data-route="strategy"] .strategy-pool-toolbar label{display:flex;align-items:center;gap:7px;font-weight:900}
body[data-route="strategy"] .strategy-pool-toolbar select{min-height:38px;border:1px solid #bdccd7;border-radius:7px;background:#fff;padding:0 9px}
body[data-route="strategy"] .strategy-pool-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:12px 18px 18px}
body[data-route="strategy"] .strategy-pool-list article{display:grid;grid-template-columns:22px 38px minmax(0,1fr) 36px;gap:7px;align-items:center;min-height:58px;border:1px solid #d5e0e8;border-radius:9px;background:#fff;padding:6px}
body[data-route="strategy"] .strategy-pool-list article>strong{color:#8a9aa6;font-size:10px;text-align:center}
body[data-route="strategy"] .strategy-pool-list article span{min-width:0}
body[data-route="strategy"] .strategy-pool-list article b,
body[data-route="strategy"] .strategy-pool-list article small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body[data-route="strategy"] .strategy-pool-list article b{color:#183247;font-size:11px}
body[data-route="strategy"] .strategy-pool-list article small{margin-top:3px;color:#6b7f8e;font-size:8px}
body[data-route="strategy"] .strategy-pool-list article>button{width:36px;height:36px;border:1px solid #d6b7ba;border-radius:7px;background:#fff4f4;color:#9b3038;font-size:18px;cursor:pointer}
body[data-route="strategy"] .strategy-sync-note.warning{border:1px solid #e5ca7b;border-radius:8px;background:#fff9e8;padding:9px;color:#70560d}
body[data-route="strategy"] .separated-meta .strategy-lane-tabs{display:grid;grid-template-columns:repeat(5,minmax(90px,1fr));gap:8px;padding:12px 18px;border-bottom:1px solid #d8e2e9;background:#f8fafc}
body[data-route="strategy"] .separated-meta .strategy-lane-tabs button{display:flex;min-height:48px;align-items:center;justify-content:center;gap:7px;border:1px solid #bdccd7;border-radius:8px;background:#fff;color:#3d5669;font-weight:900;cursor:pointer}
body[data-route="strategy"] .separated-meta .strategy-lane-tabs button.active{border-color:#1e40af;background:#e9f0ff;color:#1e40af;box-shadow:inset 0 -3px #1e40af}
body[data-route="strategy"] .separated-meta .strategy-lane-tabs .official-role-icon{width:24px!important;height:24px!important}
body[data-route="strategy"] .strategy-active-lane{padding:12px 18px 18px}
body[data-route="strategy"] .strategy-lane-tier.single-lane{display:block!important;border:1px solid #d4dfe7;border-radius:11px;background:#f7fafc;overflow:hidden}
body[data-route="strategy"] .strategy-lane-tier.single-lane>header{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:8px;align-items:center;padding:10px 12px;border-bottom:1px solid #d6e1e9;background:#edf4f8}
body[data-route="strategy"] .strategy-lane-tier.single-lane>header>b{color:#5f7585;font-size:10px}
body[data-route="strategy"] .strategy-lane-tier .tier-grade{display:grid;grid-template-columns:74px minmax(0,1fr);gap:10px;padding:10px 12px;border-bottom:1px solid #e0e8ee;background:#fff}
body[data-route="strategy"] .strategy-lane-tier .tier-grade:last-child{border-bottom:0}
body[data-route="strategy"] .strategy-lane-tier .tier-grade>div:first-child{display:grid;align-content:start;gap:2px}
body[data-route="strategy"] .strategy-lane-tier .tier-grade>div:first-child b{font-size:20px;color:#304b60}
body[data-route="strategy"] .strategy-lane-tier .tier-grade>div:first-child span{color:#7a8d9b;font-size:8px}
body[data-route="strategy"] .strategy-lane-tier .tier-s>div:first-child b{color:#b47600}
body[data-route="strategy"] .strategy-lane-tier .tier-s-plus>div:first-child b{color:#b47600}
body[data-route="strategy"] .strategy-lane-tier .tier-s>div:first-child b{color:#1e40af}
body[data-route="strategy"] .strategy-lane-tier .tier-a-plus>div:first-child b{color:#4f7fa8}
body[data-route="strategy"] .strategy-tier-picks{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
body[data-route="strategy"] .strategy-tier-picks>p{grid-column:1/-1;margin:8px;color:#718493;font-size:10px}
body[data-route="strategy"] .strategy-meta-pick{min-height:58px}
body[data-route="strategy"] .strategy-meta-pick.tier-s-plus{border-left:4px solid #d97706}
body[data-route="strategy"] .strategy-meta-pick.tier-s{border-left:4px solid #1e40af}
body[data-route="strategy"] .strategy-meta-pick.tier-a-plus{border-left:4px solid #4f7fa8}
body[data-route="strategy"] .strategy-meta-pick.tier-a{border-left:4px solid #869aa9}
@media(max-width:1150px){body[data-route="strategy"] .strategy-pool-list{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-route="strategy"] .strategy-tier-picks{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){body[data-route="strategy"] .strategy-pool-manager>header{display:grid}body[data-route="strategy"] .strategy-pool-tabs{display:grid;grid-template-columns:1fr 1fr}body[data-route="strategy"] .strategy-pool-inputs{grid-template-columns:1fr}body[data-route="strategy"] .strategy-pool-list{grid-template-columns:1fr}body[data-route="strategy"] .separated-meta .strategy-lane-tabs{display:flex;overflow-x:auto}body[data-route="strategy"] .separated-meta .strategy-lane-tabs button{flex:0 0 96px}body[data-route="strategy"] .strategy-lane-tier .tier-grade{grid-template-columns:52px minmax(0,1fr)}body[data-route="strategy"] .strategy-tier-picks{grid-template-columns:1fr 1fr}}
@media(max-width:1500px){
  body[data-route="finder"] .check-filter-v3{--check-right:310px;--check-left:150px}
  body[data-route="finder"] .check-filter-v3 .check-topbar{grid-template-columns:80px minmax(380px,1fr) 118px minmax(250px,.72fr)}
  body[data-route="finder"] .check-filter-v3 .relation-overlay-section>div{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:1120px){
  body[data-route="finder"] .check-filter-v3 .check-body{grid-template-columns:1fr}
  body[data-route="finder"] .check-filter-v3 .check-name-rail,
  body[data-route="finder"] .check-filter-v3 .check-filter-console{position:relative;top:auto;max-height:none}
  body[data-route="finder"] .check-filter-v3 .check-relation-groups>div{grid-template-columns:1fr 1fr}
  body[data-route="finder"] .check-filter-v3 .relation-overlay-section>div{grid-template-columns:1fr 1fr}
}

/* Check v4: fixed right console, no Skill tags block, lane-specific relations. */
body[data-route="finder"] .check-filter-v4{--check-right:322px;--check-left:168px;--check-gap:10px;font-size:13px}
body[data-route="finder"] .check-filter-v4 .check-topbar{
  display:grid;
  grid-template-columns:86px minmax(470px,1fr) 132px minmax(310px,.74fr);
  align-items:end;
  gap:10px;
  margin-bottom:14px;
}
body[data-route="finder"] .check-filter-v4 .check-topbar :where(select,input,button){min-height:38px}
body[data-route="finder"] .check-filter-v4 .check-icon-group>div{display:grid;grid-template-columns:repeat(5,minmax(76px,1fr));gap:6px}
body[data-route="finder"] .check-filter-v4 .check-icon-group button{min-width:0;min-height:38px;padding:5px 6px}
body[data-route="finder"] .check-filter-v4 .check-icon-group small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}
body[data-route="finder"] .check-filter-v4 .check-body{
  display:grid;
  grid-template-columns:var(--check-left) minmax(0,1fr) var(--check-right);
  gap:var(--check-gap);
  align-items:start;
}
body[data-route="finder"] .check-filter-v4 .check-filter-console{
  position:sticky;
  top:74px;
  display:grid;
  align-content:start;
  gap:7px;
  width:var(--check-right);
  min-width:var(--check-right);
  max-width:var(--check-right);
  height:calc(100dvh - 92px);
  max-height:calc(100dvh - 92px);
  overflow:auto;
  overscroll-behavior:contain;
  padding:8px;
  scrollbar-gutter:stable both-edges;
  transform:none!important;
}
body[data-route="finder"] .check-filter-v4 .check-name-rail{position:sticky;top:74px;max-height:calc(100dvh - 92px)}
body[data-route="finder"] .check-filter-v4 .check-selected-preview{grid-template-columns:48px minmax(0,1fr);gap:8px;padding:7px}
body[data-route="finder"] .check-filter-v4 .check-selected-preview .portrait{width:48px;height:48px}
body[data-route="finder"] .check-filter-v4 .check-selected-preview h3{margin:1px 0;font-size:15px;line-height:1.05}
body[data-route="finder"] .check-filter-v4 .check-selected-preview p{margin:0;font-size:10px;line-height:1.25}
body[data-route="finder"] .check-filter-v4 .check-selected-preview .pill{font-size:8px;padding:2px 5px}
body[data-route="finder"] .check-filter-v4 .check-relation-lane-control{
  display:grid;
  gap:3px;
  border:1px solid #b9ccd9;
  border-radius:9px;
  background:linear-gradient(180deg,#f8fbfd,#edf5fa);
  padding:7px;
}
body[data-route="finder"] .check-filter-v4 .check-relation-lane-control span{
  color:#24516d;
  font-size:10px;
  font-weight:950;
  letter-spacing:.06em;
  text-transform:uppercase;
}
body[data-route="finder"] .check-filter-v4 .check-relation-lane-control select{min-height:34px;border:1px solid #9eb5c5;border-radius:7px;background:#fff;padding:5px 8px;font-size:12px;font-weight:900}
body[data-route="finder"] .check-filter-v4 .check-dropdown-grid{gap:6px}
body[data-route="finder"] .check-filter-v4 .check-dropdown-grid select{min-height:32px;font-size:11px}
body[data-route="finder"] .check-filter-v4 .check-class-single,
body[data-route="finder"] .check-filter-v4 .check-multi-filter,
body[data-route="finder"] .check-filter-v4 .check-icon-row,
body[data-route="finder"] .check-filter-v4 .check-grade{border-radius:8px;padding:6px}
body[data-route="finder"] .check-filter-v4 .check-multi-filter summary b,
body[data-route="finder"] .check-filter-v4 .check-icon-row header b,
body[data-route="finder"] .check-filter-v4 .check-grade header b{min-width:auto;border:0;background:transparent;padding:0;color:#24516d;font-size:10px}
body[data-route="finder"] .check-filter-v4 .check-class-single>div,
body[data-route="finder"] .check-filter-v4 .check-skill-class-panel>div,
body[data-route="finder"] .check-filter-v4 .check-positive-row>div,
body[data-route="finder"] .check-filter-v4 .check-attack-style>div,
body[data-route="finder"] .check-filter-v4 .check-meta-any>div{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:5px;
  max-height:128px;
  overflow:auto;
}
body[data-route="finder"] .check-filter-v4 .check-class-single button,
body[data-route="finder"] .check-filter-v4 .check-multi-filter button,
body[data-route="finder"] .check-filter-v4 .check-icon-row button,
body[data-route="finder"] .check-filter-v4 .check-grade button{min-height:30px;padding:5px 7px;font-size:11px;line-height:1.08}
body[data-route="finder"] .check-filter-v4 .check-champion-grid{gap:5px;padding-top:2px}
body[data-route="finder"] .check-filter-v4 .check-champion-grid>button{min-height:62px;padding:4px}
body[data-route="finder"] .check-filter-v4 .check-champion-grid .portrait{width:38px;height:38px}
body[data-route="finder"] .check-filter-v4 .check-champ-label b{font-size:9px;white-space:nowrap}
body[data-route="finder"] .check-filter-v4 .check-relation-cards{margin-top:10px}
body[data-route="finder"] .check-filter-v4 .check-relation-groups>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
body[data-route="finder"] .check-filter-v4 .check-relation-groups article{min-width:0;overflow:visible}
body[data-route="finder"] .check-filter-v4 .check-relation-groups article>div:not(.check-relation-group-overlay){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
body[data-route="finder"] .check-filter-v4 .check-relation-card.group-mini{grid-template-columns:28px minmax(0,1fr) auto;min-height:40px;padding:4px}
body[data-route="finder"] .check-filter-v4 .check-relation-card.group-mini .portrait{width:28px;height:28px}
body[data-route="finder"] .check-filter-v4 .check-relation-card.group-mini b{font-size:10px;white-space:nowrap}
body[data-route="finder"] .check-filter-v4 .check-relation-card.group-mini small{font-size:7px;white-space:nowrap}
body[data-route="finder"] .check-filter-v4 .check-relation-group-overlay.compact{
  position:fixed;
  inset:50%;
  z-index:950;
  width:min(1440px,calc(100vw - 32px));
  max-height:min(900px,calc(100dvh - 28px));
  border:2px solid rgba(28,54,73,.75);
  border-radius:18px;
  background:#fff;
  padding:16px;
  overflow:auto;
  box-shadow:0 36px 100px rgba(8,18,28,.48);
  transform:translate(-50%,-50%) scale(.99);
}
body[data-route="finder"] .check-filter-v4 .check-relation-group-overlay.compact>header{position:sticky;top:-16px;z-index:2;display:flex;align-items:center;gap:10px;border-bottom:1px solid #d8e3eb;background:#fff;padding:4px 0 12px}
body[data-route="finder"] .check-filter-v4 .check-relation-group-overlay.compact b{font-size:21px}
body[data-route="finder"] .check-filter-v4 .relation-overlay-list{display:grid;gap:16px;margin-top:12px}
body[data-route="finder"] .check-filter-v4 .relation-overlay-section h5{margin:0 0 8px;color:#173851;font-size:13px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}
body[data-route="finder"] .check-filter-v4 .relation-overlay-section>div{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
body[data-route="finder"] .check-filter-v4 .relation-full-card{grid-template-columns:42px minmax(0,1fr) minmax(76px,.55fr) auto;min-height:60px;padding:7px}
body[data-route="finder"] .check-filter-v4 .relation-full-card .portrait{width:42px;height:42px}
body[data-route="finder"] .check-filter-v4 .relation-full-copy b{font-size:13px;white-space:nowrap}
body[data-route="finder"] .check-filter-v4 .relation-full-copy small{font-size:9px;white-space:nowrap}
body[data-route="finder"] .check-filter-v4 .damage-physical{border-left-color:#d9584f!important}
body[data-route="finder"] .check-filter-v4 .damage-magic{border-left-color:#2d88d8!important}
body[data-route="finder"] .check-filter-v4 .damage-hybrid{border-left-color:#8b5cc7!important}
body[data-route="finder"] .check-filter-v4 .damage-true{border-left-color:#d7a72f!important}
@media(max-width:1500px){
  body[data-route="finder"] .check-filter-v4{--check-right:310px;--check-left:150px}
  body[data-route="finder"] .check-filter-v4 .check-topbar{grid-template-columns:80px minmax(380px,1fr) 118px minmax(250px,.72fr)}
  body[data-route="finder"] .check-filter-v4 .relation-overlay-section>div{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:1120px){
  body[data-route="finder"] .check-filter-v4 .check-body{grid-template-columns:1fr}
  body[data-route="finder"] .check-filter-v4 .check-name-rail,
  body[data-route="finder"] .check-filter-v4 .check-filter-console{position:relative;top:auto;width:auto;min-width:0;max-width:none;height:auto;max-height:none}
  body[data-route="finder"] .check-filter-v4 .check-relation-groups>div{grid-template-columns:1fr 1fr}
  body[data-route="finder"] .check-filter-v4 .relation-overlay-section>div{grid-template-columns:1fr 1fr}
}

/* Check v5: balanced one-screen workspace, stable right rail + relation dock. */
body[data-route="finder"] .check-filter-v4{
  --check-left:164px;
  --check-right:336px;
  --check-top:76px;
  --relation-h:236px;
}
body[data-route="finder"] .check-filter-v4 .check-topbar{
  position:relative;
  z-index:40;
  border:1px solid #c5d6e2;
  border-top:4px solid #1769aa;
  border-radius:12px;
  background:#fff;
  padding:8px;
  box-shadow:0 10px 24px rgba(20,43,61,.07);
}
body[data-route="finder"] .check-filter-v4 .check-body{
  position:relative;
  isolation:isolate;
  grid-template-columns:var(--check-left) minmax(760px,1fr) var(--check-right);
  gap:12px;
}
body[data-route="finder"] .check-filter-v4 .check-center{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-rows:minmax(0,1fr) auto;
  gap:10px;
  min-width:0;
  align-content:start;
}
body[data-route="finder"] .check-filter-v4 .check-champion-grid{
  height:clamp(390px,calc(100dvh - 378px),560px);
  min-height:0;
  overflow:auto;
  overscroll-behavior:contain;
  border:1px solid #c9d8e3;
  border-radius:12px;
  background:#fff;
  padding:8px;
  box-shadow:0 10px 24px rgba(20,43,61,.06);
}
body[data-route="finder"] .check-filter-v4 .check-filter-console{
  z-index:35;
  border:1px solid #c5d6e2;
  border-top:4px solid #1769aa;
  border-radius:12px;
  background:#fff;
  box-shadow:0 12px 28px rgba(20,43,61,.1);
}
body[data-route="finder"] .check-filter-v4 .check-name-rail{
  z-index:15;
  border:1px solid #d1dee7;
  border-radius:12px;
  background:#fff;
  box-shadow:0 10px 24px rgba(20,43,61,.06);
}
body[data-route="finder"] .check-filter-v4 :where(button,select,input){
  touch-action:manipulation;
}
body[data-route="finder"] .check-filter-v4 :where(button,select,input):focus-visible{
  outline:3px solid rgba(23,105,170,.24);
  outline-offset:2px;
}
body[data-route="finder"] .check-filter-v4 .check-relation-cards{
  position:relative;
  z-index:20;
  max-height:var(--relation-h);
  margin:0;
  border:1px solid #c5d6e2;
  border-top:4px solid #1769aa;
  border-radius:12px;
  background:#fff;
  padding:8px;
  overflow:visible;
  box-shadow:0 12px 28px rgba(20,43,61,.09);
}
body[data-route="finder"] .check-filter-v4 .check-relation-cards>header{
  min-height:30px;
  border:0;
  border-bottom:1px solid #dde7ee;
  background:transparent;
  padding:0 2px 7px;
}
body[data-route="finder"] .check-filter-v4 .check-relation-cards>header b{font-size:14px;line-height:1.1}
body[data-route="finder"] .check-filter-v4 .check-relation-cards>header span{
  overflow:hidden;
  color:#607889;
  font-size:10px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body[data-route="finder"] .check-filter-v4 .check-relation-groups>div{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  padding-top:8px;
}
body[data-route="finder"] .check-filter-v4 .check-relation-groups article{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  min-height:174px;
  border-radius:10px;
  overflow:visible!important;
}
body[data-route="finder"] .check-filter-v4 .check-relation-groups article:hover,
body[data-route="finder"] .check-filter-v4 .check-relation-groups article:focus-within{
  z-index:120;
}

/* OP.GG URL import and first-clear-only jungle filters. */
.strategy-opgg-form{grid-template-columns:minmax(260px,2fr) repeat(3,minmax(120px,1fr)) auto}
.strategy-opgg-form .opgg-identity{min-width:0}
.strategy-opgg-form .opgg-identity input{width:100%}
.first-clear-filter-row{
  display:grid;
  grid-template-columns:repeat(6,minmax(112px,1fr)) auto;
  gap:7px;
  align-items:end;
}
.first-clear-filter-row .map-filter-control{min-width:0}
.first-clear-filter-row .map-filter-control span{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.map-route-facts{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:4px;
  margin-top:7px;
}
.map-route-facts i{
  display:grid;
  min-width:0;
  gap:2px;
  border:1px solid var(--line);
  border-radius:6px;
  background:#f8fafc;
  padding:5px 6px;
  font-style:normal;
}
.map-route-facts small{
  overflow:hidden;
  color:var(--muted);
  font-size:7px;
  font-weight:900;
  letter-spacing:.03em;
  text-overflow:ellipsis;
  text-transform:uppercase;
  white-space:nowrap;
}
.map-route-facts b{
  overflow:hidden;
  font-size:9px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.map-side-route.blue .map-route-facts i{border-top-color:rgba(37,99,235,.45)}
.map-side-route.red .map-route-facts i{border-top-color:rgba(220,38,38,.42)}

@media(max-width:1100px){
  .strategy-opgg-form{grid-template-columns:minmax(240px,2fr) repeat(2,minmax(120px,1fr))}
  .strategy-opgg-form button{min-height:44px}
  .first-clear-filter-row{grid-template-columns:repeat(3,minmax(120px,1fr)) auto}
}
@media(max-width:720px){
  .strategy-opgg-form{grid-template-columns:1fr 1fr}
  .strategy-opgg-form .opgg-identity,.strategy-opgg-form button{grid-column:1/-1}
  .first-clear-filter-row{grid-template-columns:1fr 1fr}
  .first-clear-filter-row .map-filter-count{grid-column:1/-1}
  .map-route-facts{grid-template-columns:repeat(3,minmax(0,1fr))}
}
body[data-route="finder"] .check-filter-v4 .check-relation-groups h4{
  min-width:0;
  min-height:30px;
  padding:5px 7px;
}
body[data-route="finder"] .check-filter-v4 .check-relation-groups h4 span{
  overflow:hidden;
  font-size:12px;
  line-height:1.1;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body[data-route="finder"] .check-filter-v4 .check-relation-groups h4 b{
  flex:0 0 auto;
  font-size:11px;
}
body[data-route="finder"] .check-filter-v4 .check-relation-groups article>div:not(.check-relation-group-overlay){
  max-height:132px;
  overflow:auto;
  padding-right:2px;
}
body[data-route="finder"] .check-filter-v4 .check-relation-card.group-mini{
  min-width:0;
  overflow:hidden;
}
body[data-route="finder"] .check-filter-v4 .check-relation-card.group-mini span{
  min-width:0;
}
body[data-route="finder"] .check-filter-v4 .check-relation-card.group-mini b,
body[data-route="finder"] .check-filter-v4 .check-relation-card.group-mini small{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
}
body[data-route="finder"] .check-filter-v4 .check-relation-group-overlay.compact{
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  width:min(1540px,calc(100vw - 28px))!important;
  max-height:min(920px,calc(100dvh - 24px))!important;
  border-radius:18px!important;
  overflow:hidden!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translate(-50%,-48%) scale(.985)!important;
}
body[data-route="finder"] .check-filter-v4 .check-relation-groups article:hover .check-relation-group-overlay.compact,
body[data-route="finder"] .check-filter-v4 .check-relation-groups article:focus-within .check-relation-group-overlay.compact{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translate(-50%,-50%) scale(1)!important;
}
body[data-route="finder"] .check-filter-v4 .check-relation-group-overlay.compact>header{
  min-height:58px;
  background:linear-gradient(90deg,#102a3f,#1769aa)!important;
  color:#fff;
  padding:12px 16px!important;
}
body[data-route="finder"] .check-filter-v4 .check-relation-group-overlay.compact>header small{
  color:#c8dce9;
}
body[data-route="finder"] .check-filter-v4 .check-relation-group-overlay.compact>.relation-overlay-list,
body[data-route="finder"] .check-filter-v4 .check-relation-group-overlay.compact>div{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:16px!important;
  max-height:calc(min(920px,100dvh - 24px) - 84px)!important;
  overflow:auto!important;
  padding:16px!important;
}
body[data-route="finder"] .check-filter-v4 .relation-overlay-section{
  min-width:0;
  border:1px solid #d6e2ea;
  border-radius:12px;
  background:#f8fbfd;
  padding:10px;
}
body[data-route="finder"] .check-filter-v4 .relation-overlay-section>div{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:8px!important;
}
body[data-route="finder"] .check-filter-v4 .relation-full-card{
  min-width:0;
  border-radius:10px;
}
body[data-route="finder"] .check-filter-v4 .relation-full-copy,
body[data-route="finder"] .check-filter-v4 .relation-full-taxonomy{
  min-width:0;
}
body[data-route="finder"] .check-filter-v4 .relation-full-copy b,
body[data-route="finder"] .check-filter-v4 .relation-full-copy small,
body[data-route="finder"] .check-filter-v4 .relation-full-taxonomy strong,
body[data-route="finder"] .check-filter-v4 .relation-full-taxonomy small{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
@media(max-width:1700px){
  body[data-route="finder"] .check-filter-v4{--check-right:318px;--check-left:154px}
  body[data-route="finder"] .check-filter-v4 .check-body{grid-template-columns:var(--check-left) minmax(680px,1fr) var(--check-right)}
  body[data-route="finder"] .check-filter-v4 .relation-overlay-section>div{grid-template-columns:repeat(5,minmax(0,1fr))!important}
}
@media(max-width:1360px){
  body[data-route="finder"] .check-filter-v4 .check-body{grid-template-columns:140px minmax(560px,1fr) 300px}
  body[data-route="finder"] .check-filter-v4 .check-relation-groups>div{grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-route="finder"] .check-filter-v4 .check-relation-cards{max-height:none}
  body[data-route="finder"] .check-filter-v4 .relation-overlay-section>div{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:1120px){
  body[data-route="finder"] .check-filter-v4 .check-body{grid-template-columns:1fr}
  body[data-route="finder"] .check-filter-v4 .check-champion-grid{height:auto;max-height:58dvh}
  body[data-route="finder"] .check-filter-v4 .check-relation-groups>div{grid-template-columns:1fr 1fr}
  body[data-route="finder"] .check-filter-v4 .relation-overlay-section>div{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* Check v6: easier layout. Use normal page flow, relation blocks at the bottom, no broken hover layer. */
body[data-route="finder"] .check-filter-v4{
  --check-left:170px;
  --check-right:332px;
  --check-gap:12px;
}
body[data-route="finder"] .check-filter-v4 .check-body{
  display:grid!important;
  grid-template-columns:var(--check-left) minmax(0,1fr) var(--check-right)!important;
  grid-template-areas:
    "names champions filters"
    "relations relations relations"!important;
  align-items:start!important;
  gap:var(--check-gap)!important;
}
body[data-route="finder"] .check-filter-v4 .check-name-rail{
  grid-area:names!important;
  position:sticky!important;
  top:76px!important;
  max-height:none!important;
  overflow:visible!important;
}
body[data-route="finder"] .check-filter-v4 .check-center{
  display:contents!important;
}
body[data-route="finder"] .check-filter-v4 .check-champion-grid{
  grid-area:champions!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  padding:10px!important;
}
body[data-route="finder"] .check-filter-v4 .check-filter-console{
  grid-area:filters!important;
  position:sticky!important;
  top:76px!important;
  height:auto!important;
  max-height:none!important;
  min-width:var(--check-right)!important;
  max-width:var(--check-right)!important;
  overflow:visible!important;
  scrollbar-gutter:auto!important;
}
body[data-route="finder"] .check-filter-v4 .check-filter-console :where(.check-class-single>div,.check-skill-class-panel>div,.check-positive-row>div,.check-attack-style>div,.check-meta-any>div){
  max-height:none!important;
  overflow:visible!important;
}
body[data-route="finder"] .check-filter-v4 .check-selected-relations{
  grid-area:relations!important;
  max-height:none!important;
  overflow:visible!important;
  margin-top:2px!important;
  padding:10px!important;
}
body[data-route="finder"] .check-filter-v4 .check-relation-cards>header{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
}
body[data-route="finder"] .check-filter-v4 .check-relation-groups>div{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
}
body[data-route="finder"] .check-filter-v4 .check-relation-groups article{
  min-height:auto!important;
  overflow:hidden!important;
}
body[data-route="finder"] .check-filter-v4 .check-relation-groups article>div:not(.check-relation-group-overlay){
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:6px!important;
  max-height:none!important;
  overflow:visible!important;
  padding:7px!important;
}
body[data-route="finder"] .check-filter-v4 .check-relation-card.group-mini{
  grid-template-columns:32px minmax(0,1fr) auto!important;
  min-height:44px!important;
  padding:5px 6px!important;
}
body[data-route="finder"] .check-filter-v4 .check-relation-card.group-mini .portrait{
  width:32px!important;
  height:32px!important;
}
body[data-route="finder"] .check-filter-v4 .check-relation-card.group-mini b{
  font-size:11px!important;
}
body[data-route="finder"] .check-filter-v4 .check-relation-card.group-mini small{
  font-size:8px!important;
}
body[data-route="finder"] .check-filter-v4 .check-relation-group-overlay,
body[data-route="finder"] .check-filter-v4 .check-relation-group-overlay.compact{
  display:none!important;
}
body[data-route="finder"] .check-filter-v4 .check-relation-groups article:hover,
body[data-route="finder"] .check-filter-v4 .check-relation-groups article:focus-within{
  z-index:auto!important;
  transform:none!important;
}
@media(max-width:1500px){
  body[data-route="finder"] .check-filter-v4{
    --check-left:150px;
    --check-right:310px;
  }
  body[data-route="finder"] .check-filter-v4 .check-body{
    grid-template-columns:var(--check-left) minmax(0,1fr) var(--check-right)!important;
  }
  body[data-route="finder"] .check-filter-v4 .check-relation-groups>div{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:1120px){
  body[data-route="finder"] .check-filter-v4 .check-body{
    grid-template-columns:1fr!important;
    grid-template-areas:"filters" "champions" "names" "relations"!important;
  }
  body[data-route="finder"] .check-filter-v4 .check-name-rail,
  body[data-route="finder"] .check-filter-v4 .check-filter-console{
    position:relative!important;
    top:auto!important;
    min-width:0!important;
    max-width:none!important;
  }
  body[data-route="finder"] .check-filter-v4 .check-relation-groups>div{
    grid-template-columns:1fr!important;
  }
}

/* Compact champion-check taxonomy and quick filters. */
.sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
body[data-route="finder"] .check-filter-v4 .check-lane-icons-only>div{
  display:grid;
  grid-template-columns:repeat(5,44px);
  gap:6px;
}
body[data-route="finder"] .check-filter-v4 .check-lane-icons-only button{
  position:relative;
  width:44px;
  min-width:44px;
  height:44px;
  min-height:44px;
  display:grid;
  place-items:center;
  border:1px solid #c8d6e0;
  border-radius:9px;
  background:#fff;
  padding:0;
  cursor:pointer;
  transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease;
}
body[data-route="finder"] .check-filter-v4 .check-lane-icons-only button:hover{border-color:#5d95bd;background:#f3f9fd}
body[data-route="finder"] .check-filter-v4 .check-lane-icons-only button.active{
  border-color:#1769aa;
  background:#e9f5ff;
  box-shadow:inset 0 0 0 1px #1769aa,0 0 0 3px rgba(23,105,170,.1);
}
body[data-route="finder"] .check-filter-v4 .check-lane-icons-only .check-lane-icon{--inline-icon-size:25px}
body[data-route="finder"] .check-filter-v4 .check-compact-taxonomy{
  display:grid;
  gap:7px;
  border:1px solid #d4e0e8;
  border-radius:9px;
  background:#f8fbfd;
  padding:7px;
}
body[data-route="finder"] .check-filter-v4 .check-primary-class-icons>header,
body[data-route="finder"] .check-filter-v4 .check-quick-filters header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  min-height:20px;
}
body[data-route="finder"] .check-filter-v4 .check-primary-class-icons>header span,
body[data-route="finder"] .check-filter-v4 .check-quick-filters header span{
  color:#42596b;
  font-size:9px;
  font-weight:900;
  letter-spacing:.05em;
  text-transform:uppercase;
}
body[data-route="finder"] .check-filter-v4 .check-primary-class-icons>header b,
body[data-route="finder"] .check-filter-v4 .check-quick-filters header b{
  color:#587184;
  font-size:8px;
}
body[data-route="finder"] .check-filter-v4 .check-primary-class-icons>div{
  display:grid;
  grid-template-columns:repeat(7,minmax(36px,1fr));
  gap:4px;
}
body[data-route="finder"] .check-filter-v4 .check-primary-class-icons button{
  position:relative;
  min-width:0;
  min-height:40px;
  display:grid;
  place-items:center;
  border:1px solid #cbd8e1;
  border-radius:7px;
  background:#fff;
  padding:0;
  cursor:pointer;
}
body[data-route="finder"] .check-filter-v4 .check-primary-class-icons button:hover{border-color:#6e9cbc;background:#f2f8fc}
body[data-route="finder"] .check-filter-v4 .check-primary-class-icons button.active{
  border-color:#1769aa;
  background:#e7f4fd;
  box-shadow:inset 0 -3px 0 #1769aa;
}
body[data-route="finder"] .check-filter-v4 .check-primary-class-icons .check-filter-icon{--inline-icon-size:23px}
body[data-route="finder"] .check-filter-v4 .check-compact-taxonomy>.check-select{
  display:grid;
  grid-template-columns:98px minmax(0,1fr);
  align-items:center;
  gap:8px;
  margin:0;
}
body[data-route="finder"] .check-filter-v4 .check-compact-taxonomy>.check-select>span{
  color:#42596b;
  font-size:9px;
  font-weight:850;
}
body[data-route="finder"] .check-filter-v4 .check-compact-taxonomy>.check-select select{
  min-width:0;
  height:34px;
  border:1px solid #c3d3df;
  border-radius:7px;
  background:#fff;
  padding:4px 7px;
  font-size:10px;
}
body[data-route="finder"] .check-filter-v4 .check-phase-sequence{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:5px;
  border:1px solid #d4e0e8;
  border-radius:9px;
  background:#f8fbfd;
  padding:7px;
}
body[data-route="finder"] .check-filter-v4 .check-phase-sequence label{display:grid;gap:4px;min-width:0}
body[data-route="finder"] .check-filter-v4 .check-phase-sequence label>span{
  display:flex;
  align-items:center;
  gap:4px;
  color:#40586a;
  font-size:9px;
  font-weight:900;
  text-transform:uppercase;
}
body[data-route="finder"] .check-filter-v4 .check-phase-sequence label>span b{
  width:16px;
  height:16px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#dfeaf2;
  color:#244a67;
  font-size:8px;
}
body[data-route="finder"] .check-filter-v4 .check-phase-sequence label+label>span:before{
  content:"→";
  margin-left:-7px;
  color:#8ba0af;
}
body[data-route="finder"] .check-filter-v4 .check-phase-sequence select{
  min-width:0;
  height:34px;
  border:1px solid #c3d3df;
  border-radius:7px;
  background:#fff;
  padding:3px 5px;
  font-size:9px;
}
body[data-route="finder"] .check-filter-v4 .check-quick-filters{
  display:grid;
  gap:7px;
  border:1px solid #d4e0e8;
  border-radius:9px;
  background:#f8fbfd;
  padding:7px;
}
body[data-route="finder"] .check-filter-v4 .check-quick-filters>div>div{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:4px;
}
body[data-route="finder"] .check-filter-v4 .check-quick-toggle{position:relative;min-width:0}
body[data-route="finder"] .check-filter-v4 .check-quick-toggle input{position:absolute;opacity:0;pointer-events:none}
body[data-route="finder"] .check-filter-v4 .check-quick-toggle>span{
  min-width:0;
  min-height:44px;
  display:grid;
  grid-template-rows:22px auto;
  place-items:center;
  gap:2px;
  border:1px solid #cbd8e1;
  border-radius:7px;
  background:#fff;
  padding:4px 2px;
  cursor:pointer;
  transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease;
}
body[data-route="finder"] .check-filter-v4 .check-quick-toggle:hover>span{border-color:#6e9cbc;background:#f2f8fc}
body[data-route="finder"] .check-filter-v4 .check-quick-toggle.active>span{
  border-color:#1769aa;
  background:#e7f4fd;
  color:#155786;
  box-shadow:inset 0 -3px 0 #1769aa;
}
body[data-route="finder"] .check-filter-v4 .check-quick-toggle b{
  display:grid;
  place-items:center;
  width:22px;
  height:22px;
  color:#315d7a;
}
body[data-route="finder"] .check-filter-v4 .check-quick-toggle :where(.term-icon,.quick-filter-icon,.ui-icon,svg,img){width:20px!important;height:20px!important}
body[data-route="finder"] .check-filter-v4 .check-quick-toggle small{
  width:100%;
  overflow:hidden;
  font-size:7px;
  font-weight:800;
  line-height:1.05;
  text-align:center;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body[data-route="finder"] .check-filter-v4 .check-filter-console{
  display:grid;
  gap:7px;
}
@media(max-width:1120px){
  body[data-route="finder"] .check-filter-v4 .check-lane-icons-only>div{grid-template-columns:repeat(5,minmax(44px,1fr))}
  body[data-route="finder"] .check-filter-v4 .check-filter-console{position:relative!important}
}
@media(max-width:560px){
  body[data-route="finder"] .check-filter-v4 .check-primary-class-icons>div{grid-template-columns:repeat(4,minmax(44px,1fr))}
  body[data-route="finder"] .check-filter-v4 .check-quick-filters>div>div{grid-template-columns:repeat(3,minmax(0,1fr))}
  body[data-route="finder"] .check-filter-v4 .check-phase-sequence{grid-template-columns:1fr}
  body[data-route="finder"] .check-filter-v4 .check-phase-sequence label+label>span:before{content:"↓";margin:0}
}

/* Check readability pass: large champion portraits and image-first lane identity. */
body[data-route="finder"] .check-filter-v4 .check-lane-icons-only>div{
  grid-template-columns:repeat(5,52px);
  gap:8px;
}
body[data-route="finder"] .check-filter-v4 .check-lane-icons-only button{
  width:52px;
  min-width:52px;
  height:52px;
  min-height:52px;
}
body[data-route="finder"] .check-filter-v4 .check-lane-icons-only .check-lane-icon{
  --inline-icon-size:34px;
}
body[data-route="finder"] .check-filter-v4 .check-lane-icons-only .check-lane-icon img{
  width:34px!important;
  height:34px!important;
  object-fit:contain;
}
body[data-route="finder"] .check-filter-v4 .check-champion-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(82px,1fr))!important;
  gap:8px!important;
}
body[data-route="finder"] .check-filter-v4 .check-champion-grid>button{
  position:relative;
  width:auto!important;
  min-width:82px!important;
  height:100px!important;
  min-height:100px!important;
  padding:4px 4px 25px!important;
  overflow:hidden!important;
  border-radius:9px!important;
}
body[data-route="finder"] .check-filter-v4 .check-champion-grid>button>.portrait{
  width:100%!important;
  height:100%!important;
  border-radius:6px!important;
  object-fit:cover!important;
  object-position:center 18%!important;
}
body[data-route="finder"] .check-filter-v4 .check-champ-label{
  position:absolute!important;
  right:4px!important;
  bottom:4px!important;
  left:4px!important;
  z-index:4!important;
  display:block!important;
  min-height:20px!important;
  padding:4px 24px 3px 5px!important;
  border-radius:0 0 5px 5px!important;
  background:linear-gradient(90deg,rgba(7,20,31,.94),rgba(18,43,59,.9))!important;
  color:#fff!important;
  text-align:left!important;
}
body[data-route="finder"] .check-filter-v4 .check-champ-label b{
  display:block!important;
  overflow:hidden!important;
  color:#fff!important;
  font-size:10px!important;
  line-height:1.2!important;
  text-align:left!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body[data-route="finder"] .check-filter-v4 .check-champ-label small{
  display:none!important;
}
body[data-route="finder"] .check-filter-v4 .check-champion-grid>button>.check-champ-icons{
  position:absolute!important;
  right:7px!important;
  bottom:7px!important;
  z-index:5!important;
  display:grid!important;
  width:18px!important;
  height:18px!important;
  place-items:center!important;
  opacity:1!important;
  visibility:visible!important;
  color:#fff!important;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.65));
}
body[data-route="finder"] .check-filter-v4 .check-champion-grid>button>.check-champ-icons>*{
  display:none!important;
}
body[data-route="finder"] .check-filter-v4 .check-champion-grid>button>.check-champ-icons>:first-child{
  display:block!important;
  width:18px!important;
  height:18px!important;
  object-fit:contain!important;
}
body[data-route="finder"] .check-filter-v4 .check-selected-preview{
  grid-template-columns:76px minmax(0,1fr)!important;
  gap:10px!important;
  padding:9px!important;
}
body[data-route="finder"] .check-filter-v4 .check-selected-preview>.portrait{
  width:76px!important;
  height:76px!important;
  border-radius:8px!important;
  object-fit:cover!important;
}
body[data-route="finder"] .check-filter-v4 .check-selected-preview h3{
  font-size:18px!important;
}
@media(max-width:1500px){
  body[data-route="finder"] .check-filter-v4 .check-champion-grid{
    grid-template-columns:repeat(auto-fill,minmax(76px,1fr))!important;
  }
  body[data-route="finder"] .check-filter-v4 .check-champion-grid>button{
    min-width:76px!important;
    height:94px!important;
    min-height:94px!important;
  }
}
@media(max-width:700px){
  body[data-route="finder"] .check-filter-v4 .check-lane-icons-only>div{
    grid-template-columns:repeat(5,minmax(48px,1fr));
  }
  body[data-route="finder"] .check-filter-v4 .check-lane-icons-only button{
    width:100%;
    min-width:48px;
  }
  body[data-route="finder"] .check-filter-v4 .check-champion-grid{
    grid-template-columns:repeat(4,minmax(68px,1fr))!important;
  }
}