:root{--n-bg:#050505;--n-surface:#0f0f11;--n-surface-glass:rgba(15,15,17,0.6);--n-border:#27272a;--n-border-light:rgba(255,255,255,0.08);--n-primary:#ff3366;--n-primary-hover:#e62e5c;--n-text-main:#f4f4f5;--n-text-muted:#a1a1aa;--n-text-dark:#71717a;--font-head:'Anton',sans-serif;--font-body:'Poppins',sans-serif;--transition-smooth:all 0.3s cubic-bezier(0.25,0.8,0.25,1);--moba-widget-text-primary-light:var(--n-text-main) !important;--moba-widget-text-primary-dark:var(--n-text-main) !important;--moba-widget-bg-primary-light:var(--n-surface) !important;--moba-widget-bg-primary-dark:var(--n-surface) !important;--moba-widget-border-primary-light:var(--n-border) !important;--moba-widget-border-primary-dark:var(--n-border) !important;--moba-widget-link-primary:var(--n-primary) !important;}.lc-wrapper{background-color:transparent;color:var(--n-text-main);font-family:var(--font-body);min-height:100vh;padding-bottom:5rem;position:relative;}.lc-mosaic-bg{position:fixed;inset:-10%;z-index:-1;pointer-events:none;overflow:hidden;background-color:var(--n-bg);}.mosaic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;filter:blur(14px) brightness(0.25) grayscale(40%);transform:scale(1.1) rotate(-2deg);transform-origin:center center;width:100%;height:100%;}.mosaic-tile{width:100%;height:100%;aspect-ratio:16 / 9;object-fit:cover;background-color:var(--n-surface);border-radius:6px;}.mosaic-vignette{position:absolute;inset:0;background:radial-gradient(circle at center,transparent 0%,var(--n-bg) 85%);}.lc-container{max-width:1400px;margin:0 auto;padding:0 2.5rem;position:relative;z-index:1;}.glass-panel{background:var(--n-surface-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--n-border-light);border-radius:12px;}.hidden{display:none !important;}.lc-view{opacity:0;transition:opacity 0.5s ease;}.lc-view.active{opacity:1;}.section-title{font-family:var(--font-head);font-size:1.8rem;letter-spacing:1px;color:var(--n-text-main);margin:0 0 1.5rem 0;text-transform:uppercase;}.section-title .title-sub{font-family:var(--font-body);font-size:0.8rem;color:var(--n-text-muted);letter-spacing:normal;text-transform:none;margin-left:0.5rem;}.lc-loading-overlay{position:absolute;inset:0;z-index:50;background:var(--n-bg);display:flex;align-items:center;justify-content:center;min-height:500px;}.lc-loader-content{display:flex;flex-direction:column;align-items:center;gap:1rem;}.lc-spinner{width:40px;height:40px;border:3px solid var(--n-border-light);border-top-color:var(--n-primary);border-radius:50%;animation:spin 1s linear infinite;}.lc-loader-content span{color:var(--n-primary);font-size:0.8rem;font-weight:700;letter-spacing:2px;animation:pulse 2s infinite;}.lc-header{padding:2.5rem 0 1.5rem 0;text-align:center;}.lc-brand{font-family:var(--font-head);font-size:clamp(2.5rem,5vw,4rem);line-height:1;text-transform:uppercase;letter-spacing:1px;margin:0;}.lc-brand .accent{color:var(--n-primary);}.lc-subtitle{font-size:0.95rem;color:var(--n-text-muted);font-weight:600;text-transform:uppercase;letter-spacing:2px;margin-top:0.4rem;}.lc-toolbar{display:flex;align-items:center;gap:1rem;padding:0.5rem;margin-bottom:3rem;box-shadow:0 10px 30px rgba(0,0,0,0.3);}.toolbar-search{flex-grow:1;position:relative;display:flex;align-items:center;}.toolbar-input{width:100%;background:transparent;border:none;border-right:1px solid var(--n-border-light);color:var(--n-text-main);font-family:var(--font-body);font-size:1rem;padding:1rem 1rem 1rem 3rem;outline:none;}.toolbar-search i{position:absolute;left:1.2rem;color:var(--n-text-dark);}.toolbar-input:focus ~ i{color:var(--n-primary);}.toolbar-filters{display:flex;gap:0.5rem;padding-right:0.5rem;}.filter-btn{width:45px;height:45px;border-radius:8px;background:rgba(0,0,0,0.3);border:1px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-smooth);opacity:0.5;filter:grayscale(100%);}.filter-btn span{font-weight:700;font-size:0.8rem;color:var(--n-text-main);}.filter-btn img{width:24px;height:24px;object-fit:contain;}.filter-btn:hover{opacity:0.8;transform:translateY(-2px);}.filter-btn.active{opacity:1;filter:grayscale(0%);background:var(--n-primary);border-color:var(--n-primary);}.lc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem;}.champ-card{display:flex;flex-direction:column;overflow:hidden;cursor:pointer;transition:transform 0.3s cubic-bezier(0.25,0.8,0.25,1),box-shadow 0.3s;}.champ-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(0,0,0,0.5);border-color:var(--n-primary);}.champ-image-wrapper{position:relative;aspect-ratio:1 / 1;overflow:hidden;background:var(--n-bg);}.champ-img-desktop{width:100%;height:100%;object-fit:cover;transition:transform 0.5s;display:block;}.champ-img-mobile{display:none;}.champ-card:hover .champ-img-desktop{transform:scale(1.08);}.champ-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.6);display:flex;align-items:center;justify-content:center;opacity:0;transition:var(--transition-smooth);}.champ-card:hover .champ-overlay{opacity:1;}.lc-badge{background:var(--n-primary);color:white;font-size:0.75rem;font-weight:700;padding:0.4rem 0.8rem;border-radius:4px;letter-spacing:1px;}.champ-info{padding:1rem;text-align:center;background:rgba(0,0,0,0.2);}.champ-name{font-family:var(--font-head);font-size:1.2rem;margin:0 0 0.2rem 0;letter-spacing:1px;color:var(--n-text-main);}.champ-title{font-size:0.75rem;color:var(--n-text-muted);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;}.detail-section{margin-bottom:2rem;padding:2rem;}.detail-hero{position:relative;min-height:60vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:3rem;margin-bottom:2rem;}.detail-hero-bg{position:absolute;inset:0;z-index:0;}.detail-hero-bg img{width:100%;height:100%;object-fit:cover;object-position:top;animation:panSlow 30s infinite alternate linear;}.detail-hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,var(--n-bg) 0%,rgba(5,5,5,0.4) 50%,rgba(5,5,5,0.8) 100%);}.detail-hero-content{position:relative;z-index:10;text-align:center;max-width:800px;width:100%;}.champ-sub-title{color:var(--n-primary);font-weight:700;letter-spacing:4px;font-size:1.2rem;text-transform:uppercase;margin:0 0 0.5rem 0;}.champ-main-title{font-family:var(--font-head);font-size:clamp(3rem,8vw,6.5rem);line-height:1;margin:0 0 1.5rem 0;text-shadow:0 10px 30px rgba(0,0,0,0.8);}.champ-meta-container{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem;}.champ-tags-group{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:0.6rem;}.lc-tag{display:inline-flex;align-items:center;gap:8px;background:rgba(0,0,0,0.5);border:1px solid var(--n-border-light);border-radius:20px;padding:6px 14px;font-size:0.8rem;text-transform:uppercase;font-weight:700;color:var(--n-text-main);box-shadow:0 4px 10px rgba(0,0,0,0.3);}.lc-tag i{color:var(--n-primary);}.lc-lane-tag{background:rgba(255,51,102,0.15);border-color:rgba(255,51,102,0.4);}.lc-lane-tag img{width:16px;height:16px;object-fit:contain;filter:drop-shadow(0 0 2px rgba(255,51,102,0.8));}.meta-divider{width:2px;height:24px;background:var(--n-border-light);margin:0 0.5rem;}.meta-hint{font-size:0.75rem;color:var(--n-text-dark);}.meta-hint i{color:var(--n-primary);margin-right:4px;}.champ-lore-snippet{font-size:1.1rem;color:var(--n-text-muted);line-height:1.6;margin-bottom:2.5rem;}.champ-quick-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2.5rem;}.quick-stat{background:rgba(0,0,0,0.4);border:1px solid var(--n-border-light);padding:0.8rem;border-radius:8px;}.quick-stat-label{font-size:0.7rem;color:var(--n-text-muted);text-transform:uppercase;font-weight:700;margin-bottom:0.5rem;}.stat-bar-bg{width:100%;height:4px;background:rgba(255,255,255,0.1);border-radius:2px;overflow:hidden;}.stat-bar-fill{height:100%;background:var(--n-primary);transition:width 1s ease;}.detail-actions{display:flex;justify-content:center;gap:1rem;}.lc-btn{display:inline-flex;align-items:center;gap:0.5rem;padding:0.8rem 1.5rem;font-family:var(--font-body);font-weight:700;font-size:0.85rem;text-transform:uppercase;border-radius:8px;cursor:pointer;transition:var(--transition-smooth);}.lc-btn-outline{background:transparent;border:1px solid var(--n-border-light);color:var(--n-text-main);}.lc-btn-outline:hover{background:rgba(255,255,255,0.1);border-color:var(--n-text-main);}.lc-btn-primary{background:var(--n-primary);border:1px solid var(--n-primary);color:white;}.lc-btn-primary:hover{background:var(--n-primary-hover);transform:translateY(-2px);}.success-state{background:#10b981 !important;border-color:#10b981 !important;}.base-stats-container{text-align:center;}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;}.base-stat-card{padding:1rem;background:rgba(0,0,0,0.3);text-align:left;transition:var(--transition-smooth);}.base-stat-card:hover{border-color:var(--n-primary);background:rgba(0,0,0,0.5);}.stat-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.5rem;}.stat-head span{font-size:0.7rem;color:var(--n-text-muted);text-transform:uppercase;font-weight:700;}.stat-head i{color:var(--n-text-dark);}.base-stat-card:hover i{color:var(--n-primary);}.stat-body{display:flex;align-items:baseline;gap:0.2rem;}.stat-val-text{font-size:1.5rem;font-weight:700;color:var(--n-text-main);}.stat-percent{font-size:0.9rem;color:var(--n-text-muted);}.stat-growth{font-size:0.7rem;color:#10b981;margin-left:0.3rem;}.abilities-layout{display:flex;gap:2rem;align-items:flex-start;}.abilities-controls{flex:1;}.ability-selector{display:flex;gap:1rem;margin-bottom:2rem;}.ability-btn{position:relative;width:64px;height:64px;border-radius:12px;padding:0;overflow:hidden;cursor:pointer;background:#000;border:2px solid transparent;transition:var(--transition-smooth);}.ability-btn img{width:100%;height:100%;object-fit:cover;opacity:0.5;filter:grayscale(100%);transition:var(--transition-smooth);}.ability-key{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,0.8);color:var(--n-text-muted);font-size:0.65rem;font-weight:700;text-align:center;padding:2px 0;}.ability-btn:hover{border-color:var(--n-border-light);transform:translateY(-2px);}.ability-btn:hover img{opacity:0.8;filter:grayscale(50%);}.ability-btn.active{border-color:var(--n-primary);box-shadow:0 0 15px rgba(255,51,102,0.4);transform:scale(1.05);}.ability-btn.active img{opacity:1;filter:grayscale(0%);}.ability-btn.active .ability-key{color:var(--n-primary);}.ability-info-box{background:rgba(0,0,0,0.3);border:1px solid var(--n-border-light);border-radius:12px;padding:1.5rem;min-height:200px;}.ability-hint{color:var(--n-primary);font-size:0.75rem;font-weight:700;letter-spacing:2px;margin:0 0 0.5rem 0;}.ability-name{font-family:var(--font-head);font-size:1.8rem;margin:0 0 1rem 0;}.ability-desc{font-size:0.95rem;color:var(--n-text-muted);line-height:1.6;margin:0;}.abilities-video-area{flex:1.2;width:100%;}.video-frame{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;overflow:hidden;padding:0;}.video-placeholder{position:absolute;inset:0;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;z-index:10;transition:opacity 0.5s ease;}.video-placeholder::before{content:'';position:absolute;inset:0;background:rgba(0,0,0,0.5);}.play-indicator{position:relative;width:60px;height:60px;border:2px solid var(--n-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--n-primary);font-size:1.5rem;padding-left:5px;animation:pulse 2s infinite;}.ability-video{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 0.5s ease;}.ability-video.active{opacity:1;}.builds-header{text-align:center;margin-bottom:2rem;}.builds-header p{color:var(--n-text-muted);font-size:0.9rem;}.builds-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:3rem;}.build-link{display:flex;flex-direction:column;justify-content:space-between;padding:1.2rem;text-decoration:none;color:var(--n-text-main);background:rgba(0,0,0,0.4);transition:var(--transition-smooth);position:relative;overflow:hidden;}.build-link:hover{transform:translateY(-3px);background:rgba(0,0,0,0.6);}.build-link-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;}.build-link-name{font-family:var(--font-head);font-size:1.2rem;letter-spacing:1px;display:flex;align-items:center;gap:0.5rem;}.build-link-lang{font-size:0.65rem;font-weight:700;background:rgba(255,255,255,0.1);padding:2px 6px;border-radius:4px;}.build-link-bottom{display:flex;align-items:center;}.build-link-diff{font-size:0.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;}.build-link.recommended:hover{border-color:#10b981;}.build-link.recommended .build-link-diff{color:#10b981;}.build-link.standard:hover{border-color:var(--n-primary);}.build-link.standard .build-link-diff{color:var(--n-primary);}.build-link.expert:hover{border-color:#f59e0b;}.build-link.expert .build-link-diff{color:#f59e0b;}.build-link.alternative:hover{border-color:#3b82f6;}.build-link.alternative .build-link-diff{color:#3b82f6;}.moba-widget-area{position:relative;min-height:400px;display:flex;justify-content:center;background:rgba(0,0,0,0.2);border-radius:12px;overflow:hidden;}.widget-loader{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:var(--n-surface);z-index:10;transition:opacity 0.5s;}.widget-loader span{font-size:0.8rem;font-weight:700;letter-spacing:1px;color:var(--n-text-muted);}#mobalytics-widget-container{opacity:0;transition:opacity 0.5s;transform-origin:top center;}#mobalytics-widget-container.loaded{opacity:1;}.skins-layout{display:flex;gap:2rem;height:70vh;}.skins-main-display{flex:1;position:relative;}.skins-image-frame{width:100%;height:100%;padding:0;overflow:hidden;position:relative;}.skins-image-frame img{width:100%;height:100%;object-fit:cover;object-position:top;transition:opacity 0.3s ease,transform 0.5s ease;}.skins-image-frame img.changing{opacity:0;transform:scale(1.05);}.skins-text-overlay{position:absolute;bottom:0;left:0;right:0;padding:3rem 2rem 2rem 2rem;background:linear-gradient(to top,rgba(0,0,0,0.9),transparent);}#skin-name{font-family:var(--font-head);font-size:3rem;margin:0;text-transform:uppercase;}.skins-line{width:60px;height:3px;background:var(--n-primary);margin-top:1rem;}.skins-selector{width:300px;display:flex;flex-direction:column;background:rgba(0,0,0,0.3);border:1px solid var(--n-border-light);border-radius:12px;overflow:hidden;}.skins-selector-header{padding:1rem;font-size:0.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--n-border-light);background:rgba(0,0,0,0.5);}.skins-list{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:0.5rem;}.skins-list::-webkit-scrollbar{width:6px;}.skins-list::-webkit-scrollbar-track{background:transparent;}.skins-list::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.2);border-radius:3px;}.skin-btn{display:flex;align-items:center;gap:1rem;padding:0.5rem;cursor:pointer;background:transparent;border-color:transparent;transition:var(--transition-smooth);text-align:left;}.skin-btn:hover{background:rgba(255,255,255,0.05);}.skin-btn.active{background:rgba(255,51,102,0.1);border-color:var(--n-primary);}.skin-thumb{width:48px;height:48px;border-radius:8px;overflow:hidden;flex-shrink:0;border:1px solid transparent;transition:var(--transition-smooth);}.skin-thumb img{width:100%;height:100%;object-fit:cover;filter:grayscale(50%);}.skin-btn:hover .skin-thumb img{filter:grayscale(0%);}.skin-btn.active .skin-thumb{border-color:var(--n-primary);}.skin-btn.active .skin-thumb img{filter:grayscale(0%);}.skin-name-label{font-size:0.8rem;font-weight:600;color:var(--n-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.skin-btn.active .skin-name-label{color:var(--n-text-main);}.lore-section{text-align:center;padding:4rem 2rem;}.lore-text{font-size:1.2rem;color:var(--n-text-muted);line-height:1.8;font-style:italic;max-width:800px;margin:0 auto 2rem auto;}@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}@keyframes pulse{0%,100%{opacity:1;}50%{opacity:0.5;}}@keyframes panSlow{0%{object-position:0% 20%;}100%{object-position:100% 80%;}}.fade-in{animation:fadeIn 0.5s ease forwards;}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}.fade-in-up{animation:fadeInUp 0.5s cubic-bezier(0.25,0.8,0.25,1) forwards;opacity:0;transform:translateY(20px);}@keyframes fadeInUp{to{opacity:1;transform:translateY(0);}}@media (max-width:1024px){.lc-container{padding:0 1.5rem;}.lc-toolbar{flex-direction:column;align-items:stretch;padding:0;background:transparent;border:none;box-shadow:none;margin-bottom:2rem;}.toolbar-search{background:var(--n-surface-glass);border:1px solid var(--n-border-light);border-radius:12px;margin-bottom:1rem;}.toolbar-input{border-right:none;}.toolbar-filters{background:var(--n-surface-glass);border:1px solid var(--n-border-light);border-radius:12px;padding:0.5rem;justify-content:space-around;}.champ-tags-group{flex-direction:column;gap:0.5rem;}.meta-divider{display:none;}.abilities-layout{flex-direction:column;}.abilities-video-area{order:-1;margin-bottom:1.5rem;}.ability-selector{overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:1rem;}.ability-btn{scroll-snap-align:start;flex-shrink:0;}.skins-layout{flex-direction:column;height:auto;}.skins-main-display{height:40vh;}.skins-selector{width:100%;flex-direction:column;}.skins-list{flex-direction:row;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;padding:1rem 0.5rem;}.skin-btn{flex-direction:column;scroll-snap-align:center;text-align:center;width:100px;flex-shrink:0;}.skin-name-label{width:100%;}#widget-wrapper.mobile-scale{margin-left:calc(-50vw + 50%);width:100vw;border-radius:0;border-left:none;border-right:none;}}@media (max-width:768px){.lc-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;}.champ-img-desktop{display:none;}.champ-img-mobile{display:block;width:100%;height:100%;object-fit:cover;transition:transform 0.5s;}.champ-card:hover .champ-img-mobile{transform:scale(1.08);}.champ-info{padding:0.8rem;}.champ-name{font-size:1rem;}.detail-hero{padding:2rem 1rem;min-height:50vh;}.champ-main-title{font-size:3rem;}.champ-quick-stats{grid-template-columns:repeat(2,1fr);}.detail-actions{flex-direction:column;}.lc-btn{width:100%;justify-content:center;}.detail-section{padding:1.5rem;}}