:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--night:#060c07;--moss:#0b150c;--moss-lo:#081008;--panel-hi:#1a2c1d;--panel-lo:#0a130b;--border:#40603a;--border-dim:#243521;--edge:#a98e4f;--edge-dim:#6d5f38;--cyan:#5cd8ff;--amber:#ffb03c;--arcane:#c86bff;--danger:#ff5c5c;--text:#d8e6ee;--text-dim:#8fa6b6;--element-earth:#6abf4b;--element-water:#3f97d6;--element-air:#d9c94a;--element-fire:#d1573f;--element-poison:#9dbb2c;--element-arcane:#a86ad6;--resource-wood:#d8b46a;--resource-stone:#cdd6e0;--resource-crystal:#a48bff;--resource-essence:#63e6c8;--resource-amber:#ffb648;--resource-obsidian:#b083a0;--resource-glowcap:#8dffb8;--resource-starmetal:#b9cbe8;--resource-alloy:#ffa864;--resource-runecore:#c86bff;--font-display:"Audiowide", "Eczar", sans-serif;--font-poster:"Bungee", "Audiowide", sans-serif;--font-ui:"Inter", "Segoe UI", system-ui, sans-serif;--font-mono:"Share Tech Mono", "Space Grotesk", monospace;--grad-six:linear-gradient(90deg, #ff7a45, #ffd94d 20%, #7ade4f 40%, #c3e03a 60%, #4db4ff 80%, #c86bff);--cut:12px;--gutter:1.25rem;--stack:clamp(3.5rem, 9vw, 6.5rem)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:5.5rem}body{background:var(--night);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;margin:0;font-size:clamp(1rem,.96rem + .2vw,1.075rem);line-height:1.62;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit}h1,h2,h3{text-wrap:balance;margin:0}p{margin:0 0 1em}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.container{width:min(1220px, 100% - 2 * var(--gutter));margin-inline:auto}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--amber);color:#1a0f00;padding:.6em 1em;font-weight:700;position:absolute;top:0;left:-999px}.skip-link:focus{top:.5rem;left:.5rem}.panel,.panel:before,.slot,.slot:before,.btn,.btn:before,.disc,.disc:before,.wave-bar,.wave-bar:before,.matchups li,.matchups li:before,.fusion,.fusion:before,.rung,.rung:before,.rung .mat,.rung .mat:before,.note,.note:before,.ability,.ability:before,.buffs li,.buffs li:before,.threat,.threat:before,.rhythm,.rhythm:before,.mode,.mode:before,.shot,.shot:before,.diff-row span,.diff-row span:before,.faq details,.faq details:before{clip-path:polygon(var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut))}.panel,.slot,.btn,.disc,.wave-bar,.matchups li,.fusion,.rung,.rung .mat,.note,.ability,.buffs li,.threat,.rhythm,.mode,.shot,.diff-row span,.faq details{isolation:isolate;background:var(--edge-c,var(--border));border:0;position:relative}.panel:before,.slot:before,.btn:before,.disc:before,.wave-bar:before,.matchups li:before,.fusion:before,.rung:before,.rung .mat:before,.note:before,.ability:before,.buffs li:before,.threat:before,.rhythm:before,.mode:before,.shot:before,.diff-row span:before,.faq details:before{content:"";z-index:-1;background:var(--fill,linear-gradient(158deg, var(--panel-hi) 0%, var(--panel-lo) 72%));position:absolute;inset:1px;box-shadow:inset 0 0 30px #00000080}.panel{filter:drop-shadow(0 6px 18px #0000008c);padding:1.1rem 1.25rem}.btn{--cut:9px;font-family:var(--font-poster);letter-spacing:.02em;color:var(--text);cursor:pointer;align-items:center;gap:.5rem;padding:.85em 1.6em;font-size:.95rem;text-decoration:none;transition:transform .14s,filter .14s;display:inline-flex}.btn:hover{transform:translateY(-2px)scale(1.03)}.btn:active{transform:translateY(0)}.btn-primary{--edge-c:var(--amber);--fill:linear-gradient(180deg, #ffc964 0%, #f0912a 55%, #c96f16 100%);color:#1c1003;text-shadow:0 1px #ffffff47;filter:drop-shadow(0 0 16px #ffb03c52)}.btn-primary:hover{filter:drop-shadow(0 0 26px #ffb03c8c)}.btn-primary:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 30%,#ffffff8c 46%,#ffffff1a 54%,#0000 70%) 130% 0/260% 100%;animation:3.6s ease-in-out infinite cta-shine;position:absolute;inset:1px}@keyframes cta-shine{0%,55%{background-position:130% 0}85%,to{background-position:-130% 0}}.btn-ghost{--edge-c:var(--edge-dim);color:var(--cyan)}.btn-ghost:hover{--edge-c:var(--cyan)}.btn-sm{--cut:7px;padding:.55em 1.05em;font-size:.82rem}.chip{font-family:var(--font-mono);letter-spacing:.04em;color:var(--text-dim);white-space:nowrap;align-items:baseline;gap:.3em;font-size:.85rem;display:inline-flex}.chip:before{content:"";background:var(--c,var(--cyan));width:.55em;height:.55em;box-shadow:0 0 7px var(--c,var(--cyan));border-radius:50%;transform:translateY(-.05em)}.chip b{color:var(--text);font-weight:400}.icon{fill:currentColor;flex:none;width:1em;height:1em}.topbar{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#060c07db;border-bottom:1px solid #5c9ec433;position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;gap:.75rem;padding:.7rem 0;display:flex}.wordmark{font-family:var(--font-display);align-items:center;gap:.55rem;font-size:clamp(.88rem,3.2vw,1.02rem);text-decoration:none;display:flex}.wordmark img{filter:drop-shadow(0 0 8px #5cd8ff80);width:26px;height:26px}.topbar-actions{align-items:center;gap:.6rem;display:flex}@media (width<=47.99rem){.topbar-actions .btn{display:none}}.lang-switch{font-family:var(--font-mono);letter-spacing:.08em;font-size:.8rem;display:flex}.lang-switch a{color:var(--text-dim);padding:.3em .55em;text-decoration:none}.lang-switch a[aria-current]{color:var(--cyan);text-shadow:0 0 10px #5cd8ff99}.lang-switch a:hover{color:var(--text)}.arena{aspect-ratio:1;clip-path:polygon(50% 1%,96% 26%,96% 74%,50% 99%,4% 74%,4% 26%);background:radial-gradient(circle at 50% 47%,#9ff0ff4d 0 9%,#0000 34%),repeating-radial-gradient(circle,#246028e6 0 7%,#c4a86cbf 7% 15%),radial-gradient(circle,#1c5029 0 66%,#12351b 82%,#0b2412 100%);width:100%;display:block}.arena.is-live{clip-path:none;background:0 0}.hero{background:radial-gradient(120% 90% at 50% 0%, #2e6e3057 0%, transparent 62%), radial-gradient(80% 60% at 78% 40%, #5cd8ff1a 0%, transparent 70%), var(--night);padding:clamp(2.5rem,7vw,5rem) 0 clamp(3rem,8vw,5.5rem);position:relative;overflow:hidden}.hero-photo{opacity:.42;filter:saturate(.8)blur(3px);background:url(/assets/screenshots/hero-arena.webp) 50% 45%/cover no-repeat;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0% 62%,#0000 100%);mask-image:linear-gradient(#000 0% 62%,#0000 100%)}.hero-wash{background:linear-gradient(100deg,#060c07f2 0%,#060c07db 34%,#060c078c 62%,#060c07c7 100%);position:absolute;inset:0}.hero-grid{grid-template-columns:1fr;align-items:center;gap:clamp(2rem,5vw,3.5rem);display:grid;position:relative}.hero-eyebrow{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--cyan);align-items:center;gap:.6rem;margin:0 0 1rem;font-size:.78rem;display:inline-flex}.hero-eyebrow:before{content:"";background:currentColor;width:1.6rem;height:2px;box-shadow:0 0 10px}h1{font-family:var(--font-poster);letter-spacing:.005em;text-shadow:.045em .05em #040a06d9,0 6px 34px #000000b3;margin:0 0 1.2rem;font-size:clamp(2rem,5.9vw,3.85rem);font-weight:400;line-height:1.04}h1 em{width:fit-content;color:var(--amber);transform-origin:0 100%;text-shadow:.045em .05em #040a06d9,0 0 34px #ffb03c66;font-style:normal;display:block;transform:rotate(-1.6deg)}h1 em:after{content:"";background:var(--grad-six);background-size:250% 100%;border-radius:2px;height:.13em;margin-top:.12em;animation:5s linear infinite rail-sweep;display:block;box-shadow:0 0 18px #7ade4f59}@keyframes rail-sweep{to{background-position:-250% 0}}.hero-sub{color:#c3d6e2;max-width:34ch;font-size:clamp(1.06rem,.98rem + .5vw,1.25rem)}.hero-cta{flex-wrap:wrap;gap:.75rem;margin:1.6rem 0 1.4rem;display:flex}.hero-arena{width:min(100%,30rem);margin-inline:auto;position:relative}.hero-arena:before{content:"";z-index:-1;filter:blur(14px);background:radial-gradient(45% 45% at 30% 30%,#7ade4f38,#0000 70%),radial-gradient(45% 45% at 72% 65%,#4db4ff2e,#0000 70%),radial-gradient(40% 40% at 60% 20%,#c86bff24,#0000 70%);animation:9s ease-in-out infinite aura-breathe;position:absolute;inset:-8%}@keyframes aura-breathe{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.hero-arena .panel{--cut:16px;padding:.9rem}.arena-cap{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--edge);justify-content:space-between;gap:1rem;margin:.65rem 0 0;font-size:.72rem;display:flex}.arena-cap .live{color:var(--amber)}.arena-cap .live:before{content:"● ";animation:1.8s step-end infinite blink}@keyframes blink{50%{opacity:.25}}@media (width>=62rem){.hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}.hero-arena{width:100%}}.stage{padding:var(--stack) 0;position:relative}.stage--rings:before{content:"";pointer-events:none;background:repeating-radial-gradient(circle,#7abe6012 0 1px,#0000 1px 46px);position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60%,#000,#0000 72%);mask-image:radial-gradient(70% 60%,#000,#0000 72%)}.stage--moss{background:linear-gradient(180deg, var(--moss-lo), var(--moss) 40%, var(--moss-lo));border-block:1px solid #0000;border-image:linear-gradient(90deg,#ff7a4540,#ffd94d40 20%,#7ade4f40 40%,#c3e03a40 60%,#4db4ff40 80%,#c86bff40) 1}.wave-bar{--cut:10px;width:fit-content;max-width:100%;font-family:var(--font-mono);letter-spacing:.13em;text-transform:uppercase;align-items:center;gap:.9rem;margin-bottom:1.35rem;padding:.45rem 1.1rem .45rem .55rem;font-size:.76rem;display:flex}.wave-bar .no{--cut:6px;background:var(--amber);color:#1c1003;font-family:var(--font-poster);letter-spacing:.02em;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);padding:.28em .7em;font-size:.8rem;transform:rotate(-2.5deg)scale(1.08);box-shadow:0 2px 10px #ffb03c59}.wave-bar .no--new{background:var(--cyan);color:#04161f}.wave-bar .phase{color:var(--cyan)}.wave-bar .sep{color:var(--border)}.wave-bar .what{color:var(--text-dim)}.stage-head{max-width:62ch;margin-bottom:clamp(2rem,4vw,3rem)}.stage-head h2{font-family:var(--font-display);margin:0 0 .85rem;font-size:clamp(1.6rem,4.1vw,2.5rem);line-height:1.16}.stage-head p{color:#b6c9d6;margin:0}.stage-head p+p{margin-top:.8rem}.pull{border-left:3px solid var(--element-earth);color:#c9dae5;max-width:68ch;margin:clamp(2rem,4vw,2.8rem) 0 0;padding-left:1.1rem;font-size:clamp(1.05rem,1rem + .35vw,1.2rem)}.pull b{color:#fff}.circle-grid{align-items:start;gap:clamp(2rem,5vw,3.5rem);display:grid}@media (width>=62rem){.circle-grid{grid-template-columns:minmax(0,1fr) minmax(0,26rem)}}.wheel{width:100%;max-width:22rem;height:auto;margin-inline:auto;display:block;overflow:visible}@media (width>=62rem){.wheel-wrap{position:sticky;top:6rem}.wheel{max-width:none}}.wheel-orbit{transform-origin:150px 150px;animation:90s linear infinite spin}.wheel-node{transform-box:fill-box;transform-origin:50%;animation:4.6s ease-in-out infinite node-pulse}@keyframes node-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.wheel-glyph{color:#060e08bf}.wheel-name{font-family:var(--font-display);letter-spacing:.1em;fill:var(--text-dim);font-size:11px}.wheel-elem--fire .wheel-name{fill:var(--element-fire)}.wheel-elem--air .wheel-name{fill:var(--element-air)}.wheel-elem--earth .wheel-name{fill:var(--element-earth)}.wheel-elem--poison .wheel-name{fill:var(--element-poison)}.wheel-elem--water .wheel-name{fill:var(--element-water)}.wheel-elem--arcane .wheel-name{fill:var(--element-arcane)}.wheel-arrow{fill:none;stroke:var(--cyan);stroke-width:2px;opacity:.45;transition:opacity .2s,stroke-width .2s}.wheel-pip{fill:var(--cyan);animation:3.2s cubic-bezier(.5,0,.5,1) infinite pip}@keyframes pip{0%{offset-distance:0%;opacity:0}12%{opacity:1}82%{opacity:1}to{offset-distance:100%;opacity:0}}.wheel-elem--air .wheel-pip,.wheel-elem--air .wheel-node{animation-delay:.55s}.wheel-elem--earth .wheel-pip,.wheel-elem--earth .wheel-node{animation-delay:1.1s}.wheel-elem--poison .wheel-pip,.wheel-elem--poison .wheel-node{animation-delay:1.65s}.wheel-elem--water .wheel-pip,.wheel-elem--water .wheel-node{animation-delay:2.2s}.wheel-elem--arcane .wheel-pip,.wheel-elem--arcane .wheel-node{animation-delay:2.75s}:is(.wheel-wrap:has(.mu--fire:hover) .wheel-elem--fire .wheel-arrow,.wheel-wrap:has(.mu--fire:focus-visible) .wheel-elem--fire .wheel-arrow,.wheel-wrap:has(.mu--water:hover) .wheel-elem--water .wheel-arrow,.wheel-wrap:has(.mu--water:focus-visible) .wheel-elem--water .wheel-arrow,.wheel-wrap:has(.mu--earth:hover) .wheel-elem--earth .wheel-arrow,.wheel-wrap:has(.mu--earth:focus-visible) .wheel-elem--earth .wheel-arrow,.wheel-wrap:has(.mu--air:hover) .wheel-elem--air .wheel-arrow,.wheel-wrap:has(.mu--air:focus-visible) .wheel-elem--air .wheel-arrow,.wheel-wrap:has(.mu--poison:hover) .wheel-elem--poison .wheel-arrow,.wheel-wrap:has(.mu--poison:focus-visible) .wheel-elem--poison .wheel-arrow,.wheel-wrap:has(.mu--arcane:hover) .wheel-elem--arcane .wheel-arrow,.wheel-wrap:has(.mu--arcane:focus-visible) .wheel-elem--arcane .wheel-arrow){opacity:1;stroke-width:3.5px}.matchups{gap:.35rem;margin:1.1rem 0 0;padding:0;list-style:none;display:grid}.matchups li{--cut:7px;font-family:var(--font-mono);letter-spacing:.05em;cursor:default;align-items:center;gap:.5rem;padding:.5rem .8rem;font-size:.85rem;transition:transform .15s;display:flex}.matchups li:hover{transform:translate(4px)}.matchups .icon{color:var(--c);font-size:1.2em}.matchups .beats{color:var(--text-dim)}.matchups .mult{font-family:var(--font-poster);color:var(--amber);margin-left:auto;font-size:.92em}.mu--fire{--c:var(--element-fire)}.mu--air{--c:var(--element-air)}.mu--earth{--c:var(--element-earth)}.mu--water{--c:var(--element-water)}.mu--poison{--c:var(--element-poison)}.mu--arcane{--c:var(--element-arcane)}.wheel-note{color:var(--text-dim);margin:.9rem 0 0;font-size:.92rem}.wheel-note .down{color:var(--danger)}.build-grid{grid-template-columns:repeat(auto-fill,minmax(15.5rem,1fr));gap:.8rem;display:grid}.slot{--cut:10px;--edge-c:var(--edge-dim);grid-template-rows:auto 1fr auto;grid-template-columns:auto 1fr;gap:.2rem .85rem;padding:.85rem .95rem;transition:transform .16s,filter .16s;display:grid}.slot:hover{--edge-c:var(--c,var(--edge));filter:drop-shadow(0 0 18px color-mix(in srgb, var(--c,var(--cyan)) 45%, transparent));transform:translateY(-4px)rotate(-.5deg)}.fusion,.ability,.threat,.mode,.note,.rung{transition:transform .16s,filter .16s}.fusion:hover,.ability:hover,.threat:hover,.mode:hover,.note:hover{--edge-c:var(--c,var(--edge));filter:drop-shadow(0 0 18px color-mix(in srgb, var(--c,var(--cyan)) 40%, transparent));transform:translateY(-4px)rotate(-.5deg)}.rung:hover{transform:translate(4px)}.disc{transition:transform .18s cubic-bezier(.34,1.56,.64,1)}.slot:hover .disc,.fusion:hover .disc,.ability:hover .disc,.threat:hover .disc{transform:scale(1.14)rotate(-7deg)}.slot .disc{--cut:8px;--edge-c:color-mix(in srgb, var(--c) 60%, transparent);--fill:radial-gradient(circle at 35% 28%, color-mix(in srgb, var(--c) 30%, transparent), #060e14e6);width:3.1rem;height:3.1rem;color:var(--c);grid-row:span 3;place-items:center;font-size:1.7rem;display:grid}.slot h3{letter-spacing:.01em;align-self:end;font-size:1.02rem;font-weight:600}.slot h3 small{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--c);font-size:.68rem;font-weight:400;display:block}.slot p{color:var(--text-dim);align-self:start;margin:0;font-size:.93rem;line-height:1.45}.slot .tier{font-family:var(--font-mono);letter-spacing:.08em;color:var(--text-dim);grid-column:2;margin-top:.45rem;font-size:.74rem}.slot .tier b{color:var(--amber);font-weight:400}.el-earth{--c:var(--element-earth)}.el-water{--c:var(--element-water)}.el-air{--c:var(--element-air)}.el-fire{--c:var(--element-fire)}.el-poison{--c:var(--element-poison)}.el-arcane{--c:var(--element-arcane)}.el-head{font-family:var(--font-display);color:var(--c);flex-wrap:wrap;align-items:center;gap:.35rem .6rem;margin:clamp(1.6rem,3vw,2.2rem) 0 .85rem;font-size:1.05rem;display:flex}.el-head .icon{filter:drop-shadow(0 0 10px);font-size:1.4em}.el-head:after{content:"";background:linear-gradient(90deg, color-mix(in srgb, var(--c) 55%, transparent), transparent);flex:1;height:1px}.el-head span{font-family:var(--font-ui);color:var(--text-dim);font-size:.86rem;font-weight:500}@media (width<=34rem){.el-head:after{display:none}.el-head span:not(.tag){flex-basis:100%}}.fusion-grid{gap:.9rem;display:grid}@media (width>=44rem){.fusion-grid{grid-template-columns:1fr 1fr}}@media (width>=66rem){.fusion-grid{grid-template-columns:repeat(3,1fr)}}.fusion{--cut:12px;--edge-c:var(--border);padding:1.05rem 1.15rem 1.15rem;transition:transform .16s;position:relative;overflow:hidden}.fusion:after{content:"";background:linear-gradient(90deg, var(--a), var(--b));height:3px;position:absolute;inset:1px 1px auto}.fusion:hover{--edge-c:var(--edge);transform:translateY(-3px)}.fusion .disc{--cut:8px;--edge-c:color-mix(in srgb, var(--a) 50%, var(--b));--fill:radial-gradient(circle at 30% 25%, color-mix(in srgb, var(--a) 32%, transparent), #060e14eb);width:2.7rem;height:2.7rem;color:color-mix(in srgb, var(--a) 55%, var(--b));place-items:center;margin-bottom:.7rem;font-size:1.5rem;display:grid}.fusion h3{font-family:var(--font-mono);letter-spacing:.13em;text-transform:uppercase;margin-bottom:.5rem;font-size:.8rem}.fusion h3 .a{color:var(--a)}.fusion h3 .b{color:var(--b)}.fusion h3 i{color:var(--text-dim);font-style:normal}.fusion p{color:var(--text-dim);margin:0;font-size:.94rem}.fusion p b{color:var(--text);font-weight:600}.fu-fe{--a:var(--element-fire);--b:var(--element-earth)}.fu-fw{--a:var(--element-fire);--b:var(--element-water)}.fu-fa{--a:var(--element-fire);--b:var(--element-air)}.fu-ew{--a:var(--element-earth);--b:var(--element-water)}.fu-ae{--a:var(--element-air);--b:var(--element-earth)}.fu-aw{--a:var(--element-air);--b:var(--element-water)}.ladder{gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.rung{--cut:10px;--edge-c:var(--border-dim);grid-template-columns:auto 1fr;align-items:center;gap:.35rem 1.1rem;padding:.95rem 1.1rem;display:grid}.rung .pair{flex-wrap:wrap;grid-row:span 2;gap:.4rem;display:flex}@media (width<=34rem){.rung{grid-template-columns:1fr}.rung .pair{grid-row:auto}}.rung .mat{--cut:6px;--edge-c:color-mix(in srgb, var(--c) 55%, transparent);--fill:linear-gradient(160deg, color-mix(in srgb, var(--c) 22%, #0a130b), #0a130b);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--c);white-space:nowrap;padding:.4rem .7rem;font-size:.78rem}.rung h3{align-self:end;font-size:1rem;font-weight:600}.rung p{color:var(--text-dim);align-self:start;margin:0;font-size:.93rem}.m-wood{--c:var(--resource-wood)}.m-stone{--c:var(--resource-stone)}.m-crystal{--c:var(--resource-crystal)}.m-essence{--c:var(--resource-essence)}.m-amber{--c:var(--resource-amber)}.m-obsidian{--c:var(--resource-obsidian)}.m-glowcap{--c:var(--resource-glowcap)}.m-starmetal{--c:var(--resource-starmetal)}.m-alloy{--c:var(--resource-alloy)}.m-runecore{--c:var(--resource-runecore)}.notes{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.9rem;margin-top:1.4rem;display:grid}.note{--cut:10px;--edge-c:var(--border-dim);padding:1rem 1.1rem}.note .icon{color:var(--cyan);margin-bottom:.5rem;font-size:1.5rem}.note h3{margin-bottom:.3rem;font-size:.98rem;font-weight:600}.note p{color:var(--text-dim);margin:0;font-size:.92rem}.bar-rail{gap:.6rem;padding-bottom:.9rem;display:grid}@media (width>=48rem){.bar-rail{grid-template-columns:repeat(auto-fill,minmax(12.5rem,1fr));grid-auto-columns:auto;grid-auto-flow:row;overflow:visible}}.ability{--cut:9px;--edge-c:var(--edge-dim);flex-direction:column;gap:.45rem;padding:.85rem .9rem;transition:transform .16s;display:flex}.ability:hover{--edge-c:var(--cyan);transform:translateY(-3px)}.ability .disc{--cut:7px;--edge-c:color-mix(in srgb, var(--c,var(--cyan)) 55%, transparent);--fill:radial-gradient(circle at 32% 26%, color-mix(in srgb, var(--c,var(--cyan)) 26%, transparent), #060e14eb);width:2.6rem;height:2.6rem;color:var(--c,var(--cyan));place-items:center;font-size:1.45rem;display:grid}.ability h3{font-size:.97rem;font-weight:600}.ability p{color:var(--text-dim);margin:0;font-size:.9rem;line-height:1.42}.ability .meta{border-top:1px solid #5c9ec429;flex-wrap:wrap;gap:.35rem .7rem;margin-top:auto;padding-top:.55rem;display:flex}.ability .cd{font-family:var(--font-mono);color:var(--edge);align-items:center;gap:.3em;margin-left:auto;font-size:.82rem;display:inline-flex}.ability--vs{--c:var(--arcane);--edge-c:color-mix(in srgb, var(--arcane) 45%, transparent)}.ability--vs:after{content:attr(data-tag);font-family:var(--font-mono);letter-spacing:.12em;background:var(--arcane);color:#12021c;clip-path:polygon(8px 0,100% 0,100% 100%,0 100%);padding:.18em .55em;font-size:.62rem;position:absolute;top:0;right:0}.buffs{flex-wrap:wrap;gap:.5rem;margin:1.4rem 0 0;padding:0;list-style:none;display:flex}.buffs li{--cut:6px;--edge-c:var(--border-dim);color:var(--text-dim);padding:.45rem .85rem;font-size:.88rem}.buffs b{color:var(--text);font-weight:600}.threat-list{grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:.7rem;display:grid}.threat{--cut:10px;--edge-c:var(--border-dim);padding:1rem 1.1rem 1rem 1.35rem}.threat:after{content:"";background:var(--c);width:3px;position:absolute;inset:1px auto 1px 1px}.threat-top{align-items:center;gap:.65rem;margin-bottom:.55rem;display:flex}.threat .disc{--cut:7px;--edge-c:color-mix(in srgb, var(--c) 55%, transparent);--fill:radial-gradient(circle at 32% 26%, color-mix(in srgb, var(--c) 28%, transparent), #060e14eb);width:2.5rem;height:2.5rem;color:var(--c);place-items:center;font-size:1.4rem;display:grid}.threat h3{font-size:1rem;font-weight:600}.threat h3 small{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--c);font-size:.68rem;font-weight:400;display:block}.threat p{color:var(--text-dim);margin:0 0 .55rem;font-size:.93rem}.threat .roster{font-family:var(--font-mono);letter-spacing:.03em;color:var(--edge);margin:0;font-size:.78rem}.rhythm{--cut:12px;--edge-c:var(--border);margin-top:1.6rem;padding:1.4rem 1.2rem 1rem}.rhythm-chart{grid-template-columns:repeat(7,1fr);align-items:end;gap:.5rem;height:11rem;display:grid}.rhythm-chart div{height:var(--h);border-top:2px solid var(--element-earth);background:linear-gradient(#6abf4bd9,#6abf4b29);animation:.9s cubic-bezier(.16,1,.3,1) backwards rise;position:relative}.rhythm-chart div:nth-child(2){animation-delay:80ms}.rhythm-chart div:nth-child(3){animation-delay:.16s}.rhythm-chart div:nth-child(4){animation-delay:.24s}.rhythm-chart div:nth-child(5){animation-delay:.32s}.rhythm-chart div:nth-child(6){animation-delay:.4s}.rhythm-chart div:nth-child(7){animation-delay:.48s}@keyframes rise{0%{height:0}}.rhythm-chart .lull{border-top-color:var(--cyan);background:linear-gradient(#5cd8ff99,#5cd8ff1a)}.rhythm-chart .spike{border-top-color:var(--element-fire);background:linear-gradient(#d1573ff2,#d1573f2e);animation:2.2s ease-in-out infinite spike-burn;box-shadow:0 0 26px #d1573f59}@keyframes spike-burn{0%,to{box-shadow:0 0 20px #d1573f4d}50%{box-shadow:0 0 42px #ff7a4599}}.rhythm-chart span{font-family:var(--font-mono);color:var(--text-dim);font-size:.8rem;position:absolute;top:-1.5rem;left:50%;transform:translate(-50%)}.rhythm-axis{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--edge);text-align:center;grid-template-columns:repeat(7,1fr);gap:.5rem;margin:.6rem 0 0;font-size:.66rem;display:grid}.rhythm-legend{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:.9rem;margin-top:1.4rem;display:grid}.rhythm-legend h3{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--amber);margin-bottom:.25rem;font-size:.76rem}.rhythm-legend p{color:var(--text-dim);margin:0;font-size:.92rem}.modes{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:.9rem;display:grid}.mode{--cut:12px;--edge-c:var(--border);padding:1.2rem 1.25rem;transition:transform .16s}.mode:hover{transform:translateY(-3px)}.mode h3{font-family:var(--font-display);color:var(--c,var(--cyan));margin-bottom:.5rem;font-size:1.2rem}.mode p{color:var(--text-dim);margin:0;font-size:.95rem}.mode--solo{--c:var(--element-earth)}.mode--coop{--c:var(--cyan)}.mode--vs{--c:var(--arcane);--edge-c:color-mix(in srgb, var(--arcane) 40%, transparent)}.mode--rings{--c:var(--element-earth)}.mode--open{--c:var(--cyan);--edge-c:color-mix(in srgb, var(--cyan) 45%, transparent)}.mode h3 .tag,.el-head .tag,.rung h3 .tag{font-family:var(--font-poster);letter-spacing:.14em;text-transform:uppercase;vertical-align:middle;background:var(--c,var(--cyan));color:#06120c;box-shadow:0 0 14px color-mix(in srgb, var(--c,var(--cyan)) 55%, transparent);border:0;border-radius:3px;margin-left:.5rem;padding:.3em .6em;font-size:.58rem;animation:2.6s ease-in-out infinite sticker-pulse;display:inline-block;transform:rotate(-4deg)}@keyframes sticker-pulse{0%,to{transform:rotate(-4deg)scale(1)}50%{transform:rotate(-4deg)scale(1.08)}}.mode strong{color:#fff}.diff-row{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;flex-wrap:wrap;gap:.5rem;margin:1.4rem 0 0;font-size:.8rem;display:flex}.diff-row span{--cut:6px;--edge-c:var(--border);color:var(--text-dim);padding:.4rem .9rem}.diff-row span:nth-child(2){--edge-c:var(--amber);color:var(--amber)}.diff-row span:nth-child(3){--edge-c:var(--danger);color:var(--danger)}.shots{gap:1rem;display:grid}@media (width>=56rem){.shots{grid-template-columns:1fr 1fr}}.shot{--cut:12px;--edge-c:var(--border);margin:0;padding:.5rem .5rem 0;overflow:hidden}.shot img{aspect-ratio:16/9;width:100%;height:auto}.shot figcaption{color:var(--text-dim);padding:.7rem .4rem .85rem;font-size:.9rem}.shot-zoom{cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;display:block}.shot-zoom img{display:block}.lightbox{background:0 0;border:0;margin:auto;padding:0;overflow:visible}.lightbox::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#030905e0}.lightbox-frame{cursor:zoom-out;background:0 0;border:0;padding:0;display:block}.lightbox-frame img{clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);width:min(96vw,163.556vh);height:auto;max-height:92vh;display:block}.faq{gap:.55rem;max-width:60rem;display:grid}.faq details{--cut:9px;--edge-c:var(--border-dim)}.faq details[open]{--edge-c:var(--edge-dim)}.faq summary{cursor:pointer;align-items:center;gap:.7rem;padding:.9rem 1.1rem;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-family:var(--font-mono);color:var(--cyan);margin-left:auto;font-size:1.2rem}.faq details[open] summary:after{content:"–"}.faq p{color:var(--text-dim);margin:0;padding:0 1.1rem 1.05rem}.final{text-align:center;background:radial-gradient(70% 120% at 50% 100%, #ffb03c24, transparent 65%), radial-gradient(90% 90% at 50% 0%, #2e6e304d, transparent 70%), var(--night);padding:clamp(4rem,10vw,7rem) 0;position:relative;overflow:hidden}.final h2{font-family:var(--font-poster);background:var(--grad-six);color:#0000;filter:drop-shadow(0 3px #040a06cc)drop-shadow(0 6px 30px #0009);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;margin:.6rem 0 1.6rem;font-size:clamp(1.8rem,5.6vw,3.3rem);animation:7s linear infinite rail-sweep}.final .btn-primary{padding:.95em 2em;font-size:1.1rem}.final .hero-eyebrow{justify-content:center}footer{padding:2.5rem 0 max(2.5rem, env(safe-area-inset-bottom));background:var(--moss-lo);border-top:1px solid #5c9ec426}.footer-inner{gap:1rem;display:grid}.footer-links{font-family:var(--font-mono);letter-spacing:.06em;flex-wrap:wrap;gap:.4rem 1.4rem;font-size:.85rem;display:flex}.footer-links a{color:var(--text-dim);text-decoration:none}.footer-links a:hover{color:var(--cyan)}.footer-note{max-width:62ch;color:var(--text-dim);margin:0;font-size:.9rem}.play-dock{z-index:40;left:0;right:0;bottom:var(--gctd-consent-h,0px);padding:.7rem var(--gutter) calc(.7rem + env(safe-area-inset-bottom));pointer-events:none;background:linear-gradient(#0000,#060c07f0 40%);justify-content:center;transition:transform .3s,opacity .3s;display:flex;position:fixed}.play-dock .btn{pointer-events:auto;justify-content:center;width:min(100%,24rem)}html.js .play-dock.is-hidden{opacity:0;transform:translateY(110%)}html.js .play-dock.is-hidden .btn{pointer-events:none}@media (width>=48rem){.play-dock{display:none}}@media (width<=47.99rem){footer{padding-bottom:6rem}}.rv{opacity:0}.in{animation:.55s cubic-bezier(.16,1,.3,1) backwards rise-in;animation-delay:var(--rvd,0s)}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)scale(.985)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.wheel-pip{offset-distance:55%}.wheel-arrow{opacity:.8}}