:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color-scheme:dark;--bg:#06131d;--surface:#0b202d;--surface2:#102c3a;--text:#edf5f7;--muted:#a8beca;--border:#294a5b;--control-border:#577e90;--accent:#60d9e8;--gold:#d3b376;--action:#d3b376;--action-text:#091923;--error:#ffb4ab;--shadow:0 18px 50px #0005}
:root[data-theme=light]{color-scheme:light;--bg:#edf3f5;--surface:#fff;--surface2:#e7eff2;--text:#102b3a;--muted:#476474;--border:#b3c7d0;--control-border:#647f8c;--accent:#08687a;--gold:#79602c;--action:#0b6678;--action-text:#fff;--error:#a32020;--shadow:0 12px 35px #09253110}
:root{--gain:#78e4aa;--loss:#ffaaa1}:root[data-theme=light]{--gain:#126a40;--loss:#b42b32}
.change-up{color:var(--gain)}.change-down{color:var(--loss)}.change-neutral{color:var(--muted)}.comparison-value{display:inline-block;font-weight:700;padding:.2rem .4rem;border-radius:3px;white-space:nowrap}.comparison-value.change-up{background:color-mix(in srgb,var(--gain) 12%,transparent)}.comparison-value.change-down{background:color-mix(in srgb,var(--loss) 12%,transparent)}.item-preview>span+span::before{content:' · ';color:var(--muted)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);line-height:1.5}a{color:var(--accent);text-underline-offset:.2em}a:hover{text-decoration-thickness:2px}button,input,select{font:inherit}button,select,input:not([type=hidden]),summary,.action{min-height:44px}button,select,input{border:1px solid var(--control-border);border-radius:5px;background:var(--surface2);color:var(--text);padding:.65rem .85rem}button{cursor:pointer}button:hover,.action:hover{filter:brightness(1.1)}button:disabled{cursor:not-allowed;opacity:.7}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}label{display:flex;flex-direction:column;gap:.4rem;margin:.8rem 0;font-size:.85rem;font-weight:650}input,select{width:100%;min-width:0}input::placeholder{color:var(--muted);opacity:1}img{max-width:100%;object-fit:cover;border-radius:4px}h1,h2,h3{line-height:1.15;overflow-wrap:anywhere}h1{font-size:clamp(1.8rem,4vw,2.8rem);letter-spacing:-.035em;margin:.8rem 0 1rem}h2{font-size:1.3rem;margin:.2rem 0 1rem}h3{font-size:1.05rem}p{max-width:75ch}main{width:min(1280px,100%);margin:0 auto;padding:1.7rem 2rem 3rem;min-height:65vh}header{background:var(--bg);border-bottom:1px solid var(--border);position:relative;z-index:5}.header-inner{width:min(1280px,100%);margin:auto;display:flex;align-items:center;gap:1.3rem;padding:1rem 2rem}.brand{display:flex;align-items:center;gap:.5rem;color:var(--text);text-decoration:none;font-size:1.35rem;letter-spacing:.04em;margin-right:auto}.brand-mark{display:grid;place-items:center;border:1px solid var(--gold);color:var(--gold);width:34px;height:34px;font-size:.8rem;font-weight:850;transform:skew(-8deg)}.brand strong{font-weight:850}.brand strong span{color:var(--accent);font-weight:450}nav{display:flex;gap:.4rem}nav a{display:flex;align-items:center;padding:.6rem .85rem;min-height:44px;text-decoration:none;color:var(--muted);font-size:.85rem;font-weight:650}nav a:hover{color:var(--accent);background:var(--surface)}#nav-toggle{display:none}#theme-button{font-size:.75rem;background:transparent;border-color:var(--border)}.skip-link{position:absolute;left:1rem;top:-6rem;background:var(--surface);padding:.8rem;z-index:20}.skip-link:focus{top:.5rem}footer{border-top:1px solid var(--border);padding:1.6rem max(2rem,calc((100% - 1216px)/2));color:var(--muted);font-size:.75rem}footer p{margin:.2rem 0}footer a{display:inline-flex;min-height:44px;align-items:center;margin-right:1.2rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1.3rem;margin:1.1rem 0;min-width:0}.kicker{color:var(--gold);font-size:.7rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.muted,.small{color:var(--muted)}.small{font-size:.78rem}.actions{display:flex;gap:.65rem;align-items:center;flex-wrap:wrap;margin:1rem 0}.action{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;background:var(--action);color:var(--action-text);border:1px solid transparent;border-radius:4px;padding:.7rem 1.1rem;font-size:.85rem;font-weight:750}.secondary{background:var(--surface2);border:1px solid var(--control-border);color:var(--text)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.1rem}.section-heading h2{margin:0}.section-heading>a{font-size:.8rem;min-height:44px;display:inline-flex;align-items:center}
.landing-hero{position:relative;isolation:isolate;overflow:hidden;min-height:490px;border:1px solid var(--border);border-radius:8px;background:#071824;margin:.3rem 0 2.6rem}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-position:68% 40%;object-fit:cover;border-radius:0;z-index:-2}.landing-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#06131dfc 1%,#06131deb 28%,#06131d80 57%,#06131d20 100%);z-index:-1}.hero-copy{padding:3.6rem 3rem;max-width:650px;color:#edf5f7}.hero-copy .kicker{color:#dfc38d;margin:0 0 1.5rem}.patch-badge{display:inline-block;border:1px solid #b89c6566;padding:.25rem .5rem;margin-left:.65rem;letter-spacing:.05em;font-size:.65rem}.hero-copy h1{font-size:clamp(2.7rem,5.2vw,4.4rem);font-weight:850;letter-spacing:-.045em;line-height:1.02;margin:0 0 1.3rem;text-transform:uppercase}.hero-copy h1 span{display:block;color:#70ddea}.hero-copy>p:not(.kicker){color:#c4d6de;font-size:1rem;max-width:38ch;margin:0 0 1.6rem}.hero-search{display:flex;align-items:end;gap:.5rem;max-width:485px}.hero-search label{flex:1;margin:0;color:#dbe8ee;font-size:.75rem}.hero-search input{background:#0b202df2;color:#edf5f7;border-color:#638898;height:50px;padding:.75rem 1rem}.hero-search input::placeholder{color:#abc2ce}.hero-search .action{height:50px;white-space:nowrap;background:#d3b376;color:#091923;border-color:#d3b376}.hero-link{display:inline-flex;align-items:center;min-height:44px;color:#bcd6e0;font-size:.8rem;margin-top:.5rem}.home-champions{margin-bottom:2.4rem}.home-roster{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem}.home-champion{position:relative;text-decoration:none;background:var(--surface);border:1px solid var(--border);border-radius:5px;overflow:hidden;transition:border-color .15s,transform .15s}.home-champion:hover{border-color:var(--gold);transform:translateY(-3px)}.home-champion img{width:100%;aspect-ratio:1.15;object-fit:cover;border-radius:0;display:block}.home-champion strong{display:block;color:var(--text);font-size:.9rem;padding:.8rem .8rem .1rem}.home-champion span{display:block;font-size:.7rem;color:var(--muted);padding:0 .8rem .8rem}.home-tools{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.home-tool{padding:1.4rem;border:1px solid var(--border);border-radius:5px;text-decoration:none;background:var(--surface);display:grid;grid-template-columns:1fr auto;gap:.35rem}.home-tool strong{font-size:1rem;color:var(--text)}.home-tool span{color:var(--muted);font-size:.82rem;grid-column:1}.home-tool b{grid-column:2;grid-row:1/3;color:var(--accent);align-self:center;font-size:1.4rem}.home-tool:hover{border-color:var(--accent)}
.builds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.build-card{margin:.5rem 0}.build-card>h2{font-size:1rem;color:var(--gold)}.champ-context{display:flex;align-items:center;gap:.8rem}.inventory{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.4rem}.slot{min-width:0}.slot>label{font-size:.65rem;color:var(--muted);margin:.4rem 0}.item-slot{display:none;width:100%;min-height:99px;align-items:center;justify-content:center;flex-direction:column;gap:.4rem;padding:.5rem .2rem;white-space:normal;overflow-wrap:anywhere;font-size:.65rem;background:var(--bg);border-color:var(--border)}.item-slot>span:first-child{font-size:1.8rem;color:var(--muted);line-height:40px}.item-slot>span:not(:first-child){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.25}.item-slot img{flex-shrink:0;width:40px;height:40px;border:1px solid var(--gold)}.js .item-slot{display:flex}.js .item-native,.js .champion-native{position:absolute;clip-path:inset(50%);height:1px;min-height:1px;width:1px;padding:0;border:0}.js .item-native:focus,.js .champion-native:focus{position:static;clip-path:none;height:auto;width:100%;min-height:44px}.catalog-fallback .item-native{position:static!important;clip-path:none!important;height:auto!important;width:100%!important;min-height:44px!important}.quick-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin:1.2rem 0;padding:1rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.quick-stats>div{display:flex;flex-direction:column;gap:.2rem}.quick-stats span{font-size:.65rem;color:var(--muted)}.quick-stats strong{font-size:1.2rem;font-variant-numeric:tabular-nums}.runes{margin:1rem 0;border-top:1px solid var(--border);padding-top:.35rem}details{min-width:0}summary{cursor:pointer;padding:.65rem 0;font-size:.85rem;font-weight:650;color:var(--accent);overflow-wrap:anywhere}details[open]>summary{margin-bottom:.5rem}table{border-collapse:collapse;width:100%;font-size:.85rem}th,td{text-align:left;padding:.65rem .45rem;border-bottom:1px solid var(--border);font-variant-numeric:tabular-nums}th{font-weight:600}td{overflow-wrap:anywhere}.stats-table th{width:55%}.table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}.table-scroll:focus-visible{outline-offset:-3px}.comparison table{min-width:500px}.comparison{border-top:2px solid var(--gold)}.compact-delta{display:flex;flex-wrap:wrap;gap:.4rem .9rem;padding:.8rem;border-radius:4px;background:var(--surface2);font-size:.8rem;font-weight:700}.compact-delta>a{display:inline-flex;align-items:center;min-height:44px;margin-left:auto}.model p,.model li{font-size:.83rem;color:var(--muted)}.model li{margin:.35rem 0}.build-tabs{display:none}.filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;align-items:end}.filters label{margin:0}.champ-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.7rem}.champion-card{display:flex;flex-direction:column;align-items:center;text-align:center;text-decoration:none;gap:.5rem;margin:0;padding:1rem .5rem;overflow-wrap:anywhere}.champion-card img{width:80px;height:80px}.champion-card strong{color:var(--text)}.champion-card:hover{border-color:var(--accent)}
dialog{background:var(--surface);color:var(--text);border:1px solid var(--control-border);border-radius:8px;padding:1.3rem;width:min(880px,calc(100% - 2rem));max-width:calc(100% - 2rem);max-height:85dvh;box-shadow:var(--shadow);overscroll-behavior:contain;overflow-y:auto}dialog:not([open]){display:none}dialog::backdrop{background:#020b13cc;backdrop-filter:blur(4px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.dialog-heading h2{margin:0;font-size:1.2rem}.dialog-heading button{flex-shrink:0}#picker-results>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}#picker-results>div>p,#picker-results>div>details{grid-column:1/-1}.catalog-item{border:1px solid var(--border);border-radius:5px;padding:.65rem;min-width:0}.catalog-item details p{font-size:.8rem}.catalog-pick{display:flex;align-items:center;gap:.65rem;flex-wrap:nowrap;text-align:left;width:100%;min-height:58px;white-space:normal;overflow-wrap:anywhere;border-color:transparent;padding:.4rem;background:transparent}.catalog-pick img{width:38px;height:38px;flex-shrink:0;border:1px solid var(--gold);border-radius:3px}.catalog-pick strong{flex:1;min-width:0;font-size:.83rem}.catalog-pick span{font-size:.72rem;color:var(--gold);white-space:nowrap}.catalog-item summary{font-size:.75rem}.catalog-item>p{font-size:.78rem;margin:.4rem 0}.catalog-item .item-preview{color:var(--muted);font-size:.73rem;line-height:1.5;margin:.3rem .4rem}.catalog-item button:disabled{cursor:not-allowed;opacity:1;color:var(--muted);border-style:dashed}.missing-art{border-style:dashed!important}.picker-context{font-size:.8rem;color:var(--muted)}.mini-items{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:.8rem 0}.mini-item{display:flex;align-items:center;gap:.45rem;padding:.35rem .55rem;border:1px solid var(--border);border-radius:4px;font-size:.75rem;background:var(--bg)}.mini-item img{width:32px;height:32px;border:1px solid var(--gold)}.mini-item strong{font-weight:600}#app-status{padding:.5rem 0;min-height:2rem;font-size:.8rem}#app-status.error{position:fixed;top:5rem;right:1rem;left:1rem;max-width:48rem;margin:0 auto;padding:1rem;background:var(--surface);border:2px solid var(--error);border-radius:6px;box-shadow:var(--shadow);z-index:20}.error,#picker-results [role=alert]{color:var(--error);font-weight:700}[aria-busy=true]{cursor:progress}dt{font-weight:700}dd{margin:0 0 .8rem;overflow-wrap:anywhere}li{overflow-wrap:anywhere}.scenario-controls{border:1px solid var(--border);border-radius:5px;padding:1rem;margin:1rem 0;min-width:0}.scenario-controls legend{font-weight:650;font-size:.85rem;padding:0 .35rem}.scenario-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem 1rem}.mechanic-controls,.loadout-analysis,.combat-panel{border-top:1px solid var(--border);margin-top:.75rem;padding-top:.25rem}.stage-table table{min-width:680px}.stage-table th,.stage-table td{white-space:nowrap}.effect-details li{margin-bottom:.65rem}.effect-details p{margin:.3rem 0}.effect-details h4{margin-bottom:.5rem}.stat-deltas{padding-left:1.2rem;font-size:.8rem}.stat-deltas li{margin:.2rem 0}.rule-sources{display:flex;gap:.6rem;flex-wrap:wrap}.dps-comparison{padding:.8rem;border:1px solid var(--border);border-radius:4px;margin:1rem 0}.guide-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.guide-facts h3{margin-bottom:.4rem}.guide-item{padding:.5rem 0;border-top:1px solid var(--border)}.guide-item summary{font-size:.85rem}
[hidden]{display:none!important}
.brand-mark::before{content:'';width:12px;height:16px;border-left:3px solid var(--gold);border-right:3px solid var(--gold);transform:skew(-15deg)}
summary img{vertical-align:middle;margin-right:.35rem;border:1px solid var(--gold)}
.build-card>h2{display:inline-block}.level-select{float:right;display:inline-flex;flex-direction:row;align-items:center;gap:.5rem;margin:0;font-size:.75rem}.level-select select{width:74px}.build-card>.champion-selector{clear:both}.more-actions{position:relative;margin-left:auto}.more-actions>summary{border:1px solid var(--control-border);border-radius:4px;padding:.65rem .8rem;font-size:.75rem}.more-actions-content{position:absolute;right:0;top:100%;z-index:4;min-width:190px;background:var(--surface);border:1px solid var(--control-border);padding:.6rem;display:flex;flex-direction:column;gap:.5rem;border-radius:5px;box-shadow:var(--shadow)}
.champion-selector{margin:.8rem 0}.champion-selector-button{display:flex;align-items:center;gap:.7rem;text-align:left;width:100%;background:var(--bg)}.champion-selector-button img{width:42px;height:42px;border:1px solid var(--gold)}.champion-selector-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}.champion-selector-label,.champion-selector-lanes{font-size:.65rem;color:var(--muted)}.champion-selector-name{font-size:1rem}.champion-selector-action{color:var(--accent);font-size:.75rem}.champion-picker-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.champion-picker-heading h2{margin:0}.champion-search-bar{display:flex;gap:.5rem}.champion-search-bar input{flex:1}.champion-picker-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}.champion-choice{display:flex;align-items:center;gap:.6rem;text-align:left;min-width:0;background:var(--bg);border-color:var(--border);padding:.5rem}.champion-choice:hover,.champion-choice[aria-pressed=true]{border-color:var(--gold)}.champion-choice img{width:44px;height:44px;flex-shrink:0;border:1px solid var(--border)}.champion-choice strong{display:block;font-size:.8rem}.champion-choice-lanes{display:block;color:var(--muted);font-size:.65rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:1000px){.champ-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.filters{grid-template-columns:repeat(2,minmax(0,1fr))}.home-roster{gap:.6rem}.hero-copy{padding:3rem 2rem}.champion-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.inventory{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){main{padding:1.2rem .85rem 5.5rem}.header-inner{padding:.7rem .85rem;gap:.65rem;flex-wrap:wrap}#nav-toggle{display:block;font-size:.75rem;padding:.5rem .7rem}nav{display:none;width:100%;order:5;flex-direction:column}nav.nav-open{display:flex}.brand{font-size:1.1rem}.brand-mark{width:30px;height:30px}#theme-button{font-size:.7rem;padding:.5rem}.card{padding:1rem;border-radius:6px}.landing-hero{min-height:470px;margin:0 0 1.8rem;display:flex;align-items:end}.hero-art{object-position:64% 25%}.landing-hero::after{background:linear-gradient(0deg,#06131d 0%,#06131df5 30%,#06131d77 75%,#06131d44)}.hero-copy{padding:2rem 1.25rem;width:100%}.hero-copy h1{font-size:2.65rem}.hero-copy .kicker{margin-bottom:1rem;font-size:.62rem}.patch-badge{margin-left:.4rem;font-size:.6rem}.hero-copy>p:not(.kicker){font-size:.88rem;max-width:30ch}.hero-search{gap:.4rem}.hero-search .action{padding:.65rem .8rem;font-size:.75rem}.hero-search input{padding:.65rem .75rem;font-size:.85rem}.home-roster{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.home-champion strong{font-size:.8rem;padding:.65rem .65rem .1rem}.home-champion span{font-size:.65rem;padding:0 .65rem .65rem}.section-heading h2{font-size:1.1rem}.home-tools{grid-template-columns:1fr}.home-tool{padding:1.1rem}.builds{grid-template-columns:minmax(0,1fr)}.inventory{grid-template-columns:repeat(6,minmax(0,1fr));gap:.3rem}.item-slot{min-height:91px;font-size:.6rem}.item-slot img{width:35px;height:35px}.build-tabs{display:flex;gap:.5rem;margin:1rem 0}.build-tabs button{flex:1;font-size:.85rem}.build-tabs [aria-pressed=true]{border-color:var(--action);background:var(--action);color:var(--action-text)}.js .build-card.mobile-inactive{display:none}.comparison{position:relative}.comparison>.compact-delta{position:fixed;left:.85rem;right:.85rem;bottom:.5rem;z-index:10;margin:0;background:var(--surface);padding:.5rem .75rem;align-items:center;box-shadow:var(--shadow);border:1px solid var(--border)}.compact-delta{font-size:.68rem;gap:.3rem .6rem}.compact-delta>a{margin-left:0}.champ-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.champion-card{font-size:.8rem}.champion-card img{width:64px;height:64px}.filters{gap:.65rem}.filters .action{font-size:.8rem}dialog{position:fixed;inset:auto 0 0;margin:0;width:100%;max-width:100%;max-height:90dvh;border-radius:10px 10px 0 0;padding:1rem;padding-bottom:max(1rem,env(safe-area-inset-bottom))}#picker-results>div{grid-template-columns:minmax(0,1fr)}.dialog-heading{position:sticky;top:-1rem;background:var(--surface);padding:.8rem 0;z-index:2}.dialog-heading button{min-width:55px}.comparison table{min-width:450px}.comparison td,.comparison th{font-size:.78rem}.actions button,.actions a{flex:1;min-width:100px;font-size:.75rem}.scenario-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-facts{grid-template-columns:minmax(0,1fr)}.combat-panel table{font-size:.75rem}.combat-panel th,.combat-panel td{padding:.5rem .3rem}.scenario-controls{padding:.75rem}.champion-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.champion-choice{gap:.45rem}.champion-choice img{width:38px;height:38px}.champion-choice strong{font-size:.75rem}footer{padding:1.4rem .85rem}.quick-stats strong{font-size:1.1rem}}
@media(max-width:380px){.hero-copy{padding:1.6rem 1rem}.hero-copy h1{font-size:2.3rem}.hero-search{flex-wrap:wrap}.hero-search label{flex-basis:100%}.hero-search .action{width:100%}.landing-hero{min-height:510px}.inventory{grid-template-columns:repeat(3,minmax(0,1fr))}.item-slot{min-height:88px}.champ-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scenario-grid{grid-template-columns:minmax(0,1fr)}.champion-choice img{width:32px;height:32px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.interface-icon{display:inline-block;vertical-align:middle;object-fit:contain;flex-shrink:0;margin-right:.35rem;border-radius:3px}.interface-icon[data-icon-group=lanes]{background:#0b202d;padding:2px}.quick-stats>div>span{display:flex;align-items:center;gap:.3rem;min-height:22px}.quick-stats .interface-icon{margin:0}.lane-labels{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.3rem .6rem;color:var(--muted);font-size:.72rem}.lane-label{display:inline-flex;align-items:center;gap:.15rem}.guide-icon-list{padding-left:1.5rem;font-size:.85rem}.guide-icon-list li{margin:.6rem 0}.guide-icon-list .interface-icon{margin-right:.6rem}.rune-summary-icons{display:inline-flex;gap:.3rem;vertical-align:middle;margin-left:.7rem}.rune-summary-icons .interface-icon{margin:0}.rune-selector{margin:.65rem 0}.rune-selector-button{display:flex;align-items:center;gap:.6rem;width:100%;min-height:64px;text-align:left;background:var(--bg)}.rune-selector-icon,.rune-selector-empty{width:36px;height:36px;flex-shrink:0;object-fit:contain}.rune-selector-empty{display:grid;place-items:center;border:1px dashed var(--control-border);border-radius:50%;color:var(--muted)}.rune-selector-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}.rune-selector-label,.rune-selector-position,.rune-choice-position{display:block;color:var(--muted);font-size:.65rem}.rune-selector-name{font-size:.85rem}.rune-selector-action{font-size:.75rem;color:var(--accent)}.rune-picker-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.rune-picker-heading h2{margin:0}.rune-picker>p{font-size:.8rem;color:var(--muted)}.rune-search-bar{display:flex;gap:.5rem}.rune-search-bar input{flex:1}.rune-picker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.rune-choice{display:flex;align-items:center;gap:.6rem;min-width:0;background:var(--bg);border-color:var(--border);padding:.65rem;text-align:left}.rune-choice:hover,.rune-choice[aria-pressed=true]{border-color:var(--gold)}.rune-choice img{width:36px;height:36px;object-fit:contain;flex-shrink:0}.rune-choice strong{display:block;font-size:.8rem}.rune-choice-text{min-width:0;overflow-wrap:anywhere}.rune-choice-clear{margin:.8rem 0;min-height:44px;width:100%}.guide-loadout-icons{display:flex;align-items:center;gap:1.3rem;flex-wrap:wrap;margin:1rem 0}.guide-loadout-icons>div>span:first-child{display:block;font-size:.7rem;color:var(--muted);margin-bottom:.35rem}.icon-summary{display:flex;gap:.4rem;flex-wrap:wrap}.icon-summary .interface-icon{margin:0}
@media(max-width:700px){.rune-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rune-choice{padding:.5rem;gap:.45rem}.rune-choice img{width:32px;height:32px}.rune-choice strong{font-size:.75rem}.rune-selector-button{padding:.6rem}.rune-summary-icons{gap:.2rem;margin-left:.4rem}.rune-summary-icons .interface-icon{width:20px;height:20px}}
.home-champion>.lane-labels{display:flex;justify-content:flex-start;padding:0 .8rem .8rem}.home-champion .lane-label{display:inline-flex;padding:0}.home-champion .lane-labels .interface-icon{width:16px;height:16px}.icon-summary>span{display:inline-flex}
.preset-actions,.picker-budget{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.7rem;align-items:end}.preset-actions>button{margin-bottom:.8rem}.picker-budget{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-price{display:flex;flex-direction:column;align-items:flex-end;text-align:right;color:var(--muted);font-size:.75rem;white-space:normal}.catalog-price small{font-size:.65rem}.quick-stat-label{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.2rem;color:var(--muted);font-size:.65rem}.quick-stat-label>span{display:flex;align-items:center;gap:.3rem;min-width:0}
.source-confidence{display:inline-block;vertical-align:middle;margin:0 0 0 .2rem;padding:0;color:var(--gold);font-weight:400}.source-confidence>summary{display:inline-flex;align-items:center;justify-content:center;min-width:28px;min-height:28px;padding:0 .2rem;font-size:1rem;list-style:none;border:0}.source-confidence>summary::-webkit-details-marker{display:none}.source-confidence[data-confidence=conflicted]{color:var(--error)}.source-confidence[data-confidence=primary_verified],.source-confidence[data-confidence=corroborated]{color:var(--accent)}.source-confidence[open]{display:block;width:100%;margin:.2rem 0}.source-confidence .confidence-content{max-width:28rem;padding:.6rem;border:1px solid var(--border);border-radius:4px;background:var(--surface);font-size:.75rem;line-height:1.5;color:var(--text);white-space:normal;overflow-wrap:anywhere}.confidence-content p{margin:.4rem 0}.confidence-content ul{padding-left:1.2rem}.confidence-content a{display:flex;align-items:center;min-height:28px;margin:.3rem 0}.quick-stat-label>.source-confidence[open]{flex-basis:100%}
.build-notices{display:flex;flex-wrap:wrap;gap:.4rem;margin:.6rem 0}.build-notice{margin:0;min-width:0;max-width:100%}.build-notice>summary{min-height:32px;padding:.25rem .5rem;border:1px solid var(--gold);border-radius:4px;color:var(--gold);font-size:.72rem}.build-notice[data-severity=info]>summary{color:var(--accent);border-color:var(--border)}.build-notice[open]{flex-basis:100%;padding:.5rem;background:var(--bg)}.build-notice[open]>summary{border:0;padding:0}.build-notice p{margin:.4rem 0}
@media(max-width:700px){.picker-budget,.preset-actions{grid-template-columns:minmax(0,1fr)}.preset-actions>button{margin:0 0 .5rem}.source-confidence .confidence-content{font-size:.7rem}.quick-stat-label{font-size:.62rem}}
.quick-stats>div:has(.source-confidence[open]){grid-column:1/-1}.quick-stats .confidence-content strong{font-size:inherit}

/* Keep search and dismissal reachable while the catalog itself scrolls. */
.picker-toolbar{position:sticky;top:-1.3rem;z-index:3;margin:-1.3rem -1.3rem .75rem;padding:.8rem 1.3rem;background:var(--surface);border-bottom:1px solid var(--border)}
.picker-toolbar .dialog-heading{position:static;padding:0}
.picker-toolbar label{margin:.5rem 0 .25rem}
.picker-toolbar label:has(input){margin-bottom:0}
.picker-toolbar .champion-search-bar,.picker-toolbar .rune-search-bar{min-width:0}
.picker-toolbar .champion-search-bar button,.picker-toolbar .rune-search-bar button{flex-shrink:0}
.picker-filters>summary{color:var(--text)}
.picker-filters .picker-budget{margin:0}
.picker-filters>p{font-size:.8rem;color:var(--muted)}
.dialog-fallback .champion-native{position:static!important;clip-path:none!important;height:auto!important;width:100%!important;min-height:44px!important;padding:.65rem .85rem;border:1px solid var(--control-border)}
.dialog-fallback .item-slot{display:none}
.more-actions[open]{z-index:6}
.build-tabs button{scroll-margin-top:1rem}
#build-comparison{scroll-margin-top:4.5rem}
@media(min-width:701px){.picker-filters>summary{display:none}}
@media(max-width:700px){
  html{scroll-padding-top:calc(4rem + env(safe-area-inset-top));scroll-padding-bottom:1rem}
  main{padding-top:.7rem;padding-left:max(.65rem,env(safe-area-inset-left));padding-right:max(.65rem,env(safe-area-inset-right));padding-bottom:1.5rem}
  footer{padding-bottom:max(1.5rem,env(safe-area-inset-bottom))}
  .header-inner{padding:max(.45rem,env(safe-area-inset-top)) max(.65rem,env(safe-area-inset-right)) .45rem max(.65rem,env(safe-area-inset-left));gap:.45rem}
  #workspace>h1{font-size:1.65rem;margin:.35rem 0}
  #workspace>p.small{margin:.35rem 0}
  #workspace-form>.champion-selector{margin:.5rem 0}
  .champion-selector-button{padding:.5rem .65rem}
  #workspace-form>.actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:.4rem;margin:.5rem 0}
  #workspace-form>.actions>.action{min-width:0;padding:.5rem .35rem;font-size:.75rem}
  .more-actions{margin:0}
  .more-actions>summary{padding:.6rem .65rem}
  .more-actions-content{max-width:calc(100vw - 2rem)}
  #target-scenario-settings>summary{padding:.6rem 0}
  .build-tabs{position:sticky;top:0;z-index:4;margin:.4rem 0;padding:max(.35rem,env(safe-area-inset-top)) 0 .35rem;background:var(--bg);border-bottom:1px solid var(--border)}
  .build-tabs button{min-width:0;padding:.5rem}
  .build-card{padding:.8rem;margin:.25rem 0;scroll-margin-top:4rem}
  .inventory{grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem}
  .slot>label{font-size:.72rem;margin:.25rem 0}
  .item-slot{min-height:88px;font-size:.72rem;padding:.4rem .25rem}
  .item-slot img{width:36px;height:36px}
  .item-slot>span:not(:first-child){-webkit-line-clamp:2}
  .quick-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem .8rem;margin:.85rem 0;padding:.75rem 0}
  .quick-stat-label,.quick-stats span{font-size:.75rem}
  .quick-stats strong{font-size:1.15rem}
  .source-confidence>summary{min-height:44px;min-width:44px}
  .source-confidence .confidence-content{max-width:100%;font-size:.82rem;overflow-wrap:anywhere}
  .build-notice>summary{min-height:44px;display:flex;align-items:center}
  .build-notice[open]>summary{padding:.25rem 0}
  input:not([type=hidden]),select,textarea,.hero-search input{font-size:16px}
  .comparison{padding:.8rem}
  .comparison table{min-width:0;table-layout:fixed}
  .comparison th:first-child{width:34%}
  .comparison td,.comparison th{padding:.55rem .2rem;font-size:.75rem;overflow-wrap:anywhere}
  .comparison th .interface-icon{display:none}
  .comparison-value{padding:.15rem .1rem;white-space:normal;overflow-wrap:anywhere}
  .comparison .source-confidence>summary{min-width:44px}
  .comparison>.compact-delta{position:static;margin:.5rem 0;padding:.35rem .6rem;gap:.15rem .65rem;font-size:.75rem;box-shadow:none}
  .comparison>.compact-delta>a{min-height:44px;margin-left:auto}
  .catalog-item .item-preview,.catalog-item>p,.catalog-item details p{font-size:.82rem}
  .catalog-pick{gap:.5rem;padding:.35rem}
  .catalog-pick strong{font-size:.9rem}
  .catalog-pick .catalog-price{flex:0 0 auto;max-width:5.5rem;white-space:normal}
  .champion-choice-text,.champion-choice-text strong{min-width:0;overflow-wrap:anywhere}
  .champion-choice strong,.rune-choice strong{font-size:.82rem}
  .rune-choice-clear{margin:.35rem 0}
  #champion-result-count,#rune-result-count{font-size:.8rem;margin:.5rem 0}
  #rune-picker-help{font-size:.75rem;margin:.35rem 0}
  .comparison-evidence>td{padding:.65rem}
  .comparison-evidence .confidence-content{font-size:.82rem;line-height:1.5;background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:.65rem;overflow-wrap:anywhere}
  .comparison-evidence .confidence-content .small{font-size:inherit}
  .comparison-evidence .confidence-content a{display:inline-flex;align-items:center;min-height:44px;margin-right:.7rem}
  html:not(.js) .comparison table{min-width:450px;table-layout:auto}
}
@media(max-width:700px) and (max-height:500px){.build-tabs{position:static}}
@media(max-width:700px),(max-height:500px) and (pointer:coarse){
  dialog{bottom:var(--viewport-bottom,0px);max-height:calc(var(--viewport-height,100dvh) - max(.5rem,env(safe-area-inset-top)));scroll-padding-block:9rem 1rem;padding-bottom:max(1rem,env(safe-area-inset-bottom))}
  .picker-toolbar{top:-1rem;margin:-1rem -1rem .65rem;padding:.65rem max(1rem,env(safe-area-inset-right)) .65rem max(1rem,env(safe-area-inset-left))}
  .picker-toolbar h2{font-size:1.05rem;line-height:1.25}
  .picker-toolbar .dialog-heading,.picker-toolbar .champion-picker-heading,.picker-toolbar .rune-picker-heading{gap:.5rem}
  .picker-toolbar label{font-size:.75rem;margin:.25rem 0}
  .picker-toolbar button{min-height:44px;padding:.5rem .65rem}
  .picker-filters{border-bottom:1px solid var(--border);margin-bottom:.6rem}
  .picker-filters>summary{display:list-item}
}
@media(max-height:500px) and (pointer:coarse){
  main,.header-inner{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}
  input:not([type=hidden]),select,textarea{font-size:16px}
  dialog{inset:auto 0 var(--viewport-bottom,0px);width:min(880px,100%);margin:0 auto;padding:1rem}
  .comparison>.compact-delta{position:static;box-shadow:none}
  .picker-toolbar label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%)}
  .picker-toolbar label:has(input){position:static;width:auto;height:auto;padding:0;margin:.3rem 0 0;overflow:visible;clip-path:none;font-size:0}
  .picker-toolbar label input{font-size:16px}
  .picker-toolbar{padding-block:.4rem}
  #rune-picker-help{margin:.25rem 0;font-size:.75rem}
}
@media(max-width:350px){
  .champion-picker-grid,.rune-picker-grid{grid-template-columns:minmax(0,1fr)}
  .quick-stats{gap:.5rem}
  .comparison td,.comparison th{font-size:.72rem}
}
.starter-flow{margin:.6rem 0;padding:.65rem .8rem;border:1px solid var(--border);border-radius:5px;background:var(--surface);font-size:.85rem}
.starter-flow p{margin:.35rem 0}.starter-flow>strong{font-size:.9rem}.starter-flow>summary{display:list-item;min-height:44px;padding:.55rem 0}
.starter-flow>details{margin:.2rem 0 0}.starter-flow>details>summary{min-height:44px;display:flex;align-items:center}
.starter-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:stretch;margin:.45rem 0}.starter-actions>.action{min-height:44px;display:inline-flex;align-items:center;justify-content:center;text-align:center;font-size:.8rem}
.starter-provenance,.starter-replacement,.workspace-help{color:var(--muted)}.workspace-help{font-size:.82rem;margin:.55rem 0}
.build-purpose{font-size:.8rem;font-weight:400}.tradeoff-summary{border-block:1px solid var(--border);padding:.5rem 0;margin:.7rem 0}.tradeoff-summary h3{margin:.25rem 0;font-size:1rem}.tradeoff-summary p{margin:.45rem 0}
.comparison-caveat{border-left:3px solid var(--gold);padding-left:.65rem;font-size:.85rem}
.combat-notice{clear:both;border-left:3px solid var(--gold);padding:.55rem .7rem;margin:.75rem 0;background:var(--bg);font-size:.82rem;overflow-wrap:anywhere}.combat-notice p{margin:.4rem 0}.combat-notice ul{padding-left:1.2rem}.combat-notice li{margin:.45rem 0}.combat-notice a{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:700px){.starter-flow{padding:.45rem .6rem}.starter-flow .small{font-size:.75rem}.starter-actions{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.starter-actions>.action{padding:.45rem .35rem;font-size:.75rem}.build-purpose{font-size:.75rem}.combat-notice{font-size:.82rem}}