.sg{--accent: var(--primary-600);--tint: #eee9ff;--sg-ink: var(--text-primary);--sg-card-line: rgba(124, 92, 255, .15);--sg-card-shadow: 0 30px 60px -44px rgba(33, 36, 96, .55);color:var(--sg-ink)}.sg h1,.sg h2,.sg h3{font-family:Fredoka,ui-sans-serif,system-ui,sans-serif;color:var(--sg-ink)}.sg a{text-underline-offset:.2em}.sg-eyebrow{margin:0;color:var(--primary-600);font-size:.78rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.sg-btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:3.1rem;padding:.8rem 1.5rem;border:1px solid transparent;border-radius:999px;font-size:.95rem;font-weight:800;line-height:1;text-decoration:none;white-space:nowrap;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}.sg-btn:focus-visible{outline:3px solid color-mix(in srgb,var(--primary-500) 45%,transparent);outline-offset:3px}.sg-btn--primary{color:#fff;background:linear-gradient(135deg,#7c5cff,#6a43f0);box-shadow:0 18px 32px -18px #6a43f0bf}.sg-btn--primary:hover{transform:translateY(-2px);box-shadow:0 24px 40px -18px #6a43f0f2}.sg-btn--secondary{color:var(--primary-700);background:#ffffffeb;border-color:color-mix(in srgb,var(--line-soft) 80%,white);box-shadow:0 16px 28px -24px #1850cd66}.sg-btn--secondary:hover{border-color:color-mix(in srgb,var(--primary-500) 40%,var(--line-soft));background:#fff}.sg-link{display:inline-flex;align-items:center;gap:.35rem;color:var(--accent);font-weight:850;text-decoration:none}.sg-link span{transition:transform .2s ease}a:hover>.sg-link span,a:hover .sg-link span,.sg-link:hover span{transform:translate(3px)}.sg-badge{display:inline-flex;align-items:center;padding:.3rem .6rem;border-radius:999px;background:var(--tint);color:color-mix(in srgb,var(--accent) 80%,#10123a);font-size:.7rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.sg-badge--free{background:#fff1d6;color:#9a4d00}.sg-hero{position:relative;overflow:hidden;padding:clamp(2.5rem,6vh,4.5rem) 0 clamp(2rem,4vh,3rem);background:radial-gradient(circle at 7% 10%,rgba(119,222,255,.28),transparent 30rem),radial-gradient(circle at 92% 13%,rgba(124,92,255,.17),transparent 30rem),linear-gradient(145deg,#fbfeff,#f4f1ff)}.sg-game-hero{background:radial-gradient(circle at 78% 30%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 26rem),radial-gradient(circle at 6% 8%,rgba(119,222,255,.24),transparent 28rem),linear-gradient(145deg,#fbfeff,color-mix(in srgb,var(--tint) 70%,#f6f3ff))}.sg-hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:clamp(2rem,5vw,4.5rem);align-items:center}.sg-hero-copy{position:relative;z-index:2}.sg-hub-title,.sg-game-title{margin:.85rem 0 0;font-weight:600;letter-spacing:-.04em;line-height:.98;text-wrap:balance}.sg-hub-title{font-size:clamp(2.7rem,5vw,5rem)}.sg-hub-title span{display:block}.sg-hub-title span+span{color:var(--primary-600)}.sg-game-name{display:block;font-size:clamp(2.8rem,5.4vw,5.2rem)}.sg-game-kind{display:block;margin-top:.55rem;color:var(--accent);font-size:clamp(1.25rem,1.8vw,1.6rem);font-weight:600;letter-spacing:-.01em;line-height:1.2}.sg-lead{max-width:50ch;margin:1.2rem 0 0;color:var(--text-secondary);font-size:clamp(1rem,1.25vw,1.15rem);line-height:1.65}.sg-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.6rem}.sg-note{margin:.9rem 0 0;color:var(--text-muted);font-size:.88rem}.sg-note a{color:var(--primary-600);font-weight:800}.sg-back{display:inline-flex;align-items:center;gap:.45rem;margin-bottom:1.1rem;padding:.45rem .85rem;border:1px solid var(--sg-card-line);border-radius:999px;background:#ffffffd9;color:var(--primary-700);font-size:.85rem;font-weight:800;text-decoration:none;transition:background .2s ease,border-color .2s ease}.sg-back:hover{background:#fff;border-color:color-mix(in srgb,var(--primary-500) 35%,var(--line-soft))}.sg-pills{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:clamp(2rem,4vh,3rem);padding-top:0;padding-bottom:0;list-style:none}.sg-pills li{padding:.5rem .85rem;border:1px solid rgba(124,92,255,.14);border-radius:999px;background:#ffffffd9;color:#4f5b74;font-size:.82rem;font-weight:750}.sg-pills b{color:var(--sg-ink);font-weight:900}.sg-hero-stage{position:relative;display:grid;place-items:center;min-height:clamp(24rem,40vw,33rem)}.sg-orb{position:absolute;border-radius:50%;pointer-events:none}.sg-orb--a{width:78%;aspect-ratio:1;background:radial-gradient(circle,#fffffff2,#fff0 68%)}.sg-orb--b{width:92%;aspect-ratio:1;border:1px solid rgba(124,92,255,.16)}.sg-art{position:relative;margin:0;overflow:hidden;aspect-ratio:2 / 3;border:5px solid #fff;border-radius:1.6rem;background:var(--tint);box-shadow:0 34px 60px -32px #1d18508c}.sg-art img{display:block;width:100%;height:100%;object-fit:cover}.sg-fan{position:absolute;width:clamp(9.5rem,17vw,14rem);transition:transform .4s cubic-bezier(.2,.75,.2,1)}.sg-fan--1{transform:translate(-62%,6%) rotate(-9deg);animation:sg-bob-1 7s ease-in-out infinite}.sg-fan--2{z-index:2;width:clamp(11rem,20vw,16.5rem);animation:sg-bob-2 6s ease-in-out infinite}.sg-fan--3{transform:translate(62%,8%) rotate(9deg);animation:sg-bob-3 7.5s ease-in-out infinite}@keyframes sg-bob-1{0%,to{transform:translate(-62%,6%) rotate(-9deg)}50%{transform:translate(-62%,2%) rotate(-7deg)}}@keyframes sg-bob-2{0%,to{transform:translateY(0)}50%{transform:translateY(-3%)}}@keyframes sg-bob-3{0%,to{transform:translate(62%,8%) rotate(9deg)}50%{transform:translate(62%,4%) rotate(7deg)}}.sg-listen{position:absolute;z-index:3;left:4%;bottom:6%;display:flex;align-items:center;gap:.6rem;padding:.5rem .95rem .5rem .5rem;border:1px solid rgba(124,92,255,.14);border-radius:999px;background:#fffffff2;box-shadow:0 22px 40px -26px #1d185099}.sg-listen-mic{display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:50%;color:#fff;background:linear-gradient(135deg,#7c5cff,#6a43f0);box-shadow:0 0 0 6px #7c5cff24}.sg-listen-mic svg{width:1.15rem;height:1.15rem}.sg-wave{display:flex;align-items:center;gap:3px;height:1.6rem}.sg-wave i{display:block;width:3px;height:100%;border-radius:3px;background:linear-gradient(180deg,#7c5cff,#ff9116);transform-origin:center;animation:sg-wave 1.1s ease-in-out infinite;animation-delay:calc(var(--i) * -.13s)}@keyframes sg-wave{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.sg-listen-text{color:var(--text-secondary);font-size:.8rem;font-weight:850;letter-spacing:.04em}.sg-game-hero-art{position:relative;z-index:2;width:clamp(14rem,25vw,20rem);transform:rotate(3deg);animation:sg-bob-2 6s ease-in-out infinite}.sg-game-hero-art .sg-art{border-width:6px;border-radius:2rem;box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 22%,transparent),0 44px 80px -36px color-mix(in srgb,var(--accent) 70%,#1d183f)}.sg-bubble{position:absolute;z-index:3;top:10%;right:0;max-width:14rem;margin:0;padding:.85rem 1.05rem;border-radius:1.2rem 1.2rem 1.2rem .3rem;background:#fff;box-shadow:0 22px 40px -26px #1d185099;font-family:Fredoka,ui-sans-serif,system-ui,sans-serif;font-size:1.02rem;font-weight:600;line-height:1.3;color:var(--sg-ink);border-left:4px solid var(--accent)}.sg-listen--game{left:2%;bottom:10%}.sg-band{padding:clamp(3.5rem,8vh,5.5rem) 0;scroll-margin-top:4.6rem}.sg-band--white{background:#fff}.sg-band--soft{background:radial-gradient(circle at 90% 10%,rgba(255,213,105,.16),transparent 26rem),linear-gradient(145deg,#f7fbff,#f7f3ff)}.sg-band--warm{background:radial-gradient(circle at 8% 90%,rgba(119,222,255,.14),transparent 26rem),linear-gradient(160deg,#fffaf0,#fff6ea 55%,#f8f3ff)}.sg-heading{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:1rem clamp(2rem,5vw,5rem);align-items:end;margin-bottom:clamp(1.75rem,3.5vw,2.6rem)}.sg-heading h2{margin:.6rem 0 0;font-size:clamp(2rem,3.4vw,3.15rem);font-weight:600;letter-spacing:-.035em;line-height:1.02;text-wrap:balance}.sg-heading>p{margin:0;color:var(--text-secondary);font-size:1.02rem;line-height:1.65}.sg-heading>p a,.sg-more a,.sg-offscreen a,.sg-fineprint a{color:var(--primary-600);font-weight:800}.sg-fineprint{margin:1.25rem 0 0;color:var(--text-muted);font-size:.88rem;line-height:1.55}.sg-fineprint strong{color:var(--text-secondary)}.sg-feature{position:relative;display:grid;grid-template-columns:minmax(12rem,18rem) minmax(0,1fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:center;overflow:hidden;padding:clamp(1.25rem,3vw,2.25rem);border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);border-radius:2rem;background:radial-gradient(circle at 15% 50%,rgba(255,255,255,.9),transparent 18rem),linear-gradient(120deg,var(--tint),#f6f3ff 70%);color:inherit;text-decoration:none;box-shadow:var(--sg-card-shadow);transition:transform .3s cubic-bezier(.2,.75,.2,1),box-shadow .3s ease}.sg-feature:hover{transform:translateY(-4px);box-shadow:0 40px 70px -44px #212460a6}.sg-feature .sg-art{transform:rotate(-3deg);transition:transform .4s cubic-bezier(.2,.75,.2,1)}.sg-feature:hover .sg-art{transform:rotate(-1deg) scale(1.02)}.sg-feature-copy h3{margin:.85rem 0 0;font-size:clamp(2rem,3.4vw,3rem);font-weight:600;letter-spacing:-.03em;line-height:1}.sg-feature-tagline{margin:.55rem 0 0;color:var(--accent);font-family:Fredoka,ui-sans-serif,system-ui,sans-serif;font-size:1.2rem;font-weight:600}.sg-feature-copy p:not(.sg-feature-tagline){max-width:56ch;margin:1rem 0 1.25rem;color:var(--text-secondary);line-height:1.65}.sg-game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin:1.25rem 0 0;padding:0;list-style:none}.sg-game-card{display:grid;height:100%;overflow:hidden;border:1px solid var(--sg-card-line);border-radius:1.6rem;background:#fff;color:inherit;text-decoration:none;box-shadow:0 24px 50px -42px #21246099;transition:transform .3s cubic-bezier(.2,.75,.2,1),box-shadow .3s ease,border-color .3s ease}.sg-game-card .sg-art{aspect-ratio:4 / 3.3;border:0;border-radius:0;box-shadow:none}.sg-game-card .sg-art img{object-position:center 40%;transition:transform .6s cubic-bezier(.2,.75,.2,1)}.sg-game-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--accent) 35%,transparent);box-shadow:0 34px 60px -40px color-mix(in srgb,var(--accent) 60%,#1d183f)}.sg-game-card:hover .sg-art img{transform:scale(1.05)}.sg-game-card-body{display:grid;gap:.45rem;padding:1.15rem 1.25rem 1.3rem;border-top:4px solid var(--accent)}.sg-game-card-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.sg-game-card h3{margin:0;font-size:1.4rem;font-weight:600;letter-spacing:-.02em}.sg-game-card-tagline{color:var(--text-secondary);line-height:1.5}.sg-game-card .sg-link{margin-top:.35rem;font-size:.92rem}.sg-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;margin:0;padding:0;list-style:none;counter-reset:none}.sg-steps li{position:relative;padding:1.25rem;border:1px solid var(--sg-card-line);border-radius:1.25rem;background:#ffffffe6}.sg-step-num{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:.8rem;background:linear-gradient(145deg,#eaf7ff,#eee9ff);color:var(--primary-700);font-weight:900}.sg-steps h3{margin:.9rem 0 0;font-size:1.15rem;font-weight:600}.sg-steps p{margin:.4rem 0 0;color:var(--text-secondary);font-size:.95rem;line-height:1.55}.sg-steps--track li{background:#fff}.sg-steps--track .sg-step-num{background:var(--tint);color:color-mix(in srgb,var(--accent) 85%,#10123a)}.sg-steps--track p{margin-top:.9rem;color:var(--sg-ink);font-size:1rem}.sg-steps--track li:not(:last-child):after{content:"";position:absolute;top:2.4rem;right:-.85rem;width:.85rem;height:2px;background:color-mix(in srgb,var(--accent) 45%,transparent)}.sg-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;margin:1.25rem 0 0;padding:0;list-style:none}.sg-facts li{display:grid;align-content:start;gap:.2rem;padding:1.25rem;border-radius:1.25rem;background:linear-gradient(150deg,#6a43f0,#7c5cff 60%,#9479ff);color:#fff;box-shadow:0 26px 50px -36px #5730c6e6}.sg-facts strong{font-family:Fredoka,ui-sans-serif,system-ui,sans-serif;font-size:clamp(2rem,3vw,2.6rem);font-weight:600;letter-spacing:-.03em;line-height:1}.sg-facts span{font-weight:850}.sg-facts small{margin-top:.35rem;color:#ffffffd1;font-size:.86rem;line-height:1.45}.sg-callout{display:flex;align-items:center;gap:.85rem;margin:1.25rem 0 0;padding:.95rem 1.1rem;border-radius:1.1rem;background:linear-gradient(100deg,var(--tint),#f4efff);color:var(--text-secondary);line-height:1.5}.sg-callout strong{color:var(--sg-ink)}.sg-callout-icon{display:grid;flex:none;place-items:center;width:2.5rem;height:2.5rem;border-radius:.8rem;background:#fff;color:var(--accent)}.sg-callout-icon svg{width:1.2rem;height:1.2rem}.sg-practice{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;margin:0;padding:0;list-style:none}.sg-practice li{display:grid;align-content:start;gap:.3rem;padding:1.25rem;border:1px solid var(--sg-card-line);border-top:4px solid var(--accent);border-radius:1.25rem;background:#fff}.sg-practice small{color:var(--accent);font-size:.7rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.sg-practice strong{font-family:Fredoka,ui-sans-serif,system-ui,sans-serif;font-size:1.45rem;font-weight:600;letter-spacing:-.02em;line-height:1.15}.sg-practice p{margin:.25rem 0 0;color:var(--text-secondary);font-size:.92rem;line-height:1.55}.sg-home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin:0;padding:0;list-style:none}.sg-home-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1rem;align-items:start;padding:1.15rem;border:1px solid rgba(232,121,12,.14);border-radius:1.25rem;background:#ffffffeb}.sg-home-card:last-child:nth-child(odd){grid-column:1 / -1}.sg-home-thumb{width:4rem;height:4rem;border:3px solid #fff;border-radius:1rem;object-fit:cover;object-position:center 35%;background:var(--tint);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 25%,transparent),0 12px 24px -16px #1d185099}.sg-home-card h3{margin:0;font-size:1.2rem;font-weight:600}.sg-home-card p{margin:.35rem 0 .6rem;color:var(--text-secondary);font-size:.95rem;line-height:1.6}.sg-home-card .sg-link{font-size:.9rem}.sg-more{margin:1.5rem 0 0;color:var(--text-secondary);line-height:1.6}.sg-offscreen{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(1.5rem,4vw,3rem);align-items:center;padding:clamp(1.5rem,4vw,2.75rem);border:1px solid rgba(232,121,12,.16);border-radius:2rem;background:#ffffffe6;box-shadow:var(--sg-card-shadow)}.sg-offscreen h2{margin:.6rem 0 0;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:600;letter-spacing:-.03em;line-height:1.05;text-wrap:balance}.sg-offscreen p{max-width:62ch;margin:.9rem 0 0;color:var(--text-secondary);line-height:1.65}.sg-offscreen .sg-offscreen-body{color:var(--sg-ink);font-size:1.1rem}.sg-offscreen-art{width:9.5rem;aspect-ratio:2 / 3;border:5px solid #fff;border-radius:1.4rem;object-fit:cover;transform:rotate(4deg);box-shadow:0 30px 50px -30px #1d185099}.sg-mini-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.85rem;margin:0;padding:0;list-style:none}.sg-mini{display:grid;align-content:start;gap:.25rem;height:100%;color:inherit;text-decoration:none}.sg-mini .sg-art{margin-bottom:.6rem;border-width:4px;border-radius:1.25rem;box-shadow:0 22px 40px -30px #1d185099;transition:transform .3s cubic-bezier(.2,.75,.2,1),box-shadow .3s ease}.sg-mini:hover .sg-art{transform:translateY(-4px) rotate(-1.5deg);box-shadow:0 30px 50px -30px color-mix(in srgb,var(--accent) 65%,#1d183f)}.sg-mini strong{font-family:Fredoka,ui-sans-serif,system-ui,sans-serif;font-size:1.1rem;font-weight:600}.sg-mini span{color:var(--text-secondary);font-size:.86rem;line-height:1.45}.sg-faq{display:grid;grid-template-columns:minmax(16rem,.65fr) minmax(0,1.35fr);gap:clamp(2rem,5vw,5rem);align-items:start}.sg-faq-heading h2{margin:.6rem 0 0;font-size:clamp(2rem,3.4vw,3.15rem);font-weight:600;letter-spacing:-.035em;line-height:1.02}.sg-faq-heading p:not(.sg-eyebrow){margin:.9rem 0 0;color:var(--text-muted);font-size:.9rem}.sg-faq-list{display:grid;gap:.6rem}.sg-faq-list details{overflow:hidden;border:1px solid var(--line-soft);border-radius:1rem;background:linear-gradient(180deg,#fff,#f8faff)}.sg-faq-list summary{position:relative;padding:1.05rem 3rem 1.05rem 1.15rem;cursor:pointer;list-style:none;font-weight:850}.sg-faq-list summary::-webkit-details-marker{display:none}.sg-faq-list summary:after{content:"+";position:absolute;top:50%;right:1.1rem;color:var(--primary-600);font-size:1.35rem;line-height:1;transform:translateY(-50%);transition:transform .2s ease}.sg-faq-list details[open] summary:after{transform:translateY(-50%) rotate(45deg)}.sg-faq-list details p{margin:0;padding:0 1.15rem 1.1rem;color:var(--text-secondary);line-height:1.65}.sg-rise>*{animation:sg-rise .6s cubic-bezier(.2,.75,.2,1) both}.sg-rise>:nth-child(2){animation-delay:60ms}.sg-rise>:nth-child(3){animation-delay:.12s}.sg-rise>:nth-child(4){animation-delay:.18s}.sg-rise>:nth-child(5){animation-delay:.24s}.sg-rise>:nth-child(6){animation-delay:.3s}@keyframes sg-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.sg *,.sg *:before,.sg *:after{animation:none!important;transition:none!important}}@media(max-width:1099px){.sg-mini-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:999px){.sg-hero-grid,.sg-heading,.sg-faq{grid-template-columns:1fr}.sg-hero-stage{min-height:22rem}.sg-steps,.sg-facts,.sg-practice{grid-template-columns:repeat(2,minmax(0,1fr))}.sg-steps--track li:after{display:none}.sg-game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:699px){.sg-feature{grid-template-columns:1fr;justify-items:start}.sg-feature .sg-art{width:min(15rem,70%);justify-self:center}.sg-home-grid,.sg-offscreen{grid-template-columns:1fr}.sg-offscreen-art{display:none}.sg-bubble{right:-.25rem;max-width:11rem;font-size:.92rem}}@media(max-width:559px){.sg-game-grid,.sg-steps,.sg-practice{grid-template-columns:1fr}.sg-steps li{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:.9rem;align-items:start;padding:1rem}.sg-steps li>:not(.sg-step-num){grid-column:2}.sg-step-num{grid-row:1 / span 2}.sg-steps h3,.sg-steps--track p{margin-top:.45rem}.sg-facts li{padding:1rem}.sg-facts strong{font-size:1.8rem}.sg-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sg-fan{width:8.5rem}.sg-fan--2{width:10.5rem}.sg-fan--1{transform:translate(-58%,6%) rotate(-9deg);animation:none}.sg-fan--3{transform:translate(58%,8%) rotate(9deg);animation:none}.sg-listen{left:0;bottom:0}.sg-actions .sg-btn{flex:1 1 100%}}
