:root{--bg:#070a14;--bg-deep:#04060d;--surface:#111628b8;--surface-solid:#111628;--surface-2:#1a2038b8;--surface-3:#262e4ccc;--surface-sunken:#0609148c;--border:#7e8ec424;--border-strong:#8c9cd247;--text:#e8ebf5;--text-2:#b9c0d6;--muted:#8a93ad;--violet:#8b6cff;--violet-bright:#a996ff;--cyan:#3fd0e8;--ruby:#ff4d7d;--accent:var(--violet);--accent-bright:var(--violet-bright);--accent-soft:#8b6cff24;--on-accent:#fff;--good:#3ecf8e;--mid:#e9c046;--warn:#f5862a;--info:#6fa8ff;--bad:#ef5a5a;--bad-soft:#ef5a5a24;--neutral:#c9ced6;--ally:#35d0b0;--enemy:#f0556b;--lane:#ff8a4c;--radius:10px;--radius-lg:16px;--shadow-panel:0 18px 50px -24px #000000bf, inset 0 1px 0 #ffffff0a;--shadow-card:0 8px 24px -16px #000c;--glow-violet:0 0 0 1px #8b6cff8c, 0 0 22px -4px #8b6cff8c;--glow-soft:0 0 18px -6px #8b6cff73;--blur:blur(14px);--ease:.16s ease;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Inter,Segoe UI,system-ui,-apple-system,Roboto,sans-serif;font-size:14px;line-height:1.45}*,:before,:after{box-sizing:border-box}body{background:radial-gradient(900px 520px at 8% -8%, #8b6cff33, transparent 65%), radial-gradient(760px 480px at 100% 4%, #3fd0e81f, transparent 65%), radial-gradient(900px 600px at 70% 110%, #ff4d7d1a, transparent 60%), linear-gradient(180deg, #0a0e1f 0%, var(--bg) 45%, var(--bg-deep) 100%);background-attachment:fixed;min-height:100vh;margin:0}body:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(at 50% 0,#000 0%,#0000 70%);mask-image:radial-gradient(at 50% 0,#000 0%,#0000 70%)}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}button:focus-visible,a:focus-visible,.input:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}a{color:inherit;text-decoration:none}.input{width:100%;font:inherit;color:var(--text);background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--ease), box-shadow var(--ease);padding:10px 12px}.input::placeholder{color:#5f6884}.input:focus{border-color:var(--violet);box-shadow:var(--glow-soft);outline:none}.btn-ghost{color:var(--text-2);border:1px solid var(--border-strong);white-space:nowrap;transition:color var(--ease), border-color var(--ease), background var(--ease), box-shadow var(--ease);background:#ffffff05;border-radius:9px;padding:6px 10px;font-size:13px;font-weight:550}.btn-ghost:hover{color:var(--text);border-color:color-mix(in srgb, var(--violet) 55%, var(--border-strong));background:var(--accent-soft)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;animation-duration:0s!important}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.draft-section{--section-mark:var(--violet);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);flex-direction:column;gap:14px;min-width:0;padding:18px;display:flex}.area-position{--section-mark:var(--violet)}.area-rank{--section-mark:var(--lane)}.area-enemies{--section-mark:var(--enemy)}.area-support,.area-allies{--section-mark:var(--ally)}.area-picks{--section-mark:var(--cyan)}.draft-section--highlight{border-color:color-mix(in srgb, var(--accent) 55%, var(--border));box-shadow:var(--glow-soft), var(--shadow-panel)}.draft-section__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;min-height:24px;display:flex}.draft-section__heading{flex-wrap:wrap;align-items:baseline;gap:10px;min-width:0;display:flex}.draft-section__step{width:20px;height:20px;color:var(--muted);background:var(--surface-3);border-radius:6px;align-self:center;place-items:center;font-size:11px;font-weight:700;display:grid}.draft-section--highlight .draft-section__step{color:var(--on-accent);background:var(--accent)}.draft-section__title{letter-spacing:.005em;white-space:nowrap;margin:0;padding-left:12px;font-size:15px;font-weight:700;position:relative}.draft-section__title:before{content:"";background:var(--section-mark);width:4px;box-shadow:0 0 10px -1px var(--section-mark);border-radius:2px;position:absolute;top:2px;bottom:2px;left:0}.draft-section--highlight .draft-section__title{font-size:17px}.draft-section__caption{color:var(--muted);white-space:nowrap;font-size:12px}.draft-section__action{flex-shrink:0}.position-selector{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.position-selector__option{min-width:52px;color:var(--text-2);background:var(--surface-2);border:1px solid var(--border);transition:background var(--ease), color var(--ease), border-color var(--ease), box-shadow var(--ease);border-radius:11px;flex-direction:column;align-items:center;gap:2px;padding:9px 4px 8px;display:flex}.position-selector__option:hover{color:var(--text);border-color:var(--border-strong);background:var(--surface-3)}.position-selector__num{font-size:20px;font-weight:800;line-height:1.1}.position-selector__role{white-space:nowrap;opacity:.85;font-size:11px;font-weight:550}.position-selector__option.is-checked{color:#fff;border-color:color-mix(in srgb, var(--violet-bright) 80%, transparent);box-shadow:var(--glow-violet);background:linear-gradient(160deg,#8b6cff8c,#5c40dc59)}@media (width<=360px){.position-selector{gap:5px}.position-selector__option{min-width:0}.position-selector__role{white-space:normal;text-align:center;line-height:1.1}}.rank-selector{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.rank-selector__option{letter-spacing:-.01em;color:var(--text-2);white-space:nowrap;font-variant-numeric:tabular-nums;background:var(--surface-2);border:1px solid var(--border);transition:background var(--ease), color var(--ease), border-color var(--ease), box-shadow var(--ease);border-radius:10px;padding:10px 2px;font-size:12.5px;font-weight:600}.rank-selector__option:hover{color:var(--text);border-color:var(--border-strong);background:var(--surface-3)}.rank-selector__option.is-checked{color:#fff;border-color:color-mix(in srgb, var(--violet-bright) 80%, transparent);box-shadow:var(--glow-violet);background:linear-gradient(160deg,#8b6cff8c,#5c40dc59);font-weight:700}@media (width<=640px){.rank-selector{grid-template-columns:repeat(3,1fr);gap:6px}}.hero-avatar{letter-spacing:.03em;color:hsl(var(--hue) 70% 92%);text-shadow:0 1px 6px hsl(var(--hue) 80% 20% / .9);background:radial-gradient(120% 90% at 30% 15%, hsl(var(--hue) 70% 58% / .55), transparent 60%), linear-gradient(150deg, hsl(var(--hue) 45% 30%), hsl(var(--hue) 55% 12%));box-shadow:inset 0 0 0 1px hsl(var(--hue) 60% 60% / .45), 0 4px 14px -6px hsl(var(--hue) 70% 40% / .6);-webkit-user-select:none;user-select:none;border-radius:9px;flex-shrink:0;place-items:center;font-weight:800;display:inline-grid;position:relative;overflow:hidden}.hero-avatar__img{object-fit:cover;object-position:50% 30%;width:100%;height:100%;position:absolute;inset:0}.hero-avatar:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 1px hsl(var(--hue) 60% 70% / .35);pointer-events:none;background:linear-gradient(#ffffff1a,#0000 40%);position:absolute;inset:0}.hero-avatar--sm{border-radius:7px;width:28px;height:28px;font-size:10px}.hero-avatar--md{width:60px;height:40px;font-size:12.5px}.hero-avatar--lg{border-radius:10px;width:78px;height:52px;font-size:15px}.hero-avatar--xl{border-radius:13px;width:120px;height:72px;font-size:19px}.infotip{vertical-align:middle;display:inline-flex;position:relative}.infotip__button{width:15px;height:15px;color:var(--muted);border:1px solid var(--border-strong);cursor:help;border-radius:50%;place-items:center;margin-left:4px;font-family:Georgia,serif;font-size:10px;font-style:italic;font-weight:700;line-height:1;transition:color .12s,border-color .12s;display:inline-grid}.infotip__button:hover,.infotip__button[aria-expanded=true]{color:var(--accent);border-color:var(--accent)}.infotip__bubble{z-index:40;letter-spacing:normal;text-transform:none;text-align:left;white-space:normal;width:max-content;max-width:min(260px,80vw);color:var(--text);border:1px solid var(--border-strong);background:#1c2340;border-radius:8px;flex-direction:column;gap:3px;padding:8px 10px;font-size:12px;font-style:normal;font-weight:400;line-height:1.4;display:flex;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 12px 30px -10px #000000b3}.infotip__bubble strong{color:var(--accent);font-size:11px}.tone-good{--tone:var(--good)}.tone-mid{--tone:var(--mid)}.tone-warn{--tone:var(--warn)}.tone-bad{--tone:var(--bad)}.tone-none{--tone:var(--muted)}.rating-bad{--tone:var(--bad)}.rating-weak{--tone:var(--warn)}.rating-neutral{--tone:var(--neutral)}.rating-good{--tone:#8fc9a8}.rating-strong{--tone:var(--good)}.rating-none{--tone:var(--muted)}.score-badge{font-variant-numeric:tabular-nums;color:var(--tone);background:color-mix(in srgb, var(--tone) 15%, #080b1899);border:1px solid color-mix(in srgb, var(--tone) 50%, transparent);box-shadow:0 0 16px -6px var(--tone), inset 0 1px 0 #ffffff0d;border-radius:8px;place-items:center;font-weight:750;line-height:1;transition:color .2s,background .2s,border-color .2s,box-shadow .2s;display:inline-grid}.score-badge.tone-none,.score-badge.rating-none{border-color:var(--border);background:0 0}.score-badge--sm{min-width:34px;padding:3px 5px;font-size:12px}.score-badge--md{min-width:40px;padding:4px 6px;font-size:14px}.score-badge--lg{border-radius:10px;min-width:64px;padding:8px 10px;font-size:26px}.pick-card{background:linear-gradient(100deg, hsl(var(--hue,250) 60% 50% / .1), transparent 45%), var(--surface-2);border:1px solid var(--border);min-width:0;box-shadow:var(--shadow-card);transition:border-color var(--ease), background var(--ease), box-shadow var(--ease);border-radius:13px;position:relative}.pick-card:hover{border-color:var(--border-strong)}.pick-card.is-top{border-color:color-mix(in srgb, var(--violet) 22%, var(--border))}.pick-card.is-active{border-color:color-mix(in srgb, var(--violet-bright) 85%, transparent);background:linear-gradient(100deg, #8b6cff38, transparent 60%), linear-gradient(100deg, hsl(var(--hue,250) 60% 50% / .1), transparent 45%), var(--surface-2);box-shadow:var(--glow-violet), var(--shadow-card)}.pick-card__main{text-align:left;border-radius:13px;align-items:flex-start;gap:12px;width:100%;padding:11px;display:flex}.pick-card__main:focus-visible{outline-offset:-2px}.pick-card__place{font-variant-numeric:tabular-nums;min-width:36px;color:var(--text-2);background:var(--surface-sunken);border:1px solid var(--border);border-radius:9px;flex-shrink:0;align-self:stretch;place-items:center;padding:0 4px;font-size:14px;font-weight:800;display:grid}.pick-card.is-first .pick-card__place{color:#fff;border-color:color-mix(in srgb, var(--violet) 70%, transparent);background:linear-gradient(160deg,#8b6cff8c,#5c40dc4d)}.pick-card.is-active .pick-card__place{color:#fff;border-color:color-mix(in srgb, var(--violet-bright) 70%, transparent)}.pick-card__avatar{flex-shrink:0;position:relative}.pick-card__text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.pick-card__title{align-items:center;gap:6px;min-width:0;display:flex}.pick-card__name{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.pick-card__pool{color:var(--violet-bright);flex-shrink:0;font-size:11px}.pick-card__build{letter-spacing:.04em;text-transform:uppercase;color:var(--cyan);border:1px solid color-mix(in srgb, var(--cyan) 45%, transparent);background:#3fd0e814;border-radius:999px;flex-shrink:0;padding:0 6px;font-size:9.5px;font-weight:700}.pick-card__rank{color:var(--text);font-variant-numeric:tabular-nums;font-size:11px;font-weight:600}.pick-card__warn{width:30px;height:30px;color:var(--warn);border:1px dashed color-mix(in srgb, var(--warn) 60%, transparent);border-radius:8px;place-items:center;font-weight:800;display:grid}.pick-card__sub{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;font-variant-numeric:tabular-nums;font-size:11.5px;overflow:hidden}.pick-card__aside{flex-direction:column;flex-shrink:0;justify-content:center;align-self:stretch;align-items:center;gap:6px;display:flex}.pick-card__score .score-badge--md{border-radius:10px;min-width:46px;padding:8px 7px;font-size:18px}.pick-card__chevron{border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);width:9px;height:9px;transition:rotate var(--ease), translate var(--ease), border-color var(--ease);translate:0 -2px;rotate:45deg}.pick-card:hover .pick-card__chevron{border-color:var(--text)}.pick-card.is-expanded .pick-card__chevron{border-color:var(--violet-bright);translate:0 2px;rotate:225deg}.pick-card__details{padding:0 11px 12px;animation:.16s ease-out pick-details-in}@keyframes pick-details-in{0%{opacity:0;transform:translateY(-4px)}}.pick-card__remove{z-index:1;width:22px;height:22px;color:var(--muted);background:var(--surface-solid);border:1px solid var(--border-strong);opacity:0;transition:opacity var(--ease), background var(--ease), color var(--ease);border-radius:50%;font-size:10px;position:absolute;top:-7px;right:-7px}.pick-card:hover .pick-card__remove,.pick-card__remove:focus-visible{opacity:1}.pick-card__remove:hover{color:var(--bad);background:var(--bad-soft)}@media (hover:none){.pick-card__remove{opacity:.8}}.pick-card.is-unavailable .pick-card__main{opacity:.55}.pick-card.is-unavailable{border-style:dashed}.pick-card.is-unsupported.is-active .pick-card__main{opacity:1}.pick-card__confidence{color:var(--muted);font-size:11px}.pick-card__confidence.is-high{color:color-mix(in srgb, var(--good) 80%, var(--muted))}.pick-card__confidence.is-low{color:var(--warn)}.pick-card__plus,.pick-card__minus{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11.5px;line-height:1.3;display:-webkit-box;overflow:hidden}.pick-card__plus{color:color-mix(in srgb, var(--good) 75%, var(--text))}.pick-card__minus{color:color-mix(in srgb, var(--ruby) 70%, var(--text))}@media (width<=420px){.pick-card__main{gap:10px;position:relative}.pick-card__place{z-index:1;border-radius:6px;align-self:auto;min-width:0;padding:1px 5px;font-size:10px;position:absolute;top:5px;left:5px}.pick-card .hero-avatar--lg{border-radius:9px;width:60px;height:40px;font-size:12.5px}.pick-card__score .score-badge--md{min-width:40px;font-size:16px}.pick-card__details{padding:0 9px 10px}}.best-picks{flex-direction:column;gap:12px;display:flex}.best-picks__grid{grid-template-columns:minmax(0,1fr);gap:8px;display:grid}.best-picks__empty{text-align:center;color:var(--muted);border:1px dashed var(--border-strong);background:#ffffff04;border-radius:12px;flex-direction:column;align-items:center;gap:10px;margin:0;padding:22px 16px;font-size:13px;display:flex}.best-picks__empty p{margin:0}.best-picks__empty-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.pool-editor__title{letter-spacing:.06em;text-transform:uppercase;width:100%;color:var(--muted);font-size:11px;font-weight:600}.pool-chip__warn{color:var(--warn);font-weight:800}.best-picks__checked{flex-direction:column;gap:8px;display:flex}.best-picks__heading{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0;font-size:11px;font-weight:600}.best-picks__footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding-top:12px;display:flex}.best-picks__meta{color:var(--muted);font-size:12px}.mode-toggle{border:1px solid var(--border);background:var(--surface-sunken);border-radius:10px;gap:2px;padding:3px;display:inline-flex}.mode-toggle__option{color:var(--text-2);white-space:nowrap;transition:color var(--ease), background var(--ease), box-shadow var(--ease);border-radius:7px;padding:5px 11px;font-size:12px;font-weight:600}.mode-toggle__option:hover{color:var(--text)}.mode-toggle__option.is-on{color:#fff;background:linear-gradient(160deg,#8b6cffbf,#5c40dc99);box-shadow:0 0 14px -4px #8b6cffe6}.picks-actions__label{color:var(--muted);font-size:12px}.picks-actions__group{align-items:center;gap:8px;min-width:0;max-width:100%;display:inline-flex}@media (width<=420px){.picks-actions__label{display:none}.mode-toggle__option{padding:5px 9px}}.picks-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.carry-checker{position:relative}.carry-checker__input{padding:8px 12px;font-size:13px}.carry-checker__list{z-index:20;background:var(--surface-solid);border:1px solid var(--border-strong);border-radius:var(--radius);max-height:300px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 16px 40px -12px #0009}.carry-checker__option{text-align:left;border-radius:6px;align-items:center;gap:8px;width:100%;padding:5px 8px;font-size:13px;display:flex}.carry-checker__option:hover:not(:disabled){background:var(--surface-3)}.carry-checker__option:disabled{opacity:.4;cursor:not-allowed}.carry-checker__name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.carry-checker__note{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px}.carry-checker__option.is-unsupported .carry-checker__note{color:var(--warn)}.carry-checker__empty{color:var(--muted);padding:8px;font-size:12px}.pool-editor{flex-direction:column;gap:8px;display:flex}.pool-editor__current,.pool-editor__candidates{flex-wrap:wrap;gap:6px;display:flex}.pool-editor__search{padding:8px 12px;font-size:13px}.pool-editor__hint{color:var(--muted);font-size:12px}.pool-chip,.add-chip{border-radius:8px;align-items:center;gap:6px;padding:3px 8px 3px 3px;font-size:12px;font-weight:550;transition:color .12s,border-color .12s,background .12s;display:inline-flex}.pool-chip{color:var(--text);border:1px solid var(--border-strong);background:var(--surface-2)}.pool-chip__x{color:var(--muted);font-size:10px}.pool-chip:hover{border-color:var(--bad);background:var(--bad-soft)}.add-chip{color:var(--muted);border:1px dashed var(--border-strong)}.add-chip:hover{color:var(--text);border-color:var(--violet);background:var(--accent-soft);border-style:solid}.add-chip__plus{color:var(--violet-bright);font-weight:700}.area-picks .draft-section__action{flex-shrink:1;min-width:0;max-width:100%}@media (width<=760px){.picks-actions{justify-content:flex-start}}.best-picks__sort-note{color:var(--text)}.best-picks__legend{color:var(--muted);flex-wrap:wrap;align-items:center;gap:2px 6px;margin:0;font-size:11px;display:flex}.best-picks__notice{color:var(--muted);border:1px dashed var(--border-strong);border-radius:8px;margin:0;padding:8px 10px;font-size:12px}.best-picks__hint{color:var(--muted);margin:-4px 0 0;font-size:12px}.best-picks__notice--loading{color:var(--text);border-style:solid;border-color:color-mix(in srgb, var(--info) 45%, var(--border));background:color-mix(in srgb, var(--info) 8%, transparent)}.area-picks{border-color:color-mix(in srgb, var(--cyan) 22%, var(--border));background:radial-gradient(90% 60% at 100% 0%, #3fd0e814, transparent 60%), var(--surface)}.area-picks .draft-section__title{font-size:19px;font-weight:750}.debug{border:1px dashed var(--info);border-radius:var(--radius-lg);background:#0d1117;flex-direction:column;gap:14px;padding:14px;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:12px;display:flex;overflow-x:auto}.debug__header{color:var(--info);justify-content:space-between;display:flex}.debug__header span{color:var(--muted)}.debug__grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.debug table{border-collapse:collapse;width:100%}.debug caption{text-align:left;color:var(--muted);padding-bottom:4px}.debug td,.debug th{text-align:left;vertical-align:top;font-variant-numeric:tabular-nums;padding:2px 6px 2px 0}.debug th{color:var(--muted);font-weight:500}.debug__w,.debug__sub td{color:var(--muted)}.debug__total td{border-top:1px solid var(--border);font-weight:700}.debug__reasons .is-pos td:first-child{color:var(--good)}.debug__reasons .is-risk td:first-child{color:var(--bad)}.debug__id{white-space:nowrap;font-size:10px}.debug__inspector{flex-direction:column;gap:6px;display:flex}.debug__inspector-bar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.debug__inspector select{font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--border-strong);border-radius:6px;padding:2px 6px}.debug__status{background:#6fa8ff0f;border:1px solid #6fa8ff40;border-radius:8px;flex-direction:column;gap:3px;padding:8px 10px;display:flex}.debug__note{color:var(--muted);margin:0;font-size:11px}.debug__build{font-size:10.5px}.debug__build td,.debug__build th{white-space:nowrap;padding-right:5px}.debug__build .is-pos td:nth-last-child(2){color:var(--good)}.debug__role{flex-direction:column;gap:10px;display:flex}.details{border-top:1px solid var(--border);flex-direction:column;gap:14px;padding-top:12px;display:flex}.details__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.details__title{flex:1;min-width:0}.details__caption{color:var(--muted);align-items:center;gap:8px;font-size:11px;display:flex}.details__mock{letter-spacing:.04em;text-transform:uppercase;border:1px dashed var(--border-strong);border-radius:4px;padding:1px 6px;font-size:10px}.details__name{letter-spacing:-.01em;margin:2px 0 0;font-size:24px;font-weight:800}.details__overall{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.details__overall-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:600}.details__empty{color:var(--muted);margin:0;font-size:13px}.details__facets{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.facet{grid-template-columns:170px 1fr 34px;align-items:center;gap:10px;font-size:13px;display:grid}.facet__label{color:var(--muted)}.facet__track{background:var(--surface-3);border-radius:3px;height:6px;overflow:hidden}.facet__fill{border-radius:inherit;background:var(--tone);height:100%;transition:width .35s cubic-bezier(.2,.8,.2,1);display:block}.facet__value{text-align:right;font-variant-numeric:tabular-nums;color:var(--tone);font-weight:700}.details__columns{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:12px;display:grid}.details__why,.details__risk{border-radius:12px;min-width:0;padding:12px 14px}.details__why{background:linear-gradient(160deg,#3ecf8e1f,#3ecf8e08);border:1px solid #3ecf8e59}.details__risk{background:linear-gradient(160deg,#ff4d7d21,#ff4d7d08);border:1px solid #ff4d7d61}.details__why .details__heading{color:var(--good)}.details__risk .details__heading{color:var(--ruby)}.details__heading{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-size:11.5px;font-weight:750}.details__reasons{flex-direction:column;gap:5px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.details__reasons li:before{content:"✓";color:var(--good);margin-right:7px;font-weight:800}.details__risk p{color:var(--text);margin:0;padding-left:18px;font-size:13px;position:relative}.details__risk p:not(.details__none):before{content:"▲";color:var(--ruby);font-size:10px;position:absolute;top:1px;left:0}@keyframes details-in{0%{opacity:0;transform:translateY(4px)}}@media (width<=640px){.facet{grid-template-columns:120px 1fr 30px;font-size:12px}.details__columns{grid-template-columns:1fr}}.details__reasons li.details__none:before{content:"";margin:0}.details__none{color:var(--muted)}.details__pool{color:var(--violet-bright);border:1px solid color-mix(in srgb, var(--violet) 45%, transparent);background:var(--accent-soft);border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-block}.details__pool-add{color:#fff;border:1px solid color-mix(in srgb, var(--violet-bright) 70%, transparent);transition:box-shadow var(--ease), background var(--ease);background:linear-gradient(160deg,#8b6cff8c,#5c40dc59);border-radius:9px;padding:5px 12px;font-size:12px;font-weight:650;box-shadow:0 0 16px -6px #8b6cffe6}.details__pool-add:hover{box-shadow:var(--glow-violet)}.details__warning{background:color-mix(in srgb, var(--warn) 12%, transparent);border-left:3px solid var(--warn);border-radius:8px;margin:0;padding:10px 12px;font-size:13px}.source-tag{white-space:nowrap;vertical-align:1px;color:var(--muted);border:1px solid var(--border-strong);border-radius:4px;margin-left:4px;padding:0 6px;font-size:10px;font-weight:600;line-height:16px;display:inline-block}.source-tag--core-build{color:var(--good);border-color:color-mix(in srgb, var(--good) 45%, transparent)}.source-tag--natural-adaptation{color:var(--info);border-color:color-mix(in srgb, var(--info) 45%, transparent)}.source-tag--situational-adaptation{color:var(--warn);border-color:color-mix(in srgb, var(--warn) 45%, transparent)}.details__build{border-top:1px solid var(--border);padding-top:12px}.build-notes{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.build-note{grid-template-columns:1fr auto;align-items:baseline;gap:2px 8px;display:grid}.build-note__title{color:var(--good);font-size:13px;font-weight:650}.build-note__text{color:var(--muted);grid-column:1/-1;margin:0;font-size:12.5px}.details__position{color:var(--muted);font-size:13px;font-weight:600}.details__meta,.details__note{color:var(--muted);margin:0;font-size:12px}.details__meta strong{color:var(--text)}.details__note{margin-top:-10px;font-style:italic}.details__metrics{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.metric{background:linear-gradient(160deg, #3fd0e80f, transparent 70%), var(--surface-2);border:1px solid var(--border);border-radius:11px;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;padding:10px 11px;display:flex}.metric:first-child{background:linear-gradient(160deg, #8b6cff38, transparent 75%), var(--surface-2);border-color:color-mix(in srgb, var(--violet) 45%, var(--border))}.metric__label{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);align-items:center;font-size:10.5px;font-weight:600;display:inline-flex}.metric__value{font-variant-numeric:tabular-nums;color:var(--tone,var(--text));font-size:22px;font-weight:750}.metric__hint{color:var(--muted);font-size:10.5px}.metric__confidence{font-size:15px;font-weight:700}.metric__confidence.is-high{color:var(--good)}.metric__confidence.is-medium{color:var(--mid)}.metric__confidence.is-low{color:var(--warn)}.details__risk p+p{margin-top:6px}.details__more summary{cursor:pointer;color:var(--muted);font-size:12px;font-weight:600}.details__more[open] summary{margin-bottom:10px}.facet--text{grid-template-columns:170px 1fr}.facet__text{color:var(--muted);font-size:12px}@media (width<=640px){.details__metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}.metric__label{flex-wrap:wrap;row-gap:2px}.hs-backdrop{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#03050cb8;place-items:start center;padding:8vh 16px 16px;animation:.12s ease-out hs-fade;display:grid;position:fixed;inset:0}.hs-dialog{background:var(--surface-solid);border:1px solid var(--border-strong);border-radius:var(--radius-lg);flex-direction:column;gap:12px;width:min(760px,100%);max-height:80vh;padding:18px;animation:.14s ease-out hs-pop;display:flex;box-shadow:0 24px 60px #0000008c}.hs-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.hs-header__actions{align-items:center;gap:8px;display:flex}.hs-title{margin:0;font-size:16px;font-weight:650}.hs-close{width:32px;height:32px;color:var(--muted);border-radius:8px}.hs-close:hover{background:var(--surface-2);color:var(--text)}.hs-search{padding:12px 14px;font-size:15px}.hs-body{flex-direction:column;gap:14px;margin-right:-4px;padding-right:4px;display:flex;overflow-y:auto}.hs-group{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-size:11px;font-weight:600}.hs-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;display:grid}.hs-hero{background:var(--surface-2);text-align:left;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:6px;transition:background .1s,border-color .1s;display:flex}.hs-hero:hover:not(:disabled),.hs-hero.is-active{background:var(--surface-3);border-color:var(--border-strong)}.hs-hero.is-active{border-color:var(--accent)}.hs-hero.is-selected{border-color:var(--accent);background:var(--accent-soft)}.hs-hero.is-disabled{opacity:.3;cursor:not-allowed}.hs-hero__name{overflow-wrap:anywhere;min-width:0;font-size:13px;font-weight:500;line-height:1.2}.hs-empty{text-align:center;color:var(--muted);margin:24px 0}@keyframes hs-fade{0%{opacity:0}}@keyframes hs-pop{0%{opacity:0;transform:translateY(-6px)scale(.99)}}@media (width<=640px){.hs-backdrop{place-items:stretch stretch;padding:0}.hs-dialog{border:none;border-radius:0;height:100dvh;max-height:100dvh}.hs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.hero-slot{--slot-color:var(--border-strong);min-width:0;position:relative}.hero-slot--ally{--slot-color:var(--ally)}.hero-slot--enemy{--slot-color:var(--enemy)}.hero-slot--accent{--slot-color:var(--accent)}.hero-slot__main{background:var(--surface-2);border:1px solid var(--border);text-align:left;width:100%;min-height:58px;transition:border-color var(--ease), background var(--ease), box-shadow var(--ease), transform var(--ease);border-radius:12px;align-items:center;gap:10px;padding:8px 10px;display:flex}.hero-slot--lg .hero-slot__main{gap:12px;min-height:72px;padding:10px 12px}.hero-slot.is-empty .hero-slot__main{background:0 0;border-style:dashed}.hero-slot__main:hover{border-color:var(--slot-color);background:var(--surface-3)}.hero-slot.is-filled .hero-slot__main{border-color:color-mix(in srgb, var(--slot-color) 50%, var(--border));background:linear-gradient(180deg, color-mix(in srgb, var(--slot-color) 12%, transparent), transparent 70%), var(--surface-2);box-shadow:inset 3px 0 0 var(--slot-color), 0 6px 18px -12px var(--slot-color)}.hero-slot__placeholder{width:60px;height:40px;color:var(--muted);background:var(--surface-2);border:1px dashed var(--border-strong);border-radius:8px;flex-shrink:0;place-items:center;font-size:20px;display:grid}.hero-slot--lg .hero-slot__placeholder{border-radius:10px;width:78px;height:52px}.hero-slot__main:hover .hero-slot__placeholder{color:var(--slot-color);border-color:var(--slot-color)}.hero-slot__text{flex-direction:column;gap:2px;min-width:0;padding-right:20px;display:flex}.hero-slot__label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);white-space:nowrap;font-size:11px;font-weight:600}.hero-slot__optional{text-transform:none;letter-spacing:0;opacity:.7;font-weight:500}.hero-slot__name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.hero-slot--lg .hero-slot__name{font-size:15px}.hero-slot.is-empty .hero-slot__name{color:var(--muted);font-weight:500}.hero-slot__clear{width:22px;height:22px;color:var(--muted);opacity:.6;border-radius:6px;font-size:11px;transition:opacity .1s,background .1s,color .1s;position:absolute;top:6px;right:6px}.hero-slot:hover .hero-slot__clear{opacity:1}.hero-slot__clear:hover{background:var(--bad-soft);color:var(--bad)}.hero-slot--tile .hero-slot__main{text-align:center;flex-direction:column;justify-content:center;gap:6px;min-height:96px;padding:10px 6px 8px}.hero-slot--tile.is-filled .hero-slot__main{box-shadow:inset 0 -3px 0 var(--slot-color), 0 8px 20px -14px var(--slot-color)}.hero-slot--tile .hero-slot__text{align-items:center;width:100%;padding-right:0}.hero-slot--tile .hero-slot__label{font-size:10px}.hero-slot--tile .hero-slot__name{max-width:100%;font-size:13px}.hero-slot__role{color:var(--text);opacity:.75;white-space:nowrap;font-size:12px;font-weight:500}.hero-slot--tile .hero-slot__text{display:contents}.hero-slot--tile .hero-slot__label{order:0}.hero-slot--tile .hero-slot__role{order:1;margin-top:-5px}.hero-slot--tile .hero-avatar,.hero-slot--tile .hero-slot__placeholder{order:2}.hero-slot--tile .hero-slot__name{order:3}.hero-slot--tile .hero-slot__main{min-height:132px}.hero-slot__badge{z-index:1;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;color:#fff;background:linear-gradient(90deg, var(--lane), var(--ruby));box-shadow:0 0 12px -3px var(--lane);pointer-events:none;border-radius:5px;padding:1px 7px;font-size:10px;font-weight:700;position:absolute;top:-8px;left:50%;translate:-50%}.hero-slot.has-badge .hero-slot__main{border-color:color-mix(in srgb, var(--lane) 55%, var(--border));background:color-mix(in srgb, var(--lane) 6%, transparent)}.hero-slot.has-badge.is-filled .hero-slot__main{background:linear-gradient(180deg, color-mix(in srgb, var(--lane) 14%, transparent), transparent 70%), var(--surface-2)}.hero-slot__meta{order:4;justify-content:center;min-width:0;max-width:100%;margin-top:2px;display:flex}.hero-slot--tile{container-type:inline-size}.threat-low{--tone:var(--good)}.threat-calm{--tone:#8fc9a8}.threat-neutral{--tone:var(--neutral)}.threat-high{--tone:var(--warn)}.threat-very-high{--tone:var(--bad)}.threat-badge{font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;max-width:100%;color:var(--tone);background:color-mix(in srgb, var(--tone) 16%, transparent);border:1px solid color-mix(in srgb, var(--tone) 45%, transparent);box-shadow:0 0 12px -6px var(--tone);border-radius:7px;padding:3px 8px;font-size:11.5px;font-weight:700;transition:color .2s,background .2s,border-color .2s,box-shadow .2s;display:inline-block;overflow:hidden}.threat-badge__category{font-weight:600}@media (width<=760px){.threat-badge__word,.threat-badge__sep{display:none}.threat-badge{white-space:normal;text-align:center;line-height:1.25}.threat-badge__category{font-size:10px;display:block}}@container (width<=170px){.threat-badge__word,.threat-badge__sep{display:none}.threat-badge{white-space:normal;text-align:center;line-height:1.25}.threat-badge__category{font-size:10px;display:block}}.page{max-width:1480px;margin:0 auto;padding:24px 32px 40px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 24px;margin-bottom:20px;display:flex}.page-brand{align-items:center;gap:14px;min-width:0;display:flex}.page-logo{border-radius:11px;flex-shrink:0;width:44px;height:44px;box-shadow:0 6px 22px -6px #ff4d7d8c,0 0 0 1px #ffffff14}.page-title{letter-spacing:-.02em;margin:0;font-size:28px;font-weight:800;line-height:1.1}.page-title__accent{background:linear-gradient(90deg, var(--violet-bright), var(--cyan));color:#0000;-webkit-background-clip:text;background-clip:text}.page-subtitle{color:var(--text-2);margin:4px 0 0;font-size:14px}.beta-badge{letter-spacing:.04em;text-transform:uppercase;vertical-align:middle;color:#fff;background:linear-gradient(90deg, var(--violet), #b25cff);border-radius:999px;margin-left:10px;padding:2px 9px;font-size:11px;font-weight:700;display:inline-block;box-shadow:0 0 14px -4px #8b6cffcc}.page-steps{color:var(--text);flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0;padding:0;font-size:13px;font-weight:550;list-style:none;display:flex}.page-steps li{align-items:center;gap:8px;display:inline-flex}.page-steps li+li:before{content:"→";color:var(--muted);margin-right:2px}.page-steps__num{width:24px;height:24px;color:var(--violet-bright);border:1.5px solid color-mix(in srgb, var(--violet) 75%, transparent);background:#8b6cff1f;border-radius:50%;place-items:center;font-size:12px;font-weight:750;display:inline-grid;box-shadow:0 0 12px -4px #8b6cffe6}.page-reset{color:var(--text);padding:9px 14px;font-size:13px;font-weight:650}.home-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;gap:18px;display:grid}.home-grid__draft,.recommendations{flex-direction:column;gap:16px;min-width:0;display:flex}.recommendations{position:sticky;top:16px}.home-grid__profile{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.home-grid__team{grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:16px;display:grid}.draft-panel__title{letter-spacing:-.01em;margin:0;font-size:20px;font-weight:750}@media (width>=1201px){.home-grid__draft{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);gap:0;padding:20px 22px 22px}.draft-panel__title{margin-bottom:6px}.home-grid__profile,.home-grid__team{gap:0 20px}.home-grid__draft .draft-section{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;border-radius:0;padding:16px 0}.home-grid__draft .area-rank,.home-grid__draft .area-enemies,.home-grid__team{border-top:1px solid var(--border)}.home-grid__team .draft-section{padding-bottom:0}}.slot-row{gap:8px;display:grid}.slot-row--3{grid-template-columns:repeat(3,minmax(0,1fr))}.slot-row--5{grid-template-columns:repeat(5,minmax(0,1fr))}.lane-hint{color:var(--muted);font-size:12px}@media (width<=1200px){.home-grid{grid-template-columns:minmax(0,1fr)}.recommendations{position:static}.draft-panel__title{display:none}}@media (width<=760px){.page{padding:16px 16px 32px}.page-header{align-items:flex-start}.page-logo{width:38px;height:38px}.page-title{font-size:23px}.page-subtitle{font-size:13px}.page-steps{order:3;width:100%;font-size:12.5px}.home-grid,.home-grid__draft,.recommendations{gap:12px}.home-grid__profile,.home-grid__team{grid-template-columns:minmax(0,1fr);gap:12px}.slot-row--3,.slot-row--5{grid-template-columns:repeat(3,minmax(0,1fr))}.lane-hint{display:none}}@media (width<=1200px){.home-grid__draft{display:contents}.home-grid__profile{order:1}.area-enemies{order:2}.recommendations{order:3}.home-grid__team{order:4}}.slot-row--4{grid-template-columns:repeat(4,minmax(0,1fr))}.lane-solo{color:var(--muted);margin:0;font-size:13px}@media (width<=760px){.slot-row--4{grid-template-columns:repeat(2,minmax(0,1fr))}}.error-screen{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);max-width:520px;margin:12vh auto 0;padding:24px 20px}.error-screen__title{margin:0 0 8px;font-size:20px}.error-screen__text{color:var(--muted);margin:0 0 16px}.error-screen__actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}