@keyframes gridDrift{0%{background-position:0 0,0 0}to{background-position:42px 42px,42px 42px}}@keyframes orbDrift{0%{transform:translateY(0) scale(1)}to{transform:translateY(-18px) scale(1.04)}}@keyframes heroIn{to{opacity:1;transform:translateY(0)}}@keyframes tickerMove{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes scanLine{0%{top:6%;opacity:0}10%{opacity:.7}50%{top:92%;opacity:.7}60%{opacity:0}to{top:92%;opacity:0}}@keyframes abilityPulse{0%,to{box-shadow:inset 0 0 0 2px var(--bronze),0 0 10px rgba(240,217,160,.12)}50%{box-shadow:inset 0 0 0 2px var(--bronze-bright),0 0 20px rgba(240,217,160,.32)}}:root{--void:#0a1420;--panel:#0f1e2e;--panel-2:#132638;--line:#26445c;--bronze:#c9a869;--bronze-bright:#f0d9a0;--blue:#4fc7e8;--pop:#ff3fb0;--dmg:#e85f5f;--text:#dbe6ee;--text-dim:#7b93a5;--display:Verdana, Geneva, sans-serif;--hud:Verdana, Geneva, sans-serif;--sans:Verdana, Geneva, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--void);color:var(--text);font-family:var(--sans);line-height:1.6;overflow-x:hidden;position:relative}body::after,body::before{content:"";position:fixed;inset:0;pointer-events:none}body::before{z-index:-2;background-image:linear-gradient(rgba(79,199,232,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(79,199,232,.05) 1px,transparent 1px);background-size:42px 42px;animation:gridDrift 24s linear infinite}body::after{z-index:-3;background:radial-gradient(circle at 12% 8%,rgba(79,199,232,.16),transparent 38%),radial-gradient(circle at 88% 18%,rgba(255,63,176,.13),transparent 40%),radial-gradient(circle at 50% 90%,rgba(201,168,105,.1),transparent 45%);animation:orbDrift 16s ease-in-out infinite alternate}.item i,a{color:var(--blue)}a:focus-visible,button:focus-visible{outline:2px solid var(--bronze-bright);outline-offset:3px;border-radius:2px}.wrap{max-width:1000px;margin:0 auto;padding:0 24px}section{scroll-margin-top:70px}.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.reveal.in-view{opacity:1;transform:translateY(0)}.hero-anim{opacity:0;transform:translateY(14px);animation:heroIn .7s ease forwards}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-anim,.reveal{opacity:1!important;transform:none!important;transition:none!important}.hero-anim,.reveal,.ticker-track,body::after,body::before{animation:none!important}*{animation-duration:.001s!important;transition-duration:.001s!important}}.ticker{background:var(--panel);border-bottom:1px solid var(--line);overflow:hidden;padding:9px 0;position:relative}.ticker::after,.ticker::before{content:"";position:absolute;top:0;bottom:0;width:60px;z-index:2;pointer-events:none}.ticker::before{left:0;background:linear-gradient(90deg,var(--void),transparent)}.ticker::after{right:0;background:linear-gradient(-90deg,var(--void),transparent)}.ticker-track{display:flex;gap:0;width:max-content;animation:tickerMove 26s linear infinite}.ticker-track span{font-family:var(--hud);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);padding:0 22px;white-space:nowrap;border-right:1px solid var(--line)}.ticker-track span i{color:var(--pop);margin-right:8px}nav.top{position:sticky;top:0;z-index:40;background:rgba(10,20,32,.92);border-bottom:1px solid var(--bronze);backdrop-filter:blur(8px)}.logo-group,.top-inner{display:flex;align-items:center}.top-inner{max-width:1000px;margin:0 auto;padding:14px 24px;justify-content:space-between;gap:12px}.logo-group{gap:10px}.logo-mark{flex-shrink:0;filter:drop-shadow(0 0 6px rgba(240,217,160,.35))}.logo{font-family:var(--display);color:var(--bronze-bright);font-size:1rem;letter-spacing:.08em;white-space:nowrap}.top-links{display:flex;gap:20px;font-family:var(--hud);font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.top-links::-webkit-scrollbar{display:none}.top-links a{color:var(--text-dim);text-decoration:none;white-space:nowrap;position:relative;padding-bottom:2px;transition:color .15s ease}.top-links a.active,.top-links a:hover{color:var(--bronze-bright)}.top-links a.active::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:linear-gradient(90deg,var(--pop),var(--bronze-bright))}@media (max-width:560px){.top-inner{padding:12px 16px}.logo{font-size:.85rem}.logo-mark{width:24px;height:24px}.top-links{gap:14px;font-size:.78rem}}.lang-toggle{font-family:var(--hud);font-size:.78rem;font-weight:700;letter-spacing:.04em;background:var(--panel-2);border:1px solid var(--bronze);color:var(--text-dim);padding:6px 12px;border-radius:999px;cursor:pointer;display:flex;align-items:center;gap:4px;flex-shrink:0;transition:border-color .15s ease}.lang-toggle:hover{border-color:var(--pop)}.lang-toggle .lang-sep{color:var(--line)}.lang-toggle .lang-en,.lang-toggle .lang-nl{transition:color .15s ease}.lang-toggle .active{color:var(--bronze-bright)}header.hero{padding:80px 0 60px;text-align:left;position:relative;border-bottom:1px solid var(--line);overflow:hidden}header.hero::before{content:"LVL 22";position:absolute;top:-.3em;right:-.05em;z-index:0;pointer-events:none;font-family:var(--display);font-weight:700;font-size:clamp(4rem,16vw,11rem);color:transparent;-webkit-text-stroke:1px rgba(201,168,105,.25);letter-spacing:-.02em;line-height:1}header.hero::after{content:"";position:absolute;left:0;right:0;height:2px;z-index:1;pointer-events:none;background:linear-gradient(90deg,transparent,var(--blue),var(--pop),transparent);box-shadow:0 0 12px var(--blue);animation:scanLine 5s ease-in-out infinite}header.hero>*{position:relative;z-index:2}@media (max-width:560px){header.hero{padding:56px 0 40px}header.hero::before{font-size:clamp(3rem,20vw,6rem)}section{padding:40px 0}}.role-tags{display:flex;gap:10px;margin-bottom:26px;flex-wrap:wrap}.role-tag{font-family:var(--hud);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--bronze);color:var(--bronze-bright);padding:5px 14px;border-radius:3px;background:rgba(201,168,105,.08)}.role-tag:nth-child(1){transform:rotate(-1.5deg)}.role-tag:nth-child(2){transform:rotate(1deg);border-color:var(--pop);color:#ffb8e3;background:rgba(255,63,176,.08)}.role-tag:nth-child(3){transform:rotate(-1deg)}.sec-head h2,.sec-head::before,h1{font-family:var(--display);color:#fff}h1{font-size:clamp(3.4rem,11vw,7.5rem);font-weight:700;letter-spacing:-.01em;line-height:1.15;padding-bottom:.05em;background:linear-gradient(100deg,#fff 35%,var(--blue) 65%,var(--pop) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 46px rgba(79,199,232,.25)}.title-line{font-family:var(--hud);color:var(--blue);font-size:1.05rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:26px}.contact,.sec-head .kicker{font-family:var(--hud);font-size:.95rem;color:var(--text-dim);margin-bottom:30px}.contact a{color:var(--text)}.lead{max-width:640px;margin:0 0 30px;text-align:left;color:var(--text-dim);font-size:.94rem;border-left:2px solid var(--line);padding-left:20px}.lead p,h1{margin:0 0 12px}.social-row{display:flex;gap:12px;justify-content:flex-start}.social-row a{width:42px;height:42px;border:1px solid var(--bronze);color:var(--bronze-bright);display:flex;align-items:center;justify-content:center;transition:.15s;clip-path:polygon(15%0,85%0,100% 50%,85% 100%,15% 100%,0 50%)}.social-row a:hover{background:var(--bronze);color:var(--void);text-decoration:none;transform:translateY(-3px)}section{padding:64px 0;border-bottom:1px solid var(--line)}section::before{content:"";position:absolute;bottom:-1px;left:0;width:70px;height:6px;background:linear-gradient(90deg,var(--pop),var(--blue));clip-path:polygon(0 0,100%0,80% 100%,0 100%)}.sec-head{text-align:left;margin-bottom:44px}.sec-head::before{content:attr(data-num);position:absolute;top:-2.4rem;left:-.1em;z-index:0;font-weight:700;font-size:5.5rem;color:transparent;-webkit-text-stroke:1px rgba(79,199,232,.15);pointer-events:none;line-height:1}.sec-head .kicker{font-size:.8rem;color:var(--blue);text-transform:uppercase;letter-spacing:.18em;margin-bottom:6px;font-weight:600;position:relative;z-index:1}.sec-head h2{font-size:2.1rem;margin:0;position:relative;z-index:1}@media (max-width:560px){.sec-head::before{font-size:3.6rem;top:-1.6rem}.sec-head h2{font-size:1.7rem}}.match,.sec-head,section{position:relative}.match{display:grid;grid-template-columns:90px 1fr 100px;gap:18px;align-items:center;background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--result,var(--blue));padding:18px 22px;margin-bottom:14px;overflow:hidden;clip-path:polygon(0 0,calc(100% - 20px)0,100% 20px,100% 100%,20px 100%,0 100%);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.match:nth-child(even){margin-left:18px}.match::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,255,255,.09),transparent);transition:left .55s ease}.match:hover::after{left:120%}.match:hover{transform:translateX(4px);border-color:var(--result,var(--blue));box-shadow:0 6px 22px rgba(0,0,0,.4),0 0 0 1px var(--result,var(--blue)) inset}.match .grade{font-family:var(--display);font-size:1.9rem;font-weight:700;color:var(--result,var(--blue));text-align:center;text-shadow:0 0 16px var(--result,var(--blue))}.match h3{margin:0;font-family:var(--hud);font-size:1.15rem;color:#fff;font-weight:700}.match .role{font-family:var(--hud);font-size:.82rem;color:var(--blue);margin-bottom:6px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.match p{margin:0;font-size:.88rem;color:var(--text-dim)}.match .dur{font-family:var(--hud);font-size:.8rem;color:var(--text-dim);text-align:right}@media (max-width:600px){.match{grid-template-columns:1fr;text-align:left}.match:nth-child(even){margin-left:0}.match .dur,.match .grade{text-align:left}}.rank-track{display:flex;flex-direction:column;gap:18px;max-width:640px;margin:0}.rank-item{display:flex;align-items:center;gap:22px}.rank-item:nth-child(2){margin-left:22px}.rank-item:nth-child(3){margin-left:44px}.rank-badge{width:72px;height:72px;flex-shrink:0;position:relative;clip-path:polygon(50%0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:700;color:var(--void);transition:transform .25s ease;box-shadow:0 0 0 3px var(--void),0 0 0 4px var(--line)}.rank-item:hover .rank-badge{transform:scale(1.08) rotate(3deg);box-shadow:0 0 0 3px var(--void),0 0 0 4px var(--pop),0 0 24px rgba(255,63,176,.35)}.rank-info h3{margin:0;font-family:var(--hud);color:#fff;font-size:1.1rem;font-weight:700}.rank-info .role{font-family:var(--hud);font-size:.82rem;color:var(--blue);font-weight:600}.rank-info p{margin:2px 0 0;font-size:.86rem;color:var(--text-dim)}@media (max-width:600px){.rank-item:nth-child(2),.rank-item:nth-child(3){margin-left:0}}@media (max-width:480px){.rank-item{gap:14px}.rank-badge{width:56px;height:56px;font-size:.85rem}}.ability .icon,.ability-bar{display:flex;justify-content:center}.ability-bar{gap:16px;margin-bottom:40px;flex-wrap:wrap}.ability{width:78px;text-align:center}.ability .icon{width:68px;height:68px;background:var(--panel-2);clip-path:polygon(25%0,75%0,100% 50%,75% 100%,25% 100%,0 50%);align-items:center;font-size:1.4rem;color:var(--bronze-bright);margin:0 auto 8px;position:relative;transition:transform .2s ease,box-shadow .2s ease;box-shadow:inset 0 0 0 2px var(--bronze),0 0 10px rgba(240,217,160,.15);animation:abilityPulse 3.2s ease-in-out infinite}.ability:nth-child(2) .icon{animation-delay:.4s}.ability:nth-child(3) .icon{animation-delay:.8s}.ability:nth-child(4) .icon{animation-delay:1.2s}.ability:nth-child(5) .icon{animation-delay:1.6s}.ability:hover .icon{transform:translateY(-4px) scale(1.05);box-shadow:inset 0 0 0 2px var(--pop),0 0 22px rgba(255,63,176,.4)}@media (max-width:480px){.ability{width:62px}.ability .icon{width:54px;height:54px;font-size:1.15rem}}.ability .key,.item-grid{display:flex;justify-content:center}.ability .key,.ability .label{font-family:var(--hud);font-size:.72rem}.ability .key{position:absolute;top:-8px;left:-8px;background:var(--bronze);color:var(--void);font-weight:700;width:18px;height:18px;border-radius:3px;align-items:center}.ability .label{color:var(--text-dim)}.ability .glyph{font-family:var(--display);font-weight:700;font-size:1rem;letter-spacing:.02em}.item-grid{flex-wrap:wrap;gap:10px;margin-bottom:36px}.item{display:flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--line);padding:8px 14px;border-radius:6px;font-family:var(--hud);font-size:.88rem;font-weight:600;color:var(--text);transition:transform .15s ease,border-color .15s ease}.item:nth-child(odd){transform:rotate(-1.2deg)}.item:nth-child(even){transform:rotate(1.2deg)}.item:hover{transform:translateY(-2px) rotate(0deg);border-color:var(--pop)}ul.passive-list{list-style:none;margin:0 auto;padding:0;max-width:560px;display:grid;gap:8px}ul.passive-list li{font-family:var(--hud);font-size:.92rem;background:var(--panel);border:1px solid var(--line);padding:10px 16px;border-radius:6px;display:flex;gap:10px;align-items:center}ul.passive-list li::before{content:"◆";color:var(--bronze)}.deck-label{text-align:center;font-family:var(--hud);font-size:.85rem;color:var(--bronze-bright);text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px;font-weight:600}.loadout-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.loadout-slot{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:20px;text-align:center;transition:transform .2s ease,border-color .2s ease}.loadout-slot:nth-child(odd){transform:rotate(-.6deg)}.loadout-slot:nth-child(even){transform:rotate(.6deg)}.loadout-slot:hover{transform:translateY(-4px) rotate(0deg);border-color:var(--pop)}.loadout-slot .icon{font-size:1.6rem;color:var(--bronze-bright);margin-bottom:10px}.loadout-slot h4,footer{font-family:var(--hud);text-transform:uppercase}.loadout-slot h4{color:#fff;margin:0 0 8px;font-weight:700;letter-spacing:.03em;font-size:.95rem}.loadout-slot ul{list-style:none;margin:0;padding:0;color:var(--text-dim);font-size:.88rem}footer{padding:44px 0;text-align:center;font-size:.85rem;color:var(--text-dim);letter-spacing:.05em}