:root{--bg: #07070a;--bg-grad: radial-gradient(1200px 640px at 50% -12%, #2a1014 0%, #07070a 60%);--panel: #110f12;--panel-2: #181519;--panel-3: #221d23;--border: #322a30;--border-soft: #271f25;--text: #ececef;--muted: #968d94;--muted-2: #6e656c;--danger: #e8556a;--danger-soft: rgba(232, 85, 106, .14);--good: #44c98a;--good-soft: rgba(68, 201, 138, .14);--synergy: #4ea6f2;--synergy-soft: rgba(78, 166, 242, .14);--gold: #e0b14e;--orange: #f0913e;--orange-soft: rgba(240, 145, 62, .16);--accent: #e23b30;--accent-soft: rgba(226, 59, 48, .16);--str: #e05a4a;--agi: #54b94a;--int: #4aa6e0;--all: #c98ae0;--radius: 12px;--radius-sm: 8px;--shadow: 0 8px 28px rgba(0, 0, 0, .38);--maxw: 1340px;--font-body: "Chakra Petch", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: "Russo One", "Chakra Petch", system-ui, sans-serif;--ease-out: cubic-bezier(.16, 1, .3, 1);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);background-image:var(--bg-grad);background-attachment:fixed;color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}.topbar__title,.detail__name,.relation__title,.item-panel__title,.ability-section__title,.team__title,.placeholder__title,.mode-nav__btn{font-family:var(--font-display)}a{color:var(--accent)}code{background:var(--panel-3);padding:.1em .4em;border-radius:4px;font-size:.86em}.muted{color:var(--muted)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.app{max-width:var(--maxw);margin:0 auto;padding:20px 18px 60px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-bottom:18px;border-bottom:1px solid var(--border-soft);margin-bottom:22px}.topbar__brand{display:flex;align-items:center;gap:13px}.topbar__logoBtn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;border-radius:13px;transition:transform .12s var(--ease-out),filter .15s}.topbar__logoBtn:hover{filter:brightness(1.08)}.topbar__logoBtn:active{transform:scale(.94)}.brand-logo{display:block;flex:none;width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 2px 7px rgba(0,0,0,.45))}.topbar__about{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font:inherit;font-family:var(--font-display);font-size:.82rem;color:var(--muted);background:var(--panel-2);border:1px solid var(--border);padding:6px 14px;border-radius:999px;transition:color .15s,border-color .15s,background .15s}.topbar__about:hover{color:var(--text);border-color:var(--accent);background:var(--accent-soft)}.topbar__about:active{transform:scale(.96)}.topbar__title{margin:0;font-size:1.3rem;font-weight:400;letter-spacing:.005em;background:linear-gradient(180deg,#fff,#c7d0df);-webkit-background-clip:text;background-clip:text;color:transparent}.topbar__tagline{margin:2px 0 0;font-size:.86rem}.topbar__meta{display:flex;gap:8px;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;padding:5px 11px;border-radius:999px;background:var(--panel-2);border:1px solid var(--border);font-size:.78rem;color:var(--muted);white-space:nowrap}.badge--patch{color:var(--gold);border-color:#e0b14e66;background:#e0b14e14;font-weight:600}.mode-nav{display:inline-flex;gap:4px;padding:5px;margin:0 0 22px;border-radius:999px;background:var(--panel-2);border:1px solid var(--border);box-shadow:var(--shadow)}.mode-nav__btn{display:inline-flex;align-items:center;gap:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;cursor:pointer;color:var(--muted);font:inherit;font-size:.95rem;font-weight:700;line-height:1;padding:11px 26px;border-radius:999px;transition:background .15s,color .15s,transform .1s}.mode-nav__btn:hover{color:var(--text);background:var(--panel-3)}.mode-nav__btn--browse.mode-nav__btn--active,.mode-nav__btn--browse.mode-nav__btn--active:hover{background:var(--accent);color:#fff}.mode-nav__btn--draft.mode-nav__btn--active,.mode-nav__btn--draft.mode-nav__btn--active:hover{background:var(--orange);color:#1f1206}.mode-nav__btn--meta.mode-nav__btn--active,.mode-nav__btn--meta.mode-nav__btn--active:hover{background:var(--synergy);color:#07121c}.mode-nav__icon{font-size:1.05rem;line-height:1}.lang-toggle{display:inline-flex;padding:2px;border-radius:999px;background:var(--panel-2);border:1px solid var(--border)}.lang-toggle__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;cursor:pointer;color:var(--muted);font:inherit;font-size:.78rem;font-weight:600;line-height:1;padding:5px 11px;border-radius:999px;transition:background .15s,color .15s}.lang-toggle__btn:hover{color:var(--text)}.lang-toggle__btn--active{background:var(--accent);color:#fff}.layout{display:flex;flex-direction:column;gap:22px}.status{padding:28px 4px;text-align:center}.status--error{background:var(--danger-soft);border:1px solid rgba(232,85,106,.3);border-radius:var(--radius);padding:18px;text-align:left}.search input{width:100%;padding:12px 16px;font-size:.98rem;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);outline:none;transition:border-color .15s,box-shadow .15s}.search input::placeholder{color:var(--muted-2)}.search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.filter-bar{display:flex;flex-direction:column;gap:7px;margin-top:12px}.filter-bar__group{display:flex;flex-wrap:wrap;gap:6px}.filter-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--panel-2);color:var(--muted);font:inherit;font-size:.72rem;font-weight:600;padding:4px 11px;border-radius:999px;cursor:pointer;transition:background .13s,border-color .13s,color .13s;white-space:nowrap}.filter-chip:hover{color:var(--text);border-color:var(--border);background:var(--panel-3)}.filter-chip--str.filter-chip--active{background:#e05a4a38;border-color:var(--str);color:#f0a99f}.filter-chip--agi.filter-chip--active{background:#54b94a38;border-color:var(--agi);color:#aee3a6}.filter-chip--int.filter-chip--active{background:#4aa6e038;border-color:var(--int);color:#a6d4f0}.filter-chip--all.filter-chip--active{background:#c98ae038;border-color:var(--all);color:#ddb6ee}.filter-chip--role-active{background:var(--accent-soft);border-color:var(--accent);color:#f08a82}.add-target{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}.add-target__label{font-size:.8rem;font-weight:600}.add-target__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--panel-2);color:var(--muted);font:inherit;font-size:.78rem;font-weight:600;padding:5px 13px;border-radius:999px;cursor:pointer;transition:background .13s,border-color .13s,color .13s}.add-target__btn:hover{color:var(--text)}.add-target__btn--ally.add-target__btn--active{background:var(--good-soft);border-color:var(--good);color:var(--good)}.add-target__btn--enemy.add-target__btn--active{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.hero-grid{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px}.grid-empty{margin-top:16px}.hero-tile{display:flex;flex-direction:column;align-items:center;gap:7px;width:100%;padding:8px 6px 9px;background:var(--panel);border:1px solid var(--border-soft);border-radius:var(--radius-sm);cursor:pointer;color:var(--text);transition:transform .14s var(--ease-out),border-color .15s,background .15s,box-shadow .15s}.hero-tile:hover{border-color:var(--border);background:var(--panel-2);transform:translateY(-3px);box-shadow:0 8px 20px -12px #000c}.hero-tile--selected{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent),0 0 22px -8px var(--accent)}.hero-tile--ally{border-color:var(--good);background:var(--good-soft);box-shadow:0 0 0 1px var(--good)}.hero-tile--enemy{border-color:var(--danger);background:var(--danger-soft);box-shadow:0 0 0 1px var(--danger)}.hero-tile__frame{position:relative;width:100%;border-radius:6px;overflow:hidden;line-height:0}.hero-tile__frame .avatar{width:100%;height:auto;border-radius:0;transition:transform .28s var(--ease-out),filter .2s}.hero-tile:hover .hero-tile__frame .avatar{transform:scale(1.07);filter:saturate(1.12) brightness(1.05)}.hero-tile__flag{position:absolute;top:3px;right:3px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.66rem;font-weight:800;color:#fff;box-shadow:0 1px 4px #00000080}.hero-tile__flag--ally{background:var(--good)}.hero-tile__flag--enemy{background:var(--danger)}.hero-tile__name{font-size:.78rem;text-align:center;line-height:1.2;color:var(--text)}.avatar{border-radius:6px;object-fit:cover;display:block;background:var(--panel-3)}.avatar--fallback{display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;color:var(--muted);border:1px solid var(--border)}.detail-pane{min-height:120px}.placeholder{border:1px dashed var(--border);border-radius:var(--radius);padding:38px 20px;text-align:center;background:#ffffff03}.placeholder__title{margin:0 0 4px;font-size:1.1rem;font-weight:600}.detail{display:flex;flex-direction:column;gap:18px}.detail__hero{position:relative;display:flex;align-items:center;gap:16px;padding:14px 16px;border-radius:var(--radius);background:radial-gradient(420px 140px at 0% 0%,var(--accent-soft) 0%,transparent 70%),var(--panel);border:1px solid var(--border-soft);overflow:hidden}.detail__hero .avatar{box-shadow:0 4px 18px -6px #000000b3}.detail__name{margin:0 0 8px;font-size:1.5rem;font-weight:700;letter-spacing:-.01em}.detail__tags{display:flex;flex-wrap:wrap;gap:6px}.tag{font-size:.72rem;padding:3px 9px;border-radius:999px;background:var(--panel-2);border:1px solid var(--border);color:var(--muted)}.tag--role{color:var(--text)}.tag--attr{font-weight:600;color:#fff}.tag--str{background:#e05a4a2e;border-color:var(--str);color:#f0a99f}.tag--agi{background:#54b94a2e;border-color:var(--agi);color:#aee3a6}.tag--int{background:#4aa6e02e;border-color:var(--int);color:#a6d4f0}.tag--all{background:#c98ae02e;border-color:var(--all);color:#ddb6ee}.banner{display:flex;align-items:center;gap:10px;padding:9px 14px;border-radius:var(--radius-sm);background:#e0b14e1a;border:1px solid rgba(224,177,78,.35);color:#e8c878;font-size:.85rem}.banner__dot{width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px var(--gold);flex:none}.detail__sections{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.relation{background:var(--panel);border:1px solid var(--border-soft);border-top:3px solid var(--border);border-radius:var(--radius);padding:14px 14px 8px;min-width:0}.relation--danger{border-top-color:var(--danger)}.relation--good{border-top-color:var(--good)}.relation--synergy{border-top-color:var(--synergy)}.relation__header{display:flex;align-items:center;justify-content:space-between}.relation__title{margin:0;font-size:1.02rem;font-weight:700}.relation--danger .relation__title{color:var(--danger)}.relation--good .relation__title{color:var(--good)}.relation--synergy .relation__title{color:var(--synergy)}.relation__count{font-size:.74rem;color:var(--muted);background:var(--panel-3);border-radius:999px;padding:1px 8px}.relation__subtitle{margin:3px 0 10px;font-size:.78rem}.relation__empty{font-size:.84rem;padding:8px 0 12px}.relation__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.row{border-radius:var(--radius-sm);background:var(--panel-2);border:1px solid var(--border-soft);overflow:hidden}.row__main{display:flex;flex-direction:column;align-items:stretch;gap:6px;width:100%;padding:9px 11px;color:var(--text)}.row__main--btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;font:inherit;text-align:left;cursor:pointer}.row--link{transition:background .14s}.relation--danger .row--link:hover{border-color:var(--danger)}.relation--good .row--link:hover{border-color:var(--good)}.relation--synergy .row--link:hover{border-color:var(--synergy)}.row__go{flex:none;font-size:1.1rem;font-weight:700;line-height:1;color:var(--muted-2);opacity:0;transform:translate(-4px);transition:opacity .15s,transform .15s var(--ease-out),color .15s}.row--link:hover .row__go,.row__main--btn:focus-visible .row__go{opacity:1;transform:translate(0)}.relation--danger .row--link:hover .row__go{color:var(--danger)}.relation--good .row--link:hover .row__go{color:var(--good)}.relation--synergy .row--link:hover .row__go{color:var(--synergy)}.row__head{display:flex;align-items:center;gap:9px}.row__icon{flex:none}.row__name{font-size:.86rem;font-weight:600;flex:1;min-width:0}.row__value{flex:none;font-size:.78rem;font-weight:700;font-variant-numeric:tabular-nums}.relation--danger .row__value{color:var(--danger)}.relation--good .row__value{color:var(--good)}.relation--synergy .row__value{color:var(--synergy)}.row__reason{font-size:.78rem;color:var(--muted);line-height:1.4}.row__meter{height:5px;border-radius:999px;background:var(--panel-3);overflow:hidden;margin-top:1px}.row__meter-fill{height:100%;border-radius:999px;transform-origin:left center;animation:meterGrow .55s var(--ease-out) both}.relation--danger .row__meter-fill{background:var(--danger)}.relation--good .row__meter-fill{background:var(--good)}.relation--synergy .row__meter-fill{background:var(--synergy)}.detail__hint{font-size:.76rem;text-align:center;margin:2px 0 0}.item-panels{display:grid;grid-template-columns:1fr 1fr;gap:16px}.item-panel{background:var(--panel);border:1px solid var(--border-soft);border-top:3px solid var(--border);border-radius:var(--radius);padding:14px 16px 16px;min-width:0}.item-panel--build{border-top-color:var(--good)}.item-panel--counter{border-top-color:var(--gold)}.item-panel--build .item-panel__title{color:var(--good)}.item-panel--counter .item-panel__title{color:var(--gold)}.item-panel--build .item-card__name{color:var(--good)}.item-panel--counter .item-card__name{color:var(--gold)}.items__grid{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:8px}.item-card{display:flex;align-items:center;gap:11px;padding:9px 11px;background:var(--panel-2);border:1px solid var(--border-soft);border-radius:var(--radius-sm)}.item-card__icon{width:46px;height:34px;flex:none;object-fit:cover;border-radius:5px;border:1px solid var(--border);box-shadow:0 1px 4px #0000004d;background:var(--panel-3)}.item-card__icon--fallback{display:inline-block}.item-card__text{display:flex;flex-direction:column;gap:1px;min-width:0}.item-card__name{font-size:.84rem;font-weight:600;color:var(--text)}.item-card__reason{font-size:.78rem;color:var(--muted);line-height:1.35}.ability-section{background:var(--panel);border:1px solid var(--border-soft);border-top:3px solid var(--all);border-radius:var(--radius);padding:14px 16px 16px}.ability-section__title{color:var(--all)}.ability-list{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px}.ability-card{display:flex;align-items:flex-start;gap:10px;padding:9px 11px 9px 12px;background:var(--panel-2);border:1px solid var(--border-soft);border-left:3px solid var(--border);border-radius:var(--radius-sm)}.ability-card--offense{border-left-color:var(--good)}.ability-card--defense{border-left-color:var(--danger)}.ability-card__tag{flex:none;font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em;padding:3px 7px;border-radius:999px;white-space:nowrap;margin-top:1px}.ability-card__icon{width:40px;height:30px;flex:none;object-fit:cover;border-radius:4px;border:1px solid var(--border);box-shadow:0 1px 4px #0000004d;background:var(--panel-3)}.ability-card__icon--fallback{display:inline-block}.ability-card--offense .ability-card__tag{color:var(--good);background:var(--good-soft)}.ability-card--defense .ability-card__tag{color:var(--danger);background:var(--danger-soft)}.ability-card__text{display:flex;flex-direction:column;gap:1px;min-width:0}.ability-card__name{font-size:.84rem;font-weight:600;color:var(--text)}.ability-card__reason{font-size:.78rem;color:var(--muted);line-height:1.35}.draft-layout,.draft-main{display:flex;flex-direction:column;gap:22px}.draft-teams{display:flex;flex-direction:column;gap:10px}.draft-teams__board{display:grid;grid-template-columns:1fr 1fr;gap:14px}.team{background:var(--panel);border:1px solid var(--border-soft);border-top:3px solid var(--border);border-radius:var(--radius);padding:12px 12px 14px;min-width:0}.team--ally{border-top-color:var(--good)}.team--enemy{border-top-color:var(--danger)}.team__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.team__title{margin:0;font-size:.96rem;font-weight:700}.team--ally .team__title{color:var(--good)}.team--enemy .team__title{color:var(--danger)}.team__count{font-size:.74rem;color:var(--muted);background:var(--panel-3);border-radius:999px;padding:1px 8px}.team__slots{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.team__slot{min-width:0}.team__slot--empty{aspect-ratio:1 / 1;border:1px dashed var(--border);border-radius:var(--radius-sm);background:#ffffff03}.team__hero{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;padding:5px 3px 6px;background:var(--panel-2);border:1px solid var(--border-soft);border-radius:var(--radius-sm);cursor:pointer;color:var(--text);transition:background .12s,border-color .12s}.team__hero:hover{background:var(--panel-3);border-color:var(--danger)}.team__heroName{font-size:.64rem;text-align:center;line-height:1.15;color:var(--muted);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.team__remove{position:absolute;top:2px;right:4px;font-size:.9rem;line-height:1;color:var(--muted-2);opacity:0;transition:opacity .12s,color .12s}.team__hero:hover .team__remove{opacity:1;color:var(--danger)}.team-roles{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:12px;padding-top:11px;border-top:1px solid var(--border-soft)}.team-roles__label{font-size:.72rem;font-weight:600;color:var(--muted);margin-right:2px}.team-roles__list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.role-chip{font-size:.72rem;font-weight:600;padding:3px 9px;border-radius:999px;border:1px solid transparent;white-space:nowrap}.role-chip--have{color:var(--good);background:var(--good-soft);border-color:#44c98a66}.role-chip--need{color:var(--muted-2);background:transparent;border:1px dashed var(--border)}.role-chip__n{opacity:.8}.draft-teams__actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.draft-teams__clear{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--panel-2);color:var(--muted);font:inherit;font-size:.74rem;font-weight:600;padding:5px 14px;border-radius:999px;cursor:pointer;transition:background .13s,color .13s}.draft-teams__clear:hover{background:var(--panel-3);color:var(--text)}.draft-teams__share{display:inline-flex;align-items:center;gap:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--accent);background:var(--accent);color:#fff;font:inherit;font-size:.74rem;font-weight:700;padding:5px 14px;border-radius:999px;cursor:pointer;box-shadow:0 0 16px -6px var(--accent);transition:filter .13s,transform .12s}.draft-teams__share:hover{filter:brightness(1.08)}.draft-teams__share:active{transform:scale(.96)}.draft__suggestions{background:var(--panel);border:1px solid var(--border-soft);border-top:3px solid var(--gold);border-radius:var(--radius);padding:14px 14px 12px}.draft__suggestions .relation__title{color:var(--gold)}.suggestion-list{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:1fr;gap:6px}.suggestion{display:flex;align-items:center;gap:10px;padding:7px 9px;background:var(--panel-2);border:1px solid var(--border-soft);border-radius:var(--radius-sm)}.suggestion__rank{flex:none;width:20px;text-align:center;font-size:.8rem;font-weight:700;color:var(--muted-2)}.suggestion__text{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.suggestion__name{font-size:.86rem;font-weight:600}.suggestion__metrics{display:flex;flex-wrap:wrap;gap:5px}.suggestion__metric{font-size:.7rem;font-weight:600;padding:1px 7px;border-radius:999px;white-space:nowrap}.suggestion__metric--synergy{color:var(--synergy);background:var(--synergy-soft)}.suggestion__metric--good{color:var(--good);background:var(--good-soft)}.suggestion__metric--bad{color:var(--danger);background:var(--danger-soft)}.suggestion__add{flex:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:28px;height:28px;border-radius:50%;border:1px solid var(--good);background:var(--good-soft);color:var(--good);font-size:1.1rem;font-weight:700;line-height:1;cursor:pointer;transition:background .12s}.suggestion__add:hover{background:#44c98a47}.meta__head{margin-bottom:18px}.meta__title{font-family:var(--font-display);margin:0 0 4px;font-size:1.5rem;color:var(--synergy)}.meta__subtitle{margin:0;font-size:.9rem;max-width:680px}.meta__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.meta-card{background:var(--panel);border:1px solid var(--border-soft);border-top:3px solid var(--synergy);border-radius:var(--radius);padding:14px 14px 10px;min-width:0}.meta-card__title{font-family:var(--font-display);margin:0 0 10px;font-size:1.02rem;color:var(--synergy)}.meta-card__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px;counter-reset:meta}.meta-row{border-radius:var(--radius-sm);background:var(--panel-2);border:1px solid var(--border-soft);transition:transform .16s var(--ease-out),border-color .16s,box-shadow .16s}.meta-row:hover{transform:translateY(-2px);border-color:var(--synergy);box-shadow:0 6px 18px -12px var(--synergy)}.meta-row__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;font:inherit;text-align:left;cursor:pointer;color:var(--text);width:100%;display:flex;align-items:center;gap:10px;padding:8px 11px}.meta-row__rank{flex:none;width:18px;text-align:center;font-size:.82rem;font-weight:700;color:var(--muted-2);font-variant-numeric:tabular-nums}.meta-row__icon{flex:none}.meta-row__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.meta-row__top{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.meta-row__name{font-size:.86rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meta-row__wr{flex:none;font-size:.86rem;font-weight:700;color:var(--synergy);font-variant-numeric:tabular-nums}.meta-row__bar{display:block;height:5px;border-radius:999px;background:var(--panel-3);overflow:hidden}.meta-row__fill{display:block;height:100%;border-radius:999px;background:var(--synergy);transform-origin:left center;animation:meterGrow .5s var(--ease-out) both}.meta-row__sub{font-size:.72rem;font-variant-numeric:tabular-nums}.meta__source{margin:18px 0 0;font-size:.76rem;max-width:680px}.footer{margin-top:38px;padding-top:16px;border-top:1px solid var(--border-soft);font-size:.78rem;text-align:center}@keyframes fadeRise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes meterGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.detail{animation:fadeRise .34s var(--ease-out) both}.row,.item-card,.ability-card,.suggestion{transition:transform .16s var(--ease-out),border-color .16s,box-shadow .16s}.row:hover,.item-card:hover,.ability-card:hover{transform:translateY(-2px);border-color:var(--border)}.suggestion:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 6px 18px -10px var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero-tile:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent),0 0 22px -8px var(--accent)}.search input:focus-visible{outline:none}.mode-nav__btn:active,.lang-toggle__btn:active,.filter-chip:active,.add-target__btn:active,.suggestion__add:active,.hero-tile:active{transform:scale(.96)}.mode-nav__btn--browse.mode-nav__btn--active{box-shadow:0 0 18px -4px var(--accent)}.mode-nav__btn--draft.mode-nav__btn--active{box-shadow:0 0 18px -4px var(--orange)}.mode-nav__btn--meta.mode-nav__btn--active{box-shadow:0 0 18px -4px var(--synergy)}@media(min-width:920px){.layout{display:grid;grid-template-columns:minmax(320px,420px) 1fr;grid-template-areas:"picker detail" "anchor detail";align-items:start;gap:26px}.layout .picker{grid-area:picker;position:sticky;top:16px}#detail-anchor{grid-area:anchor}.layout .detail-pane{grid-area:detail}.layout .hero-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));max-height:calc(100vh - 160px);overflow-y:auto;padding-right:4px}.draft-teams{position:sticky;top:0;z-index:5;padding:12px 0;background:#0b0e13d1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.draft-main{display:grid;grid-template-columns:minmax(320px,420px) 1fr;align-items:start;gap:26px}.draft-main .hero-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr))}.suggestion-list{grid-template-columns:1fr 1fr}}@media(max-width:700px){.detail__sections,.item-panels,.draft-teams__board{grid-template-columns:1fr}.mode-nav{display:flex;width:100%}.mode-nav__btn{flex:1;justify-content:center}}@media(max-width:420px){.hero-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr))}.topbar__title{font-size:1.15rem}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}.landing{overflow-x:hidden}.landing__top{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px clamp(16px,4vw,40px);background:#08080ab8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-soft)}.landing__brand{display:flex;align-items:center;gap:11px;text-decoration:none}.landing__brandName{font-family:var(--font-display);font-size:1rem;background:linear-gradient(180deg,#fff,#c7d0df);-webkit-background-clip:text;background-clip:text;color:transparent}.landing__topActions{display:flex;align-items:center;gap:10px}.landing__cta{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;font:inherit;font-family:var(--font-display);background:var(--accent);color:#fff;padding:13px 26px;border-radius:999px;font-size:1rem;box-shadow:0 0 24px -6px var(--accent);transition:transform .15s var(--ease-out),box-shadow .15s,filter .15s}.landing__cta:hover{filter:brightness(1.08);box-shadow:0 0 36px -4px var(--accent);transform:translateY(-1px)}.landing__cta:active{transform:scale(.97);box-shadow:0 0 20px -6px var(--accent)}.landing__cta--sm{padding:8px 16px;font-size:.82rem}.landing__cta--big{padding:16px 38px;font-size:1.15rem}.landing__hero{position:relative;min-height:88vh;min-height:88dvh;display:flex;align-items:center;justify-content:center;text-align:center;padding:60px 20px;overflow:hidden}.landing__glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(900px 520px at 50% 6%,rgba(226,59,48,.28) 0%,transparent 60%);pointer-events:none}.landing__strip{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;gap:18px;justify-content:center;opacity:.1;filter:grayscale(.3);-webkit-mask-image:linear-gradient(90deg,transparent,#000 22%,#000 78%,transparent);mask-image:linear-gradient(90deg,transparent,#000 22%,#000 78%,transparent);pointer-events:none}.landing__strip img{width:130px;height:73px;object-fit:cover;border-radius:8px;flex:none;animation:floatY 6s ease-in-out infinite}.landing__strip img:nth-child(2n){animation-duration:7.5s;animation-delay:-2s}.landing__heroInner{position:relative;max-width:760px}.landing__eyebrow,.landing__title,.landing__sub,.landing__hero .landing__cta,.landing__scroll{animation:fadeRise .5s var(--ease-out) both}.landing__eyebrow{animation-delay:.04s}.landing__title{animation-delay:.11s}.landing__sub{animation-delay:.21s}.landing__hero .landing__cta{animation-delay:.31s}.landing__scroll{animation-delay:.41s}.landing__eyebrow{font-family:var(--font-display);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0 0 14px}.landing__title{font-family:var(--font-display);font-size:clamp(2.4rem,7vw,4.6rem);line-height:1.02;margin:0;background:linear-gradient(180deg,#fff,#c2c8d4);-webkit-background-clip:text;background-clip:text;color:transparent}.landing__sub{font-size:clamp(1rem,2.2vw,1.2rem);color:var(--muted);max-width:600px;margin:18px auto 28px;line-height:1.55}.landing__scroll{margin-top:26px;color:var(--muted-2);font-size:.82rem}.landing__scrollArrow{display:inline-block;margin-left:4px;animation:bob 1.7s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.landing__chapter{max-width:1040px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(28px,6vw,72px);padding:clamp(56px,12vh,120px) clamp(20px,5vw,40px)}.landing__chapter--alt .landing__chapText{order:2}.landing__kicker{display:inline-block;font-family:var(--font-display);font-size:.76rem;letter-spacing:.06em;text-transform:uppercase;padding:4px 12px;border-radius:999px;margin-bottom:14px}.landing__kicker--danger{color:var(--danger);background:var(--danger-soft)}.landing__kicker--synergy{color:var(--synergy);background:var(--synergy-soft)}.landing__kicker--orange{color:var(--orange);background:var(--orange-soft)}.landing__chapTitle{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.08;margin:0 0 14px}.landing__chapBody{color:var(--muted);font-size:1.02rem;line-height:1.6;margin:0;max-width:460px}.landing__chapArt{display:flex;flex-direction:column;gap:10px}.landing__mock{display:flex;align-items:center;gap:12px;padding:11px 13px;background:var(--panel);border:1px solid var(--border-soft);border-radius:var(--radius)}.landing__mock img{width:54px;height:40px;object-fit:cover;border-radius:6px;flex:none}.landing__mockBody{flex:1;min-width:0}.landing__mockTop{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:7px}.landing__mockName{font-weight:600;font-size:.92rem}.landing__mockVal{font-weight:700;font-size:.85rem}.landing__mock--danger .landing__mockVal{color:var(--danger)}.landing__mockMeter{height:6px;border-radius:999px;background:var(--panel-3);overflow:hidden}.landing__mockFill{height:100%;border-radius:999px;transform:scaleX(0);transform-origin:left center}.landing__mock--danger .landing__mockFill{background:var(--danger)}.reveal--in .landing__mockFill{animation:meterGrow .7s var(--ease-out) .12s forwards}.landing__combo{display:flex;align-items:center;justify-content:center;gap:18px}.landing__combo img{width:130px;height:73px;object-fit:cover;border-radius:10px;border:1px solid var(--border);box-shadow:0 0 30px -10px var(--synergy)}.landing__comboPlus{font-family:var(--font-display);font-size:2rem;color:var(--synergy)}.landing__comboCaption{text-align:center;color:var(--muted);margin-top:14px;font-size:.9rem}.landing__draft{background:var(--panel);border:1px solid var(--border-soft);border-radius:var(--radius);padding:16px}.landing__draftRow{display:flex;gap:8px;margin-bottom:10px;padding-left:8px;border-left:3px solid var(--border)}.landing__draftRow--ally{border-left-color:var(--good)}.landing__draftRow--enemy{border-left-color:var(--danger)}.landing__draftRow img,.landing__slot{width:56px;height:40px;border-radius:6px;object-fit:cover;flex:none}.landing__slot{border:1px dashed var(--border)}.landing__pick{display:flex;align-items:center;gap:12px;margin-top:14px;padding:10px;border-radius:var(--radius-sm);background:var(--orange-soft);border:1px solid var(--orange)}.landing__pick img{width:54px;height:40px;object-fit:cover;border-radius:6px;box-shadow:0 0 0 2px var(--orange)}.landing__pick strong{display:block}.landing__pickTag{color:var(--orange);font-size:.82rem;font-weight:700}.landing__climax{text-align:center;padding:clamp(70px,14vh,140px) 20px}.landing__climaxTitle{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.2rem);margin:0 0 16px}.landing__climaxBody{color:var(--muted);max-width:540px;margin:0 auto 30px;font-size:1.04rem;line-height:1.6}.landing__footer{text-align:center;padding:30px 20px 50px;border-top:1px solid var(--border-soft);font-size:.8rem}.reveal{opacity:0;transform:translateY(22px);transition:opacity .55s var(--ease-out),transform .55s var(--ease-out);will-change:opacity,transform}.reveal--in{opacity:1;transform:none}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}.landing__mockFill{transform:none}}@media(max-width:760px){.landing__chapter{grid-template-columns:1fr;gap:24px}.landing__chapter--alt .landing__chapText{order:0}.landing__brandName{display:none}.landing__strip img{width:96px;height:54px}}