*,::after,::before{margin:0;padding:0;box-sizing:border-box}:root{--bg:#0c0e1a;--bg-elev:#14172b;--card:#14172b;--card-hover:#1a1d35;--pink:#ff3c8e;--green:#39ffb0;--purple:#b44cff;--blue:#4caaff;--gold:#ffd166;--red:#ff5555;--text:#e8e6f0;--text-strong:#ffffff;--dim:#8b87a8;--dim-strong:#b6b1cf;--border:rgba(255,255,255,0.06);--border-strong:rgba(255,255,255,0.14);--grid:rgba(255,60,142,0.06);--rarity-gray:#8b87a8;--rarity-green:#39ffb0;--rarity-blue:#4caaff;--rarity-purple:#b44cff;--rarity-red:#ff5555;--rarity-gold:#ffd166;--i-drum:#ef4444;--i-violin:#c084fc;--i-tambourine:#fbbf24;--i-trumpet:#f97316;--i-microphone:#38bdf8;--i-piano:#a3e635;--i-guitar:#ec4899;--i-flute:#5eead4;--shadow-sm:0 2px 12px rgba(0,0,0,0.4);--shadow-md:0 8px 32px rgba(0,0,0,0.5);--shadow-glow:0 0 24px rgba(180,76,255,0.35)}html{scroll-behavior:smooth}body{font-family:Outfit,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;font-weight:300;min-height:100vh}body::before{content:'';position:fixed;inset:0;background:repeating-linear-gradient(90deg,var(--grid) 0 1px,transparent 1px 80px),repeating-linear-gradient(0deg,var(--grid) 0 1px,transparent 1px 80px);pointer-events:none;z-index:0}.w{max-width:1200px;margin:0 auto;padding:0 24px;position:relative;z-index:1}.w-wide{max-width:1400px}.nav{position:sticky;top:0;z-index:50;background:rgba(12,14,26,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:14px 0}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.nav-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text-strong);font-family:Righteous,cursive;font-size:1.1rem;background:linear-gradient(135deg,var(--pink),var(--purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-brand-icon{font-size:1.4rem;filter:drop-shadow(0 0 8px rgba(255,60,142,.5))}.nav-links{display:flex;gap:8px;align-items:center;list-style:none;flex-wrap:wrap}.nav-link{color:var(--dim);text-decoration:none;padding:6px 14px;border-radius:100px;font-size:.88rem;transition:all .2s}.nav-link.active,.nav-link:hover{color:var(--text-strong);background:var(--card)}.hero{text-align:center;padding:80px 24px 48px;position:relative}.hero h1{font-family:Righteous,cursive;font-size:clamp(2.2rem, 6vw, 4rem);background:linear-gradient(135deg,var(--pink),var(--purple),var(--blue));background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:heroGradient 8s ease infinite;margin-bottom:16px;line-height:1.1}@keyframes heroGradient{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}.hero p.subtitle{font-size:clamp(1rem, 2vw, 1.2rem);color:var(--dim-strong);max-width:640px;margin:0 auto 24px;font-weight:300}.hero .pills{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:24px}.pill{padding:5px 14px;border:1px solid var(--border-strong);border-radius:100px;font-size:.78rem;color:var(--dim);background:var(--card)}.section{padding:56px 0}.section-title{font-family:Righteous,cursive;font-size:clamp(1.6rem, 3.4vw, 2.2rem);color:var(--text-strong);margin-bottom:8px;display:flex;align-items:center;gap:16px}.section-title::before{content:'';display:block;width:6px;height:32px;background:linear-gradient(180deg,var(--pink),var(--purple));border-radius:4px}.section-sub{color:var(--dim-strong);font-size:.96rem;max-width:720px;margin-bottom:32px}.char-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.char-card{background:var(--card);border:1px solid var(--border-strong);border-radius:16px;padding:24px;text-decoration:none;color:var(--text);transition:all .3s cubic-bezier(.4, 0, .2, 1);position:relative;overflow:hidden;display:block}.char-card::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at top right,var(--instrument-color,var(--purple)) 0,transparent 70%);opacity:.08;transition:opacity .3s}.char-card:hover{transform:translateY(-4px);border-color:var(--instrument-color,var(--purple));box-shadow:0 16px 48px rgba(0,0,0,.5),0 0 32px var(--instrument-color,rgba(180,76,255,.3))}.char-card:hover::before{opacity:.18}.char-card[data-instrument=drum]{--instrument-color:var(--i-drum)}.char-card[data-instrument=violin]{--instrument-color:var(--i-violin)}.char-card[data-instrument=tambourine]{--instrument-color:var(--i-tambourine)}.char-card[data-instrument=trumpet]{--instrument-color:var(--i-trumpet)}.char-card[data-instrument=microphone]{--instrument-color:var(--i-microphone)}.char-card[data-instrument=piano]{--instrument-color:var(--i-piano)}.char-card[data-instrument=guitar]{--instrument-color:var(--i-guitar)}.char-card[data-instrument=flute]{--instrument-color:var(--i-flute)}.char-portrait{width:96px;height:96px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.04);border-radius:50%;border:2px solid var(--instrument-color,var(--border-strong));box-shadow:0 0 24px var(--instrument-color);position:relative;z-index:1}.char-portrait img{width:64px;height:64px}.char-icon-big{font-size:2.8rem;filter:drop-shadow(0 0 12px var(--instrument-color, var(--purple)))}.char-name{font-family:Righteous,cursive;text-align:center;font-size:1.2rem;color:var(--text-strong);position:relative;z-index:1}.char-role{text-align:center;font-size:.84rem;color:var(--dim-strong);margin-top:4px;position:relative;z-index:1}.char-archetype{text-align:center;margin-top:12px;padding:4px 12px;background:rgba(255,255,255,.05);border-radius:100px;font-size:.72rem;color:var(--dim);text-transform:uppercase;letter-spacing:.05em;position:relative;z-index:1;display:inline-block}.char-hero{display:grid;grid-template-columns:280px 1fr;gap:48px;padding:48px 0;align-items:center}@media (max-width:720px){.char-hero{grid-template-columns:1fr;text-align:center}}.char-hero-portrait{width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.06) 0,rgba(255,255,255,.02) 70%);border:3px solid var(--instrument-color,var(--purple));display:flex;align-items:center;justify-content:center;box-shadow:0 0 80px var(--instrument-color),inset 0 0 40px rgba(0,0,0,.5);margin:0 auto}.char-hero-portrait img{width:200px;height:200px}.char-hero-portrait .char-icon-huge{font-size:7rem;filter:drop-shadow(0 0 24px var(--instrument-color))}.char-hero-info h1{font-family:Righteous,cursive;font-size:clamp(2rem, 5vw, 3.4rem);color:var(--text-strong);line-height:1.1}.char-hero-info .role-title{font-size:1.2rem;color:var(--instrument-color,var(--purple));font-weight:600;margin-top:4px}.char-hero-info .archetype-tag{display:inline-block;margin-top:12px;padding:6px 16px;background:var(--card);border:1px solid var(--instrument-color,var(--border-strong));border-radius:100px;font-size:.82rem;color:var(--dim-strong);text-transform:uppercase;letter-spacing:.06em}.char-hero-info p.desc{margin-top:16px;color:var(--dim-strong);font-size:1rem;line-height:1.65}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-top:20px}.stat-box{background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:10px;padding:12px 16px;text-align:center}.stat-label{font-size:.72rem;color:var(--dim);text-transform:uppercase;letter-spacing:.06em}.stat-value{font-family:Righteous,cursive;font-size:1.4rem;color:var(--text-strong);margin-top:4px}.stat-value .unit{font-family:Outfit,sans-serif;font-weight:400;font-size:.9rem;color:var(--dim-strong)}.scaler-callout{display:flex;align-items:center;gap:20px;background:linear-gradient(135deg,rgba(255,60,142,.08),rgba(180,76,255,.08));border:1px solid rgba(180,76,255,.3);border-radius:14px;padding:24px;margin:32px 0}.scaler-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:rgba(180,76,255,.15);border-radius:50%;font-size:2rem;flex-shrink:0}.scaler-text{flex:1}.scaler-text h3{font-family:Righteous,cursive;color:var(--purple);font-size:1.05rem;letter-spacing:.03em}.scaler-text .formula{font-family:'Courier New',monospace;background:rgba(0,0,0,.4);padding:8px 12px;border-radius:6px;display:inline-block;margin:8px 0;color:var(--green);font-size:.9rem}.scaler-text p{font-size:.92rem;color:var(--dim-strong)}.panel{background:var(--card);border:1px solid var(--border-strong);border-radius:14px;padding:28px;margin:24px 0}.panel-title{font-family:Righteous,cursive;font-size:1.4rem;color:var(--text-strong);margin-bottom:16px;display:flex;align-items:center;gap:12px}.panel-title .icon-circle{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--instrument-color,var(--purple));border-radius:50%;font-size:1.1rem}.passive-mechanics{display:grid;gap:12px}.passive-mechanic{display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:start;padding:10px 0;border-bottom:1px solid var(--border)}.passive-mechanic:last-child{border-bottom:none}.passive-mechanic .bullet{width:6px;height:6px;background:var(--instrument-color,var(--purple));border-radius:50%;margin-top:8px;box-shadow:0 0 8px var(--instrument-color,var(--purple))}.passive-mechanic .formula{font-family:'Courier New',monospace;background:rgba(0,0,0,.3);padding:2px 8px;border-radius:4px;color:var(--green);font-size:.84rem;display:inline-block}.passive-mechanic strong{color:var(--text-strong)}.attack-viz{background:linear-gradient(180deg,#1a1f3a 0,#0c0e1a 100%);border-radius:16px;padding:32px;margin:24px 0;position:relative;overflow:hidden;min-height:320px}.attack-viz::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,rgba(180,76,255,.06),transparent 40%),radial-gradient(circle at 70% 50%,rgba(255,60,142,.06),transparent 40%)}.attack-viz-title{font-family:Righteous,cursive;font-size:1rem;color:var(--dim-strong);text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px;position:relative}.attack-stage{position:relative;height:240px;background:radial-gradient(ellipse at center bottom,rgba(255,255,255,.04),transparent 50%);border:1px dashed rgba(255,255,255,.08);border-radius:10px;overflow:hidden}.player-marker{position:absolute;width:36px;height:36px;background:var(--instrument-color,var(--pink));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;box-shadow:0 0 24px var(--instrument-color,var(--pink));z-index:2}.dummy-marker{position:absolute;width:28px;height:28px;background:#4a4a5e;border-radius:50%;border:2px solid #6c6c80;display:flex;align-items:center;justify-content:center;font-size:.8rem}.dummy-marker::after{content:'';position:absolute;inset:-4px;border:1px dashed rgba(255,255,255,.15);border-radius:50%}.cone-attack{position:absolute;top:50%;left:80px;width:180px;height:120px;transform:translateY(-50%);background:conic-gradient(from -30deg,transparent 0deg,var(--instrument-color,var(--pink)) 30deg,transparent 60deg);opacity:.35;filter:blur(2px);animation:pulse-cone 1.6s ease-in-out infinite;pointer-events:none}@keyframes pulse-cone{0%,100%{opacity:.2;transform:translateY(-50%) scale(.95)}50%{opacity:.5;transform:translateY(-50%) scale(1.05)}}.shockwave{position:absolute;border:2px solid var(--instrument-color,var(--pink));border-radius:50%;opacity:.5;animation:expand-wave 1.4s ease-out infinite}@keyframes expand-wave{0%{width:20px;height:20px;opacity:.8}100%{width:200px;height:200px;opacity:0}}.beam-attack{position:absolute;top:50%;left:80px;width:280px;height:8px;transform:translateY(-50%);background:linear-gradient(90deg,var(--instrument-color,var(--pink)) 0,transparent 100%);filter:blur(1px);animation:beam-pulse 1s ease-in-out infinite}@keyframes beam-pulse{0%,100%{opacity:.5}50%{opacity:1}}.projectile{position:absolute;width:12px;height:12px;background:var(--instrument-color,var(--pink));border-radius:50%;box-shadow:0 0 12px var(--instrument-color,var(--pink));animation:shoot 1.2s linear infinite}@keyframes shoot{0%{left:100px;opacity:0}10%{opacity:1}100%{left:90%;opacity:0}}.relic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:24px}.relic-card{background:var(--card);border:1px solid var(--border-strong);border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:12px;position:relative;transition:all .25s;overflow:hidden}.relic-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--rarity-color,var(--rarity-gray));box-shadow:0 0 12px var(--rarity-color,var(--rarity-gray))}.relic-card[data-tier=gray]{--rarity-color:var(--rarity-gray)}.relic-card[data-tier=green]{--rarity-color:var(--rarity-green)}.relic-card[data-tier=blue]{--rarity-color:var(--rarity-blue)}.relic-card[data-tier=purple]{--rarity-color:var(--rarity-purple)}.relic-card[data-tier=red]{--rarity-color:var(--rarity-red)}.relic-card[data-tier=gold]{--rarity-color:var(--rarity-gold)}.relic-card:hover{transform:translateY(-2px);border-color:var(--rarity-color);box-shadow:0 12px 32px rgba(0,0,0,.4),0 0 24px var(--rarity-color)}.relic-card-header{display:flex;align-items:center;gap:12px}.relic-icon{width:48px;height:48px;background:rgba(255,255,255,.04);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--border)}.relic-icon img{width:36px;height:36px}.relic-info{flex:1;min-width:0}.relic-name{font-family:Righteous,cursive;font-size:.96rem;color:var(--text-strong);line-height:1.2}.relic-tier-tag{display:inline-block;margin-top:4px;font-size:.7rem;color:var(--rarity-color);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.relic-desc{font-size:.86rem;color:var(--dim-strong);line-height:1.5}.relic-numbers{font-family:'Courier New',monospace;font-size:.78rem;color:var(--green);background:rgba(0,0,0,.3);padding:6px 10px;border-radius:6px;margin-top:4px}.balance-flag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.balance-flag.ok{background:rgba(57,255,176,.12);color:var(--green)}.balance-flag.op{background:rgba(255,209,102,.12);color:var(--gold)}.balance-flag.roto{background:rgba(255,85,85,.12);color:var(--red)}.balance-flag.flojo{background:rgba(139,135,168,.12);color:var(--dim-strong)}.talent-tree{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:24px}@media (max-width:920px){.talent-tree{grid-template-columns:repeat(2,1fr)}}@media (max-width:540px){.talent-tree{grid-template-columns:1fr}}.branch{background:var(--card);border:1px solid var(--border-strong);border-radius:14px;padding:20px;position:relative}.branch-header{display:flex;align-items:center;gap:8px;padding-bottom:14px;border-bottom:1px solid var(--border);margin-bottom:14px}.branch-icon{width:36px;height:36px;border-radius:8px;background:var(--branch-color,var(--purple));display:flex;align-items:center;justify-content:center;font-size:1.1rem;box-shadow:0 0 16px var(--branch-color,var(--purple))}.branch[data-element=fire]{--branch-color:#f97316}.branch[data-element=ice]{--branch-color:#5eead4}.branch[data-element=lightning]{--branch-color:#facc15}.branch[data-element=shadow]{--branch-color:#a855f7}.branch[data-element=wind]{--branch-color:#38bdf8}.branch[data-element=light]{--branch-color:#fde047}.branch[data-element=earth]{--branch-color:#a3e635}.branch-name{font-family:Righteous,cursive;color:var(--text-strong);font-size:1rem}.branch-element{font-size:.7rem;color:var(--dim);text-transform:uppercase;letter-spacing:.06em}.tier-list{display:flex;flex-direction:column;gap:8px}.tier{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:center;padding:8px;border-radius:8px;background:rgba(255,255,255,.02);border:1px solid var(--border);font-size:.82rem}.tier-num{width:24px;height:24px;background:var(--branch-color,var(--purple));border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Righteous,cursive;font-size:.8rem;color:#0c0e1a;font-weight:700}.tier-5 .tier-num{background:var(--rarity-red);box-shadow:0 0 12px var(--rarity-red);color:#fff}.tier-text{color:var(--dim-strong)}.tier-text strong{color:var(--text-strong)}.tier-5{background:linear-gradient(135deg,rgba(255,85,85,.06),rgba(180,76,255,.06));border-color:rgba(255,85,85,.3);margin-top:4px}.tier-5 .tier-text{color:var(--text-strong)}.build-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:24px}.build-card{background:var(--card);border:1px solid var(--border-strong);border-radius:14px;padding:24px;text-decoration:none;color:var(--text);transition:all .25s;display:block;position:relative;overflow:hidden}.build-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--build-color,var(--purple)),transparent)}.build-card[data-archetype=crit]{--build-color:var(--rarity-red)}.build-card[data-archetype=tank]{--build-color:var(--rarity-blue)}.build-card[data-archetype=vampire]{--build-color:var(--rarity-purple)}.build-card[data-archetype=aoe]{--build-color:var(--rarity-gold)}.build-card[data-archetype=speed]{--build-color:var(--rarity-green)}.build-card:hover{border-color:var(--build-color);transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,.5),0 0 24px var(--build-color)}.build-name{font-family:Righteous,cursive;font-size:1.2rem;color:var(--text-strong)}.build-archetype{font-size:.78rem;color:var(--build-color);text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px}.build-desc{color:var(--dim-strong);font-size:.9rem;margin-bottom:16px}.build-chars{display:flex;gap:8px;margin-bottom:12px}.build-char-mini{width:32px;height:32px;border-radius:50%;background:var(--bg);border:2px solid var(--build-color);display:flex;align-items:center;justify-content:center;font-size:1rem}.upgrade-screen{background:rgba(0,0,0,.7);border-radius:16px;padding:40px 24px;margin-top:24px;border:1px solid var(--border);position:relative;overflow:hidden}.upgrade-screen::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(180,76,255,.1),transparent 40%),radial-gradient(circle at 80% 80%,rgba(255,60,142,.1),transparent 40%);pointer-events:none}.upgrade-screen-title{text-align:center;font-family:Righteous,cursive;font-size:1.4rem;color:var(--text-strong);margin-bottom:24px;position:relative}.upgrade-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;position:relative}.upgrade-option{background:var(--card);border:2px solid var(--rarity-color,var(--rarity-gray));border-radius:12px;padding:20px;cursor:pointer;transition:all .2s;position:relative;overflow:hidden;text-align:center}.upgrade-option[data-rarity=gray]{--rarity-color:var(--rarity-gray)}.upgrade-option[data-rarity=green]{--rarity-color:var(--rarity-green)}.upgrade-option[data-rarity=blue]{--rarity-color:var(--rarity-blue)}.upgrade-option[data-rarity=purple]{--rarity-color:var(--rarity-purple)}.upgrade-option[data-rarity=red]{--rarity-color:var(--rarity-red)}.upgrade-option:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.5),0 0 32px var(--rarity-color)}.upgrade-option::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at center,var(--rarity-color),transparent 70%);opacity:.08}.upgrade-icon-big{width:64px;height:64px;margin:0 auto 12px;background:rgba(255,255,255,.05);border-radius:12px;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.upgrade-icon-big img{width:48px;height:48px}.upgrade-label{font-family:Righteous,cursive;color:var(--text-strong);font-size:1.1rem;position:relative;z-index:1}.upgrade-rarity-tag{display:inline-block;margin-top:4px;font-size:.7rem;color:var(--rarity-color);text-transform:uppercase;letter-spacing:.08em;font-weight:600;position:relative;z-index:1}.upgrade-desc{margin-top:10px;font-size:.82rem;color:var(--dim-strong);position:relative;z-index:1}.tip-box{background:linear-gradient(135deg,rgba(57,255,176,.06),rgba(76,170,255,.06));border:1px solid rgba(57,255,176,.25);border-radius:12px;padding:20px 24px;margin:20px 0;display:flex;gap:16px;align-items:start}.tip-box .icon{width:36px;height:36px;background:rgba(57,255,176,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.tip-box h4{font-family:Righteous,cursive;color:var(--green);font-size:1rem;margin-bottom:4px}.tip-box p{color:var(--dim-strong);font-size:.9rem}.warn-box{background:linear-gradient(135deg,rgba(255,85,85,.06),rgba(255,209,102,.06));border:1px solid rgba(255,209,102,.25);border-radius:12px;padding:20px 24px;margin:20px 0;display:flex;gap:16px;align-items:start}.warn-box .icon{width:36px;height:36px;background:rgba(255,209,102,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.warn-box h4{font-family:Righteous,cursive;color:var(--gold);font-size:1rem;margin-bottom:4px}.warn-box p{color:var(--dim-strong);font-size:.9rem}footer{margin-top:80px;padding:40px 24px;border-top:1px solid var(--border);text-align:center;color:var(--dim);font-size:.84rem}footer a{color:var(--dim-strong);text-decoration:none;transition:color .2s}footer a:hover{color:var(--pink)}.steam-cta{background:#1b2838;border:1px solid #2a475e;border-radius:14px;padding:24px;text-align:center;margin:32px 0;display:flex;flex-direction:column;gap:12px;align-items:center}.steam-cta-title{font-family:Righteous,cursive;color:#66c0f4;font-size:1.2rem}.steam-cta a{background:linear-gradient(135deg,#66c0f4,#4caaff);color:#1b2838;padding:10px 24px;border-radius:100px;text-decoration:none;font-weight:600;font-size:.9rem;transition:transform .2s,box-shadow .2s}.steam-cta a:hover{transform:translateY(-2px);box-shadow:0 0 24px rgba(102,192,244,.5)}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeInUp .6s ease-out forwards}.hero-keyart{position:relative;min-height:560px;display:flex;align-items:center;justify-content:center;text-align:center;padding:80px 24px;overflow:hidden;background-color:#0c0e1a}.hero-keyart::before{content:'';position:absolute;inset:0;background-image:url('../screenshots/key-art-no-logo.jpg');background-size:cover;background-position:center;filter:brightness(.65) saturate(1.15);z-index:0}.hero-keyart::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,14,26,.55) 0,rgba(12,14,26,0) 30%,rgba(12,14,26,.7) 100%),radial-gradient(circle at 50% 50%,transparent 40%,rgba(12,14,26,.6) 100%);z-index:1}.hero-keyart>*{position:relative;z-index:2}.hero-keyart h1{font-family:Righteous,cursive;font-size:clamp(2.4rem, 7vw, 5rem);background:linear-gradient(135deg,#ff3c8e,#b44cff,#4caaff);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:heroGradient 8s ease infinite;text-shadow:0 0 80px rgba(180,76,255,.5);margin-bottom:24px;line-height:1.05}.hero-keyart .subtitle{font-size:clamp(1rem, 1.6vw, 1.25rem);color:var(--text-strong);max-width:720px;margin:0 auto 32px;text-shadow:0 2px 16px rgba(0,0,0,.8)}.screen-frame{background:var(--card);border:1px solid var(--border-strong);border-radius:14px;overflow:hidden;position:relative;box-shadow:0 16px 48px rgba(0,0,0,.5)}.screen-frame img{display:block;width:100%;height:auto}.screen-frame .caption{padding:14px 18px;font-size:.86rem;color:var(--dim-strong);border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:16px}.screen-frame .caption strong{color:var(--text-strong)}.screen-frame .caption .badge{padding:2px 10px;background:rgba(255,60,142,.12);color:var(--pink);border-radius:100px;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.screen-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;margin-top:24px}.screen-grid.cols-2{grid-template-columns:repeat(2,1fr)}@media (max-width:720px){.screen-grid.cols-2{grid-template-columns:1fr}}.char-portrait-real{width:200px;height:200px;margin:0 auto 16px;border-radius:24px;background-image:url('../screenshots/select-artist.png');background-size:1024px auto;background-repeat:no-repeat;border:3px solid var(--instrument-color,var(--purple));box-shadow:0 0 32px var(--instrument-color,var(--purple)),inset 0 0 24px rgba(0,0,0,.4);position:relative;overflow:hidden}.char-portrait-real[data-instrument=drum]{background-position:-200px -10px}.char-portrait-real[data-instrument=violin]{background-position:-280px -10px}.char-portrait-real[data-instrument=tambourine]{background-position:-360px -10px}.char-portrait-real[data-instrument=trumpet]{background-position:-440px -10px}.char-portrait-real[data-instrument=microphone]{background-position:-520px -10px}.char-portrait-real[data-instrument=piano]{background-position:-600px -10px}.char-portrait-real[data-instrument=guitar]{background-position:-680px -10px}.char-portrait-real[data-instrument=flute]{background-position:-760px -10px}.upgrade-pill-list{display:flex;flex-direction:column;gap:8px;max-width:320px;padding:16px;background:linear-gradient(180deg,rgba(20,23,43,.92),rgba(12,14,26,.92));border-radius:16px;border:1px solid var(--border-strong)}.upgrade-pill{display:flex;align-items:center;gap:10px;background:rgba(0,0,0,.4);border:1px solid var(--pill-color,var(--rarity-blue));border-radius:8px;padding:8px 12px;position:relative;transition:transform .15s;cursor:pointer}.upgrade-pill:hover{transform:translateX(4px);box-shadow:0 0 16px var(--pill-color)}.upgrade-pill[data-cat=defensive]{--pill-color:#4caaff}.upgrade-pill[data-cat=offensive]{--pill-color:#fbbf24}.upgrade-pill[data-cat=utility]{--pill-color:#39ffb0}.upgrade-pill[data-cat=projectile]{--pill-color:#b44cff}.upgrade-pill[data-cat=damage]{--pill-color:#ff5555}.upgrade-pill[data-cat=elemental]{--pill-color:#f97316}.upgrade-pill-icon{width:32px;height:32px;border-radius:6px;background:var(--pill-color);display:flex;align-items:center;justify-content:center;flex-shrink:0;filter:drop-shadow(0 0 6px var(--pill-color))}.upgrade-pill-icon img{width:22px;height:22px;filter:brightness(0) invert(1)}.upgrade-pill-text{flex:1;font-size:.86rem;color:var(--text-strong)}.upgrade-pill-tag{font-size:.72rem;color:var(--gold);font-weight:600;margin-left:4px;text-transform:uppercase;letter-spacing:.04em}.artist-select{background:linear-gradient(180deg,#1a1a2e 0,#0c0e1a 100%);border-radius:16px;padding:32px;border:1px solid var(--border-strong);position:relative;overflow:hidden}.artist-select::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 30% 20%,rgba(180,76,255,.12),transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(255,60,142,.08),transparent 50%)}.artist-select-title{text-align:center;font-family:Righteous,cursive;font-size:1.2rem;color:var(--text-strong);letter-spacing:.1em;margin-bottom:24px;text-shadow:0 0 20px var(--pink);position:relative}.artist-thumbs{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;position:relative;z-index:1}.artist-thumb{width:72px;height:72px;border-radius:16px;background-image:url('../screenshots/select-artist.png');background-size:720px auto;background-repeat:no-repeat;border:2px solid var(--instrument-color,var(--border-strong));box-shadow:0 0 16px var(--instrument-color);transition:transform .2s;cursor:pointer;text-decoration:none}.artist-thumb:hover{transform:scale(1.1)}.artist-thumb[data-instrument=drum]{background-position:-140px -6px;--instrument-color:var(--i-drum)}.artist-thumb[data-instrument=violin]{background-position:-195px -6px;--instrument-color:var(--i-violin)}.artist-thumb[data-instrument=tambourine]{background-position:-252px -6px;--instrument-color:var(--i-tambourine)}.artist-thumb[data-instrument=trumpet]{background-position:-312px -6px;--instrument-color:var(--i-trumpet)}.artist-thumb[data-instrument=microphone]{background-position:-368px -6px;--instrument-color:var(--i-microphone)}.artist-thumb[data-instrument=piano]{background-position:-425px -6px;--instrument-color:var(--i-piano)}.artist-thumb[data-instrument=guitar]{background-position:-482px -6px;--instrument-color:var(--i-guitar)}.artist-thumb[data-instrument=flute]{background-position:-538px -6px;--instrument-color:var(--i-flute)}.canvas-stage{background:linear-gradient(180deg,#1a1f3a 0,#0c0e1a 100%);border-radius:16px;border:1px solid var(--border-strong);overflow:hidden;position:relative;box-shadow:0 16px 48px rgba(0,0,0,.4)}.canvas-stage canvas{display:block;width:100%;height:auto;aspect-ratio:var(--ratio,1)}.canvas-stage--character{--ratio:1;max-width:400px;margin:0 auto}.canvas-stage--attack{--ratio:600/320;max-width:720px;margin:0 auto}.canvas-stage--thumb{--ratio:1;width:120px;height:120px;margin:0 auto;border-radius:50%;border:2px solid var(--instrument-color,var(--purple));box-shadow:0 0 20px var(--instrument-color,var(--purple))}.canvas-stage-caption{padding:10px 14px;font-size:.82rem;color:var(--dim-strong);background:rgba(0,0,0,.3);border-top:1px solid var(--border);text-align:center}.upgrade-pill-ingame{display:grid;grid-template-columns:56px 1fr auto;gap:10px;align-items:center;padding:10px 14px;border-radius:12px;border:2px solid var(--pill-color,#a78bfa);background:linear-gradient(180deg,rgba(20,23,43,.95) 0,rgba(12,14,26,.95) 100%);color:#fff;font-weight:600;transition:all .2s ease;margin-bottom:6px;position:relative;overflow:hidden}.upgrade-pill-ingame::after{content:'';position:absolute;inset:0;background:var(--pill-color);opacity:.12;pointer-events:none}.upgrade-pill-ingame>*{position:relative;z-index:1}.upgrade-pill-ingame[data-cat=defensive]{--pill-color:#4caaff}.upgrade-pill-ingame[data-cat=offensive]{--pill-color:#fbbf24}.upgrade-pill-ingame[data-cat=damage]{--pill-color:#ff5555}.upgrade-pill-ingame[data-cat=utility]{--pill-color:#39ffb0}.upgrade-pill-ingame[data-cat=projectile]{--pill-color:#b44cff}.upgrade-pill-ingame[data-cat=elemental]{--pill-color:#f97316}.upgrade-pill-ingame[data-cat=corrupted]{--pill-color:#b44cff}.upgrade-pill-ingame:hover{transform:translateX(4px);box-shadow:0 0 24px var(--pill-color)}.upgrade-pill-icon-sq{width:48px;height:48px;border-radius:10px;border:2px solid var(--pill-color);background:rgba(255,255,255,.06);display:grid;place-items:center;flex-shrink:0}.upgrade-pill-icon-sq img{width:32px;height:32px;filter:drop-shadow(0 0 4px var(--pill-color))}.upgrade-pill-body{font-size:.94rem;color:var(--text-strong);line-height:1.3}.upgrade-pill-body-small{font-size:.78rem;color:var(--dim-strong);margin-top:2px}.upgrade-pill-lyric{font-size:.78rem;font-weight:700;color:var(--gold);background:rgba(255,209,102,.15);padding:3px 9px;border-radius:100px;letter-spacing:.04em;white-space:nowrap}.upgrade-pill-ingame--corrupted::before{content:'☠';position:absolute;top:6px;right:8px;font-size:1rem;z-index:2}.relic-card-ingame{width:100%;max-width:340px;border-radius:20px;border:6px solid var(--rarity-color,#a78bfa);background:linear-gradient(180deg,rgba(26,26,46,.98) 0,rgba(15,15,26,.99) 100%);padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;box-shadow:0 0 32px var(--rarity-color,rgba(167,139,250,.5)),0 16px 48px rgba(0,0,0,.5);position:relative}.relic-card-ingame[data-tier=gray]{--rarity-color:#9ca3af}.relic-card-ingame[data-tier=green]{--rarity-color:#4ade80}.relic-card-ingame[data-tier=blue]{--rarity-color:#60a5fa}.relic-card-ingame[data-tier=purple]{--rarity-color:#a78bfa}.relic-card-ingame[data-tier=gold]{--rarity-color:#fbbf24}.relic-card-ingame[data-tier=red]{--rarity-color:#f87171}.relic-card-icon-big{width:140px;height:140px;border-radius:24px;border:4px solid var(--rarity-color);background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.08),transparent 60%),linear-gradient(135deg,rgba(255,255,255,.04),rgba(0,0,0,.3));display:grid;place-items:center;overflow:hidden;box-shadow:inset 0 0 20px rgba(0,0,0,.5)}.relic-card-icon-big img{width:110px;height:110px;filter:drop-shadow(0 0 8px var(--rarity-color))}.relic-card-title-ingame{font-family:Righteous,cursive;font-size:1.3rem;color:var(--text-strong);text-align:center;text-transform:uppercase;letter-spacing:.06em;text-shadow:0 2px 8px rgba(0,0,0,.5)}.relic-card-tier-badge{position:absolute;top:14px;right:14px;padding:4px 10px;border-radius:100px;background:var(--rarity-color);color:#0c0e1a;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 0 12px var(--rarity-color)}.relic-card-desc-ingame{font-size:.9rem;color:var(--dim-strong);text-align:center;line-height:1.5}.talent-branch-ingame{width:100%;max-width:200px;border-radius:14px;border:2px solid var(--element-color,#a78bfa);background:linear-gradient(180deg,rgba(26,26,46,.85) 0,rgba(15,15,26,.95) 100%);padding:20px;display:flex;flex-direction:column;align-items:center;gap:14px;transition:all .25s;cursor:pointer}.talent-branch-ingame:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.5),0 0 24px var(--element-color)}.talent-branch-ingame[data-element=fire]{--element-color:#f97316}.talent-branch-ingame[data-element=ice]{--element-color:#5eead4}.talent-branch-ingame[data-element=lightning]{--element-color:#facc15}.talent-branch-ingame[data-element=shadow]{--element-color:#a855f7}.talent-branch-ingame[data-element=wind]{--element-color:#38bdf8}.talent-branch-ingame[data-element=light]{--element-color:#fde047}.talent-branch-ingame[data-element=earth]{--element-color:#a3e635}.disc-vinyl{width:96px;height:96px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#1a1a2e 0,#1a1a2e 10%,transparent 10%),radial-gradient(circle at 50% 50%,var(--element-color) 10%,var(--element-color) 14%,transparent 14%),repeating-radial-gradient(circle at 50% 50%,rgba(0,0,0,.5) 0,rgba(0,0,0,.5) 1px,transparent 1px,transparent 4px),#1a1a2e;box-shadow:0 0 24px var(--element-color),inset 0 0 16px rgba(0,0,0,.6);display:grid;place-items:center;font-size:1.8rem;position:relative;animation:spin-disc 12s linear infinite}@keyframes spin-disc{to{transform:rotate(360deg)}}.eq-meter{display:flex;gap:4px;align-items:flex-end;height:36px}.eq-bar{width:6px;background:var(--element-color);border-radius:2px;opacity:.4;animation:eq-pulse 1.4s ease-in-out infinite}.eq-bar:first-child{height:60%;animation-delay:0s}.eq-bar:nth-child(2){height:100%;animation-delay:.1s}.eq-bar:nth-child(3){height:80%;animation-delay:.2s}.eq-bar:nth-child(4){height:50%;animation-delay:.3s}.eq-bar:nth-child(5){height:70%;animation-delay:.4s}@keyframes eq-pulse{0%,100%{opacity:.4;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1)}}.tier-picker{display:flex;gap:6px;align-items:center}.tier-node{width:26px;height:26px;border-radius:50%;border:2px solid #555;background:rgba(50,50,70,.5);display:grid;place-items:center;font-family:Righteous,cursive;font-size:.74rem;color:var(--dim);opacity:.4}.tier-node--unlocked{border-color:var(--element-color);background:var(--element-color);color:#0c0e1a;opacity:1;box-shadow:0 0 8px var(--element-color)}.tier-node--next{border-color:var(--blue);background:rgba(76,170,255,.2);color:var(--blue);opacity:1;animation:pulse-next 1.5s ease-in-out infinite}@keyframes pulse-next{0%,100%{box-shadow:0 0 6px var(--blue)}50%{box-shadow:0 0 14px var(--blue)}}.tier-node--ultimate{width:32px;height:32px;border-radius:8px;transform:rotate(45deg);border-color:var(--red);background:rgba(255,85,85,.2);color:var(--red);opacity:1;box-shadow:0 0 12px var(--red)}.tier-node--ultimate span{transform:rotate(-45deg)}