section.svelte-1khz3u4{padding:88px 0 42px}.heading.svelte-1khz3u4{margin-bottom:24px}.heading.svelte-1khz3u4 h2:where(.svelte-1khz3u4){margin-bottom:4px;font:800 40px/1 var(--display);text-transform:uppercase}.heading.svelte-1khz3u4 p:where(.svelte-1khz3u4){margin:0;color:var(--muted)}.grid.svelte-1khz3u4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}article.svelte-1khz3u4{padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.portraits.svelte-1khz3u4{display:flex;margin-bottom:18px}.portraits.svelte-1khz3u4 img:where(.svelte-1khz3u4){width:52px;height:52px;border:2px solid var(--surface);border-radius:50%;object-fit:cover}.portraits.svelte-1khz3u4 img:where(.svelte-1khz3u4)+img:where(.svelte-1khz3u4){margin-left:-10px}article.svelte-1khz3u4 h3:where(.svelte-1khz3u4){margin-bottom:8px;font:700 24px/1 var(--display);text-transform:uppercase}article.svelte-1khz3u4 p:where(.svelte-1khz3u4){margin:0;color:var(--muted);font-size:14px;line-height:1.5}@media(max-width:900px){.grid.svelte-1khz3u4{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.grid.svelte-1khz3u4{grid-template-columns:1fr}}button.svelte-6fi2m5{width:100%;min-height:330px;padding:26px;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);color:var(--text);background:var(--surface);text-align:left;cursor:pointer;isolation:isolate;transition:transform .18s ease,border-color .18s ease}button.svelte-6fi2m5:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 85% 10%,var(--accent-soft),transparent 45%)}button.svelte-6fi2m5:hover{transform:translateY(-3px);border-color:var(--accent)}h2.svelte-6fi2m5{max-width:600px;margin:24px 0 10px;font:800 clamp(35px,5vw,58px)/.9 var(--display);letter-spacing:-.02em;text-transform:uppercase}p.svelte-6fi2m5{max-width:560px;color:var(--muted);line-height:1.5}.portraits.svelte-6fi2m5{display:flex;margin:30px 0 0 8px}.portraits.svelte-6fi2m5 img:where(.svelte-6fi2m5){width:58px;height:58px;margin-left:-8px;border:2px solid var(--surface);border-radius:50%;object-fit:cover;background:var(--surface-2)}.action.svelte-6fi2m5{position:absolute;right:26px;bottom:24px;color:var(--text);font:700 15px var(--body)}@media(max-width:700px){button.svelte-6fi2m5{min-height:310px;padding:20px}.action.svelte-6fi2m5{right:20px}}@media(max-width:420px){.portraits.svelte-6fi2m5 img:where(.svelte-6fi2m5){width:49px;height:49px}}.hero.svelte-wy1d5f{padding:76px 0 42px}.hero.svelte-wy1d5f h1:where(.svelte-wy1d5f){margin-bottom:18px;font:800 clamp(52px,7vw,94px)/.88 var(--display);letter-spacing:-.035em;text-transform:uppercase}.hero.svelte-wy1d5f p:where(.svelte-wy1d5f){margin-bottom:0;color:var(--muted);font-size:clamp(17px,2vw,21px);line-height:1.55}.filters.svelte-wy1d5f{display:flex;gap:8px;margin-bottom:24px;overflow-x:auto;scrollbar-width:none}.filter-button.svelte-wy1d5f{padding:9px 14px;border:1px solid var(--line);border-radius:var(--radius);color:var(--text);background:var(--surface);white-space:nowrap;cursor:pointer;transition:border-color .15s ease,background .15s ease}.filter-button.active.svelte-wy1d5f{color:var(--bg);border-color:var(--text);background:var(--text)}.grid.svelte-wy1d5f{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.card.svelte-wy1d5f:nth-child(3n){grid-column:span 2}.empty-state.svelte-wy1d5f{padding:60px 20px;border:1px dashed var(--line);color:var(--muted);text-align:center}@media(max-width:900px){.grid.svelte-wy1d5f{grid-template-columns:1fr}.card.svelte-wy1d5f{grid-column:auto}}@media(max-width:700px){.hero.svelte-wy1d5f{padding-top:54px}}section.svelte-pozlhr{min-height:0;flex:1;display:flex;flex-direction:column}.heading.svelte-pozlhr{display:flex;align-items:baseline;gap:12px;margin-bottom:12px}.heading.svelte-pozlhr h2:where(.svelte-pozlhr){margin:0;font:800 22px/1 var(--display);text-transform:uppercase}.heading.svelte-pozlhr>span:where(.svelte-pozlhr){color:var(--muted);font-size:12px;font-weight:400}.grid.svelte-pozlhr{min-height:0;display:grid;grid-template-columns:repeat(auto-fill,var(--champion-tile-size));gap:10px;align-content:start;padding:2px 8px 0 0;overflow-y:auto;scrollbar-color:var(--line) transparent}.card.svelte-pozlhr{width:var(--champion-tile-size);padding:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);color:var(--text);background:var(--surface);text-align:left;cursor:pointer;transition:border-color .15s ease,transform .15s ease,opacity .15s ease}.card.svelte-pozlhr:hover:not(:disabled){transform:translateY(-2px);border-color:var(--muted)}.card.svelte-pozlhr:disabled{opacity:.38;filter:grayscale(1);cursor:not-allowed}.card.dragging.svelte-pozlhr{opacity:.2}.card.svelte-pozlhr>img:where(.svelte-pozlhr){display:block;width:100%;aspect-ratio:1;object-fit:cover;object-position:center 18%;background:var(--surface-2)}.info.svelte-pozlhr{display:block;height:48px;padding:3px 5px 4px}.name.svelte-pozlhr{display:block;overflow:hidden;margin-bottom:3px;font:700 14px/.95 var(--display);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.tags.svelte-pozlhr{display:flex;flex-wrap:wrap;gap:1px}.tag.svelte-pozlhr{padding:1px 3px;border:1px solid var(--line);border-radius:2px;color:var(--muted);font-size:7px;font-weight:700;line-height:1.1;letter-spacing:.03em}.tag.preferred.svelte-pozlhr{color:var(--text);border-color:#65746f;background:var(--surface-2)}.tag.matches.svelte-pozlhr{color:var(--bg);border-color:var(--lime);background:var(--lime)}@media(max-width:700px){.grid.svelte-pozlhr{padding-right:0;overflow:visible}}@media(max-width:420px){.grid.svelte-pozlhr{gap:8px}.name.svelte-pozlhr{font-size:17px}}details.svelte-1u9sfuv{position:relative;width:max-content;max-width:100%}summary.svelte-1u9sfuv{position:relative;display:flex;align-items:center;width:max-content;max-width:100%;padding:10px 48px 10px 14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);cursor:pointer;list-style:none;transition:border-color .15s ease,background .15s ease}summary.svelte-1u9sfuv::-webkit-details-marker{display:none}summary.svelte-1u9sfuv:hover,details[open].svelte-1u9sfuv summary:where(.svelte-1u9sfuv){border-color:var(--accent);background:var(--surface-2)}h1.svelte-1u9sfuv{max-width:900px;margin:0;font:800 clamp(40px,4vw,60px)/.88 var(--display);letter-spacing:-.035em;text-transform:uppercase}.chevron.svelte-1u9sfuv{position:absolute;top:50%;right:12px;width:22px;height:22px;color:var(--text);fill:none;stroke:currentColor;stroke-width:1.8;transform:translateY(-50%);transition:color .15s ease,transform .18s ease}summary.svelte-1u9sfuv:hover .chevron:where(.svelte-1u9sfuv){color:var(--accent)}details[open].svelte-1u9sfuv .chevron:where(.svelte-1u9sfuv){transform:translateY(-50%) rotate(180deg)}.menu.svelte-1u9sfuv{position:absolute;z-index:5;top:calc(100% + 10px);left:0;width:min(720px,calc(100vw - 48px));max-height:min(520px,65vh);padding:10px;overflow-y:auto;border:1px solid var(--line);border-top-color:var(--accent);border-radius:0 0 var(--radius) var(--radius);background-color:var(--surface);background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:24px 24px;box-shadow:0 24px 70px #000d;scrollbar-color:var(--line) transparent;animation:svelte-1u9sfuv-menu-in .14s ease-out}@keyframes svelte-1u9sfuv-menu-in{0%{opacity:0;transform:translateY(-6px)}}.menu-heading.svelte-1u9sfuv{padding:2px 4px 8px;color:var(--text);font:500 15px/1.4 var(--body)}.filters.svelte-1u9sfuv{display:flex;gap:6px;margin-bottom:10px;overflow-x:auto;scrollbar-width:none}.filter-button.svelte-1u9sfuv{flex:none;padding:6px 9px;border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);background:var(--surface-2);font:500 12px/1.2 var(--body);cursor:pointer}.filter-button.svelte-1u9sfuv:hover{color:var(--text);border-color:var(--text)}.filter-button.active.svelte-1u9sfuv{color:var(--bg);border-color:var(--text);background:var(--text)}.menu-grid.svelte-1u9sfuv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.composition-button.svelte-1u9sfuv{position:relative;width:100%;min-height:64px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;overflow:hidden;border:1px solid var(--line);border-radius:2px;color:var(--text);background:#111a18e8;text-align:left;cursor:pointer;transition:border-color .14s ease,background .14s ease,transform .14s ease}.composition-button.svelte-1u9sfuv:hover{border-color:var(--comp-accent);background:var(--surface-2);transform:translateY(-1px)}.composition-button.active.svelte-1u9sfuv{border-color:var(--comp-accent);background:color-mix(in srgb,var(--comp-accent) 8%,var(--surface))}.copy.svelte-1u9sfuv{min-width:0}.copy.svelte-1u9sfuv strong:where(.svelte-1u9sfuv){overflow:hidden;font:700 21.25px/1 var(--display);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.icons.svelte-1u9sfuv{display:flex;padding-left:7px}.icons.svelte-1u9sfuv img:where(.svelte-1u9sfuv){width:33.75px;height:33.75px;margin-left:-7px;border:2px solid var(--surface);border-radius:50%;object-fit:cover}@media(max-width:700px){h1.svelte-1u9sfuv{font-size:42px}.menu.svelte-1u9sfuv{width:calc(100vw - 28px)}.menu-grid.svelte-1u9sfuv{grid-template-columns:1fr}.composition-button.svelte-1u9sfuv{gap:8px}.icons.svelte-1u9sfuv img:where(.svelte-1u9sfuv){width:31.25px;height:31.25px}}aside.svelte-18u25uu{align-self:start}.heading.svelte-18u25uu{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}.heading.svelte-18u25uu h2:where(.svelte-18u25uu){margin:0;font:800 22px/1 var(--display);text-transform:uppercase}.panel.svelte-18u25uu{padding:10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.roles.svelte-18u25uu{display:grid;gap:8px}.slot.svelte-18u25uu{width:var(--lineup-tile-size);aspect-ratio:1;display:grid;place-items:center;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);color:var(--text);background:var(--surface-2);cursor:pointer}.slot.svelte-18u25uu:hover{border-color:var(--muted)}.slot.active.svelte-18u25uu{border-color:var(--lime);background:#1c2822}.slot.drag-over.svelte-18u25uu{border-color:var(--lime);outline:2px solid var(--lime);outline-offset:2px}.slot.svelte-18u25uu span:where(.svelte-18u25uu),.slot.svelte-18u25uu img:where(.svelte-18u25uu){width:100%;height:100%;object-fit:cover;background:#202c29}.slot.svelte-18u25uu span:where(.svelte-18u25uu){display:grid;place-items:center;color:var(--muted);font:700 18px var(--display)}@media(max-width:700px){aside.svelte-18u25uu{margin-bottom:24px}.panel.svelte-18u25uu{overflow:hidden}.roles.svelte-18u25uu{display:flex;margin-right:-10px;padding-right:10px;padding-bottom:4px;overflow-x:auto}.slot.svelte-18u25uu{flex:0 0 var(--lineup-tile-size)}}.workspace.svelte-19j27hs{--lineup-tile-size: clamp(82px, 11vh, 116px);--champion-tile-size: clamp(96px, 12vh, 128px);height:100%;display:flex;flex-direction:column;padding:14px 0 20px;overflow:hidden}header.svelte-19j27hs{position:relative;flex:none;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid var(--line)}header.svelte-19j27hs p:where(.svelte-19j27hs){max-width:90ch;margin:13px 0 0;color:var(--muted);font-size:17px;line-height:1.55}.layout.svelte-19j27hs{min-height:0;flex:1;display:grid;grid-template-columns:calc(var(--lineup-tile-size) + 22px) minmax(0,1fr);gap:24px}@media(max-width:900px){.layout.svelte-19j27hs{gap:18px}}@media(max-width:700px){.workspace.svelte-19j27hs{height:auto;overflow:visible}header.svelte-19j27hs{margin-bottom:20px}header.svelte-19j27hs p:where(.svelte-19j27hs){font-size:16px}.layout.svelte-19j27hs{display:block}}header.svelte-a8kxe2{width:min(var(--page-width),calc(100% - 64px));min-height:64px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;border-bottom:1px solid var(--line)}.brand.svelte-a8kxe2{display:flex;align-items:center;gap:11px;padding:0;border:0;color:var(--text);background:none;font:800 22px/1 var(--display);letter-spacing:.08em;cursor:pointer}.brand-mark.svelte-a8kxe2{width:36px;height:36px;display:block}nav.svelte-a8kxe2{display:flex;align-self:stretch;gap:24px}.nav-tab.svelte-a8kxe2{position:relative;padding:0 2px;border:0;color:var(--muted);background:none;font-size:14px;font-weight:600;cursor:pointer}.nav-tab.svelte-a8kxe2:after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:2px;background:var(--lime);transform:scaleX(0);transition:transform .15s ease}.nav-tab.svelte-a8kxe2:hover:not(:disabled),.nav-tab.active.svelte-a8kxe2{color:var(--text)}.nav-tab.active.svelte-a8kxe2:after{transform:scaleX(1)}.nav-tab.svelte-a8kxe2:disabled{opacity:.35;cursor:not-allowed}@media(max-width:700px){header.svelte-a8kxe2{width:calc(100% - 28px);min-height:60px;display:flex;gap:12px}.brand-name.svelte-a8kxe2{display:none}nav.svelte-a8kxe2{flex:1;justify-content:center;gap:16px}}@media(max-width:420px){.brand.svelte-a8kxe2{font-size:18px}}main.svelte-1n46o8q{width:min(var(--page-width),calc(100% - 64px));min-height:calc(100vh - 180px);margin:0 auto}footer.svelte-1n46o8q{width:min(var(--page-width),calc(100% - 64px));margin:70px auto 0;padding:28px 0 42px;display:flex;justify-content:space-between;gap:30px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}footer.svelte-1n46o8q p:where(.svelte-1n46o8q){margin:0}body.workspace-open{overflow:hidden}body.workspace-open main.svelte-1n46o8q{height:calc(100vh - 64px);min-height:0}body.workspace-open footer.svelte-1n46o8q{display:none}@media(max-width:700px){main.svelte-1n46o8q,footer.svelte-1n46o8q{width:calc(100% - 28px)}body.workspace-open{overflow:auto}body.workspace-open main.svelte-1n46o8q{height:auto;min-height:calc(100vh - 60px)}body.workspace-open footer.svelte-1n46o8q{display:block}footer.svelte-1n46o8q{display:block}footer.svelte-1n46o8q p:where(.svelte-1n46o8q)+p:where(.svelte-1n46o8q){margin-top:10px}}:root{--bg: #0b1110;--surface: #111a18;--surface-2: #17221f;--line: #2a3834;--text: #f0ead9;--muted: #9ca9a3;--lime: #e6bd69;--radius: 4px;--page-width: 1200px;--display: "Barlow Condensed", sans-serif;--body: "IBM Plex Sans", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--text);background:var(--bg);font-family:var(--body)}button{font:inherit}button:focus-visible,summary:focus-visible{outline:2px solid var(--lime);outline-offset:3px}h1,h2,h3,p{margin-top:0}