*{box-sizing:border-box}html{scroll-behavior:smooth}body.gn-page{margin:0;font-family:var(--body-font),sans-serif;background:var(--gn-background-default);min-height:100vh}h1,h2,h3{font-family:var(--display-font),var(--body-font),sans-serif;font-weight:400}a{color:inherit;text-underline-offset:.25em}img{max-width:100%;object-fit:contain}p{line-height:1.7}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid var(--gn-twinkle-gold);outline-offset:5px}.site-footer,.site-header,main{width:min(1200px,calc(100% - 64px));margin-inline:auto}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:28px}.logo{object-fit:contain;height:56px;width:168px}.top-nav{display:flex;gap:28px;font-weight:800}.hero,.top-nav{align-items:center}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;padding-block:60px 50px;min-height:580px}.eyebrow{letter-spacing:.25em;font-size:.8rem;color:var(--gn-twinkle-gold);font-weight:800}.hero h1{font-size:clamp(3rem,5.9vw,5.25rem);line-height:1.04;margin-block:22px;max-width:14ch;text-wrap:balance}.lead{font-size:1.2rem;color:var(--gn-text-on-purple);max-width:44ch}.actions{display:flex;gap:20px;margin-block:32px}.store-links{font-size:.85rem;color:var(--gn-text-on-purple);display:flex;flex-wrap:wrap;gap:18px}.store-links p{margin:0}.hero-art{position:relative;min-width:0;aspect-ratio:1}.mascot{position:relative;width:100%;height:100%;filter:drop-shadow(0 24px 0 color-mix(in srgb,var(--gn-deep-ink) 33%,transparent))}.orbit{position:absolute;border-radius:50%;inset:4%;border:1px solid color-mix(in srgb,var(--gn-purple) 40%,transparent);transform:rotate(-18deg)}.orbit-two{inset:14% -4%;transform:rotate(25deg);border-style:dashed}.spark{position:absolute;color:var(--gn-twinkle-gold);font-size:4rem}.spark-one{inset-block-start:8%;inset-inline-end:0}.spark-two{inset-block-end:6%;inset-inline-start:0}.footer-brand{font-family:var(--display-font),var(--body-font),sans-serif;font-size:1.8rem;color:white;text-decoration:none}.footer-brand span{color:var(--gn-twinkle-gold);margin-inline-start:14px}.site-footer nav{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:18px}.site-footer p{grid-column:1/-1;font-size:.8rem}.languages div{display:flex;gap:12px 20px;flex-wrap:wrap;padding-block-start:18px}.languages a[aria-current=true]{color:var(--gn-twinkle-gold)}.info-page,.legal{margin:44px auto 80px}.gn-panel.info-page,.gn-panel.legal{padding:clamp(24px,5vw,64px)}.info-page h1,.legal h1{font-size:clamp(2rem,5vw,3.4rem);margin-block:0 24px}.info-page{min-height:360px}.gn-prose.legal{max-width:82ch}.legal h2{font-size:1.65rem;margin-block-start:36px}.legal h3{font-size:1.3rem}.legal section{scroll-margin-top:30px}.revision{font-size:.85rem;opacity:.8}.contents{display:flex;flex-wrap:wrap;gap:10px 20px;border-block:1px solid color-mix(in srgb,var(--gn-ink) 19%,transparent);padding-block:20px;font-size:.9rem}.notice{border-inline-start:4px solid var(--gn-purple-shade);padding-inline-start:20px;font-weight:700}.subscription-links{display:flex;gap:20px;flex-wrap:wrap}.info-page a{overflow-wrap:anywhere}html[dir=rtl] .hero h1{max-width:15ch;line-height:1.35}html[lang=ja] .hero h1,html[lang=ko] .hero h1,html[lang=zh] .hero h1{max-width:12ch;line-height:1.3}@media (max-width:760px){.site-footer,.site-header,main{width:calc(100% - 36px)}.site-header{padding-block:20px;gap:14px}.top-nav{gap:14px;font-size:.85rem}.top-nav a.small-play{display:none}.site-header{position:static}.logo{width:135px;height:45px}.hero{grid-template-columns:1fr;gap:18px;padding-block:40px;min-height:0}.hero h1{max-width:14ch}.hero-art{max-width:350px;width:100%;margin-inline:auto;grid-row:2}.hero-copy{max-width:100%}.game-grid{grid-template-columns:repeat(2,1fr);gap:14px}.game-card{min-height:120px}.site-footer,.steps{grid-template-columns:1fr}.site-footer nav{justify-content:flex-start}.info-page,.legal{margin-block:28px 45px}.gn-prose.info-page,.gn-prose.legal{font-size:1rem}.actions{margin-block:26px}.hero h1{font-size:3.4rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.brand-link{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--display-font),var(--body-font),sans-serif;font-size:1.7rem;color:var(--gn-twinkle-gold)}.brand-link .logo{width:48px;height:48px}.gn-page{font-size-adjust:.5}h1,h2,h3{font-size-adjust:none}@media (max-width:760px){.brand-link{font-size:1.3rem}.brand-link .logo{width:38px;height:38px}.top-nav{gap:10px}}.actions{flex-wrap:wrap;align-items:center}.browser-secondary{padding:12px;font-weight:800}.hero-art{overflow:clip}.app-banner{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;padding:max(.6rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) .6rem max(1rem,env(safe-area-inset-left));background:var(--gn-ink);font-size:.875rem}.app-banner p{flex:1 1 10rem;margin:0}.app-banner a{color:var(--gn-twinkle-gold)}.app-banner button{cursor:pointer;color:white;background:transparent;border:0;font-size:1.5rem;min-width:44px;min-height:44px}.site-header{position:sticky;inset-block-start:12px;z-index:10;margin-block-start:12px;padding:10px 14px 10px 20px;background:var(--gn-ink);border:var(--gn-depth-outline) solid var(--gn-deep-ink);border-radius:var(--gn-radius-hero-card);box-shadow:inset 0 var(--gn-depth-highlight) 0 rgba(255,255,255,.08),0 var(--gn-depth-drop) 0 var(--gn-deep-ink)}.top-nav a{text-decoration:none;padding:8px 4px}.top-nav a:hover{color:var(--gn-twinkle-gold)}.section-title{font-size:clamp(1.9rem,4vw,2.6rem);margin-block:0 24px;color:var(--gn-white)}.games,.how-to{margin-block-end:72px}.game-grid,.steps{list-style:none;margin:0;padding:0;display:grid;gap:20px}.game-grid{grid-template-columns:repeat(4,1fr)}.game-icon{width:70px;height:auto;overflow:visible}.steps{grid-template-columns:repeat(3,1fr);margin-block-end:24px}.how-copy{max-width:65ch;margin-block:0 28px}.site-footer a[aria-current=page]{color:var(--gn-twinkle-gold)}.contents a:hover{background:var(--gn-cream-alt-row-deep)}@media (max-width:960px){.game-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr}}@media (max-width:760px){.site-header{position:static;padding:8px 12px}.brand-link,.top-nav a{white-space:nowrap}.site-footer{padding:20px}}.gn-raised-button,.top-nav a.small-play{--button-body:var(--gn-green);--button-shade:var(--gn-green-shade);display:inline-flex;align-items:center;justify-content:center;gap:.35em;min-height:56px;padding:0 28px;color:var(--gn-white);background:linear-gradient(180deg,rgba(255,255,255,.32),rgba(255,255,255,0) 55%),var(--button-body);border:var(--gn-depth-outline) solid var(--gn-ink);border-radius:18px;box-shadow:inset 0 var(--gn-depth-highlight) 0 var(--gn-top-highlight),inset 0 -6px 0 var(--button-shade),0 5px 0 var(--gn-deep-ink);font-family:var(--display-font),var(--body-font),sans-serif;font-size:1.25rem;font-weight:400;line-height:1.2;text-align:center;text-decoration:none;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s cubic-bezier(.34,1.56,.64,1)}.gn-raised-button:hover,.top-nav a.small-play:hover{color:var(--gn-white)}.gn-raised-button:active,.top-nav a.small-play:active{transform:translateY(var(--gn-depth-press-translate));box-shadow:inset 0 var(--gn-depth-highlight) 0 var(--gn-top-highlight),inset 0 -6px 0 var(--button-shade),0 var(--gn-depth-pressed-drop) 0 var(--gn-deep-ink)}.top-nav a.small-play{min-height:46px;padding:0 20px;border-radius:12px;font-size:1.05rem}@media (max-width:760px){.top-nav a.small-play{display:none}}.gn-prose a.gn-raised-button{color:var(--gn-white);text-decoration:none}.info-page .gn-raised-button{margin-block:12px;max-width:100%}.contents a,.game-card,.gn-chip,.gn-panel,.languages summary,.step,.step-number,.subscription-links a{--surface:var(--gn-cream);--surface-shade:var(--gn-cream-bevel);--bevel:6px;--drop:5px;background:linear-gradient(180deg,rgba(255,255,255,.32),rgba(255,255,255,0) 55%),var(--surface);border:var(--gn-depth-outline) solid var(--gn-ink);box-shadow:inset 0 var(--gn-depth-highlight) 0 var(--gn-top-highlight),inset 0 calc(var(--bevel) * -1) 0 var(--surface-shade),0 var(--drop) 0 var(--gn-deep-ink)}.game-card{--surface:var(--card);--surface-shade:var(--card-shade);border-radius:var(--gn-radius-tile)}.gn-panel{border-radius:var(--gn-radius-card);padding-block-end:calc(1.5rem + var(--bevel))}.gn-panel.info-page,.gn-panel.legal{padding-block-end:calc(clamp(24px, 5vw, 64px) + var(--bevel))}.step{padding:1.5rem 1.5rem calc(1.5rem + var(--bevel));border-radius:var(--gn-radius-card)}.step-number{--surface:var(--gn-yellow);--surface-shade:var(--gn-yellow-shade);--bevel:4px;--drop:3px}.gn-chip{--surface:var(--gn-twinkle-gold);--surface-shade:var(--gn-yellow);--bevel:4px;--drop:3px;border-width:2px}.contents a,.subscription-links a{--surface:var(--gn-cream-alt-row);--surface-shade:var(--gn-cream-bevel);--bevel:4px;--drop:3px;border-width:2px}.contents a{padding:4px 12px 8px;border-radius:var(--gn-radius-chip-large)}.subscription-links a{padding:10px 16px 14px;border-radius:var(--gn-radius-button-small)}.languages summary{--surface:var(--gn-tab-inactive);--surface-shade:var(--gn-tab-inactive-bevel);--bevel:4px;--drop:3px;display:inline-block;padding:6px 14px 10px;color:var(--gn-white);border-width:2px;border-radius:var(--gn-radius-button-small);cursor:pointer}.site-footer{margin-block:24px 40px;padding:28px;background:var(--gn-glass);border:var(--gn-depth-outline) solid var(--gn-deep-ink);border-radius:var(--gn-radius-hero-card)}.gn-panel :focus-visible{outline-color:var(--gn-ink)}.game-card{flex-direction:column;justify-content:center;gap:10px;min-height:150px;padding:16px 16px 22px;text-align:center;color:var(--gn-ink)}.game-card,.step{display:flex;align-items:center}.step{gap:16px;font-size:1.2rem}.step-number{flex:none;display:grid;place-items:center;width:48px;height:48px;padding-block-end:4px;color:var(--gn-ink);border-radius:50%;font-family:var(--display-font),var(--body-font),sans-serif;font-size:1.5rem}.gn-chip{display:inline-block;padding:4px 14px 8px;color:var(--gn-ink);border-radius:var(--gn-radius-chip-large);font-weight:800}.contents a,.subscription-links a{font-weight:800;text-decoration:none}.site-footer{display:grid;grid-template-columns:1fr 2fr;gap:24px;color:var(--gn-text-on-purple);font-size:.9rem}@media (max-width:760px){.site-footer{grid-template-columns:1fr;padding:20px}}.game-card strong,.step strong{font-family:var(--display-font),var(--body-font),sans-serif;font-weight:400;font-size:1.15rem}