:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{box-sizing:border-box;flex-direction:column;width:100%;min-height:100svh;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--shadow:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--enemy-color:#e74c3c;--ally-color:#3498db;--success-color:#2ecc71;--warning-color:#f39c12;--danger-color:#ff4757;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace}[data-theme=dark]{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--shadow:0 10px 15px -3px #0006, 0 4px 6px -2px #00000040}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--shadow:0 10px 15px -3px #0006, 0 4px 6px -2px #00000040}}@media (width>=769px){::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--code-bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text)}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}*,:before,:after{box-sizing:border-box;-webkit-text-size-adjust:100%}input,button,select,textarea{font-family:inherit}body{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;line-height:1.5}#root{overscroll-behavior-y:contain;flex-direction:column;width:100%;min-height:100svh;display:flex}.app{flex-direction:column;min-height:100svh;display:flex}.app__header{padding:20px 12px 16px;padding-top:calc(20px + env(safe-area-inset-top,0px));text-align:center;border-bottom:1px solid var(--border)}.app__title{letter-spacing:-.8px;color:var(--text-h);margin:0;font-size:1.5rem;font-weight:800}.app__subtitle{color:var(--text);margin:4px 0 0;font-size:.8rem}.app__tabs{border-bottom:1px solid var(--border);background:var(--bg);scrollbar-width:none;-webkit-overflow-scrolling:touch;z-index:100;padding:0 8px;display:flex;position:sticky;top:0;overflow-x:auto}.app__tabs::-webkit-scrollbar{display:none}.tab-btn{font-family:var(--sans);color:var(--text);cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;padding:10px 14px;font-size:.85rem;font-weight:500;transition:color .2s,border-color .2s}.tab-btn.active{color:var(--accent);border-bottom-color:var(--accent);border-bottom-width:3px;font-weight:700}.tab-btn[aria-current=page]{color:var(--accent);border-bottom-color:var(--accent);font-weight:700}.tab-btn:active{opacity:.7}.tab-btn:hover{color:var(--text-h)}.app__main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:12px}.app__footer{text-align:center;border-top:1px solid var(--border);color:var(--text);opacity:.8;padding:12px;font-size:.8rem}.back-to-top{border:1px solid var(--border);background:var(--bg);width:44px;height:44px;color:var(--text-h);cursor:pointer;opacity:0;pointer-events:none;z-index:200;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;transition:opacity .3s,transform .2s;display:flex;position:fixed;bottom:72px;right:16px;box-shadow:0 2px 8px #0000001a}.back-to-top:hover{transform:translateY(-2px)}.back-to-top--visible{opacity:1;pointer-events:auto}.badge{border-radius:4px;padding:2px 7px;font-size:.65rem;font-weight:600;display:inline-block}.badge--role{color:#fff}.badge--specialty{background:var(--code-bg);border:1px solid var(--border);color:var(--text-h)}.badge--lane{color:var(--text);background:0 0;border:1px solid}.hero-list__controls{margin-bottom:12px}.hero-list__search{border:1px solid var(--border);width:100%;font-size:.9rem;font-family:var(--sans);background:var(--bg);color:var(--text-h);box-sizing:border-box;border-radius:10px;margin-bottom:12px;padding:10px 36px 10px 14px;transition:border-color .2s,box-shadow .2s}.hero-list__search:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg);outline:none}.search-clear-btn{background:var(--code-bg);cursor:pointer;width:26px;height:26px;color:var(--text-h);border:none;border-radius:50%;font-size:.7rem;transition:background .2s;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.search-clear-btn:hover{background:var(--border)}.hero-list__filters{flex-direction:column;gap:10px;margin-bottom:12px;display:flex}.filter-group__label{color:var(--text);margin-bottom:4px;font-size:.7rem;font-weight:600;display:block}.filter-group__buttons{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:wrap;gap:4px;display:flex;overflow-x:auto}.filter-group__buttons::-webkit-scrollbar{display:none}.filter-btn{border:1px solid var(--border);background:var(--bg);color:var(--text);font-family:var(--sans);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:16px;padding:7px 12px;font-size:.75rem;transition:all .2s}.filter-btn:hover{border-color:var(--accent)}.filter-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.filter-btn--clear{border-color:var(--enemy-color);color:var(--enemy-color);background:#e74c3c0d}.hero-list__count{color:var(--text);margin:0 0 12px;font-size:.8rem}.hero-grid{grid-template-columns:repeat(auto-fill,minmax(min(150px,45vw),1fr));gap:10px;display:grid}.hero-card{border:1px solid var(--border);background:var(--bg);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent;border-radius:10px;outline:none;flex-direction:column;padding:10px;transition:transform .12s,border-color .15s;display:flex}.hero-card:hover{border-color:var(--accent-border);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.hero-card:active{transform:scale(.98)}.hero-card__top{align-items:center;gap:8px;margin-bottom:8px;display:flex}.hero-card__icon{object-fit:cover;border:2px solid var(--border);border-radius:50%;flex-shrink:0;width:42px;height:42px}.hero-card__info{flex:1;min-width:0;overflow:hidden}.hero-card__header{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.hero-card__id{color:var(--text);font-size:.7rem;font-weight:600;font-family:var(--mono)}.hero-card__date{color:var(--text);font-size:.7rem}.hero-card__name{color:var(--text-h);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1rem;font-weight:600;overflow:hidden}.hero-card__title{color:var(--text);margin:1px 0 0;font-size:.72rem;font-style:italic}.hero-card__roles,.hero-card__specialties,.hero-card__lanes{flex-wrap:wrap;gap:3px;margin-bottom:4px;display:flex}.hero-card__region{color:var(--text);margin:4px 0 0;font-size:.7rem}.modal-overlay{-webkit-backdrop-filter:blur(2px);z-index:1000;background:#00000080;justify-content:center;align-items:flex-end;padding:0;animation:.2s ease-out overlayFade;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes overlayFade{0%{background:0 0}to{background:#00000080}}.modal{background:var(--bg);will-change:transform;border:1px solid var(--border);border-bottom:none;border-radius:16px 16px 0 0;width:100%;max-width:100%;max-height:90vh;animation:.2s ease-out slideUp;position:relative;box-shadow:0 -4px 20px #00000026}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal:before{content:"";background:var(--border);border-radius:2px;width:36px;height:4px;margin:8px auto 0;display:block}.modal__close{background:var(--code-bg);width:32px;height:32px;color:var(--text-h);cursor:pointer;z-index:20;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.3rem;line-height:1;display:flex;position:absolute;top:8px;right:8px}.modal__close:hover{background:var(--accent-bg)}.modal__close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.modal__body{-webkit-overflow-scrolling:touch;max-height:calc(90vh - 48px);padding:12px 16px 24px;overflow-y:auto}.detail-section-nav{scrollbar-width:none;background:var(--bg);z-index:5;gap:4px;margin-bottom:12px;padding:4px 0;display:flex;position:sticky;top:0;overflow-x:auto}.detail-section-nav::-webkit-scrollbar{display:none}.detail-section-nav__btn{border:1px solid var(--border);background:var(--code-bg);color:var(--text);font-family:var(--sans);cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;border-radius:16px;flex-shrink:0;padding:6px 12px;font-size:.7rem;font-weight:600;transition:all .2s}.detail-section-nav__btn:active{transform:scale(.96)}.detail-header{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.detail-header__icon{object-fit:cover;border:3px solid var(--accent-border);border-radius:50%;flex-shrink:0;width:64px;height:64px}.detail-header__info{flex:1;min-width:0;overflow:hidden}.detail-header__top{align-items:center;gap:8px;margin-bottom:2px;display:flex}.detail-header__id{color:var(--text);font-size:.75rem;font-weight:600;font-family:var(--mono)}.detail-header__date{color:var(--text);font-size:.75rem}.detail-header__name{color:var(--text-h);margin:0;font-size:1.3rem;font-weight:700}.detail-header__title{color:var(--text);margin:1px 0 4px;font-size:.85rem;font-style:italic}.detail-header__desc{color:var(--text);overflow-wrap:break-word;word-break:break-word;margin:0 0 8px;font-size:.82rem;line-height:1.4}.detail-header__badges{flex-wrap:wrap;gap:3px;display:flex}.detail-info-grid{background:var(--code-bg);border-radius:8px;grid-template-columns:repeat(2,1fr);gap:6px;margin-bottom:16px;padding:10px;display:grid}.detail-info-item{flex-direction:column;gap:1px;display:flex}.detail-info-item__label{text-transform:uppercase;letter-spacing:.3px;color:var(--text);font-size:.65rem}.detail-info-item__value{color:var(--text-h);font-size:.85rem;font-weight:500}.detail-section{margin-bottom:20px}.detail-section__title{color:var(--text-h);border-bottom:2px solid var(--border);letter-spacing:-.2px;margin:0 0 10px;padding-bottom:6px;font-size:1.05rem;font-weight:700}.detail-ratings{flex-direction:column;gap:6px;display:flex}.detail-rating{align-items:center;gap:8px;display:flex}.detail-rating__label{width:64px;color:var(--text);flex-shrink:0;font-size:.75rem}.detail-rating__bar{background:var(--border);border-radius:3px;flex:1;height:6px;overflow:hidden}.detail-rating__fill{background:var(--accent);border-radius:3px;height:100%;transition:width .3s}.detail-rating__value{width:32px;color:var(--text);text-align:right;flex-shrink:0;font-size:.7rem;font-weight:600}.detail-stats-table{border-collapse:collapse;width:100%}.detail-stats-table th,.detail-stats-table td{text-align:left;border-bottom:1px solid var(--border);padding:5px 6px;font-size:.75rem}.detail-stats-table th{color:var(--text);text-transform:uppercase;letter-spacing:.3px;background:var(--code-bg);font-size:.68rem;font-weight:600}.detail-stats-table td:not(:first-child){font-family:var(--mono);color:var(--text-h)}.detail-stats-table tr:last-child td{border-bottom:none}.detail-abilities{flex-direction:column;gap:0;display:flex}.detail-ability{border-bottom:1px solid var(--border);gap:10px;padding:8px 0;display:flex}.detail-ability:last-child{border-bottom:none}.detail-abilities .detail-ability:first-child{border-top:none}.detail-ability__icon{object-fit:cover;border:1px solid var(--border);border-radius:8px;flex-shrink:0;width:40px;height:40px}.detail-ability__content{flex:1;min-width:0;overflow:hidden}.detail-ability__header{align-items:center;gap:8px;margin-bottom:4px;display:flex}.detail-ability__label{text-transform:uppercase;letter-spacing:.3px;color:var(--accent);background:var(--accent-bg);border-radius:3px;padding:2px 6px;font-size:.62rem;font-weight:600}.detail-ability__name{color:var(--text-h);margin:0;font-size:.95rem}.detail-ability__effects{flex-wrap:wrap;gap:3px;margin-bottom:4px;display:flex}.detail-ability__desc{color:var(--text);overflow-wrap:break-word;margin:0 0 4px;font-size:.78rem;line-height:1.5}.detail-ability__stats{gap:12px;display:flex}.detail-ability__stat{flex-direction:column;gap:1px;display:flex}.detail-ability__stat-label{text-transform:uppercase;letter-spacing:.2px;color:var(--text);font-size:.62rem}.detail-ability__stat-value{color:var(--text-h);font-size:.78rem;font-weight:500;font-family:var(--mono)}.detail-ff-list{grid-template-columns:1fr;gap:6px;display:grid}.detail-ff-card{border:1px solid var(--border);background:var(--bg);cursor:pointer;text-align:left;border-radius:10px;flex-direction:column;gap:4px;padding:8px;font-family:inherit;transition:border-color .2s,transform .15s;display:flex}.detail-ff-card:active{transform:scale(.98)}.detail-ff-card--friend:hover{border-color:var(--success-color);box-shadow:0 2px 6px #2ecc711a}.detail-ff-card--foe:hover{border-color:var(--enemy-color);box-shadow:0 2px 6px #e74c3c1a}.detail-ff-card__header{align-items:center;gap:6px;display:flex}.detail-ff-card__icon{object-fit:cover;border-style:solid;border-width:2px;border-radius:50%;flex-shrink:0;width:32px;height:32px}.detail-ff-card--friend .detail-ff-card__icon{border:2px solid #2ecc71}.detail-ff-card--foe .detail-ff-card__icon{border:2px solid #e74c3c}.detail-ff-card__name{color:var(--text-h);font-size:.8rem;font-weight:600;line-height:1.2}.detail-ff-card__reason{color:var(--text);overflow-wrap:break-word;margin:0;font-size:.72rem;line-height:1.35}.detail-ff-empty{text-align:center;color:var(--text);background:var(--code-bg);border-radius:8px;margin:0;padding:12px;font-size:.8rem}.detail-build{flex-direction:column;gap:6px;display:flex}.detail-build__group{align-items:flex-start;gap:6px;display:flex}.detail-build__label{color:var(--text);flex-shrink:0;min-width:60px;font-size:.7rem;font-weight:600}.detail-build__items{flex-wrap:wrap;gap:3px;display:flex}.detail-build__item{background:var(--code-bg);border:1px solid var(--border);color:var(--text-h);border-radius:4px;padding:2px 8px;font-size:.68rem;display:inline-block}.detail-build__item--sit{border-style:dashed}.detail-build__item--emblem{border-color:var(--accent);color:var(--accent);background:var(--accent-bg)}.detail-emblem{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;padding-top:6px;display:flex}.detail-ability-order{border-top:1px solid var(--border);margin-top:6px;padding-top:6px}.detail-ability-order__pills{flex-wrap:wrap;gap:3px;margin:4px 0;display:flex}.detail-ability-order__pill{background:var(--accent-bg);color:var(--accent);border-radius:12px;align-items:center;gap:3px;padding:2px 8px;font-size:.68rem;font-weight:600;display:inline-flex}.detail-ability-order__desc{color:var(--text);margin:4px 0 0;font-size:.7rem;line-height:1.35}.detail-drafter-actions{border-top:1px solid var(--border);justify-content:center;gap:8px;padding:8px 16px 12px;display:flex}.drafter{flex-direction:column;gap:12px;display:flex}.drafter__topbar{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.drafter__shortcuts{display:none}.drafter-btn{border:1px solid var(--border);background:var(--bg);color:var(--text-h);font-family:var(--sans);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:6px;padding:5px 10px;font-size:.75rem;font-weight:500;transition:all .2s}.drafter-btn:hover:not(:disabled){background:var(--code-bg)}.drafter-btn:disabled{opacity:.35;cursor:not-allowed}.drafter-btn--icon{padding:5px 8px;font-size:.9rem}.drafter-btn--export{border-color:var(--accent);color:var(--accent);background:var(--accent-bg)}.drafter-btn--switch{border-color:var(--accent);color:var(--accent)}.drafter-btn--undo,.drafter-btn--reset{border-color:var(--border)}.draft-btn{border:1px solid var(--border);background:var(--bg);color:var(--text-h);font-family:var(--sans);cursor:pointer;border-radius:6px;padding:5px 10px;font-size:.75rem;font-weight:500;transition:all .2s}.draft-btn:hover:not(:disabled){background:var(--code-bg)}.draft-btn:disabled{opacity:.35}.draft-btn--redo{border-color:var(--accent);color:var(--accent)}.draft-toggle{color:var(--text);cursor:pointer;align-items:center;gap:4px;font-size:.72rem;display:flex}.draft-toggle input{cursor:pointer}.presets-panel{background:var(--code-bg);border:1px solid var(--border);border-radius:10px;margin-bottom:4px;padding:10px}.presets-panel__save{gap:6px;margin-bottom:8px;display:flex}.presets-panel__input{border:1px solid var(--border);background:var(--bg);color:var(--text-h);font-family:var(--sans);border-radius:8px;flex:1;padding:7px 12px;font-size:.78rem;transition:border-color .2s}.presets-panel__input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg);outline:none}.presets-panel__list{flex-direction:column;gap:4px;display:flex}.preset-item{align-items:center;gap:4px;display:flex}.preset-item__load{border:1px solid var(--border);background:var(--bg);color:var(--text-h);font-family:var(--sans);cursor:pointer;border-radius:6px;flex:1;justify-content:space-between;align-items:center;padding:6px 10px;font-size:.78rem;display:flex}.preset-item__load:hover{border-color:var(--accent);background:var(--accent-bg)}.preset-item__load{transition:border-color .2s,background .2s}.preset-item__name{font-weight:600}.preset-item__count{color:var(--text);font-size:.68rem}.preset-item__delete{border:1px solid var(--border);background:var(--bg);width:32px;height:32px;color:var(--enemy-color);cursor:pointer;border-radius:6px;font-size:.72rem}.draft-timer{background:var(--code-bg);border:1px solid var(--border);border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-bottom:4px;padding:6px;display:flex}.draft-timer__toggle{border:1px solid var(--border);background:var(--bg);width:30px;height:30px;color:var(--text-h);cursor:pointer;border-radius:6px;font-size:.8rem}.draft-timer__display{font-size:1.2rem;font-weight:800;font-family:var(--mono);color:var(--text-h);text-align:center;min-width:50px}.draft-timer__display.urgent{color:var(--enemy-color);animation:.5s ease-in-out infinite timerPulse}.draft-timer__display.expired{color:var(--enemy-color);text-decoration:line-through}@keyframes timerPulse{0%,to{opacity:1}50%{opacity:.5}}.team-tabs{gap:4px;margin-bottom:4px;display:flex}.team-tab{border:1px solid var(--border);background:var(--code-bg);color:var(--text);font-family:var(--sans);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 12px;font-size:.75rem;font-weight:600;transition:all .2s;display:flex}.team-tab--enemy.active{border-color:var(--enemy-color);color:var(--enemy-color);background:#e74c3c1f}.team-tab--ally.active{border-color:var(--ally-color);color:var(--ally-color);background:#3498db1f}.team-tab__dot{border-radius:50%;width:8px;height:8px}.team-tab__dot--enemy{background:var(--enemy-color)}.team-tab__dot--ally{background:var(--ally-color)}.drafter__teams--swipeable{position:relative;overflow:hidden}.drafter__teams-track{width:200%;transition:transform .25s ease-out;display:flex}.drafter__teams-track--ally{transform:translate(-50%)}.drafter__team-panel{flex-shrink:0;width:50%;padding-right:4px}.team-bar{border:1px solid var(--border);cursor:pointer;border-radius:12px;padding:10px;transition:border-color .2s,box-shadow .2s}.team-bar--enemy{background:#e74c3c0d;border-color:#e74c3c4d}.team-bar--ally{background:#3498db0d;border-color:#3498db4d}.team-bar--active.team-bar--enemy{border-color:var(--enemy-color);box-shadow:0 0 0 2px #e74c3c40}.team-bar--active.team-bar--ally{border-color:var(--ally-color);box-shadow:0 0 0 2px #3498db40}.team-bar__label{text-transform:uppercase;letter-spacing:.3px;color:var(--text);align-items:center;gap:6px;margin-bottom:6px;font-size:.72rem;font-weight:600;display:flex}.team-bar--enemy .team-bar__label{color:var(--enemy-color)}.team-bar--ally .team-bar__label{color:var(--ally-color)}.team-bar__picking{text-transform:uppercase;border-radius:3px;padding:1px 5px;font-size:.58rem;font-weight:700}.team-bar--enemy .team-bar__picking{background:var(--enemy-color);color:#fff}.team-bar--ally .team-bar__picking{background:var(--ally-color);color:#fff}.team-bar__slots{contain:layout;gap:4px;display:flex}.team-bar__slot{aspect-ratio:1;border:2px dashed var(--border);border-radius:8px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;min-width:44px;min-height:44px;transition:border-color .15s;display:flex;position:relative}.team-bar__slot.filled{cursor:pointer;border-style:solid;padding:3px}.team-bar--enemy .team-bar__slot.filled{border-color:var(--enemy-color)}.team-bar--ally .team-bar__slot.filled{border-color:var(--ally-color)}.team-bar__placeholder{color:var(--text);opacity:.4;font-size:.85rem;font-weight:600}.team-bar__icon{object-fit:cover;border:1px solid var(--border);border-radius:50%;width:100%;max-width:36px}.team-bar__name{text-align:center;color:var(--text-h);word-break:break-word;font-size:.62rem;line-height:1.1}.team-bar__remove{border:2px solid var(--bg);background:var(--enemy-color);color:#fff;cursor:pointer;z-index:15;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:12px;line-height:1;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 4px #0003}.team-bar__remove:hover{background:#c0392b}.draft-controls{background:var(--code-bg);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:6px;padding:8px;display:flex}.draft-order{scrollbar-width:none;-webkit-overflow-scrolling:touch;contain:layout style;align-items:center;gap:3px;display:flex;overflow-x:auto}.draft-order::-webkit-scrollbar{display:none}.draft-order__slot{border:2px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:clamp(26px,7vw,36px);height:clamp(26px,7vw,36px);display:flex;position:relative;overflow:hidden}.draft-order__slot--enemy{border-color:#e74c3c66}.draft-order__slot--ally{border-color:#3498db66}.draft-order__slot.current{border-color:var(--accent);border-width:3px;animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0 #aa3bff66}50%{box-shadow:0 0 0 6px #aa3bff00}}.draft-order__slot.filled img{object-fit:cover;cursor:pointer;border-radius:50%;width:100%;height:100%;transition:transform .15s}.draft-order__slot.filled:hover img{transform:scale(1.08)}.draft-order__number{color:var(--text-h);opacity:.6;font-size:.65rem;font-weight:700}.draft-actions{justify-content:space-between;align-items:center;gap:6px;display:flex}.draft-pick-indicator{border-radius:8px;padding:5px 12px;font-size:.78rem;font-weight:600}.draft-pick-indicator--enemy{color:var(--enemy-color);background:#e74c3c1f}.draft-pick-indicator--ally{color:var(--ally-color);background:#3498db1f}.draft-pick-indicator.done{color:var(--success-color);background:#2ecc711f}.draft-buttons{align-items:center;gap:4px;display:flex}.mobile-action-bar{background:var(--bg);border-top:1px solid var(--border);padding:6px 8px;padding-bottom:calc(6px + env(safe-area-inset-bottom,0px));z-index:50;justify-content:space-around;gap:4px;display:flex;position:sticky;bottom:0;left:0;right:0;box-shadow:0 -4px 12px #0000000f}.mobile-action-bar__btn{border:1px solid var(--border);background:var(--bg);color:var(--text);font-family:var(--sans);cursor:pointer;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 4px;font-size:.68rem;font-weight:600;transition:all .2s;display:flex}.mobile-action-bar__btn:disabled{opacity:.35}.mobile-action-bar__btn--enemy.active{border-color:var(--enemy-color);color:var(--enemy-color);background:#e74c3c1f}.mobile-action-bar__btn--ally.active{border-color:var(--ally-color);color:var(--ally-color);background:#3498db1f}.mobile-action-bar__dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.mobile-action-bar__dot--enemy{background:var(--enemy-color)}.mobile-action-bar__dot--ally{background:var(--ally-color)}.drafter__main{flex-direction:column;gap:10px;display:flex}.drafter__hero-section{flex:1;min-width:0}.drafter__suggestions{width:100%}@media (width>=769px){.drafter__suggestions{max-width:600px;margin:0 auto}}.drafter__hint{color:var(--text);text-align:center;opacity:.85;margin-top:6px;font-size:.68rem}.synergy-dot,.danger-dot{vertical-align:middle;border-radius:50%;width:7px;height:7px;display:inline-block}.synergy-dot{background:var(--success-color)}.danger-dot{background:var(--enemy-color)}.hero-search-fab{align-items:center;gap:6px;margin-bottom:6px;display:flex}.hero-search-fab__btn{border:1px solid var(--border);background:var(--code-bg);width:36px;height:36px;color:var(--text-h);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;transition:all .2s;display:flex}.hero-search-fab__btn:hover{border-color:var(--accent);background:var(--accent-bg);transform:scale(1.05)}.hero-list__search--fab{flex:1;margin-bottom:0}.hero-search-active{border:1px solid var(--accent);background:var(--accent-bg);color:var(--accent);cursor:pointer;border-radius:16px;align-items:center;gap:4px;margin-bottom:6px;padding:5px 12px;font-size:.72rem;transition:all .2s;display:inline-flex}.hero-search-active:hover{background:var(--accent);color:#fff}.role-filter-chips{flex-wrap:wrap;gap:3px;margin-bottom:6px;display:flex}.role-chip{border:1px solid var(--border);background:var(--bg);color:var(--text);font-family:var(--sans);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:14px;padding:6px 10px;font-size:.68rem;font-weight:600;transition:all .2s}.role-chip:hover{border-color:var(--accent)}.role-chip--clear{border-color:var(--enemy-color);color:var(--enemy-color);background:#e74c3c0d}.hero-icon-grid{contain:layout style;flex-direction:column;gap:8px;margin-top:6px;display:flex}.hero-icon-group{border:1px solid var(--border);contain:content;border-radius:8px;overflow:hidden}.hero-icon-group__header{background:var(--code-bg);align-items:center;gap:6px;padding:5px 8px;display:flex}.hero-icon-group__label{color:#fff;border-radius:3px;padding:2px 8px;font-size:.68rem;font-weight:700}.hero-icon-group__count{color:var(--text);font-size:.65rem}.hero-icon-group__icons{flex-wrap:wrap;gap:3px;padding:6px;display:flex}.hero-icon-btn-wrap{display:inline-block;position:relative}.hero-icon-btn{contain:layout style;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:0 0;border:2px solid #0000;border-radius:50%;width:clamp(34px,10vw,42px);height:clamp(34px,10vw,42px);padding:0;transition:transform .12s,opacity .15s,border-color .15s,box-shadow .2s;position:relative;overflow:hidden}.hero-icon-btn img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.hero-icon-btn:hover:not(:disabled){border-color:var(--accent);z-index:1;transform:scale(1.12)}.hero-icon-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero-icon-btn:active:not(:disabled){transform:scale(.85)}.hero-icon-btn:disabled{cursor:not-allowed;opacity:.35;filter:grayscale(.5)}.hero-icon-btn--enemy img{border:2px solid #e74c3c;border-radius:50%}.hero-icon-btn--ally img{border:2px solid #3498db;border-radius:50%}.hero-icon-btn--synergy{transition:box-shadow .2s,transform .12s,opacity .15s,border-color .15s;box-shadow:0 0 0 2px #2ecc714d}.hero-icon-btn--danger{transition:box-shadow .2s,transform .12s,opacity .15s,border-color .15s;box-shadow:0 0 0 2px #e74c3c4d}.hero-icon-btn__badge{color:#fff;z-index:3;border:1px solid var(--bg);background:var(--enemy-color);z-index:4;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:.5rem;font-weight:800;display:flex;position:absolute;top:-2px;left:-2px}.hero-icon-btn--ally .hero-icon-btn__badge{background:var(--ally-color)}.hero-icon-btn__tier{color:#fff;z-index:2;border:1px solid var(--bg);z-index:3;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:.55rem;font-weight:800;display:flex;position:absolute;bottom:-2px;right:-2px}.hero-icon-btn__tier--S{background:#ff4757}.hero-icon-btn__tier--A{background:#ff6b35}.hero-icon-btn__tier--B{background:#ffa502}.hero-icon-btn__tier--C{background:#747d8c}.hero-preview-tooltip{z-index:150;pointer-events:none;display:none;position:fixed;transform:translateY(-100%)}.hero-preview{background:var(--bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px;width:180px;padding:8px}.hero-preview__header{align-items:center;gap:6px;margin-bottom:4px;display:flex}.hero-preview__icon{object-fit:cover;border:1px solid var(--border);border-radius:50%;width:32px;height:32px}.hero-preview__info{flex-direction:column;display:flex}.hero-preview__name{color:var(--text-h);font-size:.78rem;font-weight:600}.hero-preview__title{color:var(--text);font-size:.65rem}.hero-preview__roles{flex-wrap:wrap;gap:3px;margin-bottom:4px;display:flex}.hero-preview__ratings{flex-direction:column;gap:2px;display:flex}.hero-preview__rating{align-items:center;gap:4px;display:flex}.hero-preview__rating-label{width:28px;color:var(--text-h);opacity:.7;font-size:.58rem}.hero-preview__rating-bar{background:var(--border);border-radius:2px;flex:1;height:4px;overflow:hidden}.hero-preview__rating-fill{background:var(--accent);border-radius:2px;height:100%}.counter-suggestions{background:var(--code-bg);border:1px solid var(--border);border-radius:12px;padding:12px}.counter-suggestions--empty{opacity:.7}.counter-suggestions__header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.counter-suggestions__title{color:var(--text-h);margin:0;font-size:.95rem;font-weight:700}.counter-suggestions__hint{color:var(--text);margin:0 0 8px;font-size:.72rem}.counter-suggestions__placeholder{text-align:center;padding:20px 8px}.counter-suggestions__placeholder-icon{opacity:.15;border-radius:50%;width:48px;height:48px;margin-bottom:6px}.counter-suggestions__placeholder p{color:var(--text);font-size:.78rem}.counter-suggestions__list{-webkit-overflow-scrolling:touch;flex-direction:column;gap:6px;max-height:50vh;display:flex;overflow-y:auto}@media (width>=769px){.counter-suggestions__list{max-height:500px}}.counter-card{background:var(--bg);border:1px solid var(--border);cursor:pointer;contain:layout style;border-radius:10px;align-items:flex-start;gap:6px;padding:8px;transition:border-color .2s,transform .15s,box-shadow .2s;display:flex}.counter-card:hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:0 2px 8px #0000000f}.counter-card:focus-within{border-color:var(--accent)}.counter-card:active{transform:scale(.98)}.counter-card[role=button]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.counter-card__quick-add{border:1px solid var(--border);background:var(--accent-bg);width:24px;height:24px;color:var(--accent);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:.9rem;font-weight:700;line-height:1;display:flex}.counter-card__rank{color:var(--text);flex-shrink:0;min-width:22px;margin-top:4px;font-size:.65rem;font-weight:700}.counter-card__tier{border-radius:6px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;min-width:38px;padding:3px 6px;display:flex}.counter-card__tier-letter{color:#fff;font-size:.8rem;font-weight:800;line-height:1}.counter-card__tier-score{color:#ffffffe6;margin-top:1px;font-size:.55rem}.counter-card__icon{object-fit:cover;border:3px solid;border-radius:50%;flex-shrink:0;width:36px;height:36px}.counter-card__body{flex:1;min-width:0;overflow:hidden}.counter-card__name{color:var(--text-h);text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;font-size:.8rem;font-weight:600;display:block;overflow:hidden}.counter-card__badges{flex-wrap:wrap;gap:2px;margin-bottom:3px;display:flex}.counter-card__badges .badge{padding:1px 4px;font-size:.52rem}.counter-card__scores{gap:3px;margin-bottom:2px;display:flex}.counter-card__score-pill{background:var(--code-bg);color:var(--text);border-radius:3px;padding:1px 4px;font-size:.58rem}.counter-card__section{margin-top:3px}.counter-card__section-label{color:var(--text);margin-right:4px;font-size:.6rem;font-weight:600}.counter-card__icons{vertical-align:middle;gap:2px;display:inline-flex}.counter-card__icons img{object-fit:cover;border:1px solid var(--border);border-radius:50%;width:18px;height:18px}.counter-card__icon-wrap--ally img{border-color:var(--ally-color)}.counter-card__icon-wrap img{border-color:var(--enemy-color)}.drafter__comp-row-wrapper{margin-bottom:4px}.drafter__comp-row{flex-direction:column;gap:8px;display:flex}.comp-analysis{border:1px solid var(--border);border-radius:10px;padding:8px}.comp-analysis--ally{background:#3498db0a;border-color:#3498db33}.comp-analysis--enemy{background:#e74c3c0a;border-color:#e74c3c33}.comp-analysis__roles{flex-wrap:wrap;gap:3px;margin-bottom:4px;display:flex}.comp-analysis__role-badge{color:#fff;border-radius:3px;padding:2px 6px;font-size:.58rem;font-weight:600}.comp-analysis__role-badge--missing{opacity:.6;background:0 0;border:1px dashed}.comp-analysis__bars{margin:3px 0}.comp-analysis__dmg-bar{align-items:center;gap:5px;display:flex}.comp-analysis__bar-label{color:var(--text-h);opacity:.7;width:28px;font-size:.6rem;font-weight:600}.comp-analysis__bar{background:var(--border);border-radius:3px;flex:1;height:6px;display:flex;overflow:hidden}.comp-analysis__bar-phys{background:var(--enemy-color)}.comp-analysis__bar-magic{background:var(--ally-color)}.comp-analysis__bar-true{background:#f1c40f}.comp-analysis__tags{flex-wrap:wrap;gap:3px;margin-top:3px;display:flex}.comp-analysis__tag{border-radius:3px;padding:2px 5px;font-size:.62rem;font-weight:600}.comp-analysis__tag--good{color:var(--success-color);background:#2ecc7126}.comp-analysis__tag--bad{color:var(--enemy-color);background:#e74c3c26}.comp-analysis__warnings{margin-top:3px}.comp-analysis__warning{color:var(--enemy-color);margin:1px 0;font-size:.65rem}.comp-collapse-btn,.suggestions-collapse-btn{border:1px solid var(--border);background:var(--code-bg);width:100%;color:var(--text-h);font-family:var(--sans);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:8px;align-items:center;gap:6px;margin-bottom:4px;padding:8px 12px;font-size:.78rem;font-weight:600;transition:all .2s;display:flex}.comp-collapse-btn:active,.suggestions-collapse-btn:active{transform:scale(.98)}.comp-collapse-btn:hover,.suggestions-collapse-btn:hover{background:var(--accent-bg)}.comp-collapse-btn__icon{color:var(--text);font-size:.65rem}.win-prob{background:var(--code-bg);border:1px solid var(--border);border-radius:10px;padding:10px 12px}.win-prob__header{margin-bottom:4px}.win-prob__label{color:var(--text-h);font-size:.8rem;font-weight:700}.win-prob__bar-container{border-radius:6px;height:24px;display:flex;position:relative;overflow:hidden}.win-prob__side{color:#fff;justify-content:center;align-items:center;min-width:0;font-size:.72rem;font-weight:700;transition:width .3s;display:flex;overflow:hidden}.win-prob__side--ally{background:var(--ally-color)}.win-prob__side--enemy{background:var(--enemy-color)}.win-prob__side span{padding:0 4px}.win-prob__side span[data-low]{color:var(--text);margin-top:28px;font-size:.65rem;display:block;position:absolute}.win-prob__labels{justify-content:space-between;margin-top:3px;display:flex}.win-prob__team-label{color:var(--text);font-size:.62rem}.ban-suggestions{background:var(--code-bg);border:1px solid var(--border);border-radius:10px;margin-top:10px;padding:10px}.ban-suggestions__title{color:var(--text-h);margin:0 0 8px;font-size:.9rem;font-weight:700}.ban-suggestions__list{flex-direction:column;gap:4px;display:flex}.ban-suggestion-card{background:var(--bg);border:1px solid var(--border);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:5px 6px;transition:border-color .2s,transform .15s;display:flex}.ban-suggestion-card:hover{border-color:var(--enemy-color);box-shadow:0 2px 6px #e74c3c1a}.ban-suggestion-card:active{transform:scale(.97)}.ban-suggestion-card__icon{object-fit:cover;border:3px solid;border-radius:50%;width:28px;height:28px}.ban-suggestion-card__body{flex:1;justify-content:space-between;align-items:center;display:flex}.ban-suggestion-card__name{color:var(--text-h);font-size:.75rem;font-weight:600}.ban-suggestion-card__score{color:var(--enemy-color);font-size:.65rem;font-weight:700}.synergy-web{background:var(--code-bg);border:1px solid var(--border);text-align:center;border-radius:10px;margin-top:10px;padding:10px}.synergy-web__title{color:var(--text-h);margin:0 0 8px;font-size:.9rem;font-weight:700}.synergy-web__svg{width:180px;height:180px}.synergy-web__line{stroke:#2ecc71;stroke-width:2px;opacity:.5;stroke-dasharray:4 2}.synergy-web__label{fill:var(--text-h);opacity:.8;font-size:7px}.compare-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.compare-header__hero{flex-direction:column;flex:1;align-items:center;gap:3px;display:flex}.compare-header__icon{object-fit:cover;border:3px solid;border-radius:50%;width:40px;height:40px}.compare-header__name{color:var(--text-h);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.85rem;font-weight:600;overflow:hidden}.compare-header__roles{flex-wrap:wrap;justify-content:center;gap:2px;display:flex}.compare-header__vs{color:var(--text);font-size:1rem;font-weight:800}.compare-ratings{flex-direction:column;gap:3px;margin-bottom:12px;display:flex}.compare-rating-row{align-items:center;gap:6px;display:flex}.compare-rating__val{text-align:center;width:28px;color:var(--text);font-size:.85rem;font-weight:700}.compare-rating__val.winner{color:var(--success-color)}.compare-rating__label{text-align:center;color:var(--text);flex:1;font-size:.72rem}.compare-stats-table{border-collapse:collapse;width:100%;font-size:.75rem}.compare-stats-table th{text-align:center;border-bottom:2px solid var(--border);color:var(--text-h);padding:5px 6px;font-weight:600}.compare-stats-table td{text-align:center;border-bottom:1px solid var(--border);color:var(--text);padding:4px 6px}.compare-stats__label{color:var(--text-h);font-weight:600}.compare-winner{color:var(--success-color);font-weight:7 0}.compare-stats-table tr:last-child td{border-bottom:none}.tier-list{flex-direction:column;gap:16px;display:flex}.tier-list__header{text-align:center;margin-bottom:8px}.tier-list__season{color:var(--text-h);margin:0;font-size:1.3rem;font-weight:800}.tier-list__updated{color:var(--text);margin:2px 0 0;font-size:.72rem}.tier-list__groups{flex-direction:column;gap:10px;display:flex}.tier-group{border:2px solid;border-radius:10px;overflow:hidden}.tier-group__header{color:#fff;align-items:center;gap:8px;padding:6px 10px;display:flex}.tier-group__letter{font-size:1.2rem;font-weight:800;line-height:1}.tier-group__label{flex:1;font-size:.85rem;font-weight:600}.tier-group__count{opacity:.8;background:#fff3;border-radius:10px;padding:2px 8px;font-size:.72rem}.tier-group__desc{color:var(--text);background:var(--bg);border-bottom:1px solid var(--border);padding:4px 10px;font-size:.68rem;font-style:italic}.tier-group__heroes{flex-direction:column;gap:6px;padding:8px;display:flex}.tier-hero{border:1px solid var(--border);background:var(--bg);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:6px 8px;transition:transform .15s,border-color .2s,box-shadow .2s;display:flex}.tier-hero:hover{border-color:var(--accent);box-shadow:0 2px 8px #0000000f}.tier-hero:active{transform:scale(.98)}.tier-hero:hover{border-color:var(--accent);transform:translateY(-1px)}.tier-hero__icon{object-fit:cover;border:2px solid var(--border);border-radius:50%;flex-shrink:0;width:38px;height:38px}.tier-hero__info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.tier-hero__name{color:var(--text-h);font-size:.8rem;font-weight:600}.tier-hero__note{color:var(--text);margin-top:1px;font-size:.58rem;line-height:1.3}.tier-hero__roles{flex-wrap:wrap;gap:2px;display:flex}.matchup-matrix{flex-direction:column;gap:16px;display:flex}.matchup-matrix__selector{flex-direction:column;gap:8px;display:flex}.matchup-matrix__hero-display{border:1px solid var(--border);background:var(--code-bg);border-radius:10px;align-items:center;gap:10px;padding:10px;display:flex}.matchup-matrix__hero-icon{object-fit:cover;border:2px solid var(--accent-border);border-radius:50%;width:48px;height:48px}.matchup-matrix__hero-name{color:var(--text-h);margin:0;font-size:1rem}.matchup-matrix__hero-title{color:var(--text);margin:1px 0 3px;font-size:.75rem;font-style:italic}.matchup-matrix__hero-roles{flex-wrap:wrap;gap:3px;display:flex}.matchup-matrix__picker{flex:1;min-width:0}.matchup-matrix__hero-list{flex-wrap:wrap;gap:3px;max-height:150px;margin-top:6px;padding:4px;display:flex;overflow-y:auto}.matchup-matrix__pick{border:1px solid var(--border);background:var(--bg);cursor:pointer;font-family:var(--sans);color:var(--text-h);border-radius:6px;align-items:center;gap:4px;padding:3px 6px;font-size:.72rem;transition:border-color .15s;display:flex}.matchup-matrix__pick:hover{border-color:var(--accent)}.matchup-matrix__pick:active{transform:scale(.96)}.matchup-matrix__pick.active{border-color:var(--accent);background:var(--accent-bg)}.matchup-matrix__pick img{object-fit:cover;border-radius:50%;width:22px;height:22px}.matchup-matrix__results{flex-direction:column;gap:12px;display:flex}.matchup-matrix__section{border:1px solid var(--border);background:var(--bg);border-radius:10px;padding:10px}.matchup-matrix__section--friend{background:#2ecc7108;border-color:#2ecc714d}.matchup-matrix__section--foe{background:#e74c3c08;border-color:#e74c3c4d}.matchup-matrix__section-title{color:var(--text-h);margin:0 0 10px;font-size:.95rem;font-weight:700}.matchup-matrix__cards{grid-template-columns:1fr;gap:6px;display:grid}.matchup-card{border:1px solid var(--border);background:var(--bg);cursor:pointer;border-radius:10px;align-items:flex-start;gap:6px;padding:6px;transition:border-color .2s,transform .15s;display:flex}.matchup-card:hover{transform:translateY(-1px)}.matchup-card:active{transform:scale(.98)}.matchup-card--friend:hover{border-color:var(--success-color);box-shadow:0 2px 6px #2ecc711a}.matchup-card--foe:hover{border-color:var(--enemy-color);box-shadow:0 2px 6px #e74c3c1a}.matchup-card__icon{object-fit:cover;border-radius:50%;flex-shrink:0;width:32px;height:32px}.matchup-card--friend .matchup-card__icon{border:2px solid #2ecc71}.matchup-card--foe .matchup-card__icon{border:2px solid #e74c3c}.matchup-card__body{flex:1;min-width:0;overflow:hidden}.matchup-card__name{color:var(--text-h);margin-bottom:2px;font-size:.8rem;font-weight:600;display:block}.matchup-card__reason{color:var(--text);overflow-wrap:break-word;margin:0;font-size:.68rem;line-height:1.35}.matchup-matrix__empty{text-align:center;color:var(--text);padding:12px;font-size:.82rem}.matchup-matrix__neutral-grid{flex-wrap:wrap;gap:3px;display:flex}.matchup-matrix__neutral-btn{cursor:pointer;background:0 0;border:none;padding:0;transition:transform .1s}.matchup-matrix__neutral-btn:hover{transform:scale(1.15)}.matchup-matrix__neutral-btn img{object-fit:cover;opacity:.6;border-radius:50%;width:28px;height:28px;transition:opacity .15s}.matchup-matrix__neutral-btn:hover img{opacity:1}.pull-reset-indicator{background:var(--code-bg);z-index:1;border-radius:8px;justify-content:center;align-items:center;margin-bottom:4px;transition:height .1s ease-out;display:flex;overflow:hidden}.pull-reset-indicator__text{color:var(--text);white-space:nowrap;font-size:.7rem;font-weight:600}.drafter-btn--enemy{border-color:var(--enemy-color);color:var(--enemy-color);background:#e74c3c14}.drafter-btn--enemy:hover{background:#e74c3c26}.drafter-btn--enemy.active{background:var(--enemy-color);color:#fff}.drafter-btn--ally{border-color:var(--ally-color);color:var(--ally-color);background:#3498db14}.drafter-btn--ally:hover{background:#3498db26}.drafter-btn--ally.active{background:var(--ally-color);color:#fff}.hero-icon-grid--compact .hero-icon-btn{width:clamp(24px,7vw,32px);height:clamp(24px,7vw,32px)}.hero-icon-grid--compact .hero-icon-group__icons{gap:2px;padding:4px}.hero-icon-grid--compact .hero-icon-btn__tier{width:11px;height:11px;font-size:.4rem}.team-bar__slot.filled{animation:.3s ease-out slotFillIn}@keyframes slotFillIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.synergy-dot{box-shadow:0 0 4px #2ecc7199}.danger-dot{box-shadow:0 0 4px #e74c3c99}@media (height<=500px) and (orientation:landscape){.modal{border-radius:0;max-height:100vh}.modal:before{display:none}.modal__body{max-height:100vh;padding:8px 16px}}@media (width>=769px){.app__header{padding:40px 24px 24px}.app__title{font-size:2.5rem}.app__subtitle{font-size:1rem}.app__tabs{padding:0 24px}.tab-btn{padding:10px 24px;font-size:.95rem}.app__main{padding:24px}.hero-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.hero-card{padding:16px}.hero-card__icon{width:56px;height:56px}.hero-card__name{font-size:1.25rem}.hero-card__title{font-size:.85rem}.hero-card__region{font-size:.8rem}.filter-btn{padding:6px 14px;font-size:.85rem}.filter-group__label{font-size:.8rem}.hero-list__search{padding:12px 16px;font-size:1rem}.modal-overlay{align-items:center;padding:24px}.modal{border:1px solid var(--border);border-radius:16px;max-width:720px}.modal:before{display:none}.modal__body{max-height:calc(100vh - 48px);padding:24px}.detail-header{flex-direction:row;gap:20px}.detail-header__icon{width:96px;height:96px}.detail-header__name{font-size:1.75rem}.detail-info-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;padding:16px}.detail-stats-table th,.detail-stats-table td{padding:8px 12px;font-size:.88rem}.detail-ability{border:1px solid var(--border);border-radius:8px;gap:16px;padding:16px}.detail-ability__icon{width:56px;height:56px}.detail-ability__name{font-size:1.1rem}.detail-ability__desc{font-size:.88rem}.detail-ff-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.drafter{gap:16px;width:100%;max-width:1200px;margin:0 auto}.drafter__main{flex-direction:row;gap:24px}.drafter__suggestions{flex-shrink:0;width:360px}.drafter__topbar{gap:12px}.drafter__shortcuts{color:var(--text);margin-left:auto;font-size:.7rem;display:inline}.drafter__shortcuts kbd{background:var(--code-bg);border:1px solid var(--border);font-family:var(--mono);border-radius:4px;margin:0 2px;padding:1px 5px;font-size:.65rem}.drafter__hint{opacity:1;font-size:.72rem}.draft-buttons{display:flex}.mobile-action-bar{display:none}.draft-actions{justify-content:space-between}.team-tabs{display:none}.drafter__teams--swipeable{flex-wrap:wrap;gap:16px;display:flex;overflow:visible}.drafter__teams-track{display:contents}.drafter__teams-track--ally{transform:none}.drafter__team-panel{flex:1;width:auto;min-width:280px;padding:0}.team-bar__slot{max-width:90px}.team-bar__icon{max-width:48px}.team-bar__name{font-size:.6rem}.team-bar__remove{width:22px;height:22px;font-size:14px;top:-6px;right:-6px}.draft-order__slot{width:36px;height:36px}.draft-order__number{font-size:.7rem}.hero-icon-btn{width:42px;height:42px}.hero-icon-group__icons{gap:4px;padding:8px}.hero-icon-group__label{font-size:.75rem}.hero-icon-group__count{font-size:.7rem}.hero-preview-tooltip{display:block}.comp-collapse-btn,.suggestions-collapse-btn{display:none}.drafter__comp-row-wrapper{margin-bottom:0}.drafter__comp-row{flex-direction:row}.counter-card__icon{width:40px;height:40px}.counter-card__name{font-size:.85rem}.counter-suggestions__list{max-height:70vh}.hero-search-fab,.hero-search-active{display:none}.detail-section-nav__btn:hover{background:var(--accent-bg);border-color:var(--accent)}.tier-hero{min-width:180px;max-width:260px}.tier-group__heroes{flex-flow:wrap;gap:8px}.tier-group__letter{font-size:1.4rem}.tier-group__label{font-size:.9rem}.matchup-matrix__selector{flex-flow:wrap}.matchup-matrix__hero-display{min-width:200px}.matchup-matrix__hero-icon{width:64px;height:64px}.matchup-matrix__hero-name{font-size:1.2rem}.matchup-matrix__hero-list{max-height:200px}.matchup-matrix__cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px}.matchup-card__icon{width:36px;height:36px}.matchup-card__name{font-size:.85rem}.matchup-card__reason{font-size:.72rem}.matchup-matrix__neutral-btn img{width:32px;height:32px}.win-prob__label{font-size:.8rem}.win-prob__bar-container{height:28px}.ban-suggestion-card__icon{width:32px;height:32px}.ban-suggestion-card__name{font-size:.8rem}.compare-header__icon{width:56px;height:56px}.compare-header__name{font-size:.95rem}.pull-reset-indicator{display:none}.draft-controls{padding:12px}.draft-order{flex-wrap:nowrap}.synergy-web__svg{width:200px;height:200px}}@media (width>=1024px){.hero-icon-btn{width:46px;height:46px}.hero-icon-group__icons{gap:8px}.modal{max-width:800px}.detail-header__icon{width:96px;height:96px}.detail-header__name{font-size:1.6rem}}@media (width>=1440px){.app{max-width:1400px;margin:0 auto}.hero-icon-btn{width:50px;height:50px}.app__main{max-width:1300px}}.counter-card__add-btn{border:2px solid var(--ally-color);width:36px;height:36px;color:var(--ally-color);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#3498db1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:1.1rem;font-weight:700;line-height:1;transition:background .15s,transform .1s;display:flex}.counter-card__add-btn:hover:not(:disabled){background:var(--ally-color);color:#fff;transform:scale(1.1)}.counter-card__add-btn:active:not(:disabled){transform:scale(.9)}.counter-card__add-btn:disabled{opacity:.3;cursor:not-allowed}.hero-icon-btn--meta{transition:box-shadow .2s,transform .12s,opacity .15s,border-color .15s;box-shadow:0 0 0 2px #ffa50266}.hero-icon-btn--meta:hover:not(:disabled){box-shadow:0 0 0 3px #ffa50299}.meta-dot{vertical-align:middle;background:#ffa502;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 4px #ffa50299}@media (height<=500px) and (orientation:landscape){.modal{border-radius:0;max-height:100vh}.modal:before{display:none}.modal__body{max-height:100vh;padding:8px 16px}}@media (width>=769px){.counter-card__add-btn{width:36px;height:36px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.modal,.draft-order__slot.current,.draft-timer__display.urgent,.team-bar__slot.filled{animation:none}}.tier-group__header{background-image:linear-gradient(135deg,#ffffff1a,#0000)}.counter-card:first-child .counter-card__add-btn:not(:disabled){animation:2s ease-in-out infinite addBtnPulse}@keyframes addBtnPulse{0%,to{box-shadow:0 0 #3498db66}50%{box-shadow:0 0 0 6px #3498db00}}[data-theme=dark] .hero-card:hover{box-shadow:0 4px 16px #0000004d}[data-theme=dark] .counter-card:hover{box-shadow:0 2px 12px #0000004d}[data-theme=dark] .modal-overlay{background:#000000b3}[data-theme=dark] .tier-hero:hover{box-shadow:0 2px 12px #0000004d}[data-theme=dark] .back-to-top{box-shadow:0 2px 12px #0006}[data-theme=dark] .mobile-action-bar{box-shadow:0 -4px 16px #0000004d}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--bg)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--border)}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--text)}[data-theme=dark] .hero-icon-btn:disabled{filter:grayscale(.7)brightness(.6)}[data-theme=dark] .modal{box-shadow:0 -8px 40px #00000080}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%236b6375' d='M6 8L0 0h12z'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;padding-right:28px!important}[data-theme=dark] select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%239ca3af' d='M6 8L0 0h12z'/%3E%3C/svg%3E")}.draft-toggle input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}::placeholder{color:var(--text);opacity:.5}::selection{background:var(--accent-bg);color:var(--text-h)}button,[role=button],a,.hero-card,.counter-card,.matchup-card,.tier-hero,.ban-suggestion-card,.detail-ff-card,.team-bar{-webkit-tap-highlight-color:transparent}@media (width<=768px){.tier-group,.matchup-matrix__section{content-visibility:auto;contain-intrinsic-size:200px}}.hero-icon-btn,.tab-btn,.filter-btn,.role-chip,.team-tab,.draft-order__slot,.counter-card,.hero-card,.matchup-card{touch-action:manipulation}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.tab-btn,.filter-btn,.role-chip,.badge,.draft-order__number,.team-bar__label,.team-bar__placeholder,.draft-pick-indicator{-webkit-user-select:none;user-select:none}.app__title{background:linear-gradient(135deg, var(--accent), #e84393);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}[data-theme=dark] .app__title{background:linear-gradient(135deg, var(--accent), #fd79a8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.draft-pick-indicator.done{animation:.4s ease-out donePop}@keyframes donePop{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.detail-build__item-card{border:1px solid var(--border);background:var(--bg);cursor:default;border-radius:10px;flex-direction:column;align-items:center;gap:4px;min-width:64px;max-width:80px;padding:6px;transition:border-color .2s,transform .15s;display:inline-flex}.detail-build__item-card:hover{border-color:var(--accent);transform:translateY(-2px)}.detail-build__item-card--sit{border-style:dashed}.detail-build__item-icon{object-fit:contain;border-radius:8px;width:40px;height:40px}.detail-build__item-name{color:var(--text-h);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:70px;font-size:.58rem;font-weight:600;line-height:1.2;overflow:hidden}@media (width>=769px){.detail-build__item-card{min-width:72px;max-width:90px}.detail-build__item-icon{width:48px;height:48px}.detail-build__item-name{max-width:80px;font-size:.62rem}}