:root{--ground: #05070a;--ground-mid: #0c1119;--panel: #121824;--ink: #eef3f6;--ink-dim: rgba(238, 243, 246, .68);--ink-faint: rgba(238, 243, 246, .46);--cyan: #35dce6;--gold: #e8b93a;--cut: 22px;--measure: 62ch;--display: "Chakra Petch", "Arial Narrow", sans-serif;--label: "Rajdhani", "Trebuchet MS", sans-serif;--body: "Spline Sans", "Segoe UI", system-ui, sans-serif;--ease-out: cubic-bezier(.23, 1, .32, 1)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{margin:0;font-family:var(--body);font-size:clamp(1rem,.95rem + .25vw,1.125rem);line-height:1.65;color:var(--ink);background:var(--ground);-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit}::selection{background:var(--cyan);color:#03181b}html{scrollbar-color:var(--cyan) rgba(255,255,255,.06);scrollbar-width:thin}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8ff3fa,var(--cyan) 55%,#1fb3bd);background-clip:padding-box;border:2px solid var(--ground)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#b3f8fc,var(--cyan) 55%,#26c7d2);background-clip:padding-box}h1,h2,h3{font-family:var(--display);line-height:1.05;margin:0;letter-spacing:.01em}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(55% 38% at 50% -4%,rgba(53,220,230,.14),transparent 70%),radial-gradient(45% 32% at 8% 108%,rgba(232,185,58,.1),transparent 72%),linear-gradient(180deg,var(--ground-mid) 0%,#080b10 42%,var(--ground) 100%)}.backdrop:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5;background-image:repeating-linear-gradient(180deg,rgba(255,255,255,.018) 0px,rgba(255,255,255,.018) 1px,transparent 1px,transparent 3px)}.slab{position:relative;background:linear-gradient(155deg,#171e2a 0%,var(--panel) 55%,#0b0f17 100%);border:1px solid rgba(53,220,230,.18);clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut));padding:clamp(1.75rem,1rem + 3vw,3.25rem)}.slab-wrap{position:relative}.slab-wrap:after{content:"";position:absolute;top:10px;right:-6px;bottom:-14px;left:-6px;z-index:-1;background:#000;opacity:.55;filter:blur(16px)}.slab-wrap:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;z-index:1;pointer-events:none;background:linear-gradient(var(--cyan),var(--cyan)) top right / 20px 2px no-repeat,linear-gradient(var(--cyan),var(--cyan)) top right / 2px 20px no-repeat,linear-gradient(var(--cyan),var(--cyan)) bottom left / 20px 2px no-repeat,linear-gradient(var(--cyan),var(--cyan)) bottom left / 2px 20px no-repeat;opacity:.75}.shot{width:100%;border:1px solid rgba(53,220,230,.28)}.page{position:relative;width:min(1180px,100% - 2.5rem);margin-inline:auto;padding-block:clamp(4rem,3rem + 6vw,8rem);display:grid;gap:clamp(5rem,4rem + 6vw,9rem)}.band-title{font-size:clamp(2rem,1.4rem + 2.6vw,3.4rem);font-weight:700;text-transform:uppercase;color:var(--ink);max-width:18ch}.band-title:after{content:"";display:block;width:64px;height:3px;margin-top:.9rem;background:linear-gradient(90deg,var(--cyan),transparent)}.lede{max-width:var(--measure);margin:1.1rem 0 0;color:var(--ink-dim)}.embers{position:absolute;top:-6%;right:-6%;bottom:0;left:-6%;width:112%;height:106%;z-index:-1;pointer-events:none}.hero{position:relative;display:grid;gap:clamp(2rem,1rem + 4vw,3.5rem);justify-items:center;text-align:center;padding-top:clamp(1rem,4vh,4rem)}.hero-logo{width:min(560px,80vw);filter:drop-shadow(0 0 44px rgba(53,220,230,.28)) drop-shadow(0 14px 28px rgba(0,0,0,.6))}.hero-line{font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:clamp(2.1rem,1.1rem + 4.6vw,4.5rem);max-width:17ch;text-wrap:balance;text-shadow:0 0 46px rgba(53,220,230,.3)}.hero-sub{max-width:52ch;margin:1.25rem auto 0;color:var(--ink-dim);font-size:clamp(1.05rem,1rem + .4vw,1.3rem)}.hero-actions{display:flex;flex-wrap:wrap;gap:.9rem;justify-content:center}.action-primary,.action-quiet{font-family:var(--label);font-weight:700;font-size:1.1rem;letter-spacing:.05em;text-transform:uppercase;padding:.95rem 2.2rem;cursor:pointer;border:0;text-decoration:none;display:inline-block;clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);transition:transform .16s var(--ease-out),box-shadow .16s ease,border-color .16s ease}.action-primary{color:#03181b;background:linear-gradient(180deg,#8ff3fa,var(--cyan) 55%,#1fb3bd);box-shadow:0 0 0 1px #35dce673,0 10px 26px -10px #35dce699}.action-primary:hover{transform:translateY(-2px);box-shadow:0 0 0 1px #35dce699,0 14px 30px -8px #35dce6bf}.action-quiet{color:var(--ink);background:#ffffff08;border:1.5px solid rgba(232,185,58,.55);padding:calc(.95rem - 1.5px) calc(2.2rem - 1.5px)}.action-quiet:hover{border-color:var(--gold);background:#e8b93a14}.action-primary:active,.action-quiet:active{transform:scale(.97)}.duel{display:grid;gap:clamp(1.5rem,1rem + 3vw,3rem);align-items:center;grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.rules-list{list-style:none;margin:1.75rem 0 0;padding:0;display:grid;gap:.9rem}.rules-list li{padding-top:.9rem;border-top:1px solid rgba(53,220,230,.24);color:var(--ink-dim)}.rules-list b{font-family:var(--label);font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--cyan);font-size:1.1rem;display:block}.roster{display:grid;gap:clamp(1rem,.5rem + 2vw,1.75rem);grid-template-columns:repeat(4,minmax(0,1fr));margin-top:2.5rem}.dragon{position:relative;background:linear-gradient(165deg,#141b26,#0a0e15);border:1px solid rgba(53,220,230,.22);padding:.75rem .75rem 1.1rem;text-align:center;transition:border-color .16s var(--ease-out),transform .16s var(--ease-out),box-shadow .16s var(--ease-out);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.dragon:hover{border-color:var(--cyan);transform:translateY(-4px);box-shadow:0 14px 28px -16px #35dce6b3}.dragon img{width:100%;filter:drop-shadow(0 10px 16px rgba(0,0,0,.5))}.dragon-locked img{filter:grayscale(.5) brightness(.55)}.dragon-name{font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:1.15rem;color:var(--ink);margin-top:.5rem}.dragon-status{display:flex;align-items:center;justify-content:center;gap:.35rem;margin-top:.3rem;font-family:var(--label);font-weight:600;letter-spacing:.03em;text-transform:uppercase;font-size:.85rem}.dragon-status svg{width:15px;height:15px;flex:none}.status-ready{color:var(--cyan)}.status-locked{color:var(--gold)}.ways{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,.5rem + 1.5vw,1.5rem);margin-top:2.25rem}.way{background:#ffffff08;border:1px solid rgba(53,220,230,.2);padding:1.5rem;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);transition:border-color .16s var(--ease-out),transform .16s var(--ease-out),box-shadow .16s var(--ease-out)}.way:hover{border-color:var(--cyan);transform:translateY(-3px);box-shadow:0 14px 28px -18px #35dce6b3}.way-icon{width:2.6rem;height:2.6rem;display:grid;place-items:center;color:var(--cyan);border:1px solid rgba(53,220,230,.35);background:#35dce614}.way-icon svg{width:22px;height:22px}.way h3{margin-top:1rem;font-size:1.35rem;font-weight:700;text-transform:uppercase;color:var(--ink)}.way p{margin:.6rem 0 0;color:var(--ink-dim)}.progress-grid{display:grid;gap:clamp(1rem,.5rem + 2vw,1.75rem);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:2.5rem}.progress-caption{margin:.85rem 0 0;color:var(--ink-dim);font-size:1rem}.progress-caption b{font-family:var(--display);font-weight:700;text-transform:uppercase;color:var(--ink);font-size:1.05rem;display:block}.get{display:grid;gap:2rem;justify-items:center;text-align:center}.platforms{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin:0;padding:0;list-style:none}.platform{font-family:var(--label);font-weight:600;letter-spacing:.02em;font-size:1.05rem;color:var(--ink);background:#ffffff08;border:1px solid rgba(53,220,230,.35);padding:.65rem 1.6rem;min-width:8.5rem}.platform span{font-family:var(--body);font-weight:400;text-transform:none;letter-spacing:normal;font-size:.86rem;color:var(--ink-faint);display:block}.footer{padding:3rem 0 3.5rem;text-align:center;border-top:1px solid rgba(53,220,230,.14)}.store-badges{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin:0 0 2.25rem}.store-badge{display:flex;align-items:center;gap:.65rem;text-align:left;text-decoration:none;color:var(--ink);background:#ffffff08;border:1px solid rgba(53,220,230,.28);padding:.6rem 1.1rem;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);transition:border-color .16s var(--ease-out),transform .16s var(--ease-out),box-shadow .16s var(--ease-out)}.store-badge svg{width:22px;height:22px;flex:none;color:var(--cyan)}.store-badge b{display:block;font-family:var(--label);font-weight:700;letter-spacing:.02em;font-size:.95rem;color:var(--ink)}.store-badge span{display:block;font-family:var(--body);font-size:.78rem;line-height:1.3;color:var(--ink-faint)}.store-badge:hover{border-color:var(--cyan);transform:translateY(-3px);box-shadow:0 12px 24px -16px #35dce6b3}.store-badge:active{transform:scale(.97)}.footer-line{margin:0;color:var(--ink-faint);font-family:var(--label);letter-spacing:.03em;font-size:.85rem;text-transform:uppercase}.stage{position:relative;width:min(460px,70vw);margin-top:-1rem;aspect-ratio:1 / 1;margin-inline:auto}.stage-canvas{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .9s ease}.stage-canvas.is-ready{opacity:1}.stage-canvas canvas{display:block;width:100%;height:100%;filter:drop-shadow(0 0 34px rgba(53,220,230,.3)) drop-shadow(0 26px 40px rgba(0,0,0,.55))}.stage-fallback{position:absolute;top:12%;right:18%;bottom:12%;left:18%;object-fit:contain;filter:drop-shadow(0 0 30px rgba(53,220,230,.3)) drop-shadow(0 20px 34px rgba(0,0,0,.55))}.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.22,.68,.35,1),transform .7s cubic-bezier(.22,.68,.35,1);will-change:opacity,transform}.reveal.is-shown{opacity:1;transform:none;will-change:auto}@keyframes settle{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.settle-1,.settle-2,.settle-3{animation:settle .62s cubic-bezier(.2,.7,.3,1) backwards}.settle-1{animation-delay:60ms}.settle-2{animation-delay:.19s}.settle-3{animation-delay:.32s}:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.dragon,.way,.store-badge{transition:none}.dragon:hover,.way:hover,.store-badge:hover{transform:none}.settle-1,.settle-2,.settle-3{animation:none}.reveal{opacity:1;transform:none;transition:none}.stage-canvas{opacity:1;transition:none}.action-primary,.action-quiet{transition:none}}@media (max-width: 900px){.duel{grid-template-columns:minmax(0,1fr)}.roster{grid-template-columns:repeat(2,minmax(0,1fr))}.progress-grid,.ways{grid-template-columns:minmax(0,1fr)}}@media (max-width: 560px){:root{--cut: 14px}.stage{width:min(420px,92vw)}.roster{grid-template-columns:minmax(0,1fr)}}