@font-face{font-family:Cinzel;src:url(/fonts/Cinzel.woff2)format("woff2");font-weight:400 900;font-display:swap}@font-face{font-family:Alegreya Sans;src:url(/fonts/AlegreyaSans-Medium.woff2)format("woff2");font-weight:500;font-display:swap}:root{--night:#1d1630;--night-deep:#140a18;--dusk:#2a1e3c;--plum:#5a2c58;--gold:#ffb45a;--gold-hi:#ffe2a0;--ember:#ff7a2e;--bone:#fff2cc;--ink:#f1e4cf;--ink-soft:#cdbfae;--navy:#121d3d;--team-blue:#4068b4;--step:clamp(1rem, .6rem + 1.6vw, 1.5rem);--display:"Cinzel", "Times New Roman", serif;--text:"Alegreya Sans", "Segoe UI", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:1rem}body{background:var(--night);color:var(--ink);font:500 1.0625rem / 1.55 var(--text);font-kerning:normal;margin:0;overflow-x:hidden}::selection{background:var(--gold);color:var(--night-deep)}img{max-width:100%;height:auto;display:block}a{color:var(--gold-hi);text-underline-offset:.2em;text-decoration-thickness:1px}a:hover{color:var(--bone)}:focus-visible{outline:3px solid var(--gold-hi);outline-offset:3px}h1,h2,h3{font-family:var(--display);text-wrap:balance;margin:0;font-weight:700;line-height:1.15}h2{color:var(--gold-hi);letter-spacing:.01em;font-size:clamp(1.75rem,1.2rem + 2.4vw,3rem)}h3{color:var(--bone);font-size:1.15rem}p{margin:0}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{z-index:10;background:var(--bone);color:var(--night-deep);padding:.75rem 1rem;font-weight:500;position:absolute;top:-4rem;left:1rem}.skip:focus{top:1rem}.stage-bg,.portrait img,.map-grid img,.hero-copy h1 .logo,.sprite,.ic{image-rendering:pixelated}.ic{width:calc(34px * var(--s));height:calc(34px * var(--s));background:url(/img/icons.png) calc(var(--x) * -1px * var(--s)) calc(var(--y) * -1px * var(--s)) / calc(256px * var(--s)) calc(512px * var(--s));flex:none;display:inline-block}.sprite{aspect-ratio:1;background:var(--src) 0 0 / 200% 100% no-repeat;animation:1s steps(2,jump-none) infinite breathe;display:block}@keyframes breathe{to{background-position:100% 0}}.top{z-index:5;justify-content:flex-end;align-items:center;gap:1rem;padding:.5rem clamp(.75rem,3vw,2rem);display:flex;position:absolute;inset:0 0 auto}.top ul{gap:.25rem;margin:0;padding:0;list-style:none;display:none}.top a{min-height:46px;color:var(--bone);font-family:var(--display);text-shadow:0 1px 2px var(--night-deep);align-items:center;padding:0 .75rem;font-size:.95rem;font-weight:700;text-decoration:none;display:inline-flex}.top a:hover{color:var(--gold-hi);text-decoration:underline}.top .lang{background:#140a188c;border:1px solid #ffe2a08c}@media (width>=760px){.top ul{display:flex}}.hero{isolation:isolate;background:#9e4b6b;grid-template-rows:auto minmax(13rem,1fr) auto;min-height:min(100svh,60rem);display:grid;position:relative;overflow:hidden}.stage{z-index:-1;width:max(100%,235vw);position:absolute;top:2.5rem;left:50%;translate:-50%;container-type:inline-size}.stage-bg{width:100%}.hero:after{content:"";z-index:-1;background:linear-gradient(to top, var(--night) 38%, #1d1630cc 70%, #1d163000);pointer-events:none;height:48%;position:absolute;inset:auto 0 0}.duelist{filter:drop-shadow(0 3px #2a1e3c99);width:9.30233cqw;position:absolute;translate:-50% -86%}.duelist-a{top:54%;left:43.5%}.duelist-b{top:49%;left:56.5%}.hero-copy{text-align:center;padding:3.5rem 1.25rem 0}.hero-copy h1{justify-items:center;gap:.25rem;display:grid}.hero-copy h1 .logo{filter:drop-shadow(0 4px 6px #2a1e3c99);width:clamp(220px,26vw,400px)}.tagline{color:var(--bone);letter-spacing:.02em;text-shadow:0 2px 0 var(--dusk), 0 0 16px #2a1e3cf2;font-size:clamp(1.2rem,.85rem + 1.4vw,1.9rem)}.hero-cta{grid-row:3;justify-items:center;gap:.75rem;padding:0 1.25rem 2rem;display:grid}.lead{text-align:center;max-width:36ch;font-size:var(--step);color:var(--bone);text-wrap:balance;margin-bottom:.5rem}.howto{min-height:44px;color:var(--ink);align-items:center;padding:0 .5rem;display:inline-flex}@media (width>=760px){.hero{min-height:min(100svh,56vw + 2.5rem)}.stage{width:100%}.hero-cta{grid-template-columns:auto auto;justify-content:center;align-items:center;column-gap:1.5rem;padding-bottom:clamp(1.5rem,3vw,3rem)}.lead,.howto{grid-column:1/-1}.lead{max-width:60ch}}.btn{min-width:min(100%,17rem);min-height:56px;image-rendering:pixelated;text-align:center;border:12px solid #0000;border-image:url(/img/ui/button.png) 7 6 fill/12px;align-content:center;justify-items:center;padding:.6rem 1.75rem .7rem;line-height:1.15;text-decoration:none;transition:translate .12s ease-out,filter .12s ease-out;display:inline-grid}.btn-main{font-family:var(--display);font-size:1.2rem;font-weight:800}.btn-sub{font-size:.95rem}.btn-gold{color:#24120a;filter:drop-shadow(0 6px 10px #140a188c);background-color:#de9727;background-clip:padding-box;min-height:64px}.btn-gold .btn-main{font-size:1.35rem}.btn-blue{color:#fff;background-color:#4068b4;background-clip:padding-box;border-image-source:url(/img/ui/button.blue.png)}.btn:hover{color:inherit;filter:brightness(1.08)drop-shadow(0 6px 10px #140a188c);translate:0 -2px}.btn-gold:hover{color:#24120a}.btn-blue:hover{color:#fff}.btn:active{translate:0 1px}.band{max-width:82rem;margin:0 auto;padding:clamp(3.5rem,8vw,7rem) clamp(1.25rem,5vw,4rem)}.section-lead{max-width:60ch;color:var(--ink-soft);margin-top:.75rem;font-size:1.15rem}.framed,.shot-row figure{margin:0}.framed img,.shot-row img{outline:1px solid var(--night-deep);border:3px solid #c78d3c;width:100%;box-shadow:0 18px 40px -12px #140a18e6}figcaption{color:var(--ink-soft);margin-top:.6rem;font-size:.98rem}.concept-grid{align-items:start;gap:2.5rem;margin-top:2rem;display:grid}.beats{gap:1.75rem;margin:0;padding:0;list-style:none;display:grid}.beats li{border-left:1px solid #ffb45a80;padding-left:1.1rem}.beats h3{color:var(--gold-hi);margin-bottom:.35rem;font-size:1.35rem}.beats p{max-width:48ch}.relics{flex-wrap:wrap;gap:.35rem;margin-top:.75rem;display:flex}@media (width>=900px){.concept-grid{grid-template-columns:1.35fr 1fr;gap:3.5rem}}.slot{width:46px;height:46px;image-rendering:pixelated;border:6px solid #0000;border-image:url(/img/ui/slot.png) 8 fill/6px;place-items:center;display:inline-grid}.roster,.shot-row{scroll-snap-type:x mandatory;scrollbar-color:#c78d3c transparent;grid-auto-columns:min(80vw,20rem);grid-auto-flow:column;gap:1rem;margin:2.25rem calc(-1*clamp(1.25rem,5vw,4rem)) 0;padding:0 clamp(1.25rem,5vw,4rem) 1rem;scroll-padding-inline:clamp(1.25rem,5vw,4rem);list-style:none;display:grid;overflow-x:auto}.roster>li,.shot-row>li{scroll-snap-align:start}.shot-row{grid-auto-columns:min(88vw,40rem)}@media (width>=900px){.hero-card{padding-inline:.25rem}.roster,.shot-row{grid-auto-flow:row;margin-inline:0;padding-inline:0;overflow:visible}.roster{grid-template-columns:repeat(4,minmax(0,1fr));gap:3.25rem 1.25rem}.shot-row{grid-template-columns:1fr 1fr;gap:2rem}}.hero-card{image-rendering:pixelated;background:var(--navy);background-clip:padding-box;border:20px solid #0000;border-width:22px 20px 26px;border-image:url(/img/ui/card.png) 29 27 35 fill/22px 20px 26px;align-content:start;gap:.5rem;margin-top:2.75rem;padding:0 .75rem 1.4rem;display:grid;position:relative}.hero-card>*{image-rendering:auto}.portrait{width:160px;margin:-4.8rem auto 0;position:relative}.portrait img{filter:drop-shadow(0 6px #140a188c);width:160px}.portrait .sprite{width:72px;position:absolute;bottom:-6px;right:-24px}.hero-card h3{text-align:center;color:var(--gold-hi);font-size:1.45rem}.tags{flex-wrap:wrap;justify-content:center;gap:.35rem;display:flex}.tags span{color:var(--bone);border:1px solid #ffe2a073;padding:.1rem .55rem;font-size:.9rem}.pitch{text-align:center;min-height:3.1em;color:var(--ink)}.stats{justify-content:center;gap:1.25rem;margin:.25rem 0 0;display:flex}.stats div{align-items:baseline;gap:.35rem;display:flex}.stats dt{color:var(--ink-soft);font-size:.9rem}.stats abbr{text-decoration:none}.stats dd{font-family:var(--display);color:var(--bone);margin:0;font-size:1.35rem;font-weight:800}.spells{flex-wrap:wrap;justify-content:center;gap:1px;margin:.4rem 0 0;padding:0;list-style:none;display:flex}.spells li{background:#0b102e;border:1px solid #2c3d6c;place-items:center;width:36px;height:36px;display:grid}.spells li.special{border-color:var(--gold);box-shadow:0 0 0 1px #8a5a1c}.chains{gap:.75rem;margin:2.25rem 0 0;padding:0;list-style:none;display:grid}.chain{background:linear-gradient(90deg,#2a1e3cf2,#2a1e3c59);border-top:1px solid #ffe2a02e;grid-template-columns:1fr auto;grid-template-areas:"who gain""flow flow";align-items:center;gap:.6rem 1rem;padding:.9rem 1rem 1rem;display:grid}.who{font-family:var(--display);color:var(--bone);grid-area:who;align-items:center;gap:.6rem;font-weight:700;display:flex}.who .sprite{width:48px}.flow{grid-area:flow;align-items:flex-start;gap:.25rem;display:flex}.node{text-align:center;justify-items:center;gap:.3rem;width:5.6rem;display:grid}.lbl{color:var(--ink);font-size:.95rem;line-height:1.15;display:grid}.lbl small{color:var(--ink-soft);font-size:.85rem}.arrow{width:20px;height:20px;color:var(--gold);flex:none;margin-top:13px}.gain{font-family:var(--display);color:var(--gold-hi);text-shadow:0 2px #8a3a14;white-space:nowrap;grid-area:gain;font-size:1.9rem;font-weight:900;line-height:1}.gain small{font-family:var(--text);color:var(--ink-soft);text-shadow:none;margin-left:.25rem;font-size:.9rem;font-weight:500}@media (width>=900px){.chains{grid-template-columns:1fr 1fr;gap:.75rem 1.25rem}}.map-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 1rem;margin:2.25rem 0 0;padding:0;list-style:none;display:grid}.map-grid>li:first-child{grid-column:span 2}.map-grid>li:first-child b{font-size:1.45rem}@media (width>=900px){.map-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem 1.25rem}.map-grid>li:first-child{grid-row:span 2}.map-grid>li:first-child figure{grid-template-rows:1fr auto;height:100%;display:grid}.map-grid>li:first-child img{aspect-ratio:auto;height:100%}}.map-grid figure{margin:0}.map-grid img{aspect-ratio:688/310;object-fit:cover;border-bottom:3px solid #c78d3c;width:100%}.map-grid figcaption{gap:.15rem;display:grid}.map-grid b{font-family:var(--display);color:var(--bone);font-size:1.1rem;font-weight:700}.download{max-width:74rem;padding-inline:clamp(.5rem,4vw,4rem)}.dl-panel{image-rendering:pixelated;background:var(--navy);background-clip:padding-box;border:20px solid #0000;border-image:url(/img/ui/panel.png) 28 fill/20px;justify-items:start;gap:1rem;padding:clamp(.5rem,3vw,2.5rem);display:grid}.dl-panel>*{image-rendering:auto}@media (width>=900px){.dl-panel{grid-template-columns:1fr 1.15fr;align-items:start;column-gap:3rem}.dl-panel>:not(.steps){grid-column:1}.dl-panel .steps{grid-area:1/2/span 5;margin:0}}.apk-facts{gap:1.5rem;margin:0;display:flex}.apk-facts[hidden]{display:none}.apk-facts div{gap:.4rem;display:flex}.apk-facts dt{color:var(--ink-soft)}.apk-facts dd{color:var(--bone);font-variant-numeric:tabular-nums;margin:0}.steps{counter-reset:step;gap:1.25rem;margin:.75rem 0 0;padding:0;list-style:none;display:grid}.steps li{counter-increment:step;grid-template-columns:2.75rem 1fr;gap:.2rem .9rem;display:grid}.dl-panel .btn{justify-self:stretch}@media (width>=600px){.dl-panel .btn{justify-self:start}}.steps li:before{content:counter(step);color:#24120a;width:2.75rem;height:2.75rem;font:900 1.35rem / 1 var(--display);border:2px solid var(--gold-hi);background:#de9727;grid-row:span 2;place-items:center;display:grid}.steps h3{color:var(--gold-hi);align-self:center;font-size:1.15rem}.steps p{color:var(--ink);max-width:55ch}.alt{color:var(--ink-soft)}.alt a{padding:.7rem 0;display:inline-block}.faq{max-width:56rem}.faq h2{margin-bottom:1.5rem}details{border-top:1px solid #ffe2a038}details:last-of-type{border-bottom:1px solid #ffe2a038}summary{cursor:pointer;min-height:56px;font-family:var(--display);color:var(--bone);justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 0;font-size:1.1rem;font-weight:700;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary:after{content:"+";color:var(--gold);flex:none;font-size:1.5rem;transition:rotate .16s ease-out}details[open] summary:after{rotate:45deg}details p{max-width:62ch;color:var(--ink);padding:0 0 1.1rem}.foot{background:var(--night-deep);color:var(--ink-soft);gap:1rem;margin-top:2rem;padding:3rem clamp(1.25rem,5vw,4rem) 2.5rem;font-size:.95rem;display:grid}.foot>*{width:100%;max-width:78rem;margin-inline:auto}.foot-end a{padding:.75rem 0;display:inline-block}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sprite{animation:none}.btn,summary:after{transition:none}}