html.g-lock{overscroll-behavior:none;overflow:hidden}.g-stage{isolation:isolate;border:3px solid var(--sticker);border-radius:var(--radius-xl);min-height:min(34rem,78dvh);box-shadow:0 8px 0 0 var(--sticker), 0 30px 50px -26px var(--shadow-color);background:linear-gradient(180deg, var(--sky-top) 0%, var(--bg) 100%);position:relative;overflow:hidden}.g-stage.is-playing{z-index:90;height:100dvh;min-height:0;box-shadow:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:0;border-radius:0;position:fixed;inset:0}.g-stage[data-fs]{height:100%}.g-bg{z-index:-1;pointer-events:none;height:38%;position:absolute;inset:auto 0 0}.g-bg svg{width:100%;height:100%;display:block}.g-host{position:absolute;inset:0}.g-host[hidden],.g-intro[hidden]{display:none}.g-intro{text-align:center;min-height:inherit;place-items:center;gap:1rem;padding:2rem 1rem 3rem;display:grid;position:relative}.g-intro-noor{width:8.5rem}.g-playbtn{min-height:5rem;padding-inline:2.5rem;font-size:clamp(1.6rem,1.2rem + 1.6vw,2.2rem)}.g-loading{text-align:center;height:100%;font-family:var(--font-display);place-content:center;justify-items:center;gap:1rem;padding:1.5rem;font-size:1.4rem;font-weight:600;display:grid}.g-spin{border:5px solid var(--line);border-top-color:var(--color-violet);border-radius:50%;width:3rem;height:3rem;animation:.9s linear infinite spin}.g-shell{color:var(--fg);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);flex-direction:column;display:flex;position:absolute;inset:0}.g-hud{flex:none;align-items:center;gap:.5rem;padding:.55rem .75rem;display:flex}.g-name{min-width:0;font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;font-size:1.15rem;font-weight:700;line-height:1.1;overflow:hidden}.g-score{flex:none;min-height:1.5rem}@media (width<=520px){.g-name{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.g-hud{justify-content:space-between}.g-score{margin-left:auto}}.g-pill{background:var(--surface);border:3px solid var(--sticker);font-family:var(--font-display);color:var(--fg);box-shadow:0 3px 0 0 var(--sticker);border-radius:999px;padding:.25rem .85rem;font-weight:700;display:inline-block}.g-btn{border:3px solid var(--sticker);background:var(--surface);min-width:3.5rem;min-height:3.5rem;color:var(--fg);box-shadow:0 4px 0 0 var(--sticker);font-family:var(--font-display);cursor:pointer;transition:translate .15s var(--ease-bounce), box-shadow .15s ease, background-color .15s ease;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:0 1rem;font-size:1rem;font-weight:700;text-decoration:none;display:inline-flex}.g-btn:hover{translate:0 -2px}.g-btn:active{box-shadow:0 1px 0 0 var(--sticker);translate:0 3px}.g-btn--round{width:3.5rem;padding:0}.g-btn[aria-pressed=true]{background:var(--color-sun);color:var(--color-ink)}.g-ico{flex:none;width:1.6rem;height:1.6rem}.g-ico--xl{width:4rem;height:4rem}.g-sound{position:relative}.g-sound.is-hint:after{content:"";border:4px solid var(--color-sun);border-radius:inherit;pointer-events:none;animation:1.8s ease-out infinite g-hint;position:absolute;inset:-6px}@keyframes g-hint{0%{opacity:.9;transform:scale(.92)}to{opacity:0;transform:scale(1.18)}}@media (width<=520px){.g-sound{width:3.5rem;padding:0}.g-sound-txt{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.g-mascot{pointer-events:none;flex:none;align-items:flex-end;gap:.6rem;min-height:5.6rem;padding:0 .9rem;display:flex}.g-noor{pointer-events:auto;transform-origin:50% 100%;flex:none;width:4.4rem;height:5.4rem;position:relative}.g-noor img{object-fit:contain;object-position:50% 100%;filter:drop-shadow(0 0 1.5px #fff)drop-shadow(0 0 1.5px #fff);pointer-events:none;width:100%;height:100%;transition:opacity .12s;position:absolute;inset:0}.g-noor-a{transform-origin:50% 100%;animation:3.6s ease-in-out infinite breathe}.g-noor-b{opacity:0}.g-noor.is-cheer .g-noor-b{opacity:1}.g-noor.is-cheer .g-noor-a{opacity:0}.g-noor.is-jump{animation:jump .7s var(--ease-bounce)}.g-bubble{max-width:18rem;color:var(--color-ink);border:3px solid var(--sticker);box-shadow:0 3px 0 0 var(--sticker);font-family:var(--font-display);opacity:0;background:#fff;border-radius:1.3rem;margin:0 0 1.2rem;padding:.45rem 1rem;font-size:1.05rem;font-weight:600;line-height:1.2;transition:opacity .35s;position:relative}.g-bubble:empty{display:none}.g-bubble.is-pop{opacity:1;animation:bubble-in .4s var(--ease-bounce) both}@media (width>=900px) and (height>=720px){.g-mascot{min-height:7.4rem}.g-noor{width:5.8rem;height:7.2rem}.g-bubble{font-size:1.2rem}}@media (height<=560px){.g-mascot{min-height:3.6rem}.g-noor{width:3rem;height:3.6rem}.g-bubble{margin-bottom:.4rem;font-size:.95rem}}.g-root{flex:1;min-height:0;padding:0 .75rem .9rem;position:relative;container-type:inline-size}.g-root:has(.ct){padding:0}.g-root[inert]{filter:saturate(.85)}.g-screen{z-index:20;backdrop-filter:blur(3px);background:#140f3373;place-items:center;padding:1rem;display:grid;position:absolute;inset:0;overflow-y:auto}.g-screen[hidden]{display:none}.g-card{text-align:center;background:var(--surface);width:min(100%,27rem);color:var(--fg);border:3px solid var(--sticker);border-radius:var(--radius-xl);box-shadow:0 8px 0 0 var(--sticker), 0 30px 50px -20px #00000080;animation:bubble-in .45s var(--ease-bounce) both;margin:auto;padding:1.4rem 1.25rem 1.5rem}.g-card-title{margin:0 0 .4rem;font-size:clamp(1.7rem,1.3rem + 2vw,2.3rem);line-height:1.1}.g-card-text{color:var(--fg-soft);margin:.4rem 0 .8rem;font-size:1.05rem}.g-card-art{place-items:center;margin-bottom:.4rem;display:grid}.g-card-art--ear{color:var(--color-coral)}.g-choices{grid-template-columns:repeat(var(--cols,1), minmax(0, 1fr));gap:.75rem;margin-top:1rem;display:grid}.g-choice{border:3px solid var(--sticker);background:var(--surface-2);min-height:4.5rem;color:var(--fg);box-shadow:0 5px 0 0 var(--sticker);font-family:var(--font-display);cursor:pointer;text-align:left;transition:translate .15s var(--ease-bounce), box-shadow .15s ease;border-radius:1.5rem;justify-content:center;align-items:center;gap:.75rem;padding:.6rem 1rem;font-size:1.3rem;font-weight:700;line-height:1.1;text-decoration:none;display:flex}.g-choice:hover{box-shadow:0 7px 0 0 var(--sticker);translate:0 -2px}.g-choice:active{box-shadow:0 1px 0 0 var(--sticker);translate:0 4px}.g-choice.is-primary{background:var(--color-coral);color:#fff}.g-choice--sound{background:var(--color-sun);color:var(--color-ink);width:100%;margin-top:.9rem}.g-choice-ico{flex:none;place-items:center;width:2.6rem;height:2.6rem;display:inline-grid}.g-choice-ico svg{width:100%;height:100%}.g-choice-art{width:2.8rem;height:2.8rem}.g-choice-txt{flex-direction:column;gap:.1rem;display:flex}.g-choice small{font-family:var(--font-body);opacity:.9;font-size:.85rem;font-weight:700}.g-note{width:1.9rem;height:1.9rem;color:var(--color-violet);display:inline-block}.g-choice.is-primary .g-note{color:#fff}[data-theme=dark] .g-note{color:var(--color-sun)}.mem-dots{gap:3px;display:inline-flex}.mem-dots i{background:currentColor;border-radius:50%;width:.7rem;height:.7rem;display:block}.g-star{fill:none;width:1.7rem;height:1.7rem;stroke:var(--sticker);stroke-width:1.8px;stroke-linejoin:round}.g-star.is-on{fill:var(--color-sun)}.g-star--xl{stroke-width:1.5px;width:4.6rem;height:4.6rem}.g-win-stars{justify-content:center;gap:.25rem;margin:.4rem 0;display:flex}.g-win-star{animation:g-star-in .7s var(--ease-bounce) both;animation-delay:calc(var(--i) * .38s + .2s);display:block}.g-win-star:nth-child(2){translate:0 -.5rem}@keyframes g-star-in{0%{opacity:0;transform:scale(0)rotate(-40deg)}70%{opacity:1;transform:scale(1.25)rotate(8deg)}to{opacity:1;transform:scale(1)rotate(0)}}.g-win-stickers{flex-wrap:wrap;justify-content:center;gap:.75rem;margin:.6rem 0 0;display:flex}.g-win-sticker{font-family:var(--font-display);animation:g-star-in .7s var(--ease-bounce) 1.5s both;justify-items:center;gap:.15rem;font-size:.9rem;font-weight:600;display:grid}.g-sticker{width:2.6rem;height:2.6rem}.g-sticker--lg{width:4rem;height:4rem}.g-toast{z-index:40;opacity:0;pointer-events:none;transition:translate .45s var(--ease-bounce), opacity .3s ease;background:var(--surface);color:var(--fg);border:3px solid var(--sticker);box-shadow:0 4px 0 0 var(--sticker);border-radius:1.4rem;padding:.4rem 1rem .4rem .6rem;font-size:.95rem;line-height:1.2;position:absolute;top:4.4rem;left:50%;translate:-50% -180%}.g-toast.is-on{opacity:1;translate:-50%}.g-toast-i{text-align:left;align-items:center;gap:.6rem;display:flex}.g-fx{pointer-events:none;z-index:30;position:absolute;inset:0;overflow:hidden}.g-particle{will-change:transform, opacity;border-radius:3px;display:block;position:absolute}.g-particle svg{display:block}.pn{flex-direction:column;gap:.6rem;height:100%;display:flex}.pn-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.pn-inst{gap:.4rem;display:flex}.pn-ibtn{border:3px solid var(--sticker);background:var(--surface);min-width:3.5rem;min-height:3.5rem;color:var(--fg);box-shadow:0 4px 0 0 var(--sticker);font-family:var(--font-display);cursor:pointer;border-radius:1.3rem;align-items:center;gap:.4rem;padding:.2rem .75rem .2rem .5rem;font-weight:700;display:inline-flex}.pn-ibtn[aria-pressed=true]{background:var(--color-sun);color:var(--color-ink);box-shadow:0 2px 0 0 var(--sticker);translate:0 2px}.pn-iart{width:2.3rem;height:2.3rem}@container (width<=520px){.pn-ibtn{justify-content:center;padding:.2rem}.pn-ibtn span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.pn-dots{flex-wrap:wrap;justify-content:center;gap:.35rem;display:flex}.pn-dots[hidden],.pn-listen[hidden]{display:none}.pn-dot{border:2px solid var(--sticker);background:var(--surface);width:.8rem;height:.8rem;transition:scale .2s var(--ease-bounce);border-radius:50%;display:block}.pn-dot.is-done{background:var(--color-sun)}.pn-dot.is-cur{background:#fff;scale:1.45}.pn-keys{flex:1;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(4,1fr);align-self:center;gap:.55rem;width:100%;min-height:0;max-height:32rem;padding-bottom:8px;display:grid}@container (width>=620px){.pn-keys{grid-template-rows:1fr;grid-template-columns:repeat(8,1fr);gap:.6rem}}.pn-key{border:3px solid var(--sticker);cursor:pointer;background:linear-gradient(180deg, color-mix(in srgb, var(--kc) 82%, #fff) 0%, var(--kc) 70%);min-height:5rem;box-shadow:0 8px 0 0 var(--sticker), inset 0 -10px 0 #00000014;border-radius:1.3rem 1.3rem 1.8rem 1.8rem;justify-content:center;align-items:flex-end;padding:0 0 .7rem;transition:translate 80ms,box-shadow 80ms,filter .12s;display:flex;position:relative}.pn-key:hover{filter:brightness(1.06)}.pn-key:active,.pn-key.is-down{box-shadow:0 2px 0 0 var(--sticker), inset 0 -10px 0 #00000014;filter:brightness(1.12);translate:0 6px}.pn-label{border:2px solid var(--color-ink);color:var(--color-ink);font-family:var(--font-display);background:#fff;border-radius:999px;padding:.1rem .8rem;font-size:1.1rem;font-weight:700}.pn-key.is-next{box-shadow:0 8px 0 0 var(--sticker), 0 0 0 6px var(--color-sun), 0 0 26px 8px #ffc83db3;z-index:1;animation:.9s ease-in-out infinite pn-next}.pn-key.is-next:before{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1c1 6.5 3.5 9 11 11-7.5 2-10 4.5-11 11-1-6.5-3.5-9-11-11 7.5-2 10-4.5 11-11z' fill='%23FFC83D' stroke='%232B2350' stroke-width='1.4' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat;width:2.6rem;height:2.6rem;position:absolute;top:.6rem;left:50%;translate:-50%}.pn-key.is-nudge{animation:pn-nudge .5s var(--ease-bounce)}@keyframes pn-next{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes pn-nudge{0%,to{transform:scale(1)}40%{transform:scale(1.07)rotate(-1.5deg)}}.mem{height:100%}.mem-board{grid-template-columns:repeat(var(--cols,3), var(--size,80px));grid-auto-rows:var(--size,80px);gap:var(--gap,8px);place-content:center;height:100%;display:grid}.mem-card{width:var(--size);height:var(--size);perspective:700px;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;position:relative}.mem-in{transform-style:preserve-3d;transition:transform .45s var(--ease-bounce);position:absolute;inset:0}.mem-card.is-flipped .mem-in{transform:rotateY(180deg)}.mem-face{-webkit-backface-visibility:hidden;backface-visibility:hidden;border:3px solid var(--sticker);box-shadow:0 4px 0 0 var(--sticker);border-radius:1.1rem;place-items:center;display:grid;position:absolute;inset:0}.mem-back{background:radial-gradient(circle at 30% 25%,#9b7bf0,#6a3fd1 70%)}.mem-back svg{width:78%;height:78%}.mem-front{background:#fff8ec;transform:rotateY(180deg)}.mem-art{width:82%;height:82%}.mem-card.is-matched .mem-front{background:#cdefe6;border-color:#1b7f46}.mem-card.is-matched{animation:mem-match .6s var(--ease-bounce);cursor:default}.mem-card.is-miss{animation:.45s mem-shake}@keyframes mem-match{0%{scale:1}40%{scale:1.14}to{scale:1}}@keyframes mem-shake{0%,to{translate:0}25%{translate:-6px}75%{translate:6px}}.mem-card:focus-visible{outline-offset:4px}.ct{position:absolute;inset:0;overflow:hidden}.ct:before{content:"";background:var(--hill-b);border-radius:50% 50% 0 0/100% 100% 0 0;height:56px;position:absolute;bottom:-26px;left:-5%;right:-5%}.ct-canvas{touch-action:none;cursor:pointer;outline-offset:-4px;display:block;position:relative}.gs{flex-direction:column;justify-content:center;align-items:center;gap:.8rem;height:100%;display:flex}.gs-dots{gap:.5rem;display:flex}.gs-dot{border:2px solid var(--sticker);background:var(--surface);width:.95rem;height:.95rem;transition:scale .2s var(--ease-bounce);border-radius:50%;display:block}.gs-dot.is-cur{background:#fff;scale:1.4}.gs-dot.is-ok{background:var(--color-sun)}.gs-dot.is-ok2{background:var(--color-mint)}.gs-speaker{aspect-ratio:1;border:4px solid var(--sticker);background:var(--color-coral);color:#fff;width:clamp(6.5rem,26dvh,9rem);box-shadow:0 8px 0 0 var(--sticker);cursor:pointer;transition:translate .15s var(--ease-bounce), box-shadow .15s ease;border-radius:50%;place-items:center;display:grid;position:relative}.gs-speaker:active{box-shadow:0 2px 0 0 var(--sticker);translate:0 6px}.gs-rings i{border:4px solid var(--color-coral);opacity:0;pointer-events:none;border-radius:50%;position:absolute;inset:0}.gs-speaker.is-playing .gs-rings i{animation:1.2s ease-out infinite gs-ring}.gs-speaker.is-playing .gs-rings i:nth-child(2){animation-delay:.3s}.gs-speaker.is-playing .gs-rings i:nth-child(3){animation-delay:.6s}.gs-speaker.is-playing{animation:.6s ease-in-out infinite gs-thump}@keyframes gs-ring{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}@keyframes gs-thump{0%,to{scale:1}50%{scale:1.06}}.gs-q{font-family:var(--font-display);margin:0;font-size:1.4rem;font-weight:700}.gs-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;width:min(100%,38rem);display:grid}.gs-opt{border:3px solid var(--sticker);background:var(--surface);min-height:7rem;color:var(--fg);box-shadow:0 6px 0 0 var(--sticker);cursor:pointer;transition:translate .15s var(--ease-bounce), box-shadow .15s ease, opacity .2s ease;border-radius:1.5rem;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;padding:.5rem .25rem;display:flex;position:relative}.gs-opt:hover{translate:0 -2px}.gs-opt:active{box-shadow:0 2px 0 0 var(--sticker);translate:0 4px}.gs-art{aspect-ratio:1;width:min(72%,5.5rem)}.gs-name{font-family:var(--font-display);font-size:.95rem;font-weight:700}.gs-check{color:#fff;border:3px solid var(--sticker);background:#1b7f46;border-radius:50%;place-items:center;width:2.2rem;height:2.2rem;display:none;position:absolute;top:-.6rem;right:-.4rem}.gs-opt.is-right{color:var(--color-ink);animation:mem-match .6s var(--ease-bounce);background:#cdefe6;border-color:#1b7f46}.gs-opt.is-right .gs-check{display:grid}.gs-opt.is-wrong{opacity:.5;border-style:dashed;animation:.45s mem-shake}.gs-opt.is-dim{opacity:.4}@media (height<=560px){.gs{flex-flow:wrap;gap:.5rem 1.5rem}.gs-speaker{width:5.5rem}.gs-q{display:none}.gs-opt{min-height:5.5rem}}