.gg-page{background:radial-gradient(ellipse at 50% 24%, color-mix(in oklab, var(--gold) 18%, var(--navy)) 0%, var(--navy) 62%);position:relative;overflow:hidden}.gg-page:before{content:"";pointer-events:none;background-image:radial-gradient(2px 2px at 18% 26%,#fff,#0000),radial-gradient(1.5px 1.5px at 72% 16%,#fff,#0000),radial-gradient(2px 2px at 42% 78%,#fff,#0000),radial-gradient(1px 1px at 86% 58%,#fff,#0000),radial-gradient(1.5px 1.5px at 8% 68%,#fff,#0000),radial-gradient(1.5px 1.5px at 58% 40%,#fff,#0000);animation:4.5s ease-in-out infinite gg-twinkle;position:absolute;inset:0}@keyframes gg-twinkle{0%,to{opacity:.9}50%{opacity:.45}}.gg-badge{filter:drop-shadow(0 18px 36px #00000073)}@keyframes gg-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.gg-book{border:2px solid var(--gold);width:100%;max-width:680px;box-shadow:0 18px 40px color-mix(in oklab, var(--navy) 30%, transparent);background:#fff;border-radius:8px 20px 20px 8px;margin:0 auto;position:relative}.gg-pagebox{place-items:center;min-height:11rem;display:grid}.gg-turn{animation:.45s gg-turn}@keyframes gg-turn{0%{opacity:0;transform:translate(26px)}to{opacity:1;transform:translate(0)}}.gg-choice{transition:transform .15s,box-shadow .15s,background .15s}.gg-choice:hover{transform:translateY(-2px)}.gg-choice.is-picked{background:var(--navy);color:#fff;box-shadow:0 10px 22px color-mix(in oklab, var(--navy) 35%, transparent)}.gg-star{border:2px solid color-mix(in oklab, var(--gold) 55%, white);width:3rem;height:3rem;color:color-mix(in oklab, var(--gold) 45%, white);background:color-mix(in oklab, var(--gold) 10%, white);border-radius:9999px;place-items:center;display:inline-grid}.gg-star.is-earned{background:var(--gold);color:var(--navy);border-color:var(--gold);box-shadow:0 0 22px color-mix(in oklab, var(--gold) 65%, transparent);animation:.5s gg-starpop}@keyframes gg-starpop{0%{transform:scale(.4)}60%{transform:scale(1.25)}to{transform:scale(1)}}.gg-shower{pointer-events:none;z-index:60;position:fixed;inset:0;overflow:hidden}.gg-shoot{background:linear-gradient(90deg, #fff, color-mix(in oklab, var(--gold) 75%, white), transparent);opacity:0;border-radius:2px;width:130px;height:3px;animation:2.8s ease-out forwards gg-shootfly;position:absolute;box-shadow:0 0 12px 2px #fff9}@keyframes gg-shootfly{0%{opacity:0;transform:translate(0)rotate(-24deg)}12%{opacity:1}to{opacity:0;transform:translate(-46vw,38vh)rotate(-24deg)}}.gg-spark{opacity:0;background:#fff;border-radius:50%;width:9px;height:9px;animation:2.6s ease-in-out forwards gg-sparkle;position:absolute;box-shadow:0 0 12px 3px #ffebaad9}@keyframes gg-sparkle{0%{opacity:0;transform:scale(.3)}30%{opacity:1}55%{transform:scale(1.25)}to{opacity:0;transform:scale(.7)}}.gg-planet{opacity:0;background:radial-gradient(circle at 35% 32%,#ffedb0,#e9a83a 62%,#8a5a10);border-radius:50%;width:54px;height:54px;margin-left:-27px;animation:3s ease-out forwards gg-planetpop;position:absolute;top:12%;left:50%;box-shadow:0 0 26px #f5c542d9}.gg-planet:after{content:"";border:3px solid #f5c542cc;border-radius:50%;width:86px;height:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-16deg)}@keyframes gg-planetpop{0%{opacity:0;transform:scale(.2)}25%{opacity:1}45%{transform:scale(1.12)}70%{transform:scale(1)}to{opacity:0;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.gg-page:before,.gg-badge,.gg-turn,.gg-star.is-earned,.gg-shoot,.gg-spark,.gg-planet{animation:none!important}.gg-shoot,.gg-spark,.gg-planet{display:none}}