@font-face{font-family:Titan One;font-style:normal;font-display:swap;font-weight:400;src:url(./titan-one-latin-400-normal-DwVbh4mi.woff2) format("woff2"),url(./titan-one-latin-400-normal-VZVzRR2h.woff) format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:500;src:url(./fredoka-latin-500-normal-B0JifZgm.woff2) format("woff2"),url(./fredoka-latin-500-normal-BL692wg7.woff) format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:600;src:url(./fredoka-latin-600-normal-C4zohCW5.woff2) format("woff2"),url(./fredoka-latin-600-normal-CcrEjrB4.woff) format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:700;src:url(./fredoka-latin-700-normal-BOIZVyIN.woff2) format("woff2"),url(./fredoka-latin-700-normal-C8FeHd3X.woff) format("woff")}:root{--gn-deep: #22092a;--gn-plum: #4a1747;--gn-berry: #7a2a6e;--gn-ink: #3a0d34;--gn-pink: #ff7fb6;--gn-pink-hi: #ffb3d6;--gn-pink-dark: #d93f86;--gn-cream: #fff1e2;--gn-cream-dim: #f6dcc0;--gn-dough: #f2b46a;--gn-dough-dark: #a85f2a;--gn-mint: #3ee6b0;--gn-mint-hi: #9ff7d8;--gn-mint-dark: #0f8a62;--gn-honey: #ffc23d;--gn-honey-hi: #ffe39a;--gn-s0: #ff4d6d;--gn-s1: #ffd23d;--gn-s2: #4fe0b0;--gn-s3: #4a9dff;--gn-s4: #b06bff;--gn-s5: #ffffff;--gn-display: "Titan One", "Arial Black", system-ui, sans-serif;--gn-mono: "Fredoka", system-ui, sans-serif;--gn-read: "Fredoka", system-ui, -apple-system, "Segoe UI", sans-serif;--gn-bouncy: cubic-bezier(.2, 1.6, .4, 1);--gn-settle: cubic-bezier(.2, .9, .3, 1.1);--gn-glass: linear-gradient(160deg, rgba(255, 127, 182, .42), rgba(122, 42, 110, .7) 45%, rgba(34, 9, 42, .88));--gn-icing: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 30' preserveAspectRatio='none'%3E%3Cpath d='M0 0H200V10C192 10 191 22 185 22S178 10 170 10 160 26 152 26 146 12 138 12 128 18 120 18 112 10 104 10 94 28 86 28 80 12 72 12 62 20 54 20 46 10 38 10 30 24 22 24 16 10 8 10 0 16 0 16Z' fill='%23ff8cc0'/%3E%3Cpath d='M0 0H200V4H0Z' fill='%23ffc4de'/%3E%3C/svg%3E");--gn-face: linear-gradient(180deg, #ff9cc8 0%, #ff74b0 48%, #e0559a 100%);--gn-face-mint: linear-gradient(180deg, #7ff3cd 0%, #3ee6b0 45%, #12a376 100%);--gn-edge: 0 5px 0 var(--gn-dough-dark), 0 5px 0 1px rgba(60, 20, 0, .35), 0 12px 22px rgba(20, 0, 20, .45);--kit-bg: var(--gn-deep);--kit-panel: var(--gn-plum);--kit-fg: var(--gn-cream);--kit-muted: #f3c6dd;--kit-accent: var(--gn-mint);--kit-accent-fg: var(--gn-ink);--kit-accent-2: var(--gn-honey);--kit-warn: var(--gn-honey);--kit-radius: 14px;--kit-font: var(--gn-display);--kit-focus-color: var(--gn-honey);--kit-focus-inner: var(--gn-ink);--kit-focus-width: 3px;--kit-focus-gap: 3px;--kit-focus-shadow: 0 0 0 3px var(--gn-ink), 0 0 0 6px var(--gn-honey), 0 0 26px 6px rgba(255, 194, 61, .5);--kit-focus-outline: none;--kit-glyph-key: var(--gn-cream);--kit-glyph-key-ink: var(--gn-ink);--kit-glyph-pad-bg: var(--gn-ink);--kit-glyph-pad-ink: var(--gn-cream);--kit-glyph-font: var(--gn-mono)}html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none;color:var(--gn-cream);font-family:var(--gn-read);background:radial-gradient(70% 50% at 50% 18%,rgba(255,140,200,.28),transparent 70%),radial-gradient(circle at 12px 12px,rgba(255,220,240,.06) 2px,transparent 2.5px) 0 0 / 34px 34px,radial-gradient(120% 90% at 50% 30%,var(--gn-berry) 0%,var(--gn-plum) 45%,var(--gn-deep) 100%)}body:before{content:"";position:fixed;left:0;right:0;top:0;height:var(--gn-awning, 30px);z-index:0;pointer-events:none;background:repeating-linear-gradient(90deg,var(--gn-pink) 0 36px,var(--gn-cream) 36px 72px);-webkit-mask:radial-gradient(18px 12px at 18px calc(100% - 12px),#000 98%,transparent) 0 0 / 36px 100% repeat-x,linear-gradient(#000,#000) 0 0 / 100% calc(100% - 12px) no-repeat;mask:radial-gradient(18px 12px at 18px calc(100% - 12px),#000 98%,transparent) 0 0 / 36px 100% repeat-x,linear-gradient(#000,#000) 0 0 / 100% calc(100% - 12px) no-repeat;filter:drop-shadow(0 4px 0 rgba(0,0,0,.2))}#app{position:fixed;inset:0;transition:filter .5s ease}#app:after{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(120% 90% at 50% 50%,transparent 58%,rgba(20,0,20,.5) 100%)}canvas{display:block;touch-action:none}html.gn-attract #app{filter:blur(3px) brightness(.68) saturate(1.2)}:focus{outline:none}.gn-sprinkles{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0}.gn-sprinkle{position:absolute;bottom:-20px;width:12px;height:4px;border-radius:3px;background:var(--c);opacity:.75;rotate:var(--r);animation:gn-rise linear infinite}.kit-screen:not([data-screen=play]){justify-content:flex-start;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain}.kit-screen:not([data-screen=play])>:first-child{margin-top:auto}.kit-screen:not([data-screen=play])>:last-child{margin-bottom:auto}.kit-screen:not([data-screen=play])>.gn-sprinkles+*{margin-top:auto}.gn-title-screen{gap:10px;padding-top:max(40px,var(--kit-top))}.gn-kicker{position:relative;margin:0;font:600 .72rem var(--gn-mono);letter-spacing:.42em;text-transform:uppercase;color:var(--gn-honey);text-shadow:0 0 12px rgba(255,194,61,.55);animation:gn-fade .6s .55s both}.gn-wordmark{position:relative;margin:0;line-height:.9}.gn-letters{display:flex;align-items:center;font:400 clamp(2.6rem,min(14vw,10vh),4.6rem) var(--gn-display);letter-spacing:.01em}.gn-letter{display:inline-block;background:linear-gradient(180deg,#ffffff 0%,var(--gn-cream) 30%,var(--gn-pink-hi) 52%,var(--gn-pink) 70%,var(--gn-pink-dark) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 var(--gn-ink)) drop-shadow(0 6px 0 rgba(20,0,20,.45)) drop-shadow(0 0 18px rgba(255,127,182,.5));animation:gn-drop .7s calc(var(--i) * 75ms) var(--gn-bouncy) both,gn-bob 2.8s calc(.9s + var(--i) * .14s) ease-in-out infinite}.gn-letter.gn-o{background:none;filter:drop-shadow(0 4px 0 rgba(20,0,20,.45)) drop-shadow(0 0 16px rgba(255,200,120,.45))}.gn-letter.gn-o img{display:block;width:.98em;height:auto;margin:0 -.05em;translate:.05em .08em;animation:gn-wobble 2.4s calc(1s + var(--i) * .2s) ease-in-out infinite}.gn-space{width:.14em}.gn-taglines{position:relative;display:grid;margin:0;min-height:1.6em;font:600 .95rem var(--gn-read);color:#ffd6ea;text-shadow:0 2px 6px rgba(0,0,0,.6)}.gn-taglines>span{grid-area:1 / 1;text-align:center;opacity:0;animation:gn-tagline 14s infinite}.gn-taglines>span:nth-child(2){animation-delay:3.5s}.gn-taglines>span:nth-child(3){animation-delay:7s}.gn-taglines>span:nth-child(4){animation-delay:10.5s}.gn-panel,.gn-card,.kit-modal-sheet{position:relative;background:var(--gn-glass);border:1px solid rgba(255,200,230,.35);border-radius:22px;box-shadow:0 20px 50px #0a000f8c,inset 0 1px #ffffff1f;backdrop-filter:blur(6px)}.gn-drip{position:absolute;left:-1px;right:-1px;top:-1px;height:30px;border-radius:22px 22px 0 0;background:var(--gn-icing) 0 0 / 100% 100% no-repeat;pointer-events:none;z-index:0;filter:drop-shadow(0 3px 0 rgba(120,20,70,.35))}.gn-drip:after{content:"";position:absolute;inset:3px 6% 14px;background:linear-gradient(30deg,transparent 45%,var(--gn-s1) 45% 55%,transparent 55%) 6% 30% / 10px 6px no-repeat,linear-gradient(-40deg,transparent 45%,var(--gn-s3) 45% 55%,transparent 55%) 22% 60% / 10px 6px no-repeat,linear-gradient(70deg,transparent 45%,var(--gn-s5) 45% 55%,transparent 55%) 41% 25% / 10px 6px no-repeat,linear-gradient(10deg,transparent 45%,var(--gn-s2) 45% 55%,transparent 55%) 63% 55% / 10px 6px no-repeat,linear-gradient(-60deg,transparent 45%,var(--gn-s4) 45% 55%,transparent 55%) 82% 30% / 10px 6px no-repeat,linear-gradient(50deg,transparent 45%,var(--gn-s1) 45% 55%,transparent 55%) 96% 60% / 10px 6px no-repeat}.gn-panel{display:flex;flex-direction:column;align-items:center;gap:10px;padding:34px 18px 14px;width:min(360px,calc(100vw - 40px));box-sizing:border-box;animation:gn-pop .55s .25s var(--gn-settle) both}.gn-panel>:not(.gn-drip),.gn-card>:not(.gn-drip),.kit-modal-sheet>:not(.gn-drip){position:relative;z-index:1}.gn-panel .kit-menu,.gn-panel .kit-continue,.gn-card .kit-menu{width:100%;display:flex;flex-direction:column;gap:12px}.gn-footer{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:4px}.kit-btn{position:relative;font:400 1.02rem var(--gn-display);color:#fff;background:var(--gn-face);border:0;border-radius:14px;min-height:48px;padding:8px 18px;box-shadow:inset 0 2px #ffffff73,inset 0 -3px #96145059,var(--gn-edge);text-shadow:0 2px 0 rgba(120,10,70,.55);cursor:pointer;transition:transform .14s var(--gn-settle),box-shadow .14s,filter .14s}.kit-btn:hover{filter:brightness(1.07);transform:translateY(-2px)}.kit-btn:active{transform:translateY(4px);box-shadow:inset 0 2px #fff6,0 1px 0 var(--gn-dough-dark),0 4px 10px #14001459}.kit-btn:disabled{filter:grayscale(.6) brightness(.75);cursor:default}.kit-btn.kit-primary,.kit-btn[data-testid=play],.kit-btn[data-testid=go-start],.kit-btn[data-testid=resume],.kit-btn[data-testid=play-again]{background:var(--gn-face-mint);color:var(--gn-ink);text-shadow:0 1px 0 rgba(255,255,255,.5);box-shadow:inset 0 2px #ffffff8c,inset 0 -3px #005a3c59,0 0 0 2px #9ff7d899,0 0 22px #3ee6b073,var(--gn-edge);overflow:hidden}.kit-btn.kit-primary:after,.kit-btn[data-testid=play]:after,.kit-btn[data-testid=go-start]:after,.kit-btn[data-testid=resume]:after,.kit-btn[data-testid=play-again]:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.55) 50%,transparent 65%);transform:translate(-120%) skew(-12deg);animation:gn-sheen 3.6s 1.2s ease-in-out infinite;pointer-events:none}.gn-mbtn{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:7px 16px 7px 8px;min-height:56px}.gn-mbtn-icon{flex:none;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#ffffff,var(--gn-cream) 55%,var(--gn-cream-dim));box-shadow:inset 0 -3px #a85f2a73,0 2px 4px #3c002859;transition:transform .18s var(--gn-bouncy)}.gn-mbtn-icon:before{content:attr(data-icon);font:400 1.15rem var(--gn-display);color:var(--gn-pink-dark);text-shadow:none}.kit-btn.kit-primary .gn-mbtn-icon,.kit-btn[data-testid=play] .gn-mbtn-icon,.kit-btn[data-testid=go-start] .gn-mbtn-icon,.kit-btn[data-testid=resume] .gn-mbtn-icon,.kit-btn[data-testid=play-again] .gn-mbtn-icon{width:44px;height:44px;background:radial-gradient(circle at 35% 30%,#fff8dc,var(--gn-honey) 60%,#d99a14)}.kit-btn.kit-primary .gn-mbtn-icon:before,.kit-btn[data-testid=play] .gn-mbtn-icon:before{color:var(--gn-ink)}.gn-mbtn-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.gn-mbtn-label{font:400 1.08rem var(--gn-display);line-height:1.15}.gn-mbtn-sub{font:600 .7rem var(--gn-mono);color:#fff5fae6;letter-spacing:.02em;line-height:1.25;text-shadow:0 1px 0 rgba(120,10,70,.45);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kit-btn.kit-primary .gn-mbtn-sub,.kit-btn[data-testid=play] .gn-mbtn-sub,.kit-btn[data-testid=go-start] .gn-mbtn-sub,.kit-btn[data-testid=resume] .gn-mbtn-sub,.kit-btn[data-testid=play-again] .gn-mbtn-sub{color:#1e051ec7;text-shadow:none}.gn-mbtn-sub:empty{display:none}.gn-mbtn>.kit-glyph{margin-left:auto}.gn-in{animation:gn-slide .42s calc(var(--i, 0) * .06s) var(--gn-settle) both}.kit-screen[data-redraw=true] .gn-in,.kit-screen[data-redraw=true] .gn-panel,.kit-screen[data-redraw=true] .gn-card,.kit-screen[data-redraw=true] .gn-letter{animation:none}html[data-hub-input=keys] .kit-btn:focus,.kit-btn[data-hub-focus],.kit-btn:focus-visible{box-shadow:inset 0 2px #ffffff73,var(--kit-focus-shadow),var(--gn-edge);transform:translateY(-2px);filter:brightness(1.08)}html[data-hub-input=keys] .kit-btn:focus .gn-mbtn-icon,.kit-btn[data-hub-focus] .gn-mbtn-icon{transform:rotate(-8deg) scale(1.12)}html[data-hub-input=keys] .gn-mbtn:focus:before,.gn-mbtn[data-hub-focus]:before{content:"◀";position:absolute;right:10px;top:50%;translate:0 -50%;color:var(--gn-honey);font-size:.9rem;text-shadow:0 1px 0 var(--gn-ink);animation:gn-point .6s ease-in-out infinite alternate}html[data-hub-input=touch] .kit-btn[data-hub-focus]:not(:hover){transform:none;filter:none}html[data-hub-input=touch] .kit-btn[data-hub-focus]:not(:hover) .gn-mbtn-icon{transform:none}html[data-hub-input=touch] .gn-mbtn[data-hub-focus]:before{content:none}.gn-chip{display:inline-flex;align-items:baseline;gap:6px;padding:5px 12px;border-radius:999px;white-space:nowrap;font:600 .66rem var(--gn-mono);text-transform:uppercase;letter-spacing:.08em;color:#ffd6ea;background:linear-gradient(180deg,#5a1e52,var(--gn-ink));box-shadow:inset 0 0 0 1.5px #ff7fb68c,0 2px #00000059;animation:gn-fade .4s calc(.6s + var(--i, 0) * .08s) both}.gn-chip strong{font:400 .92rem var(--gn-display);color:var(--gn-honey);letter-spacing:0}.gn-stats{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.kit-modal-title,.gn-card>.kit-title{position:relative;align-self:center;margin:0 auto 2px;font:400 1.6rem var(--gn-display);text-align:center;background:linear-gradient(180deg,#ffffff 0%,var(--gn-cream) 35%,var(--gn-pink-hi) 60%,var(--gn-pink) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 var(--gn-ink)) drop-shadow(0 0 14px rgba(255,127,182,.45));animation:gn-drop .6s .1s var(--gn-bouncy) both;max-width:calc(100% - 20px)}.gn-card>.kit-title.gn-won{background:linear-gradient(180deg,#ffffff 0%,var(--gn-mint-hi) 45%,var(--gn-mint) 100%);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 3px 0 #06402c) drop-shadow(0 0 16px rgba(62,230,176,.55))}.kit-modal{align-items:flex-start;overflow-y:auto;touch-action:pan-y;overscroll-behavior:contain;background:radial-gradient(circle at 50% 40%,#4a17478c,#140014d1);padding:max(72px,calc(var(--kit-top) + 24px)) 16px calc(var(--kit-bottom) + 80px)}.kit-modal-sheet{margin:auto 0;flex:none;padding:38px 20px 18px;gap:14px;width:min(420px,100%);overflow:visible;max-height:none;animation:gn-pop .36s var(--gn-settle) both}.kit-modal-body{color:#ffeaf4;font:500 .98rem/1.45 var(--gn-read);overflow:visible}.kit-modal-buttons{flex-direction:column;align-items:stretch;gap:12px}.gn-card{display:flex;flex-direction:column;align-items:center;gap:14px;padding:38px 20px 18px;width:min(380px,calc(100vw - 36px));box-sizing:border-box;animation:gn-pop .36s var(--gn-settle) both}.gn-card-sub{margin:-6px 0 0;font:600 .72rem var(--gn-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--gn-honey);animation:gn-fade .4s .12s both}.kit-screen.kit-dim{background:radial-gradient(circle at 50% 40%,#4a174780,#140014cc);padding-bottom:calc(var(--kit-bottom) + 80px)}.kit-modal-sheet:has([data-testid=howto-ok]) .kit-modal-body>div{display:flex;flex-direction:column;counter-reset:step;gap:8px}.kit-modal-sheet:has([data-testid=howto-ok]) .kit-modal-body>div>p{counter-increment:step;position:relative;margin:0;padding:9px 12px 9px 44px;color:var(--gn-ink);background:linear-gradient(180deg,#fffaf4,var(--gn-cream-dim));border-radius:12px;box-shadow:0 3px 0 var(--gn-dough-dark);animation:gn-slide .4s calc(.1s + var(--i, 0) * .06s) var(--gn-settle) both}.kit-modal-sheet:has([data-testid=howto-ok]) .kit-modal-body>div>p:nth-child(2){--i: 1}.kit-modal-sheet:has([data-testid=howto-ok]) .kit-modal-body>div>p:nth-child(3){--i: 2}.kit-modal-sheet:has([data-testid=howto-ok]) .kit-modal-body>div>p:nth-child(4){--i: 3}.kit-modal-sheet:has([data-testid=howto-ok]) .kit-modal-body>div>p:nth-child(5){--i: 4}.kit-modal-sheet:has([data-testid=howto-ok]) .kit-modal-body>div>p:before{content:counter(step);position:absolute;left:9px;top:50%;translate:0 -50%;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:var(--gn-face);color:#fff;font:400 .85rem var(--gn-display);box-shadow:0 2px 0 var(--gn-pink-dark)}.kit-row{box-sizing:border-box;min-height:48px;padding:6px 14px;border-radius:14px;background:#22092a80;box-shadow:inset 0 0 0 1px #ff7fb659;animation:gn-slide .4s both}.kit-row-label{font:400 .98rem var(--gn-display);color:var(--gn-cream)}.kit-toggle{position:relative;width:58px;height:30px;border:0;border-radius:999px;background:linear-gradient(180deg,var(--gn-deep),var(--gn-plum));box-shadow:inset 0 0 0 2px #ff7fb680,inset 0 3px 6px #0009;cursor:pointer}.kit-toggle:after{content:"";position:absolute;left:4px;top:4px;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle,var(--gn-plum) 0 22%,var(--gn-pink) 26% 62%,var(--gn-dough) 66%);box-shadow:0 2px 4px #00000080;transition:transform .25s var(--gn-bouncy)}.kit-toggle[aria-checked=true]{background:linear-gradient(180deg,var(--gn-mint-hi),var(--gn-mint-dark))}.kit-toggle[aria-checked=true]:after{transform:translate(28px) rotate(180deg)}.kit-slider{accent-color:var(--gn-pink);height:28px}.kit-slider::-webkit-slider-runnable-track{height:8px;border-radius:4px;background:linear-gradient(90deg,var(--gn-pink),var(--gn-honey));box-shadow:inset 0 0 0 1px #0006}.kit-slider::-webkit-slider-thumb{-webkit-appearance:none;margin-top:-8px;width:24px;height:24px;border-radius:50%;background:radial-gradient(circle,var(--gn-plum) 0 22%,var(--gn-pink) 26% 62%,var(--gn-dough) 66%);box-shadow:0 2px 4px #00000080}.kit-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;border:0;background:radial-gradient(circle,var(--gn-plum) 0 22%,var(--gn-pink) 26% 62%,var(--gn-dough) 66%)}.kit-seg{background:#22092a99;border-radius:12px;box-shadow:inset 0 0 0 1px #ff7fb666;padding:3px}.kit-seg-item{font:400 .9rem var(--gn-display);color:var(--gn-cream);border-radius:10px;min-height:40px}.kit-seg-item[aria-checked=true]{background:var(--gn-face-mint);color:var(--gn-ink)}html[data-hub-input=keys] :is(.kit-toggle,.kit-slider,.kit-seg-item,.kit-row,.gn-opts,.gn-tool):focus,:is(.kit-toggle,.kit-slider,.kit-seg-item,.kit-row,.gn-opts,.gn-tool)[data-hub-focus]{box-shadow:var(--kit-focus-shadow)}html[data-hub-input=touch] :is(.kit-toggle,.kit-seg-item,.kit-row,.gn-opts,.gn-tool)[data-hub-focus]:not(:hover){box-shadow:none}.kit-toast{background:var(--gn-glass);color:var(--gn-cream);border-left:5px solid var(--gn-honey);border-radius:14px;font:600 .95rem var(--gn-read);box-shadow:inset 0 0 0 1px #ff7fb673,0 10px 26px #00000080;animation:gn-pop .3s var(--gn-settle) both}.kit-toast[data-kind=good]{border-left-color:var(--gn-mint)}.kit-share-field,.kit-chat-input{font:600 1rem var(--gn-read);color:var(--gn-ink);background:var(--gn-cream);border:0;border-radius:10px;box-shadow:inset 0 0 0 2px var(--gn-pink);padding:10px 12px}.kit-spinner{border-color:#ff7fb640;border-top-color:var(--gn-pink)}.kit-progress>i{background:linear-gradient(90deg,var(--gn-pink),var(--gn-honey))}.kit-tagline{color:#ffd6ea}.kit-title{font-family:var(--gn-display)}.kit-link{color:var(--gn-honey);font-family:var(--gn-display)}.gn-setup{display:flex;flex-direction:column;align-items:center;gap:10px}.gn-opts{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;border-radius:16px;padding:4px;box-sizing:border-box}.gn-opt{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;min-height:118px;padding:8px 6px 10px;border:0;border-radius:16px;cursor:pointer;color:var(--gn-ink);background:linear-gradient(180deg,#fffaf4,var(--gn-cream-dim));box-shadow:0 4px 0 var(--gn-dough-dark),0 8px 14px #14001459;animation:gn-slide .42s calc(.1s + var(--i) * .06s) var(--gn-settle) both;transition:transform .18s var(--gn-bouncy),box-shadow .18s}.gn-opt-donut{width:58px;height:auto;margin-bottom:2px;filter:drop-shadow(0 3px 2px rgba(60,20,0,.3))}.gn-opt-name{font:400 .95rem var(--gn-display)}.gn-opt-sub{font:600 .62rem var(--gn-mono);color:#7a3a6a;text-align:center}.gn-opt-rack{margin-top:2px;padding:2px 8px;border-radius:999px;font:600 .62rem var(--gn-mono);background:var(--gn-ink);color:var(--gn-honey);white-space:nowrap}.gn-opt.gn-on{transform:translateY(-3px) scale(1.03);box-shadow:0 0 0 3px var(--gn-mint),0 0 22px #3ee6b08c,0 6px 0 var(--gn-dough-dark)}.gn-opt.gn-on .gn-opt-donut{animation:gn-wobble 1.6s ease-in-out infinite}.gn-legend{margin:0;font:600 .75rem var(--gn-mono);color:#ffd6ea}html[data-prompts=none] .gn-legend{display:none}.kit-hud{display:block;padding:0;pointer-events:none}.gn-hud-top{position:fixed;left:50%;top:calc(max(var(--kit-top),28px) + 8px);translate:-50% 0;display:flex;gap:6px;max-width:calc(100vw - 144px);justify-content:center}.gn-hud-chip{position:relative;display:inline-flex;align-items:center;gap:5px;padding:6px 11px;border-radius:999px;white-space:nowrap;font:600 .62rem var(--gn-mono);text-transform:uppercase;letter-spacing:.06em;color:#ffd6ea;background:linear-gradient(180deg,#5a1e52,var(--gn-ink));box-shadow:inset 0 0 0 1.5px #ff7fb68c,0 3px #00000059;animation:gn-chipin .45s calc(var(--i) * .08s) var(--gn-bouncy) both}.gn-hud-icon{font-size:.85rem;color:var(--gn-pink)}.gn-hud-chip strong{font:400 .95rem var(--gn-display);color:var(--gn-honey);letter-spacing:0}.gn-hud-chip[data-testid=hud-moves].gn-over strong{color:var(--gn-pink-hi)}.gn-hud-chip.gn-hop{animation:gn-hopchip .4s var(--gn-bouncy)}.gn-hud-tools{position:fixed;left:50%;bottom:calc(var(--kit-bottom) + 12px);translate:-50% 0;display:flex;gap:10px;pointer-events:auto;max-width:calc(100vw - 24px)}.gn-tool{position:relative;display:flex;align-items:center;gap:7px;min-height:50px;min-width:50px;padding:6px 14px 6px 8px;border:0;border-radius:14px;font:400 .95rem var(--gn-display);color:#fff;text-shadow:0 2px 0 rgba(120,10,70,.55);background:var(--gn-face);box-shadow:inset 0 2px #ffffff73,var(--gn-edge);cursor:pointer;transition:transform .14s var(--gn-settle),filter .14s}.gn-tool:active{transform:translateY(4px) scale(.97)}.gn-tool:disabled{filter:grayscale(.7) brightness(.65);cursor:default}.gn-tool-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:radial-gradient(circle at 35% 30%,#ffffff,var(--gn-cream) 55%,var(--gn-cream-dim));color:var(--gn-pink-dark);text-shadow:none;font-size:1.1rem;box-shadow:inset 0 -2px #a85f2a73}.gn-tool-count{min-width:20px;padding:1px 6px;border-radius:999px;background:var(--gn-ink);color:var(--gn-honey);font:400 .75rem var(--gn-display);text-shadow:none;text-align:center}html[data-prompts=none] .gn-tool .kit-glyph{display:none}.kit-pause-btn{background:var(--gn-face);color:#fff;border:0;border-radius:14px;box-shadow:inset 0 2px #ffffff73,0 4px 0 var(--gn-dough-dark)}.gn-stars{display:flex;gap:6px;margin:0;font-size:2.6rem;line-height:1}.gn-star{color:#ffffff29;text-shadow:0 3px 0 rgba(0,0,0,.3);animation:gn-starpop .5s calc(.45s + var(--i) * .18s) var(--gn-bouncy) both}.gn-star-on{color:var(--gn-honey);text-shadow:0 3px 0 #a86a00,0 0 18px rgba(255,194,61,.7)}.gn-result-score{display:flex;align-items:center;gap:12px;margin:0;font:600 .75rem var(--gn-mono);letter-spacing:.2em;text-transform:uppercase;color:#ffd6ea}.gn-badge{display:grid;place-items:center;min-width:64px;height:64px;padding:0 10px;border-radius:999px;font:400 1.5rem var(--gn-display);letter-spacing:0;color:var(--gn-ink);background:radial-gradient(circle at 35% 30%,#fff8dc,var(--gn-honey) 60%,#d99a14);box-shadow:0 0 0 4px var(--gn-pink),0 5px 0 4px var(--gn-dough-dark),0 0 24px #ffc23d8c;animation:gn-starpop .5s .3s var(--gn-bouncy) both}.gn-best{margin:0;font:600 .75rem var(--gn-mono);letter-spacing:.12em;text-transform:uppercase;color:#ffd6ea}.gn-best strong{color:var(--gn-honey);font:400 1rem var(--gn-display)}.kit-result-body{display:flex;flex-direction:column;align-items:center;gap:12px}html.gn-cover-on .kit-ui,html.gn-cover-on .kit-hud,html.gn-cover-on .kit-toasts{display:none!important}.gn-cover-art{position:fixed;inset:0;pointer-events:none;z-index:5}.gn-cv-burst{position:fixed;left:72%;top:46%;width:1100px;height:1100px;translate:-50% -50%;z-index:0;pointer-events:none;background:radial-gradient(circle,rgba(255,236,170,.75) 0%,rgba(255,170,120,.35) 16%,transparent 42%),repeating-conic-gradient(from 4deg,#ffd68c57 0deg 7deg,#ff8cc81a 7deg 18deg);-webkit-mask:radial-gradient(circle,#000 0%,#000 22%,transparent 58%);mask:radial-gradient(circle,#000 0%,#000 22%,transparent 58%)}html.gn-cover-on #app{z-index:1}.gn-cv-left .gn-letter.gn-o img{filter:drop-shadow(0 0 14px rgba(255,220,140,.85)) drop-shadow(0 0 30px rgba(255,150,200,.5))}.gn-cv-left{position:absolute;left:2%;top:50%;translate:0 -42%;width:46%;display:flex;flex-direction:column;align-items:center;gap:14px}.gn-cv-title .gn-letters{font-size:4.3rem}.gn-cv-title .gn-letter,.gn-cv-title .gn-letter.gn-o img{animation:none}.gn-cv-pill{margin:0;padding:8px 18px;border-radius:999px;font:600 .85rem var(--gn-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--gn-ink);background:var(--gn-face-mint);box-shadow:0 4px 0 var(--gn-dough-dark),0 0 18px #3ee6b073;white-space:nowrap}html[data-prompts=keys] .kit-btn.gn-mbtn:has(>.kit-glyph-on[data-keys=yes]),html[data-prompts=pad] .kit-btn.gn-mbtn:has(>.kit-glyph-on[data-pad=yes]){padding-left:8px;padding-right:52px}html.gn-cover-on body:before{display:none}.kit-modal{backdrop-filter:blur(5px)}.kit-modal-sheet{width:min(420px,calc(100vw - 28px));box-sizing:border-box}@media(max-width:520px){.gn-hud-chip{padding:5px 8px;gap:4px}.gn-hud-label{display:none}.gn-hud-top{max-width:calc(100vw - 136px)}}@media(max-width:400px){.gn-hud-top{gap:4px;max-width:calc(100vw - 140px)}.gn-hud-chip{padding:4px 7px}.gn-hud-chip strong{font-size:.85rem}.gn-hud-chip[data-testid=hud-rack] .gn-hud-icon{display:none}}@media(max-width:520px){html:is([data-prompts=keys],[data-prompts=pad]) .gn-tool-label{display:none}}@media(max-height:640px){.gn-title-screen{gap:6px;padding-top:max(34px,var(--kit-top))}.gn-letters{font-size:clamp(2.2rem,9vh,3.4rem)}.gn-kicker{display:none}.gn-panel{gap:8px;padding:28px 14px 10px}.gn-panel .kit-menu,.gn-card .kit-menu{gap:8px}.gn-mbtn{min-height:46px;padding-top:4px;padding-bottom:4px}.gn-mbtn-icon{width:32px;height:32px}.kit-btn.kit-primary .gn-mbtn-icon,.kit-btn[data-testid=play] .gn-mbtn-icon,.kit-btn[data-testid=resume] .gn-mbtn-icon,.kit-btn[data-testid=play-again] .gn-mbtn-icon,.kit-btn[data-testid=go-start] .gn-mbtn-icon{width:36px;height:36px}.gn-card{gap:8px;padding:30px 16px 12px}}@media(max-height:500px)and (orientation:landscape){.gn-title-screen{display:grid;grid-template-columns:1fr minmax(300px,380px);grid-auto-rows:min-content;align-content:center;column-gap:20px;padding:max(30px,var(--kit-top)) 76px 16px}.gn-title-screen>:not(.gn-panel,.gn-sprinkles){grid-column:1;margin:0}.gn-title-screen>.gn-panel{grid-column:2;grid-row:1 / span 4;margin:0;width:100%}.gn-panel .kit-menu{display:grid;grid-template-columns:1fr 1fr}.gn-panel .kit-menu>:first-child{grid-column:1 / -1}.gn-card .kit-menu{display:grid;grid-template-columns:1fr 1fr}.gn-card{width:min(560px,calc(100vw - 150px))}.gn-mbtn-sub{display:none}}@media(max-width:380px),(max-height:600px){.gn-mbtn{min-height:50px}.gn-tool-label{display:none}.gn-tool{padding:6px 10px 6px 8px}.gn-opt{min-height:104px}.gn-opt-donut{width:46px}}@keyframes gn-drop{0%{transform:translateY(-120%) scale(.6,1.4);opacity:0}60%{transform:translateY(0) scale(1.15,.85);opacity:1}to{transform:none}}@keyframes gn-bob{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-6px) rotate(-3deg)}}@keyframes gn-wobble{0%,to{transform:rotate(0) translateY(0)}25%{transform:rotate(-10deg) translateY(-3px)}75%{transform:rotate(10deg) translateY(-1px)}}@keyframes gn-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes gn-pop{0%{opacity:0;transform:translateY(10px) scale(.92)}to{opacity:1;transform:none}}@keyframes gn-slide{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes gn-chipin{0%{opacity:0;transform:translateY(-14px) scale(.8)}to{opacity:1;transform:none}}@keyframes gn-hopchip{40%{transform:scale(1.25);box-shadow:inset 0 0 0 1.5px var(--gn-honey),0 0 18px #ffc23db3}}@keyframes gn-starpop{0%{opacity:0;transform:scale(.2) rotate(-40deg)}70%{opacity:1;transform:scale(1.3) rotate(8deg)}to{transform:none}}@keyframes gn-sheen{0%,55%{transform:translate(-120%) skew(-12deg)}to{transform:translate(120%) skew(-12deg)}}@keyframes gn-point{to{translate:-6px -50%}}@keyframes gn-tagline{0%{opacity:0;transform:translateY(8px)}4%,22%{opacity:1;transform:none}26%,to{opacity:0;transform:translateY(-8px)}}@keyframes gn-rise{0%{transform:translate(0);opacity:0}10%{opacity:.75}50%{transform:translate(18px,-55vh)}to{transform:translate(-18px,-112vh);opacity:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.gn-taglines>span:first-child{opacity:1}}
