@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg-body:#050307;--bg-hero:#120808;--bg-panel:#121212;--bg-panel-soft:#1c1414;--bg-card:#141016;--bg-card-hover:#21151b;--accent:#f90;--accent-strong:#ffc400;--accent-soft:#ff990040;--text-main:#fff;--text-muted:#fbe3b5;--border-subtle:#ff990059;--radius-lg:18px;--radius-md:12px;--shadow-soft:0 24px 55px #000000e6;--transition-fast:180ms ease-out;--card-gap:24px;--nav-h:56px;--nav-pad-y:6px;--nav-total-h:calc(var(--nav-h) + var(--nav-pad-y)*2);--nav-sticky-height:68px;--font-sans:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-heading:"Bebas Neue",system-ui,sans-serif}html{scroll-behavior:smooth}body,html{height:100%}body{background-color:#050307;background-color:var(--bg-body);color:#fff;color:var(--text-main);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-sans)}body.is-scrolled .nav{border-bottom:none}body.is-scrolled .filters{border-top:1px solid #ff990059;box-shadow:0 14px 34px #000000a6}body.is-scrolled .nav__inline-search{opacity:1;pointer-events:auto;transform:translateY(0)}b.orange{color:#f90;color:var(--accent)}.container{margin:0 auto;max-width:1200px;padding:0 24px;width:100%}.nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;border-bottom:1px solid #ff990059;box-shadow:0 12px 26px #0009;padding:6px 0;padding:var(--nav-pad-y) 0;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.nav__container{align-items:center;display:flex;gap:16px;height:56px;height:var(--nav-h);justify-content:space-between;padding:0 24px}.nav__search{display:none;flex:1 1;justify-content:center;padding:0 18px}.nav__search-input-wrapper{align-items:center;background-color:#070707f5;border:1px solid #ff99008c;border-radius:999px;box-shadow:0 18px 40px #0000008c;display:flex;max-width:520px;padding:6px 6px 6px 14px;width:100%}.nav__search-input-wrapper input{background:#0000;border:none;color:#fff;color:var(--text-main);flex:1 1;font-size:.92rem;outline:none}.nav__search-input-wrapper input::placeholder{color:#fbe3b5a6}.nav__search-btn{background:radial-gradient(circle at 30% 0,#ffe066 0,#f90 60%,#ff5722 100%);border:none;border-radius:999px;color:#210b00;cursor:pointer;padding:8px 14px}body.is-sticky .nav__search{display:flex}.nav__inline-search{align-items:center;background:#070707f5;border:1px solid #ff99008c;border-radius:999px;display:flex;flex:1 1;gap:10px;max-width:560px;opacity:0;padding:6px 10px 6px 14px;pointer-events:none;transform:translateY(-6px);transition:opacity .22s ease,transform .22s ease}.nav__inline-search input{background:#0000;border:none;color:#fff;color:var(--text-main);flex:1 1;font-size:.9rem;outline:none}.nav__inline-search input::placeholder{color:#fbe3b5b3}.nav__inline-search-btn{background:radial-gradient(circle at 30% 0,#ffe066 0,#f90 60%,#ff5722 100%);border:none;border-radius:999px;color:#210b00;cursor:pointer;padding:8px 12px}.nav__brand{color:#ffc400;color:var(--accent-strong);font-family:Bebas Neue,system-ui,sans-serif;font-family:var(--font-heading);font-size:1.6rem;letter-spacing:.08em;text-shadow:0 0 14px #ff9900e6;text-transform:uppercase}.nav__links{display:flex;gap:24px;list-style:none}.nav__link{color:#fbe3b5;color:var(--text-muted);font-size:20px;padding-bottom:4px;transition:color .18s ease-out,border-bottom .18s ease-out;transition:color var(--transition-fast),border-bottom var(--transition-fast)}.nav__link--button{background:#0000;border:0;color:inherit;cursor:pointer;font:inherit;padding:0}.nav__toggle{background:#0006;border:1px solid #f909;border-radius:8px;cursor:pointer;display:none;height:34px;position:relative;width:34px}.nav__toggle span{background:#ffc400;background:var(--accent-strong);border-radius:999px;height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:transform .25s ease,opacity .25s ease;width:20px}.nav__mobile{background:#000;border-top:1px solid #f906}.nav__mobile-link{border-bottom:1px solid #ff990014;color:#fbe3b5;color:var(--text-muted);font-size:.95rem;padding:12px 24px;text-decoration:none}.nav__mobile-link:hover{background:#141010;color:#ffc400;color:var(--accent-strong)}.nav__mobile--open{display:flex}.nav__toggle span:first-child{top:10px}.nav__toggle span:nth-child(2){top:16px}.nav__toggle span:nth-child(3){top:22px}.nav__links--desktop{display:flex;gap:18px}.nav__burger{align-items:center;background:#00000040;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;display:none;flex-direction:column;gap:6px;height:40px;justify-content:center;width:44px}.nav__burgerLine{background:#fbe3b5d9;border-radius:999px;display:block;height:2px;width:18px}.nav__mobile{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0ebf;border-bottom:1px solid #ffffff14;border-top:1px solid #ff990040;display:none;flex-direction:column;gap:10px;margin:10px auto 0;max-width:1200px;padding:12px 18px}.nav__mobileLink{background:#00000040;border:1px solid #ffffff14;border-radius:12px;color:#fbe3b5d9;padding:10px 12px;text-decoration:none}.nav__mobileLink:hover{border-color:#ff990038}.nav__mobileLink--active{background:#ff99001a;border-color:#ff990059;color:#ffc400;color:var(--accent-strong)}@media (max-width:720px){.nav__links--desktop{display:none}.nav__burger{display:inline-flex}.nav__mobile{display:flex}}.nav__toggle--open span:first-child{top:50%;transform:translate(-50%,-50%) rotate(45deg)}.nav__toggle--open span:nth-child(2){opacity:0}.nav__toggle--open span:nth-child(3){top:50%;transform:translate(-50%,-50%) rotate(-45deg)}.home{display:grid;min-height:calc(100vh - 78px);padding:48px 20px;place-items:center}.home__hero{background:linear-gradient(180deg,#121212d9,#1212128c);border:1px solid #ff990059;border:1px solid var(--border-subtle);border-radius:18px;border-radius:var(--radius-lg);box-shadow:0 24px 55px #000000e6;box-shadow:var(--shadow-soft);padding:42px 34px;text-align:center;width:min(920px,100%)}.home__title{color:#fff;color:var(--text-main);font-size:clamp(34px,4vw,52px);margin:0 0 10px}.home__subtitle{color:#fbe3b5;color:var(--text-muted);line-height:1.55;margin:0 auto 26px;max-width:60ch}.home__search{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:1fr auto;margin:0 auto;width:min(720px,100%)}.home__input{background:#00000059;border:1px solid #ff990059;border:1px solid var(--border-subtle);border-radius:14px;color:#fff;color:var(--text-main);height:54px;outline:none;padding:0 16px}.home__input:focus{border-color:#ffc400;border-color:var(--accent-strong);box-shadow:0 0 0 4px #ffc40024}.home__cta{background:#ffc4001a;border:1px solid #ffc40073;border-radius:14px;color:#ffc400;color:var(--accent-strong);cursor:pointer;font:inherit;font-weight:600;height:54px;padding:0 18px;transition:transform .18s ease,background .18s ease}.home__cta:hover{background:#ffc40029;transform:translateY(-1px)}.home__hint{color:#fbe3b5;color:var(--text-muted);font-size:14px;margin-top:16px}.home__kbd{background:#00000040;border:1px solid #ff990059;border:solid var(--border-subtle);border-radius:10px;border-width:1px 1px 2px;margin:0 4px;padding:2px 8px}.hero{background:radial-gradient(circle at top,#ffc40047 0,#0000 55%),radial-gradient(circle at bottom,#ff99004d 0,#0000 60%),#120808;background:radial-gradient(circle at top,#ffc40047 0,#0000 55%),radial-gradient(circle at bottom,#ff99004d 0,#0000 60%),var(--bg-hero);box-shadow:0 24px 55px #000000e6;box-shadow:var(--shadow-soft);color:#fff;color:var(--text-main);padding-bottom:40px}.hero__content{padding:90px 0 48px}.hero__content,.hero__inner{text-align:center}.hero h1{font-family:Bebas Neue,system-ui,sans-serif;font-family:var(--font-heading);font-size:clamp(2.6rem,3.6vw,3.6rem);letter-spacing:.08em;margin-bottom:12px;text-transform:uppercase}.hero__subtitle{color:#fbe3b5;color:var(--text-muted);font-size:1rem;margin:0 auto 28px;max-width:480px}.hero__search{display:flex;justify-content:center}.hero__search-input-wrapper{align-items:center;background-color:#070707f5;border:1px solid #ff99008c;border-radius:999px;box-shadow:0 18px 40px #000000d9;display:flex;max-width:560px;padding:8px 8px 8px 18px;width:100%}.hero__search-input-wrapper input{background:#0000;border:none;color:#fff;color:var(--text-main);flex:1 1;font-size:.95rem;outline:none}.hero__search-input-wrapper input::placeholder{color:#fbe3b5b3}.hero__search-btn{align-items:center;background:radial-gradient(circle at 30% 0,#ffe066 0,#f90 60%,#ff5722 100%);border:none;border-radius:999px;color:#210b00;cursor:pointer;display:inline-flex;justify-content:center;padding:10px 18px;transition:transform .18s ease-out,box-shadow .18s ease-out,filter .18s ease-out;transition:transform var(--transition-fast),box-shadow var(--transition-fast),filter var(--transition-fast)}.hero__search-btn:hover{box-shadow:0 0 0 2px #f909;filter:brightness(1.08);transform:translateY(-1px)}.filters{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#121212;background-color:var(--bg-panel);background:#121212eb;border-bottom:1px solid #000000b3;border-top:1px solid #ff99004d;padding:24px 0;position:-webkit-sticky;position:sticky;top:68px;top:var(--nav-sticky-height);z-index:900}.filters__container{align-items:center;display:flex;flex-wrap:wrap;gap:16px 32px;justify-content:space-between;margin:0 auto;max-width:900px;padding:0 16px}.filters__group{color:#fbe3b5;color:var(--text-muted);display:flex;flex-direction:column;font-size:.85rem;gap:4px}.filters__group label{font-weight:600}.filters__group input[type=range],.filters__group select{font-size:.9rem}.filters__group select{background-color:#090909;border:1px solid #ff990059;border:1px solid var(--border-subtle);border-radius:999px;color:#fff;color:var(--text-main);outline:none;padding:7px 16px}.filters__group select:focus{box-shadow:0 0 0 1px #ff990040;box-shadow:0 0 0 1px var(--accent-soft)}.filters__group--range input[type=range]{accent-color:#ffc400;accent-color:var(--accent-strong)}.results{padding:24px 0 40px}.results__header{align-items:baseline;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.results__header h2{font-size:1.35rem;font-weight:600}.results__count{color:#fbe3b5;color:var(--text-muted);font-size:.85rem}.theme-toggle{background:#00000073;border:1px solid #ff990059;border-radius:12px;color:#ffc400;color:var(--accent-strong);cursor:pointer;display:grid;height:40px;place-items:center;transition:transform .18s ease,filter .18s ease;width:40px}.theme-toggle:hover{filter:brightness(1.08);transform:translateY(-1px)}body.theme--light{--bg-body:#fff6ea;--bg-hero:#fff0dc;--bg-panel:#fff;--bg-panel-soft:#fff2dd;--bg-card:#fff;--bg-card-hover:#fff7ea;--text-main:#1a0d00;--text-muted:#1a0d00b8;--border-subtle:#1a0d0024;--shadow-soft:0 24px 55px #00000026}body.theme--light .nav{background:#ffffffd9;border-bottom:1px solid #1a0d001f;box-shadow:0 12px 26px #0000001f}body.theme--light .filters{background:#ffffffc7;border-bottom:1px solid #1a0d001a;border-top:1px solid #1a0d001a}body.theme--light .filters__group select,body.theme--light .hero__search-input-wrapper,body.theme--light .modal__input,body.theme--light .modal__textarea,body.theme--light .nav__inline-search{background:#ffffffeb;border-color:#1a0d0024;color:#fff;color:var(--text-main)}body.theme--light .hero__search-input-wrapper input::placeholder,body.theme--light .nav__inline-search input::placeholder{color:#1a0d0073}body.theme--light .card{border:1px solid #1a0d001a}body.theme--light .card__img-wrapper{background:radial-gradient(circle at top,#ff990038 0,#0000000d 90%)}body.theme--light .card__badge{background:#ffffffe0;border:1px solid #1a0d001f;box-shadow:0 10px 25px #0000001a}body.theme--light .modal__panel{background:#fff;border-color:#1a0d001f}.card-grid{grid-gap:24px;grid-gap:var(--card-gap);gap:24px;gap:var(--card-gap);grid-template-columns:repeat(auto-fit,minmax(230px,1fr));justify-items:center}.card-grid--loading{align-items:center;display:flex;justify-content:center}.spinner{color:#ffc400;color:var(--accent-strong);font-size:2rem}.spinner .fa-spinner{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.card{background-color:#141016;background-color:var(--bg-card);border:1px solid #000000f2;border-radius:18px;border-radius:var(--radius-lg);box-shadow:0 24px 55px #000000e6;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;max-width:320px;transition:transform .18s ease-out,box-shadow .18s ease-out,background-color .18s ease-out,border-color .18s ease-out,filter .18s ease-out;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast),filter var(--transition-fast)}.card:hover{background-color:#21151b;background-color:var(--bg-card-hover);border-color:#ff990040;border-color:var(--accent-soft);box-shadow:0 26px 70px #000;filter:saturate(1.1);transform:translateY(-4px) rotate(-.3deg)}.skeleton-grid{grid-gap:24px;grid-gap:var(--card-gap);gap:24px;gap:var(--card-gap);grid-template-columns:repeat(auto-fit,minmax(230px,1fr));justify-items:center;transition:opacity .25s ease}.skeleton-card{background:#0c0a0d;border:1px solid #ff99002e;border-radius:18px;border-radius:var(--radius-lg);box-shadow:0 24px 55px #000000e6;box-shadow:var(--shadow-soft);max-width:320px;overflow:hidden;width:100%}.skeleton-img{background:#0b0b0b;height:220px;position:relative}.skeleton-body{grid-gap:10px;display:grid;gap:10px;padding:14px 16px 16px}.skeleton-line{background:#ffffff0f;overflow:hidden;position:relative}.skeleton-line--title{height:14px;width:55%}.skeleton-line--subtitle{opacity:.9;width:70%}.skeleton-line--meta{opacity:.8;width:40%}.skeleton-bar{background:#ff990024;border-radius:999px;height:4px;overflow:hidden}.skeleton-bar:after,.skeleton-img:after,.skeleton-line:after{animation:shimmer 1.1s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffc4001f,#ff99002e,#ffc4001f,#0000);content:"";inset:0;position:absolute;transform:translateX(-100%)}@keyframes shimmer{to{transform:translateX(100%)}}.is-hidden{display:none!important}#champion-list{position:relative}#champion-list.is-typing:after{animation:pulse .7s ease-in-out infinite alternate;background:linear-gradient(135deg,#fc3,#f90);border-radius:999px;box-shadow:0 10px 25px #0000008c;color:#000;content:"Searching...";font-size:.8rem;padding:6px 10px;position:absolute;right:10px;top:10px;z-index:5}#champion-list.is-typing{filter:blur(.4px);opacity:.35;position:relative;transition:opacity .14s ease,filter .14s ease}#champion-list.is-typing:before{background:#0000008c;border:1px solid #ff990059;border-radius:999px;color:#fbe3b5d9;content:"Updating results...";font-size:.85rem;padding:6px 10px;position:absolute;right:12px;top:8px;z-index:5}#champion-list.is-typing .card{position:relative}#champion-list.is-typing .card:after{animation:shimmer .9s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffc40014,#ff99001f,#ffc40014,#0000);content:"";inset:0;position:absolute;transform:translateX(-100%)}@keyframes pulse{0%{opacity:.75;transform:translateY(0)}to{opacity:1;transform:translateY(-2px)}}.card__img-wrapper{background:radial-gradient(circle at top,#3b2300 0,#000 90%);position:relative}.card__img{height:auto;object-fit:contain}.card__badge{background:linear-gradient(135deg,#000,#2b1800);border:1px solid #ffc400cc;border-radius:999px;bottom:10px;box-shadow:0 0 14px #ff9900b3;color:#ffc400;color:var(--accent-strong);font-size:.7rem;left:10px;letter-spacing:.08em;padding:4px 10px;position:absolute;text-transform:uppercase}.card__body{padding:14px 16px 16px}.card__title-row{align-items:baseline;display:flex;gap:8px;justify-content:space-between}.card__name{color:#ffc400;color:var(--accent-strong);font-size:1rem;font-weight:700}.card__title{color:#fbe3b5;color:var(--text-muted);font-size:.8rem}.card__meta{margin-top:4px}.card__difficulty{color:#fbe3b5;color:var(--text-muted);font-size:.78rem}.card__difficulty-bar{background:#2c1a11;border-radius:999px;height:4px;margin-top:4px;overflow:hidden}.card__difficulty-fill{background:linear-gradient(90deg,#fc3,#ff5722);height:100%}.info-section{background-color:#1c1414;background-color:var(--bg-panel-soft);border-top:1px solid #ff990059;padding:32px 0}.info-section--alt{background-color:#090707}.info-section h2{font-size:1.2rem;font-weight:600;margin-bottom:12px}.info-section p{font-size:.95rem;max-width:680px}.disclaimer,.info-section p{color:#fbe3b5;color:var(--text-muted)}.disclaimer{font-size:.8rem;margin-top:16px}.modal{align-items:center;display:none;inset:0;justify-content:center;padding:18px;position:fixed;z-index:2000}.modal--open{display:flex}.modal__backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b8;position:absolute}.modal__panel{background:#0b090d;border:1px solid #ff990038;border-radius:18px;box-shadow:0 28px 90px #000000d9;overflow:hidden;position:relative;width:min(980px,100%)}.modal__backdrop{align-items:center;background:#000000a6;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.modal__card{background:#121212;background:var(--bg-panel,#121212);border:1px solid #ff990059;border:1px solid var(--border-subtle,#ff990059);border-radius:18px;box-shadow:0 24px 55px #000000d9;max-height:85vh;overflow:auto;padding:18px;width:min(720px,92vw)}.modal__header{align-items:center;border-bottom:1px solid #ff990059;border-bottom:1px solid var(--border-subtle,#f903);display:flex;gap:12px;justify-content:space-between;margin-bottom:12px;padding-bottom:10px}.modal__close{background:none;background:#0000008c;border:none;border:1px solid #ffc40099;border-radius:12px;color:#fff;color:var(--text-main,#fff);color:#ffc400;color:var(--accent-strong);cursor:pointer;display:grid;font-size:20px;font-size:28px;height:44px;line-height:1;place-items:center;position:absolute;right:14px;top:14px;width:44px;z-index:2}.modal__cols{display:grid;grid-template-columns:1.05fr .95fr;min-height:420px}.modal__left{background:#ffffff08;padding:34px 34px 28px}.modal__right{overflow:hidden;position:relative}.modal__rightTrack{display:flex;height:100%;transform:translateX(0);transition:transform .52s cubic-bezier(.16,1,.3,1);width:200%}.modal__rightPane{display:flex;flex-direction:column;justify-content:center;min-height:420px;padding:34px 34px 28px;width:50%}.modal__rightPane--form{background:linear-gradient(135deg,#ff99001a,#000000a6)}.modal__rightPane--success:before{background:linear-gradient(90deg,#0000,#ffc4001a,#ffc40061,#ffc4001a,#0000);content:"";filter:blur(.2px);height:160%;left:-60%;opacity:0;pointer-events:none;position:absolute;top:-25%;transform:skewX(-18deg);width:45%}.modal__panel.is-success .modal__rightPane--success:before{animation:successWipe .62s ease-out .12s 1 both}@keyframes successWipe{0%{left:-60%;opacity:0}15%{opacity:1}to{left:130%;opacity:0}}.modal__rightPane--success{background:linear-gradient(135deg,#2fb34a,#167a2b);color:#fff;overflow:hidden;position:relative}.modal__rightPane--success .modal__successCard{background:#0000002e;border:1px solid #ffffff38}.modal__panel.is-success .modal__rightPane--success .modal__successCard{animation:successPop .38s cubic-bezier(.2,.9,.2,1) .36s both}@keyframes successPop{to{opacity:1;transform:translateY(0) scale(1)}}.modal__rightPane--success .modal__submit{background:#00000040;border:1px solid #ffffff59;color:#fff}.modal__rightPane--success .modal__submit:hover{filter:brightness(1.05)}.modal__panel.is-success .modal__rightTrack{transform:translateX(-50%)}.modal__title{font-weight:800;margin-bottom:10px}.modal__text{color:#fbe3b5;color:var(--text-muted);font-size:.95rem;line-height:1.55;margin-bottom:18px}.modal__text--muted{margin-top:-6px;opacity:.9}.modal__languages{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.modal__language{align-items:center;display:flex;flex-direction:column;padding:16px;position:relative;transition:all .3s ease;width:25%}.modal__language:hover .language__name{transform:scale(1)}.modal__language:hover{filter:brightness(80%);transform:scale(.9)}.language__name{bottom:-10px;position:absolute;transform:scale(0);transition:all .3s ease}.modal__language--img{width:100%}.modal__form{grid-gap:12px;display:grid;gap:12px;margin-top:10px}.modal__label{grid-gap:6px;color:#fbe3b5;color:var(--text-muted);display:grid;font-size:.85rem;font-weight:600;gap:6px}.modal__input,.modal__textarea{background:#0000008c;border:1px solid #ff990038;border-radius:12px;color:#fff;color:var(--text-main);font-size:.95rem;outline:none;padding:12px;width:100%}.modal__textarea{min-height:110px;resize:vertical}.modal__input:focus,.modal__textarea:focus{border-color:#ffc40066;box-shadow:0 0 0 2px #ff99002e}.modal__submit{align-items:center;background:linear-gradient(135deg,#fc3,#f90);border:none;border-radius:12px;color:#1a0d00;cursor:pointer;display:inline-flex;font-weight:800;gap:10px;justify-content:center;margin-top:6px;padding:12px 14px;transition:transform .18s ease,filter .18s ease}.modal__submit:hover{filter:brightness(1.05);transform:translateY(-1px)}.modal__hint{color:#fbe3b5d9;font-size:.8rem;margin-top:6px}.modal__submitSpinner{display:none}.modal__submit.is-loading .modal__submitSpinner{display:inline-flex}.modal__submit.is-loading .modal__submitText{opacity:.9}.modal__submit .fa-spinner{animation:spin .8s linear infinite}.modal__successCard{background:#0000008c;border:1px solid #ff99002e;border-radius:16px;opacity:0;padding:22px 18px;transform:translateY(10px) scale(.98)}.modal__successTitle{font-weight:900;margin-bottom:8px}.modal__successText{color:#fbe3b5;color:var(--text-muted);margin-bottom:16px}.contactForm{width:100%}.contactHint{color:#fbe3b5;color:var(--text-muted);line-height:1.45;margin:0 0 6px}.contactRow{grid-gap:14px;gap:14px}@media (min-width:760px){.contactRow{grid-template-columns:1fr 1fr}}.contactField{grid-gap:8px;gap:8px}.contactLabel{color:#fbe3b5;color:var(--text-muted);font-weight:600;letter-spacing:.2px}.contactField input,.contactField textarea{border:1px solid #ff990059;border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:#fff;color:var(--text-main);padding:12px 14px;transition:border-color .18s ease-out,box-shadow .18s ease-out;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.contactField textarea{min-height:150px;resize:vertical}.contactField input:focus,.contactField textarea:focus{border-color:#f90;border-color:var(--accent);box-shadow:0 0 0 3px #ff990040;box-shadow:0 0 0 3px var(--accent-soft)}.contactActions{margin-top:4px}body.is-modal-open{overflow:hidden}.info-section--about{background:radial-gradient(circle at 30% 10%,#ffc40024 0,#0000 55%),radial-gradient(circle at 80% 90%,#ff99001f 0,#0000 60%),#1c1414;background:radial-gradient(circle at 30% 10%,#ffc40024 0,#0000 55%),radial-gradient(circle at 80% 90%,#ff99001f 0,#0000 60%),var(--bg-panel-soft)}.about__grid{grid-gap:28px;align-items:start;display:grid;gap:28px;grid-template-columns:1.35fr .65fr}.about__eyebrow{color:#ffc400;color:var(--accent-strong);font-size:.75rem;letter-spacing:.12em;margin-bottom:8px;text-transform:uppercase}.about__title{font-size:1.6rem;margin-bottom:10px}.about__desc{color:#fbe3b5;color:var(--text-muted);line-height:1.6;margin-bottom:18px;max-width:60ch}.about__bullets{grid-gap:14px;display:grid;gap:14px}.about__bullet{grid-gap:12px;background:#00000059;border:1px solid #ff990029;border-radius:12px;border-radius:var(--radius-md);display:grid;gap:12px;grid-template-columns:40px 1fr;padding:14px}.about__bullet h3{font-size:.95rem;margin-bottom:4px}.about__bullet p{color:#fbe3b5;color:var(--text-muted);font-size:.9rem;line-height:1.5}.about__icon{background:linear-gradient(135deg,#ffcc332e,#ff99001f);border:1px solid #ffc40038;border-radius:12px;box-shadow:0 16px 30px #00000073;color:#ffc400;color:var(--accent-strong);display:grid;height:40px;place-items:center;width:40px}.about__panel-card{background:#00000073;border:1px solid #ff99002e;border-radius:18px;border-radius:var(--radius-lg);box-shadow:0 24px 55px #000000e6;box-shadow:var(--shadow-soft);padding:18px 16px;position:-webkit-sticky;position:sticky;top:88px}.about__panel-title{color:#fff;color:var(--text-main);font-size:.95rem;margin-bottom:10px}.about__chips{display:flex;flex-wrap:wrap;gap:10px}.chip{background:#ff99001a;border:1px solid #ffc40038;border-radius:999px;color:#fbe3b5;color:var(--text-muted);font-size:.78rem;padding:6px 10px}.about__divider{background:#ff99002e;height:1px;margin:14px 0}.about__list{grid-gap:8px;color:#fbe3b5;color:var(--text-muted);display:grid;font-size:.9rem;gap:8px;list-style:none;margin:0;padding:0}.about__list li{padding-left:16px;position:relative}.about__list li:before{background:#ffc400;background:var(--accent-strong);border-radius:999px;box-shadow:0 0 10px #ffc40080;content:"";height:6px;left:0;position:absolute;top:10px;width:6px}.about__note{background:#ff990014;border:1px solid #ffc40038;border-radius:12px;border-radius:var(--radius-md);color:#fbe3b5;color:var(--text-muted);font-size:.85rem;line-height:1.45;margin-top:14px;padding:12px}.about__note-badge{background:linear-gradient(135deg,#fc3,#f90);border-radius:999px;color:#1a0a00;display:inline-block;font-size:.7rem;letter-spacing:.08em;margin-bottom:8px;padding:4px 8px;text-transform:uppercase}.footer{background-color:#000;border-top:1px solid #f909;padding:14px 0}.footer__inner{align-items:center;color:#fbe3b5;color:var(--text-muted);display:flex;font-size:.8rem;justify-content:space-between}.footer__brand{color:#ffc400;color:var(--accent-strong);font-weight:600}.back-to-top{background:linear-gradient(135deg,#fc3,#f90);border:none;border-radius:50%;bottom:18px;box-shadow:0 10px 25px #0009;color:#000;cursor:pointer;font-size:20px;font-weight:700;opacity:0;padding:7px 5px;position:fixed;right:18px;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease;z-index:999}.back-to-top.show{opacity:1;transform:translateY(0)}.back-to-top:hover{filter:brightness(1.2)}.sk{background:#ffffff14;border-radius:12px;overflow:hidden;position:relative}.sk:after{animation:skShimmer 1.05s infinite;background:linear-gradient(90deg,#fff0,#ffffff1f 50%,#fff0);content:"";height:100%;left:-60%;position:absolute;top:0;width:60%}@keyframes skShimmer{0%{left:-60%}to{left:120%}}.skeleton-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));padding:10px 0}.skeleton-card{background:#00000040;border:1px solid #ffffff14;border-radius:16px;padding:12px}.skeleton-img{border-radius:14px;height:140px}.skeleton-body,.skeleton-line{margin-top:10px}.skeleton-line{border-radius:999px;height:12px}.skeleton-line--short{width:55%}.detailsSkeleton{max-width:1100px}.sk-hero{border-radius:16px;height:360px}.sk-line{border-radius:999px;height:14px;margin-top:12px}.sk-line--short{width:55%}.sk-icon{border-radius:12px;height:44px;width:44px}.sk-abilityRow{align-items:flex-start;display:flex;gap:12px;margin-top:14px}:root{--bg0:#060608;--bg1:#0000008c;--panel:#0c0c10c7;--panel2:#121218e0;--text:#ffffffeb;--muted:#ffffffb8;--gold:#f0c75e;--gold2:#cda434;--stroke:#ffffff1a;--stroke2:#ffffff24;--shadow:0 18px 50px #0000008c;--shadow2:0 10px 30px #00000073;--r12:12px;--r16:16px;--r20:20px;--focus:0 0 0 2px #f0c75e59}body{background:radial-gradient(1200px 600px at 15% 10%,#f0c75e14,#0000 60%),radial-gradient(900px 500px at 85% 20%,#5a78ff12,#0000 60%),#060608;background:radial-gradient(1200px 600px at 15% 10%,#f0c75e14,#0000 60%),radial-gradient(900px 500px at 85% 20%,#5a78ff12,#0000 60%),var(--bg0);color:#ffffffeb;color:var(--text)}.page{margin:0 auto;max-width:1200px;padding:18px 18px 40px}.muted{color:#ffffffb8;color:var(--muted)}.filterBar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c0c10c7;background:var(--panel);border:1px solid #ffffff1a;border:1px solid var(--stroke);border-radius:16px;border-radius:var(--r16);box-shadow:0 10px 30px #00000073;box-shadow:var(--shadow2);gap:12px;justify-content:space-between;margin:8px 0 16px;padding:10px 12px}.filterBar,.filterBar__left{align-items:center;display:flex}.filterBar__left{flex-wrap:wrap;gap:8px}.filterBar__right{color:#ffffffb8;color:var(--muted);font-weight:600;white-space:nowrap}.filterInput,.filterSelect{background:#00000059;border:1px solid #ffffff1a;border:1px solid var(--stroke);border-radius:10px;color:#ffffffeb;color:var(--text);height:34px;outline:none;padding:0 10px}.filterInput:focus,.filterSelect:focus{border-color:#f0c75e59;box-shadow:0 0 0 2px #f0c75e59;box-shadow:var(--focus)}.viewToggle{display:flex;gap:6px;margin-left:6px}.btn{background:#0000004d;border:1px solid #ffffff1a;border:1px solid var(--stroke);border-radius:10px;color:#ffffffeb;color:var(--text);cursor:pointer;height:34px;padding:0 12px;transition:transform .08s ease,border-color .12s ease,background .12s ease}.btn:hover{background:#0000006b;border-color:#ffffff24;border-color:var(--stroke2)}.btn:active{transform:translateY(1px)}.btn.isActive{background:#f0c75e1a;border-color:#f0c75e66;color:#f0c75e;color:var(--gold)}.btn--ghost{background:#0000003d}.btn--primary,.btnPrimary{background:#f0c75e24;border-color:#f0c75e73;color:#f0c75e;color:var(--gold)}.card-grid{grid-gap:14px;display:grid;gap:14px}.card{background:#121218e0;background:var(--panel2);border:1px solid #ffffff1a;border:1px solid var(--stroke);border-radius:20px;border-radius:var(--r20);box-shadow:0 10px 30px #00000073;box-shadow:var(--shadow2);overflow:hidden;transform:translateZ(0);transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.card:hover{border-color:#f0c75e2e;box-shadow:0 22px 60px #0000009e;transform:translateY(-2px)}.card__img-wrapper{background:#00000040}.card__img{filter:saturate(1.05) contrast(1.05)}.card__name{color:#f0c75e;color:var(--gold);font-weight:800;letter-spacing:.2px;margin-bottom:2px}.card__title{color:#ffffffb8;color:var(--muted);margin-bottom:8px}.card__meta{align-items:center;display:flex;gap:8px;justify-content:space-between}.card--list .card__body{padding:12px}.recommended{margin-top:14px;padding-top:10px}.recommended__title{font-size:20px;letter-spacing:.2px;margin:0 0 10px}.recommended__row{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory}.recommended__item{min-width:220px;scroll-snap-align:start}.recommended__row::-webkit-scrollbar{height:10px}.recommended__row::-webkit-scrollbar-track{background:#ffffff0d;border-radius:999px}.recommended__row::-webkit-scrollbar-thumb{background:#f0c75e33;border-radius:999px}.recommended__row::-webkit-scrollbar-thumb:hover{background:#f0c75e4d}.modal__card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0eeb;border:1px solid #ffffff1a;border:1px solid var(--stroke);border-radius:20px;border-radius:var(--r20);box-shadow:0 18px 50px #0000008c;box-shadow:var(--shadow)}.modal__header{border-bottom:1px solid #ffffff14}.aboutBody{grid-gap:12px;display:grid;gap:12px;line-height:1.55}.aboutHeading{color:#f0c75e;color:var(--gold);margin:8px 0 0}.aboutList{color:#ffffffb8;color:var(--muted);margin:0;padding-left:18px}.aboutDisclaimer,.disclaimer{color:#fff9;font-size:12px;margin-top:10px}.contactForm{grid-gap:14px;display:grid;gap:14px}.contactHint{color:#ffffffb8;color:var(--muted);margin:0}.contactRow{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}@media (max-width:720px){.contactRow{grid-template-columns:1fr}}.contactField{grid-gap:6px;display:grid;gap:6px}.contactLabel{color:#ffffffb8;color:var(--muted);font-size:12px;font-weight:700}.contactField input,.contactField textarea{background:#00000059;border:1px solid #ffffff1a;border:1px solid var(--stroke);border-radius:12px;color:#ffffffeb;color:var(--text);outline:none;padding:10px 12px}.contactField input:focus,.contactField textarea:focus{border-color:#f0c75e59;box-shadow:0 0 0 2px #f0c75e59;box-shadow:var(--focus)}.contactActions{align-items:center;display:flex;gap:10px;justify-content:flex-end}.contactStatus{color:#ffffffb8;color:var(--muted);font-weight:600;margin-right:auto}.detailsSkeleton{padding:10px 0 0}body{background:radial-gradient(1200px 700px at 15% 10%,#ffc4001a,#0000 58%),radial-gradient(900px 600px at 85% 25%,#78aaff0f,#0000 55%),radial-gradient(900px 700px at 50% 110%,#000000bf,#0000 60%),#050307;background:radial-gradient(1200px 700px at 15% 10%,#ffc4001a,#0000 58%),radial-gradient(900px 600px at 85% 25%,#78aaff0f,#0000 55%),radial-gradient(900px 700px at 50% 110%,#000000bf,#0000 60%),var(--bg-body);background-attachment:fixed}body:before{background:linear-gradient(0deg,#ffffff08,#ffffff08),repeating-linear-gradient(45deg,#ffffff0f,#ffffff0f 1px,#0000 2px,#0000 6px);content:"";inset:0;mix-blend-mode:overlay;opacity:.06;pointer-events:none;position:fixed;z-index:0}#root,.appShell{position:relative;z-index:1}.nav{border-bottom:1px solid #ff99004d}.nav__container{gap:18px;margin:0 auto;max-width:1200px;padding:0 18px}.nav__links a,.nav__links button{appearance:none;-webkit-appearance:none;background:#0000;border:0;color:#fbe3b5;color:var(--text-muted);cursor:pointer;font:inherit;line-height:1;padding:0;text-decoration:none}.nav__link{align-items:center;border-bottom:2px solid #0000;color:#fbe3b5d9;display:inline-flex;font-size:18px;gap:8px;padding:6px 2px;text-decoration:none;transition:color .18s ease-out,border-bottom .18s ease-out,transform .12s ease;transition:color var(--transition-fast),border-bottom var(--transition-fast),transform .12s ease}.nav__link:hover{transform:translateY(-1px)}.nav__link--active,.nav__link:hover{color:#ffc400;color:var(--accent-strong)}.nav__link--active{border-bottom-color:#ffc400;border-bottom-color:var(--accent-strong)}.card-grid{gap:18px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));justify-items:stretch}.card{max-width:none;width:100%}.card__img-wrapper{aspect-ratio:1/1}.card__img-wrapper,.card__img-wrapper--tall{background:#00000038;overflow:hidden;width:100%}.card__img-wrapper--tall{aspect-ratio:3/4}.card__img{display:block;height:100%;object-fit:cover;width:100%}.card__body{display:flex;flex-direction:column;gap:6px;min-height:104px;padding:10px 12px 12px}.card__title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#fbe3b5b8;display:-webkit-box;font-size:13px;min-height:34px;overflow:hidden}.card__tags{color:#8cbeffe6;font-size:12px;min-height:16px}.card__tagsRow{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;min-height:24px}.tagPill{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000059;border:1px solid #ffffff1a;border-radius:999px;box-shadow:0 6px 16px #00000059;color:#ffffffc7;display:inline-flex;font-size:12px;font-weight:700;height:22px;letter-spacing:.2px;padding:0 10px}.tagPill.tag--Assassin{border-color:#ff5a9640;color:#ff96c8e6}.tagPill.tag--Mage{border-color:#78aaff40;color:#a0c8fff2}.tagPill.tag--Fighter{border-color:#ffc40040;color:#ffdc8cf2}.tagPill.tag--Tank{border-color:#78ffc82e;color:#a0ffdce6}.tagPill.tag--Support{border-color:#b48cff38;color:#d2b4fff2}.tagPill.tag--Marksman{border-color:#ff965038;color:#ffbe8cf2}.tagPill{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home__brandRow{align-items:center;display:flex;gap:14px;justify-content:center;margin-bottom:14px}.home__logo{filter:drop-shadow(0 0 10px rgba(255,153,0,.28));flex:0 0 auto;height:44px;width:44px}.home__brandText{line-height:1.05;text-align:left}.home__brandName{color:#ffc400;color:var(--accent-strong);font-family:Bebas Neue,system-ui,sans-serif;font-family:var(--font-heading);font-size:18px;letter-spacing:.1em;text-shadow:0 0 16px #ff990073}.home__brandTag{color:#fbe3b5;color:var(--text-muted);font-size:13px;opacity:.9}.home__linkBtn{background:#0000;border:0;color:#ffc400;color:var(--accent-strong);cursor:pointer;font:inherit;font-weight:600;text-decoration:underline;text-underline-offset:3px}.home__linkBtn:hover{filter:brightness(1.08)}.nav__brand{align-items:center;display:flex;gap:10px;text-decoration:none}.nav__logo{filter:drop-shadow(0 0 10px rgba(255,153,0,.25));height:26px;width:26px}.nav__brandText{color:#ffc400;color:var(--accent-strong);font-family:Bebas Neue,system-ui,sans-serif;font-family:var(--font-heading);font-weight:800;letter-spacing:.12em;text-shadow:0 0 16px #ff990073}@media (max-width:700px){.sk-hero{height:240px}}@media (max-width:900px){.about__grid{grid-template-columns:1fr}.about__panel-card{position:relative;top:0}}@media (max-width:860px){.modal__rightPane{min-height:320px}.modal__cols{grid-template-columns:1fr}.modal__right{border-left:none;border-top:1px solid #ff990029}}@media (max-width:768px){.nav__links,body.is-sticky .nav__search{display:none}.nav__toggle{display:block}.nav__inline-search{display:none}.filters__container{align-items:stretch}.results__header{align-items:flex-start;flex-direction:column}}@media (max-width:600px){.hero__search-input-wrapper{padding-left:14px}.filters__container{align-items:center;flex-direction:column}.filters__group{align-items:center}}
/*# sourceMappingURL=main.26d005a7.css.map*/