.sp-hero,.sp-page{overflow-x:clip}.sp-hero{position:relative;padding:2.5rem 0 3rem;border-bottom:1px solid var(--color-hairline);background:radial-gradient(ellipse at 70% 100%,rgba(244,201,93,.1),transparent 55%),linear-gradient(180deg,var(--color-page),color-mix(in srgb,var(--color-page) 90%,#f4c95d 10%))}.sp-hero-grid{display:grid;gap:1.75rem}.sp-title{margin:.9rem 0 0;font-weight:500;font-size:clamp(2.1rem,1.3rem + 3.2vw,4rem);line-height:1.04;letter-spacing:-.035em;color:var(--color-text)}.sp-lede,.sp-section-lede{margin:1.1rem 0 0;max-width:46ch;font-size:1.05rem;line-height:1.55;color:var(--color-muted)}.sp-cta,.sp-cta-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.6rem}.sp-frame{position:relative;width:100%;aspect-ratio:9/4;overflow:hidden;border-radius:1.5rem;background:#0b0e16;box-shadow:0 30px 80px rgba(0,0,0,.5),0 0 0 1px rgba(244,201,93,.16)}.sp-frame.is-portrait{width:min(100%,440px);margin-inline:auto;aspect-ratio:3/4}.sp-frame[data-mode=video]{width:min(100%,440px);margin-inline:auto;aspect-ratio:4/5}.sp-poster,.sp-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.sp-frame[data-mode=live] .sp-poster{pointer-events:none}@media (min-width:768px){html:not(.a11y-motion) .sp-frame:not([data-mode]) .sp-poster{animation:sp-poster-late .5s ease 2.5s both}}@keyframes sp-poster-late{0%{opacity:0}to{opacity:1}}@media (min-width:1024px){.sp-hero{padding:4rem 0 5rem}.sp-hero-grid{gap:2.5rem}}.sp-steps-section,.sp-stories-section,.sp-trophies-section{padding:3.5rem 0 4rem}.sp-stories{display:flex;gap:1rem;margin:2rem -1rem 0;padding:.5rem 1rem 1.5rem;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:1rem;scrollbar-width:thin;-webkit-overflow-scrolling:touch}@media (min-width:640px){.sp-stories{margin-inline:-1.5rem;padding-inline:1.5rem;scroll-padding-inline:1.5rem}}@media (min-width:1024px){.sp-stories{margin-inline:-2rem;padding-inline:2rem;scroll-padding-inline:2rem}}.sp-card-shell{flex:0 0 min(72vw,15.5rem);scroll-snap-align:start;scroll-margin-inline:1rem}.sp-card{display:flex;flex-direction:column;height:100%;padding:.4rem;overflow:hidden;border-radius:1.15rem;border:3px solid color-mix(in srgb,var(--rarity,#9aa3b5) 78%,#fff);background:var(--rarity-fill,#9aa3b5)}.sp-card-art{position:relative;height:13rem;overflow:hidden;border-radius:.8rem}.sp-card-art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 8px rgba(18,16,28,.28))}.sp-card-sheen{position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 36%,rgba(255,255,255,.55) 50%,transparent 64%);transform:translateX(-130%)}.sp-card-plate{display:flex;flex-direction:column;gap:.2rem;margin-top:auto;padding:.6rem .6rem .65rem;border-radius:.75rem;background:#121722;color:#f7f4ee}.sp-card-story{margin:0;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#b9c2d6}.sp-card-name{margin:0;font-size:1rem;font-weight:800;line-height:1.15}.sp-card-meta{display:flex;justify-content:space-between;gap:.5rem;margin:.15rem 0 0;font-size:.74rem;font-weight:800}.sp-card-rank{color:var(--rarity-ink,#d5dbe8)}.sp-card-price{padding:.1rem .5rem;border-radius:999px;background:#f4c95d;color:#1a1408}.sp-card-count{margin:.3rem 0 0;font-size:.72rem;color:#9aa3b5}.sp-card-shell.is-common{--rarity:#8e98ab;--rarity-ink:#d5dbe6;--rarity-fill:linear-gradient(180deg,#e7ebf2,#8e98ab)}.sp-card-shell.is-uncommon{--rarity:#1f9a5c;--rarity-ink:#8ef0b8;--rarity-fill:linear-gradient(180deg,#d8ffe8,#1f9a5c)}.sp-card-shell.is-rare{--rarity:#2f6fe0;--rarity-ink:#b9d4ff;--rarity-fill:linear-gradient(180deg,#d7e7ff,#2f6fe0)}.sp-card-shell.is-epic{--rarity:#7a3ad4;--rarity-ink:#e4d0ff;--rarity-fill:linear-gradient(180deg,#f0e4ff,#7a3ad4)}.sp-card-shell.is-legendary{--rarity:#e0a21a;--rarity-ink:#ffe08a;--rarity-fill:linear-gradient(180deg,#fff1c2,#e0a21a 58%,#c47a12)}.sp-card-shell.is-mythic{--rarity:#e23b86;--rarity-ink:#ffc2d8;--rarity-fill:linear-gradient(180deg,#ffe0ec,#e23b86)}.sp-steps{display:grid;gap:.75rem;margin:2rem 0 0;padding:0;list-style:none}@media (min-width:768px){.sp-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}}.sp-step{display:flex;gap:.9rem;align-items:flex-start;padding:1.1rem;border-radius:1.25rem;border:1px solid var(--color-hairline);background:color-mix(in srgb,var(--color-card) 70%,transparent)}.sp-step-num{display:inline-grid;flex:none;width:2.1rem;height:2.1rem;place-items:center;border-radius:50%;font-size:.9rem;font-weight:800;color:#1a1305;background:radial-gradient(circle at 35% 30%,#fff1c2,#f4c95d 60%,#c9962e);box-shadow:0 0 18px rgba(244,201,93,.45)}.sp-step-title{display:block;font-weight:700;color:var(--color-text)}.sp-step-text{display:block;margin-top:.25rem;font-size:.92rem;line-height:1.5;color:var(--color-muted)}.sp-trophies{display:grid;gap:1rem;margin:2rem 0 0;padding:0;list-style:none}@media (min-width:768px){.sp-trophies{grid-template-columns:repeat(2,minmax(0,1fr))}}.sp-trophy{display:flex;gap:1rem;align-items:center;padding:.75rem;border-radius:1.4rem;border:1px solid rgba(240,138,58,.45);background:linear-gradient(135deg,rgba(240,138,58,.12),transparent 60%),color-mix(in srgb,var(--color-card) 80%,transparent)}.sp-trophy-art{flex:none;width:7.5rem;aspect-ratio:3/4}.sp-trophy-art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 10px rgba(0,0,0,.45))}.sp-trophy-text .sp-card-name{font-size:1.25rem;color:var(--color-text)}.sp-trophy-earn{margin:.5rem 0 0;font-size:.9rem;font-weight:700;color:#ffd7b0}@media{html:not(.a11y-motion){.sp-card-shell.is-epic .sp-card-sheen,.sp-card-shell.is-legendary .sp-card-sheen,.sp-card-shell.is-mythic .sp-card-sheen{animation:sp-sheen 3.6s ease-in-out calc(var(--i, 0) * .4s) infinite}.sp-step,.sp-trophy{transition:border-color .3s,transform .4s var(--ease-out-quint)}@media (hover:hover) and (pointer:fine){.sp-step:hover,.sp-trophy:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--color-accent) 50%,transparent)}}}}@keyframes sp-sheen{0%,58%{transform:translateX(-130%)}to{transform:translateX(130%)}}