@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@400;600;800&display=swap";:root{--herta-purple: #9D70FF;--herta-purple-light: #C0A0FF;--herta-purple-dim: rgba(157, 112, 255, .1);--bg-deep: #0A0812;--bg-card: #161225;--bg-panel: #1E1A33;--text-main: #F8FAFC;--text-muted: #94A3B8;--border-tech: rgba(157, 112, 255, .2);--radius-lg: 24px;--radius-md: 16px;--radius-pill: 50px;--transition: .3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:var(--bg-deep);color:var(--text-main);min-height:100vh;overflow-x:hidden;line-height:1.5;-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{display:none}#root{display:flex;flex-direction:column;min-height:100vh}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.hsr-card{background:#161225b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-tech);border-radius:var(--radius-md);box-shadow:0 10px 30px #00000080;transition:var(--transition)}.hsr-card:hover{border-color:var(--herta-purple);transform:translateY(-5px)}h1,h2,h3{font-family:Outfit,sans-serif;color:#fff}.text-purple{color:var(--herta-purple-light)}.text-center{text-align:center}.btn-hsr{background:var(--herta-purple);color:#fff;padding:.8rem 2rem;border-radius:var(--radius-pill);font-weight:700;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:var(--transition);text-decoration:none}.btn-hsr:hover{filter:brightness(1.1);box-shadow:0 0 20px var(--herta-purple-dim)}.btn-hsr-outline{background:transparent;color:var(--herta-purple-light);border:1px solid var(--herta-purple);padding:.8rem 2rem;border-radius:var(--radius-pill);font-weight:700;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:var(--transition)}.btn-hsr-outline:hover{background:var(--herta-purple-dim)}.herta-badge{display:inline-block;padding:6px 14px;border-radius:8px;font-size:.7rem;font-weight:800;margin-bottom:1rem;text-transform:uppercase;letter-spacing:1.5px;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.badge-update{background:#ff4d4d40;color:#ff7070;border-color:#ff4d4d66}.badge-analysis{background:#4d94ff40;color:#70afff;border-color:#4d94ff66}.badge-news{background:#9d70ff40;color:#c0a0ff;border-color:#9d70ff66}.badge-event{background:#ffd70040;color:gold;border-color:#ffd70066}.badge-guide{background:#4dff9440;color:#70ffb0;border-color:#4dff9466}.text-glow{text-shadow:0 0 20px rgba(255,255,255,.3),0 0 40px rgba(157,112,255,.2)}.page-header{padding:4rem 0 3rem;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;gap:2rem}.page-header.text-center{flex-direction:column;align-items:center;text-align:center;justify-content:center}.page-header h1{font-size:3.5rem;line-height:1.1;font-weight:800}.page-subtitle{color:var(--text-muted);margin-top:.5rem}.hsr-loader{width:40px;height:40px;border:3px solid rgba(157,112,255,.1);border-radius:50%;border-top-color:var(--herta-purple);margin:0 auto;animation:hsr-spin 1s ease-in-out infinite}@keyframes hsr-spin{to{transform:rotate(360deg)}}.italic{font-style:italic}.text-xs{font-size:.7rem}.py-20{padding-top:5rem;padding-bottom:5rem}.mt-4{margin-top:1rem}.hsr-header-music{display:flex;align-items:center}.music-mini-toggle{background:#9d70ff1a;border:1px solid rgba(157,112,255,.2);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:pointer;transition:var(--transition);position:relative}.music-mini-toggle:hover{background:#9d70ff33;border-color:var(--herta-purple);color:#fff}.music-mini-toggle.active{color:var(--herta-purple-light);border-color:var(--herta-purple);box-shadow:0 0 15px #9d70ff4d}.mini-visualizer{position:absolute;top:-2px;right:-2px;display:flex;gap:2px;height:8px}.m-bar{width:2px;height:100%;background:var(--herta-purple-light);animation:mini-visualize .8s ease-in-out infinite alternate}.m-bar:nth-child(2){animation-delay:.3s}@keyframes mini-visualize{0%{height:2px}to{height:8px}}.hsr-header{position:fixed;top:0;left:0;width:100%;height:80px;z-index:1000;transition:var(--transition);background:linear-gradient(to bottom,rgba(10,8,18,.4) 0%,transparent 100%);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-bottom:1px solid rgba(157,112,255,.05)}.hsr-header.scrolled{background:#0b0912fa;height:70px;border-bottom:1px solid var(--border-tech)}.header-container{display:flex;align-items:center;justify-content:space-between;height:100%;width:100%;max-width:1800px;margin:0 auto;padding:0 4rem}.brand-logo{display:flex;align-items:center;gap:15px;text-decoration:none}.logo-orb{width:40px;height:40px;background:var(--herta-purple);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 15px var(--herta-purple-dim);transition:var(--transition)}.brand-logo:hover .logo-orb{transform:rotate(45deg);box-shadow:0 0 25px var(--herta-purple)}.brand-text{display:flex;flex-direction:column}.brand-title{font-family:Outfit,sans-serif;font-weight:800;font-size:1.2rem;color:#fff;letter-spacing:2px;text-transform:uppercase}.brand-tagline{font-size:.55rem;color:var(--herta-purple-light);font-weight:700;letter-spacing:4px;opacity:.8;margin-top:-2px}.nav-links{display:flex;list-style:none;gap:3rem;align-items:center;white-space:nowrap}.nav-item{color:var(--text-muted);text-decoration:none;font-weight:700;font-size:.8rem;letter-spacing:1.5px;transition:var(--transition);position:relative;display:flex;align-items:center;height:100%}.nav-item:hover,.nav-item.active{color:var(--herta-purple-light)}.nav-item:after{content:"";position:absolute;bottom:-6px;left:0;width:0;height:2px;background:var(--herta-purple);transition:var(--transition)}.nav-item:hover:after,.nav-item.active:after{width:100%}.codex-link{display:flex;align-items:center;justify-content:center;gap:8px;background:#9d70ff1a;padding:.6rem 1.2rem;border-radius:12px;border:1px solid rgba(157,112,255,.2);color:var(--herta-purple-light)!important;font-size:.75rem;height:fit-content}.codex-link:hover{background:#9d70ff33;border-color:var(--herta-purple)}.codex-link:after{display:none!important}.header-actions{display:flex;align-items:center;gap:3rem}.auth-link{padding:.6rem 1.8rem!important;font-size:.8rem;height:fit-content}.hsr-nav{display:flex;align-items:center}.user-profile{display:flex;align-items:center;gap:1.5rem;background:#ffffff08;padding:.5rem 1.2rem;border-radius:12px;border:1px solid rgba(255,255,255,.05);cursor:pointer;transition:var(--transition)}.user-profile:hover,.user-profile.active{background:#9d70ff1a;border-color:#9d70ff4d}.user-profile-container{position:relative}.profile-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:220px;background:#161225f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-tech);border-radius:16px;box-shadow:0 15px 40px #0009;padding:1rem 0;z-index:1100}.dropdown-header{padding:.5rem 1.5rem;display:flex;flex-direction:column}.dropdown-role{font-size:.6rem;font-weight:800;color:var(--herta-purple-light);letter-spacing:1px}.dropdown-name{font-size:.9rem;font-weight:700;color:#fff}.dropdown-divider{height:1px;background:#ffffff0d;margin:.8rem 0}.dropdown-menu{list-style:none;padding:0;margin:0}.dropdown-menu li a,.dropdown-btn-logout{display:flex;align-items:center;gap:12px;padding:.75rem 1.5rem;color:var(--text-muted);text-decoration:none;font-size:.8rem;font-weight:600;transition:var(--transition);width:100%;text-align:left;background:transparent;border:none;cursor:pointer}.dropdown-menu li a:hover,.dropdown-btn-logout:hover{background:#ffffff08;color:#fff}.dropdown-btn-logout:hover{color:#ff4d4d}.username{font-size:.8rem;font-weight:800;color:#fff;display:flex;align-items:center;gap:8px;letter-spacing:1px}.btn-logout{background:transparent;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);padding:4px;border-radius:6px}.btn-logout:hover{color:#ff4d4d;background:#ff4d4d1a;transform:scale(1.1)}@media(max-width:1200px){.header-actions,.nav-links{gap:1.5rem}}@media(max-width:900px){.nav-links{gap:1rem}.brand-text{display:none}}.hsr-footer{background:#0b0912fa;border-top:1px solid var(--border-tech);padding:5rem 0 3rem;margin-top:10rem}.footer-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4rem;padding-bottom:4rem;border-bottom:1px solid rgba(255,255,255,.05)}.footer-brand-area{max-width:300px}.footer-logo{display:flex;align-items:center;gap:12px;margin-bottom:1.5rem}.logo-orb-small{width:12px;height:12px;background:var(--herta-purple);border-radius:50%;box-shadow:0 0 10px var(--herta-purple)}.brand-name{font-weight:950;letter-spacing:3px;font-size:1rem;color:#fff}.footer-brand-area p{font-size:.8rem;color:var(--text-muted);line-height:1.6}.footer-nav-links{display:flex;gap:6rem}.footer-col{display:flex;flex-direction:column;gap:1rem}.footer-col h4{font-size:.7rem;font-weight:900;color:var(--herta-purple-light);letter-spacing:2px;margin-bottom:1rem}.footer-col a{color:var(--text-muted);text-decoration:none;font-size:.85rem;font-weight:700;display:flex;align-items:center;gap:8px;transition:var(--transition)}.footer-col a:hover{color:#fff;transform:translate(5px)}.footer-bottom{padding-top:3rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:2rem}.footer-legal{display:flex;flex-direction:column;gap:10px}.footer-legal span{font-size:.75rem;color:var(--text-muted);font-weight:600}.legal-links{display:flex;gap:2rem}.legal-links a{font-size:.7rem;color:var(--herta-purple-light);text-decoration:none;font-weight:800;opacity:.7}.legal-links a:hover{opacity:1}.footer-music-credit{font-size:.8rem;font-weight:800;color:#fff;padding:.8rem 1.5rem;background:#ffffff08;border-radius:12px;border:1px solid rgba(157,112,255,.2)}.footer-music-credit a{color:gold;text-decoration:none;margin-left:5px}@media(max-width:800px){.footer-top{flex-direction:column;gap:3rem}.footer-nav-links{gap:3rem}.footer-bottom{flex-direction:column;text-align:center}}.video-background-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;overflow:hidden;background-color:#0a0812}.video-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.video-wrapper iframe{width:100vw;height:56.25vw;min-height:100vh;min-width:177.77vh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0a081233,#0a081266 60%,#0a0812);z-index:2}.video-overlay:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(rgba(157,112,255,.1) 1px,transparent 1px);background-size:40px 40px;opacity:.2}.home-page{background-color:var(--bg-deep)}.home-section{padding:6rem 0;position:relative}.relative{position:relative}.section-header{text-align:center;margin-bottom:4rem}.section-header-compact{text-align:left;margin-bottom:3rem}.section-header h2,.section-header-compact h2{font-size:3rem;margin-top:.5rem}.video-hero{position:relative;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-content{position:relative;z-index:2;text-align:center;max-width:1000px}.herta-badge-outline{display:inline-block;padding:4px 16px;border:1px solid rgba(255,255,255,.2);border-radius:4px;font-size:.7rem;letter-spacing:2px;font-weight:700;color:#fff;margin-bottom:2rem;background:#0003}.hero-title{font-size:7.5rem;font-weight:900;line-height:.9;letter-spacing:-2px;margin-bottom:1.5rem;background:linear-gradient(to bottom,#fff 40%,#b692ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 30px rgba(157,112,255,.2))}.hero-subtitle{font-size:1.3rem;color:#ffffffb3;margin-bottom:3.5rem;font-style:italic;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.4}.hero-actions{display:flex;gap:1.5rem;justify-content:center}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;opacity:.7;transition:var(--transition)}.scroll-indicator:hover{opacity:1}.scroll-text{font-size:.7rem;letter-spacing:4px;font-weight:700}.news-grid-home{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:2rem}.news-card-compact{display:flex;height:220px;overflow:hidden;padding:0!important}.news-card-img{width:40%;height:100%;background-size:cover;background-position:center;position:relative;border-right:1px solid var(--border-tech)}.news-card-img .herta-badge{position:absolute;top:15px;left:15px;font-size:.6rem;padding:4px 10px;margin:0}.news-card-content{flex:1;padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between}.news-card-meta{display:flex;gap:15px;font-size:.7rem;color:var(--text-muted);font-weight:600}.news-card-meta span{display:flex;align-items:center;gap:5px}.news-card-content h3{font-size:1.2rem;margin:.8rem 0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-card-content p{font-size:.85rem;color:var(--text-muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:1rem}.news-card-link{color:var(--herta-purple-light);text-decoration:none;font-size:.75rem;font-weight:800;display:flex;align-items:center;gap:8px;transition:var(--transition)}.news-card-link:hover{gap:12px;color:#fff}.news-skeleton{height:220px;background:#ffffff08;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:3rem}.feature-card{padding:3rem;text-align:center}.feature-card h3{font-size:1.5rem;margin:1.5rem 0 1rem}.feature-card p{color:var(--text-muted);font-size:.95rem;line-height:1.7}.pro-tips-banner{padding:2.5rem;display:flex;justify-content:space-between;align-items:center;gap:2rem;background:linear-gradient(90deg,rgba(157,112,255,.1),transparent)}.tips-content{display:flex;align-items:center;gap:20px}.tips-content p{font-size:1.1rem}.links-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.link-item{background:#ffffff08;border:1px solid var(--border-tech);border-radius:var(--radius-md);padding:2rem;display:flex;flex-direction:column;align-items:center;gap:15px;text-decoration:none;color:#fff;transition:var(--transition)}.link-item svg{color:var(--herta-purple);transition:var(--transition)}.link-item:hover{background:var(--herta-purple);border-color:#fff;transform:translateY(-5px)}.link-item:hover svg{color:#fff;transform:scale(1.2)}.link-text{font-weight:800;font-size:.8rem;letter-spacing:1px}.faq-list-full{display:flex;flex-direction:column;gap:1rem;max-width:800px;margin:0 auto}.faq-item{padding:1.5rem;cursor:pointer}.faq-question{display:flex;justify-content:space-between;align-items:center}.faq-text{font-weight:700;font-size:1.1rem}.chevron{transition:transform .4s ease;color:var(--herta-purple)}.chevron.rotate{transform:rotate(180deg)}.faq-answer{color:var(--text-muted);line-height:1.7;border-top:1px solid rgba(255,255,255,.1);padding-top:1.5rem}@media(max-width:1024px){.hero-text-box h1{font-size:3.5rem}.features-grid{grid-template-columns:1fr}.links-grid{grid-template-columns:1fr 1fr}}.tierlist-page{padding:4rem 0 8rem}.tierlist-container{display:flex;flex-direction:column;gap:20px;margin-top:2rem}.tier-row-public{display:flex;min-height:140px;background:var(--bg-card);border:1px solid var(--border-tech);border-radius:var(--radius-md);overflow:hidden}.tier-label-public{width:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0003;border-right:1px solid var(--border-tech)}.tier-label-public span{font-size:2.5rem;font-weight:800}.tier-label-sub{font-size:.65rem;letter-spacing:2px;opacity:.5;text-transform:uppercase}.tier-T0 .tier-label-public{color:#ff4b4b}.tier-T05 .tier-label-public{color:#ff8000}.tier-T1 .tier-label-public{color:gold}.tier-T15 .tier-label-public{color:#a335ee}.tier-T2 .tier-label-public{color:#0070dd}.tier-content-public{flex:1;display:flex;flex-wrap:wrap;gap:15px;padding:20px;align-items:center}.tier-unit-card{width:140px;display:flex;flex-direction:column;align-items:center;padding:15px;border-radius:12px;background:#ffffff08;border:1px solid transparent;transition:var(--transition);gap:10px}.tier-unit-card:hover{border-color:var(--herta-purple);background:#9d70ff0d}.unit-img-wrap{width:80px;height:80px;display:flex;align-items:center;justify-content:center}.unit-img-wrap img{width:100%;height:100%;object-fit:contain}.unit-info-overlay{display:flex;flex-direction:column;align-items:center;gap:4px}.unit-name{font-size:.8rem;font-weight:800;color:#fff;text-align:center;text-transform:uppercase}.unit-synergies{font-size:.6rem;color:var(--text-muted);font-weight:600;text-align:center}.tier-unit-card.cost-5{background:linear-gradient(180deg,rgba(255,215,0,.05),transparent);border-bottom:2px solid rgba(255,215,0,.2)}.tier-unit-card.cost-4{background:linear-gradient(180deg,rgba(163,53,238,.05),transparent);border-bottom:2px solid rgba(163,53,238,.2)}.tier-unit-card.cost-3{background:linear-gradient(180deg,rgba(0,112,221,.05),transparent);border-bottom:2px solid rgba(0,112,221,.2)}.tier-unit-card.cost-1,.tier-unit-card.cost-2{background:#ffffff05}.meta-analysis{margin-top:6rem;padding:3rem}.analysis-header{display:flex;align-items:center;gap:12px;margin-bottom:1.5rem}.analysis-header h3{margin:0;letter-spacing:1px}.meta-analysis p{color:var(--text-muted);line-height:1.8;margin-left:36px}.characters-page{padding-bottom:8rem}.directory-controls{display:flex;flex-direction:column;gap:2rem;padding:2.5rem 3rem;margin-bottom:4rem;background:#16122566}.control-groups{display:flex;gap:4rem;align-items:center;flex-wrap:wrap}.search-box{background:#0006;padding:.8rem 1.5rem;border-radius:12px;border:1px solid var(--border-tech);display:flex;align-items:center;gap:12px}.search-box input{background:transparent;border:none;color:#fff;width:100%;font-weight:600;outline:none}.label{font-size:.65rem;font-weight:950;color:var(--herta-purple-light);letter-spacing:3px;margin-bottom:10px;display:block}.btn-row{display:flex;gap:8px}.mini-filter-btn,.mini-star-btn{padding:.5rem 1rem;border-radius:8px;background:#ffffff0d;border:1px solid rgba(157,112,255,.2);color:var(--text-muted);font-weight:800;font-size:.75rem;cursor:pointer;display:flex;align-items:center;gap:6px;transition:var(--transition)}.mini-filter-btn.active,.mini-star-btn.active{background:var(--herta-purple);color:#fff;border-color:#fff}.units-grid-compact{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1.5rem}.unit-mini-card{cursor:pointer;transition:var(--transition)}.mini-card-inner{background:#ffffff08;border:2px solid rgba(255,255,255,.1);border-radius:18px;padding:10px;position:relative;display:flex;flex-direction:column;align-items:center;gap:8px}.unit-mini-card:hover .mini-card-inner{transform:translateY(-5px);background:#9d70ff14}.cost-5 .mini-card-inner{border-color:#ffd70066}.cost-4 .mini-card-inner{border-color:#a335ee66}.cost-3 .mini-card-inner{border-color:#0070f366}.cost-2 .mini-card-inner{border-color:#1ed76066}.cost-1 .mini-card-inner{border-color:#8886}.unit-mini-card:hover.cost-5 .mini-card-inner{border-color:gold;box-shadow:0 0 15px #ffd7004d}.unit-mini-card:hover.cost-4 .mini-card-inner{border-color:#a335ee;box-shadow:0 0 15px #a335ee4d}.mini-cost-indicator{position:absolute;top:8px;left:8px;width:20px;height:20px;background:#00000080;border-radius:5px;font-size:.65rem;font-weight:900;display:flex;align-items:center;justify-content:center;z-index:2}.mini-avatar-wrap{width:100%;aspect-ratio:1;border-radius:12px;overflow:hidden;background:#0003}.mini-avatar{width:100%;height:100%;object-fit:cover}.mini-card-info{text-align:center;width:100%}.mini-name{display:block;font-size:.75rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.mini-stars{display:flex;justify-content:center;gap:1px;color:gold}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:2rem}.unit-fiche{width:100%;max-width:900px;background:#0f0b1e;border:1px solid var(--border-tech);border-radius:40px;padding:4rem;position:relative}.close-fiche{position:absolute;top:2rem;right:2rem;background:#ffffff0d;border:none;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition)}.close-fiche:hover{background:var(--herta-purple)}.fiche-header{display:flex;gap:2rem;align-items:center;margin-bottom:3rem}.fiche-cost-badge{padding:.5rem 1.5rem;border-radius:10px;font-weight:900;font-size:1.2rem;background:#00000080;border:1px solid white}.fiche-cost-badge.cost-5{color:gold;border-color:gold}.fiche-cost-badge.cost-4{color:#a335ee;border-color:#a335ee}.fiche-main-info h2{font-size:3rem;font-weight:900;margin-bottom:.5rem}.fiche-stars{display:flex;gap:5px;color:gold}.fiche-content{display:grid;grid-template-columns:350px 1fr;gap:4rem}.visual-container{position:relative;width:100%;aspect-ratio:1;background:radial-gradient(circle,rgba(157,112,255,.2) 0%,transparent 70%);border-radius:30px;overflow:hidden}.fiche-img{width:100%;height:100%;object-fit:contain;position:relative;z-index:1}.fiche-details{display:flex;flex-direction:column;gap:3rem}.section-label{font-size:.7rem;font-weight:900;color:var(--herta-purple-light);letter-spacing:2px;margin-bottom:1.5rem;display:flex;align-items:center;gap:8px}.fiche-desc{font-size:1.1rem;line-height:1.6;color:var(--text-muted)}.fiche-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.fiche-stat{display:flex;align-items:center;gap:1.5rem;background:#ffffff08;padding:1.5rem;border-radius:20px}.fiche-stat svg{color:var(--herta-purple-light)}.stat-val-group{display:flex;flex-direction:column}.stat-name{font-size:.6rem;font-weight:900;opacity:.6;margin-bottom:2px}.stat-val{font-size:1.5rem;font-weight:900}.synergy-tags{display:flex;gap:12px;flex-wrap:wrap}.fiche-tag{padding:.6rem 1.5rem;border-radius:8px;font-weight:800;font-size:.8rem}.fiche-tag.faction{background:#9d70ff33;color:var(--herta-purple-light)}.fiche-tag.school{background:#00bcd433;color:#00bcd4}.fiche-footer{margin-top:4rem;display:flex;justify-content:flex-end}@media(max-width:1000px){.fiche-content{grid-template-columns:1fr}.unit-fiche{padding:2rem}}.builds-page{padding-bottom:8rem}.filters-bar{display:flex;gap:2rem;padding:1.5rem 2rem;margin-bottom:3rem;align-items:center;justify-content:space-between}.search-box{flex:1;display:flex;align-items:center;gap:1rem}.hsr-input-simple{width:100%;padding:.8rem;background:#0003;border:1px solid var(--border-tech);color:#fff;border-radius:8px;outline:none}.hsr-input-simple:focus{border-color:var(--herta-purple)}.builds-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem}.build-card{display:flex;flex-direction:column;overflow:hidden}.build-visual-wrap{height:200px;background:#0000004d;display:flex;align-items:center;justify-content:center}.build-anchor-img{height:160px;object-fit:contain}.build-content-main{padding:2rem}.build-title{font-size:1.4rem;margin-bottom:.5rem}.build-author{font-size:.85rem;color:var(--text-muted);margin-bottom:1rem}.build-tags{display:flex;gap:8px;margin-bottom:1.5rem}.build-tag{font-size:.7rem;padding:4px 10px;background:#ffffff0d;border-radius:4px}.build-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1.5rem;border-top:1px solid var(--border-tech)}.upvote-btn{background:transparent;border:none;color:var(--text-muted);display:flex;align-items:center;gap:5px;cursor:pointer}.upvote-btn.active{color:#ff4b4b}.news-page{padding-top:8rem;padding-bottom:6rem}.news-list-container{display:flex;flex-direction:column;gap:2rem;max-width:1000px;margin:4rem auto 0}.news-item-horizontal{display:flex;height:250px;padding:0!important;overflow:hidden;transition:transform .3s ease,border-color .3s ease}.news-item-horizontal:hover{transform:translate(10px);border-color:var(--herta-purple)}.news-img-box{width:350px;min-width:350px;height:100%;background-size:cover;background-position:center;position:relative;border-right:1px solid var(--border-tech)}.news-img-box .herta-badge{position:absolute;top:15px;left:15px}.news-body-box{flex:1;padding:2rem;display:flex;flex-direction:column;justify-content:space-between}.news-meta-row{display:flex;gap:20px;font-size:.8rem;color:var(--text-muted);font-weight:600;margin-bottom:1rem}.news-meta-row span{display:flex;align-items:center;gap:6px}.news-title-link{margin:0 0 1rem;font-size:1.5rem;line-height:1.2}.news-title-link a{color:#fff;text-decoration:none;transition:color .2s ease}.news-title-link a:hover{color:var(--herta-purple-light)}.news-excerpt-text{color:var(--text-muted);font-size:.95rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:1.5rem}.news-bottom-row{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.news-author{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--text-muted);font-weight:500}.read-more-link{color:var(--herta-purple-light);text-decoration:none;font-weight:800;font-size:.8rem;display:flex;align-items:center;gap:8px;transition:gap .2s ease}.read-more-link:hover{gap:12px;color:#fff}.no-news-box{padding:4rem;text-align:center;color:var(--text-muted);font-style:italic}@media(max-width:850px){.news-item-horizontal{flex-direction:column;height:auto}.news-img-box{width:100%;min-width:100%;height:200px;border-right:none;border-bottom:1px solid var(--border-tech)}.news-body-box{padding:1.5rem}}.news-detail-page{background-color:var(--bg-deep);min-height:100vh;padding-bottom:6rem}.article-hero{position:relative;height:60vh;min-height:500px;background-size:cover;background-position:center;display:flex;align-items:flex-end;padding-bottom:4rem}.article-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,var(--bg-deep) 0%,rgba(10,8,18,.4) 50%,transparent 100%)}.hero-content-inner{position:relative;z-index:2;width:100%}.back-btn-hsr{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:8px 16px;border-radius:20px;font-size:.8rem;font-weight:700;display:flex;align-items:center;gap:8px;cursor:pointer;transition:var(--transition);margin-bottom:3rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-btn-hsr:hover{background:#ffffff26;transform:translate(-5px)}.article-header-main h1{font-size:4rem;margin:1.5rem 0;font-weight:800;line-height:1.1;max-width:900px}.article-meta-row{display:flex;gap:25px;color:#fff9;font-size:.85rem;font-weight:600;letter-spacing:1px}.meta-item{display:flex;align-items:center;gap:8px}.article-body-container{margin-top:-3rem;position:relative;z-index:5}.article-content-wrapper{max-width:1100px;margin:0 auto;padding:4rem!important;background:#0f0c1ccc!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(157,112,255,.1)!important}.article-inner-text{font-size:1.15rem;line-height:1.8;color:#ffffffe6}.article-inner-text h2{font-size:2.2rem;margin-top:3rem}.article-inner-text h3{font-size:1.6rem}.article-inner-text p{margin-bottom:1.5rem}.article-footer-share{margin-top:4rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.share-section{display:flex;align-items:center;gap:15px;cursor:pointer;width:fit-content;position:relative}.share-label{font-weight:800;font-size:.9rem;letter-spacing:1px;color:#fff9}.share-btn-icon{background:none;border:none;color:#fff;display:flex;align-items:center;justify-content:center;transition:var(--transition);padding:5px}.share-section:hover .share-btn-icon{color:var(--herta-purple-light);transform:scale(1.2)}.copied-toast{position:absolute;left:100%;margin-left:20px;background:var(--herta-purple);color:#fff;padding:4px 12px;border-radius:4px;font-size:.75rem;font-weight:800;white-space:nowrap;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@media(max-width:768px){.article-header-main h1{font-size:2.5rem}.article-meta-row{flex-direction:column;gap:10px}.article-content-wrapper{padding:2rem!important}.article-inner-text{font-size:1rem}}.build-details-page{padding-top:4rem;padding-bottom:8rem}.guide-header{padding:3rem 4rem;margin-bottom:3rem;background:linear-gradient(135deg,var(--bg-card),rgba(157,112,255,.05))}.guide-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.guide-title-row{display:flex;align-items:center;gap:1.5rem}.guide-icon-tag{background:var(--herta-purple);color:#fff;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:0 0 15px var(--herta-purple-dim)}.guide-header h1{font-size:2.2rem;font-weight:800;margin:0}.guide-subtitle{color:var(--text-muted);font-size:1.1rem;margin-bottom:2rem}.guide-meta{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border-tech);padding-top:2rem}.author-info{display:flex;align-items:center;gap:12px}.author-orb{width:35px;height:35px;background:var(--herta-purple);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.9rem}.publish-date{color:var(--text-muted);font-size:.85rem;font-weight:600;letter-spacing:1px}.guide-main-layout{display:grid;grid-template-columns:1fr 120px;gap:2rem}.formation-tabs-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.f-tab-herta{background:#ffffff08;border:1px solid var(--border-tech);color:var(--text-muted);padding:1rem;border-radius:12px;font-weight:700;cursor:pointer;transition:var(--transition)}.f-tab-herta.active{background:var(--herta-purple-dim);border-color:var(--herta-purple);color:#fff}.team-composition-herta{display:grid;grid-template-columns:220px 1fr;padding:0;overflow:hidden;margin-bottom:2rem}.synergy-sidebar-herta{background:#0003;padding:2.5rem;display:flex;flex-direction:column;gap:1.5rem;border-right:1px solid var(--border-tech)}.h-synergy{display:flex;flex-direction:column;gap:5px;padding:15px;background:#ffffff08;border-radius:10px;border-left:3px solid var(--herta-purple)}.h-syn-val{font-size:1.5rem;font-weight:900}.h-syn-name{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.h-team-grid{padding:3rem;display:flex;flex-direction:column;gap:3rem}.h-grid-row h4{font-size:.8rem;letter-spacing:2px;color:var(--herta-purple-light);margin-bottom:1.5rem}.h-slots{display:flex;gap:1.5rem;flex-wrap:wrap}.h-slot{width:90px;display:flex;flex-direction:column;align-items:center;gap:10px}.h-slot-img-wrap{width:75px;height:75px;background:#ffffff0d;border-radius:12px;padding:5px;border:1px solid transparent}.h-slot.rarity-gold .h-slot-img-wrap{border-color:var(--herta-gold);background:#ffd7000d}.h-slot img{width:100%;height:100%;object-fit:contain}.h-slot-name{font-size:.65rem;font-weight:700;text-align:center}.h-slot.empty{width:75px;height:75px;border:2px dashed rgba(255,255,255,.1);border-radius:12px}.strategy-text-herta{padding:3rem 4rem}.strategy-text-herta h3{font-size:1.4rem;margin-bottom:1.5rem}.h-strategy-body p{color:var(--text-muted);line-height:1.8;margin-bottom:1rem}.h-stats-sidebar{display:flex;flex-direction:column;gap:1rem}.h-stat-box{padding:2rem;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.h-stat-val{font-size:1.2rem;font-weight:800}.h-share-btn{background:var(--herta-purple-dim);cursor:pointer}.h-share-btn:hover{background:var(--herta-purple)}.h-stat-label{font-size:.6rem;font-weight:900;margin-top:5px}.tierlist-admin-page{padding:3rem 0 6rem}.header-buttons{display:flex;gap:1rem}.tierlist-workspace-herta{display:flex;flex-direction:column;gap:20px}.h-tier-row{display:flex;min-height:140px;background:var(--bg-panel);border:1px solid var(--border-tech);border-radius:var(--radius-md);overflow:hidden;transition:var(--transition)}.h-tier-row:hover{border-color:var(--herta-purple);box-shadow:0 0 30px var(--herta-purple-dim)}.h-tier-label{width:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:900;font-size:2rem;color:var(--bg-deep);text-shadow:0 0 10px rgba(255,255,255,.3);position:relative;gap:10px}.btn-delete-tier{background:#0003;border:none;color:#ffffff80;cursor:pointer;padding:5px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-delete-tier:hover{background:#ff4d4d;color:#fff;transform:scale(1.1)}.h-tier-row .h-tier-label{background:linear-gradient(135deg,#2a2440,#3d355c);color:#c0a0ff}.tier-T0 .h-tier-label{background:linear-gradient(135deg,#ff4b4b,#ff8080);color:#fff}.tier-T05 .h-tier-label{background:linear-gradient(135deg,#ff8000,#ffb366);color:#fff}.tier-T1 .h-tier-label{background:linear-gradient(135deg,gold,#fff080);color:#000}.tier-T15 .h-tier-label{background:linear-gradient(135deg,#a335ee,#d180ff);color:#fff}.tier-T2 .h-tier-label{background:linear-gradient(135deg,#0070dd,#80bfff);color:#fff}.h-tier-content{flex:1;display:flex;flex-wrap:wrap;gap:20px;padding:25px;align-items:center}.tier-empty-text{color:#ffffff1a;font-style:italic;font-size:.9rem;margin-left:1rem}.h-char-node{width:95px;height:120px;background:#0006;border:1px solid var(--border-tech);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:grab;color:var(--herta-silver);transition:var(--transition);border-radius:18px;position:relative;padding:10px}.h-char-node:active{cursor:grabbing}.h-char-node.dragging{opacity:.4;transform:scale(.9)}.unit-icon{width:65px;height:65px;object-fit:contain}.unit-name-small{font-size:.68rem;font-weight:800;text-align:center;line-height:1.1;text-transform:uppercase;letter-spacing:.5px}.h-char-node.cost-5{background:linear-gradient(135deg,#ffd70033,#ffd7000d);border-color:#ffd70066}.h-char-node.cost-4{background:linear-gradient(135deg,#a335ee33,#a335ee0d);border-color:#a335ee66}.h-char-node.cost-3{background:linear-gradient(135deg,#0070dd33,#0070dd0d);border-color:#0070dd66}.h-char-node.cost-2{background:linear-gradient(135deg,#1eff0026,#1eff0008);border-color:#1eff004d}.h-char-node.cost-1{background:linear-gradient(135deg,#9d70ff1a,#9d70ff05);border-color:#9d70ff33}.h-char-node.cost-Conseiller{background:linear-gradient(135deg,#ffa5004d,#ffd7001a);border-color:orange}.h-char-node:hover{transform:translateY(-8px);box-shadow:0 10px 20px #0006}.roster-panel-herta{padding:3rem}.roster-desc{color:var(--text-muted);margin:.5rem 0 2.5rem;font-style:italic}.roster-grid{display:flex;flex-wrap:wrap;gap:20px}.mt-8{margin-top:5rem}.selection-banner{background:#9d70ff26;border:1px solid var(--herta-purple);padding:1.5rem 2rem;border-radius:var(--radius-md);margin-bottom:2rem;display:flex;align-items:center;justify-content:space-between;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.selection-banner span{font-size:1.1rem}.selection-banner p{font-size:.9rem;color:var(--herta-purple-light);margin:0}.h-char-node.selected{border-color:#fff!important;box-shadow:0 0 25px #fff6;transform:translateY(-10px) scale(1.05);z-index:10}.clickable-target{cursor:cell!important;border-style:dashed!important;background:#9d70ff0d!important}.clickable-target:hover{background:#9d70ff26!important;border-color:var(--herta-purple-light)!important}.btn-hsr-text{background:transparent;border:none;color:#fff;font-weight:800;text-decoration:underline;cursor:pointer;padding:0 1rem}.btn-hsr-text:hover{color:var(--herta-purple-light)}.tier-name-input{background:transparent;border:none;color:#fff;font-weight:800;font-size:1.2rem;text-align:center;width:100%;outline:none}.tier-name-input:focus{background:#0003;border-radius:4px}.tier-controls{display:flex;gap:8px;align-items:center;margin-top:4px}.tier-color-picker{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:none;width:24px;height:24px;border-radius:50%;cursor:pointer;padding:0;background:transparent}.tier-color-picker::-webkit-color-swatch-wrapper{padding:0}.tier-color-picker::-webkit-color-swatch{border:1px solid rgba(255,255,255,.3);border-radius:50%}.h-tier-label{flex-direction:column}.admin-news-page{padding-bottom:8rem}.news-form{padding:2.5rem;margin-bottom:3rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.full-width{grid-column:span 2}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{display:flex;align-items:center;gap:8px;font-size:.8rem;font-weight:700;color:var(--text-muted);text-transform:uppercase}.form-group input,.form-group select,.form-group textarea{background:#0000004d;border:1px solid var(--border-tech);border-radius:8px;padding:.8rem;color:#fff;font-family:inherit;outline:none}.form-group textarea{min-height:80px;resize:vertical}.form-group .content-area{min-height:250px}.form-actions{margin-top:2rem;display:flex;justify-content:flex-end}.news-list-admin{display:flex;flex-direction:column;gap:1rem}.news-admin-item{display:flex;align-items:center;padding:1rem;gap:1.5rem}.news-thumb{width:120px;height:80px;border-radius:8px;object-fit:cover}.news-info{flex:1}.news-meta-top{display:flex;align-items:center;gap:12px;margin-bottom:.4rem}.news-date{font-size:.7rem;color:var(--text-muted)}.news-info h3{font-size:1.1rem;margin-bottom:.3rem}.news-info p{font-size:.85rem;color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.news-actions{display:flex;gap:.5rem;padding:0 1rem}.btn-edit,.btn-delete{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition)}.btn-edit{background:#a855f7;border:1px solid rgba(255,255,255,.2);color:#fff}.btn-edit:hover{background:var(--herta-purple-light);transform:scale(1.1)}.btn-delete{background:#ff4b4b1a;border:1px solid rgba(255,75,75,.2);color:#ff4b4b}.btn-delete:hover{background:#ff4b4b;color:#fff}.auth-page{min-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center;padding:4rem 0}.auth-card{width:100%;max-width:500px;padding:4rem;background:#161225e6;border:1px solid rgba(157,112,255,.2);border-radius:40px;box-shadow:0 20px 50px #0009}.auth-header{text-align:center;margin-bottom:3.5rem}.auth-header svg{margin-bottom:1.5rem;color:var(--herta-purple);filter:drop-shadow(0 0 10px rgba(157,112,255,.5))}.auth-header h2{font-size:2.2rem;font-weight:900;margin-bottom:.8rem}.auth-header p{color:var(--text-muted);font-size:.95rem;letter-spacing:.5px}.auth-form{display:flex;flex-direction:column;gap:2rem}.form-group{display:flex;flex-direction:column;gap:1rem}.form-group label{display:flex;align-items:center;gap:10px;font-size:.8rem;font-weight:800;color:var(--herta-purple-light);letter-spacing:1px}.hsr-input{background:#0000004d;border:1px solid var(--border-tech);padding:1.2rem;border-radius:15px;color:#fff;font-weight:600;outline:none;transition:var(--transition)}.hsr-input:focus{border-color:var(--herta-purple);background:#9d70ff0d;box-shadow:0 0 15px #9d70ff1a}.auth-footer{margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(157,112,255,.1);text-align:center;display:flex;flex-direction:column;gap:10px}.auth-footer span{font-size:.85rem;color:var(--text-muted)}.auth-footer a{font-weight:800;color:var(--herta-purple-light);text-decoration:none;transition:var(--transition)}.auth-footer a:hover{color:#fff;text-decoration:underline}.error-msg{background:#ff52521a;border-left:4px solid #ff5252;color:#ff8a80;padding:1rem;border-radius:8px;font-size:.85rem;font-weight:700;margin-bottom:2rem}.w-full{width:100%}.create-build-container{display:grid;grid-template-columns:350px 1fr 300px;gap:2rem;padding:2rem 0;height:calc(100vh - 150px)}.unit-selector-panel{display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto;padding-right:1rem}.unit-search{padding:1rem;background:var(--bg-card);border:1px solid var(--border-tech);border-radius:12px;color:#fff;width:100%}.selector-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.selector-card{aspect-ratio:1;background:var(--bg-card);border:1px solid var(--border-tech);border-radius:8px;cursor:grab;padding:5px;display:flex;align-items:center;justify-content:center}.selector-card img{width:100%;height:100%;object-fit:contain}.battlefield-main{display:flex;flex-direction:column;gap:2rem}.squad-builder{flex:1;display:flex;flex-direction:column;gap:3rem;padding:3rem;background:#0000004d;border-radius:20px;border:1px dashed var(--border-tech)}.on-field-area{display:flex;justify-content:center;gap:2rem}.on-field-slot{width:140px;height:180px;border:2px dashed var(--herta-purple-dim);border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;transition:var(--transition);background:#9d70ff08}.on-field-slot.active{border-color:var(--herta-purple);background:#9d70ff1a}.on-field-slot .slot-label{position:absolute;top:-10px;background:var(--herta-purple);font-size:.6rem;padding:2px 8px;border-radius:4px;font-weight:900}.off-field-area{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem}.off-field-slot{aspect-ratio:1;border:1px dashed var(--border-tech);border-radius:10px;display:flex;align-items:center;justify-content:center;background:#ffffff05;position:relative}.off-field-slot.active{border-color:var(--herta-purple-light)}.placed-unit{width:100%;height:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.placed-unit img{width:80%;height:80%;object-fit:contain}.remove-btn{position:absolute;top:5px;right:5px;background:#ff000080;border:none;color:#fff;width:20px;height:20px;border-radius:50%;cursor:pointer;font-size:.7rem}.synergy-panel{display:flex;flex-direction:column;gap:1.5rem;background:var(--bg-card);padding:2rem;border-radius:15px;border-left:4px solid var(--herta-purple)}.bond-item{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#0003;border-radius:8px}.bond-count{background:var(--herta-purple);color:#fff;padding:2px 8px;border-radius:10px;font-size:.8rem;font-weight:800}.wiki-page{padding-bottom:8rem}.view-toggle{display:flex;gap:10px;background:#0000004d;padding:5px;border-radius:12px;border:1px solid var(--border-tech)}.wiki-header-actions{display:flex;align-items:center;gap:2rem}.btn-icon{width:40px;height:40px;border-radius:8px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.btn-icon.active{background:var(--herta-purple);color:#fff}.tutorial-viewer{margin-bottom:5rem;padding:4rem;background:#16122566;border:1px solid rgba(157,112,255,.15);border-radius:40px}.tuto-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4rem;border-bottom:1px solid rgba(157,112,255,.1);padding-bottom:2rem}.tuto-title-group{display:flex;align-items:center;gap:1.5rem}.tuto-title-group h2{font-size:2.2rem;font-weight:900;margin:0}.tuto-main{display:flex;gap:4rem;align-items:stretch;height:500px}.tuto-image-container{flex:2.5;background:#0003;border-radius:30px;overflow:hidden;border:1px solid var(--border-tech);box-shadow:0 20px 50px #00000080;aspect-ratio:16 / 9}.tuto-img-frame{height:100%}.tuto-img{width:100%;height:100%;display:block;object-fit:contain}.tuto-content{flex:1;display:flex;flex-direction:column;position:relative;height:100%}.tuto-text-wrap{flex:1;overflow-y:auto;padding-right:1.5rem}.step-number{font-size:.75rem;font-weight:950;color:var(--herta-purple-light);letter-spacing:3px;text-transform:uppercase;margin-bottom:.5rem;display:block;opacity:.8}.tuto-text-wrap h3{font-size:2.2rem;font-weight:900;margin-bottom:1.5rem;line-height:1.1;color:#fff}.tuto-text-wrap p{font-size:1.05rem;line-height:1.6;color:var(--text-muted)}.tuto-nav-btns{display:flex;justify-content:flex-end;gap:1.5rem;margin-top:auto;padding-top:1.5rem;background:transparent}.nav-btn-hsr{pointer-events:auto;width:64px;height:64px;border-radius:20px;background:#9d70ff1a;border:1px solid rgba(157,112,255,.2);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition)}.nav-btn-hsr:hover{background:var(--herta-purple);border-color:#fff;transform:translateY(-5px)}.tuto-grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2.5rem;max-height:700px;overflow-y:auto;padding:1.5rem}.tuto-grid-item{position:relative;border-radius:24px;overflow:hidden;aspect-ratio:16/9;border:1px solid rgba(157,112,255,.1);cursor:pointer;transition:var(--transition)}.tuto-grid-item:hover{transform:translateY(-5px);border-color:var(--herta-purple);box-shadow:0 10px 25px #9d70ff33}.tuto-grid-item img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.tuto-grid-item:hover img{transform:scale(1.1)}.tuto-grid-info{position:absolute;bottom:0;left:0;right:0;padding:1.5rem;background:linear-gradient(to top,rgba(10,8,18,.95),transparent);display:flex;align-items:center;gap:1rem}.grid-id{font-weight:900;color:var(--herta-purple-light);font-size:1.1rem}.grid-title{font-size:.9rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wiki-detailed-section{margin-bottom:5rem}.section-header-mini{display:flex;align-items:center;gap:1.5rem;margin-bottom:3rem}.section-header-mini h2{font-size:2rem;font-weight:900}.synergy-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem}.synergy-card{padding:2.5rem;display:flex;align-items:center;gap:2rem}.synergy-icon{width:80px;height:80px;border-radius:20px;background:#0006;flex-shrink:0}.wiki-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem}.wiki-section{padding:4rem;display:flex;flex-direction:column}.section-title{display:flex;align-items:center;gap:1.5rem;margin-bottom:3.5rem}.section-title h2{font-size:1.8rem;font-weight:900}.wiki-item{display:flex;gap:2rem;margin-bottom:3rem;align-items:flex-start}.wiki-item-icon{width:48px;height:48px;background:#9d70ff1a;border:1px solid rgba(157,112,255,.2);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--herta-purple-light);flex-shrink:0}.prob-table{width:100%;border-collapse:separate;border-spacing:0 10px}.prob-table th{padding:1.5rem;text-align:left;font-size:.8rem;color:var(--herta-purple-light);letter-spacing:1px}.prob-table td{padding:1.5rem;background:#ffffff08;font-weight:700}.prob-table td:first-child{border-radius:15px 0 0 15px}.prob-table td:last-child{border-radius:0 15px 15px 0}.wiki-footer-actions{margin-top:3.5rem;padding-top:2rem;border-top:1px solid rgba(157,112,255,.1);display:flex;justify-content:center}@media(max-width:1300px){.tuto-main{flex-direction:column}.tuto-content{min-height:300px;margin-top:2rem}.wiki-grid{grid-template-columns:1fr}}@media(max-width:900px){.synergy-cards{grid-template-columns:1fr}.tutorial-viewer{padding:2rem}}.calculator-page{padding-bottom:8rem}.calc-container{display:grid;grid-template-columns:450px 1fr;gap:3rem;margin-top:2rem;align-items:flex-start}.calc-controls{padding:3rem;display:flex;flex-direction:column;gap:2.5rem}.control-group label{display:block;font-size:.8rem;font-weight:800;color:var(--herta-purple-light);margin-bottom:1.5rem;letter-spacing:1px}input[type=range]{width:100%;accent-color:var(--herta-purple);cursor:pointer}.range-labels{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.7rem;font-weight:700;color:var(--text-muted)}.tier-selector{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.tier-btn{padding:1rem .5rem;background:#ffffff0d;border:1px solid rgba(157,112,255,.1);border-radius:12px;color:#fff;font-weight:800;cursor:pointer;transition:var(--transition)}.tier-btn.active{background:var(--herta-purple);border-color:#fff;box-shadow:0 0 15px var(--herta-purple-dim)}.tier-btn:hover:not(.active){background:#9d70ff1a}.hsr-input{width:100%;background:#0000004d;border:1px solid var(--border-tech);padding:1rem;border-radius:12px;color:#fff;font-weight:700;outline:none}.calc-results{display:flex;flex-direction:column;gap:2rem}.result-card.highlight{padding:4rem;text-align:center;background:linear-gradient(135deg,#161225e6,#1e1a33e6);border:2px solid var(--herta-purple)}.result-label{font-size:.9rem;font-weight:800;letter-spacing:2px;color:var(--text-muted);margin-bottom:1.5rem}.result-value{font-size:6rem;font-weight:950;line-height:1;margin-bottom:1.5rem;filter:drop-shadow(0 0 20px rgba(157,112,255,.3))}.result-footer{font-size:.85rem;color:var(--text-muted)}.secondary-results{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.sub-result{padding:2rem;display:flex;align-items:center;gap:1.5rem}.sub-label{font-size:.7rem;font-weight:800;color:var(--text-muted)}.sub-value{font-size:1.8rem;font-weight:900}.calc-info{padding:2rem;display:flex;gap:1.5rem;align-items:center;background:#9d70ff0d;border-left:4px solid var(--herta-purple)}.calc-info p{font-size:.95rem;line-height:1.6;color:#e2e8f0}@media(max-width:1100px){.calc-container{grid-template-columns:1fr}}.strategies-page{padding:6rem 0;min-height:100vh;background:radial-gradient(circle at top right,rgba(157,112,255,.05) 0%,transparent 40%)}.strategies-header{margin-bottom:4rem}.back-link{display:flex;align-items:center;gap:.8rem;color:var(--herta-purple-light);font-weight:800;font-size:.9rem;text-decoration:none;margin-bottom:2rem;transition:var(--transition)}.back-link:hover{color:#fff;transform:translate(-5px)}.header-main{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem}.header-main h1{font-size:4rem;font-weight:950;margin:1rem 0;background:linear-gradient(to bottom,#fff 0%,var(--herta-purple-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header-main p{color:var(--text-muted);font-size:1.1rem;max-width:600px}.filter-bar{display:flex;gap:2rem;padding:2rem;margin-bottom:3rem;background:#16122599;border-radius:24px}.search-box{flex:1;position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:1.2rem;top:50%;transform:translateY(-50%);color:var(--herta-purple-light);z-index:2;pointer-events:none}.search-box input{width:100%;padding:1.1rem 1.1rem 1.1rem 3.5rem;background:#0006;border:1px solid rgba(157,112,255,.3);border-radius:12px;color:#fff;font-size:1rem;transition:all .3s ease;font-weight:500}.search-box input:focus{border-color:var(--herta-purple);background:#9d70ff1a;box-shadow:0 0 25px #9d70ff26;outline:none}.search-box input::placeholder{color:#fff6}.filters-group{display:flex;gap:1.5rem}.filter-item{display:flex;align-items:center;gap:.8rem;padding:0 1.2rem;background:#0006;border:1px solid rgba(157,112,255,.3);border-radius:12px;color:var(--herta-purple-light);min-width:180px;position:relative;transition:var(--transition)}.filter-item:hover,.filter-item:focus-within{border-color:var(--herta-purple);background:#9d70ff1a;box-shadow:0 0 20px #9d70ff1a}.filter-item select{flex:1;background:transparent;border:none;color:#fff;font-weight:700;padding:1.1rem 0;cursor:pointer;outline:none;font-size:.95rem;-moz-appearance:none;appearance:none;-webkit-appearance:none}.filter-item:after{content:"▾";position:absolute;right:1.2rem;top:50%;transform:translateY(-50%);color:var(--herta-purple-light);pointer-events:none;font-size:1.2rem}.filter-item select option{background:#1a1625;color:#fff;padding:1rem}.results-count{margin-bottom:2rem;color:var(--text-muted);font-size:.9rem}.results-count strong{color:var(--herta-purple-light)}.strategies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:2rem}.strat-card{background:#16122566;border:1px solid rgba(157,112,255,.1);border-radius:24px;padding:2rem;position:relative;display:flex;flex-direction:column;transition:all .4s cubic-bezier(.2,.8,.2,1);border-left:4px solid var(--rarity-color)}.strat-card:hover{transform:translateY(-10px);background:#16122599;border-color:var(--rarity-color);box-shadow:0 15px 40px #0006,0 0 20px #9d70ff0d}.strat-rarity-badge{position:absolute;top:1.5rem;right:1.5rem;font-size:.65rem;font-weight:900;text-transform:uppercase;letter-spacing:2px;color:var(--rarity-color);padding:.4rem .8rem;background:#0000004d;border-radius:20px;border:1px solid var(--rarity-color)}.strat-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem}.strat-icon{width:56px;height:56px;background:#9d70ff1a;border-radius:16px;display:flex;align-items:center;justify-content:center;color:var(--rarity-color);border:1px solid rgba(157,112,255,.2)}.strat-plane{font-size:.8rem;font-weight:800;color:var(--herta-purple-light);opacity:.7}.strat-card h3{font-size:1.5rem;font-weight:900;color:#fff;margin-bottom:1rem;line-height:1.2}.strat-effect{flex:1;margin-bottom:2rem}.strat-effect p{color:var(--text-muted);line-height:1.6;font-size:.95rem}.strat-footer{padding-top:1.5rem;border-top:1px solid rgba(157,112,255,.05)}.strat-en-name{font-size:.75rem;font-family:monospace;color:var(--text-muted);opacity:.5}.no-results{padding:6rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:2rem}.no-results p{font-size:1.2rem;color:var(--text-muted)}@media(max-width:900px){.header-main{flex-direction:column;align-items:flex-start}.filter-bar{flex-direction:column}.strategies-grid{grid-template-columns:1fr}.header-main h1{font-size:3rem}}.admin-page{padding-top:2rem;padding-bottom:4rem;min-height:calc(100vh - 80px)}.admin-header{margin-bottom:3rem;display:flex;justify-content:space-between;align-items:flex-end}.admin-header h1{font-size:2.5rem;margin:.5rem 0;letter-spacing:2px}.admin-badge{background:#a064ff33;color:#c0a0ff;padding:4px 12px;border-radius:4px;font-size:.75rem;font-weight:700;display:inline-block;border:1px solid rgba(160,100,255,.3);margin-bottom:.5rem}.admin-welcome{color:var(--text-muted)}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:3rem}.stat-card{padding:1.5rem;display:flex;align-items:center;gap:1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.05);transition:all .3s ease}.stat-card:hover{background:#ffffff0d;border-color:#c0a0ff33;transform:translateY(-2px)}.stat-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#c0a0ff1a;color:#c0a0ff}.stat-info .stat-value{display:block;font-size:1.5rem;font-weight:700;color:#fff}.stat-info .stat-label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.admin-tool-card{position:relative;overflow:hidden;padding:2rem;height:220px;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.admin-tool-card:hover{transform:translateY(-8px);border-color:#c0a0ff66;box-shadow:0 10px 30px #00000080,0 0 20px #c0a0ff1a}.tool-icon{margin-bottom:1rem;color:#c0a0ff;opacity:.8;transition:all .3s ease}.admin-tool-card:hover .tool-icon{transform:scale(1.1) rotate(5deg);opacity:1}.tool-content h3{margin:0 0 .5rem;font-size:1.25rem;color:#fff}.tool-content p{font-size:.9rem;color:var(--text-muted);margin:0;line-height:1.4}.tool-footer{display:flex;justify-content:flex-end;align-items:center;font-size:.8rem;font-weight:600;color:#c0a0ff;opacity:0;transform:translate(-10px);transition:all .3s ease}.admin-tool-card:hover .tool-footer{opacity:1;transform:translate(0)}.card-bg-accent{position:absolute;top:-20px;right:-20px;font-size:8rem;opacity:.03;pointer-events:none;color:#fff}@media(max-width:768px){.admin-header{flex-direction:column;align-items:flex-start;gap:1rem}.admin-header h1{font-size:2rem}}.app-container{display:flex;flex-direction:column;min-height:100vh}.page-content{flex:1;padding-top:100px}.page-content.home-mode{padding-top:0}@media(max-width:768px){.page-content{padding-top:80px}}