:root{--paper: #f2f0ff;--paper-deep: #e3ddff;--card: #ffffff;--card-sunk: #f7f5ff;--ink: #2b1c52;--ink-soft: #6f61a0;--ink-faint: #a79ecb;--berry: #ff4d8d;--berry-deep: #d92e6c;--berry-wash: #ffe4ee;--lagoon: #00bfc7;--lagoon-deep: #00949c;--lagoon-wash: #d7f6f7;--sun: #ffc53d;--sun-deep: #e09a00;--sun-wash: #fff2d1;--grape: #7b5cff;--grape-deep: #5a37e0;--grape-wash: #ece7ff;--leaf: #2ed573;--leaf-deep: #1ba757;--key-face: #ffffff;--key-edge: #cfc7ee;--key-label: #2b1c52;--font-display: "Fredoka", system-ui, sans-serif;--font-letter: "Andika", "Fredoka", system-ui, sans-serif;--font-ui: "Nunito", system-ui, sans-serif;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-key: .7rem;--radius-card: 1.75rem;--radius-panel: 1.25rem;--radius-pill: 999px;--lift-key: 0 5px 0 var(--key-edge), 0 10px 18px rgba(43, 28, 82, .14);--lift-key-down: 0 1px 0 var(--key-edge), 0 3px 8px rgba(43, 28, 82, .16);--lift-card: 0 10px 0 rgba(123, 92, 255, .13), 0 24px 44px rgba(43, 28, 82, .14);--lift-btn: 0 6px 0 var(--grape-deep), 0 12px 22px rgba(90, 55, 224, .3);--lift-btn-down: 0 2px 0 var(--grape-deep), 0 6px 12px rgba(90, 55, 224, .3);--ring-focus: 0 0 0 4px var(--paper), 0 0 0 8px var(--grape);--ease-boing: cubic-bezier(.34, 1.56, .64, 1);--t-fast: .13s var(--ease-boing);--t-med: .3s var(--ease-boing);--t-slow: .62s var(--ease-boing)}@media(prefers-reduced-motion:reduce){:root{--t-fast: 1ms linear;--t-med: 1ms linear;--t-slow: 1ms linear}*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--font-ui);color:var(--ink);background:var(--paper);overflow:hidden;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:-20%;right:-20%;bottom:-20%;left:-20%;z-index:-1;background:radial-gradient(38% 32% at 12% 8%,rgba(255,77,141,.16),transparent 70%),radial-gradient(42% 36% at 88% 4%,rgba(0,191,199,.16),transparent 70%),radial-gradient(46% 40% at 70% 96%,rgba(123,92,255,.14),transparent 70%);animation:drift 26s ease-in-out infinite alternate}button{font:inherit;color:inherit;cursor:pointer;border:none;background:none}[hidden]{display:none!important}:focus-visible{outline:none;box-shadow:var(--ring-focus)}.icon{width:1em;height:1em;display:block}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.app{min-height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(.5rem,1.4vh,var(--space-md));padding:clamp(.5rem,1.6vh,var(--space-md)) clamp(var(--space-sm),2.5vw,var(--space-xl))}.hud{display:flex;align-items:center;gap:var(--space-md)}.hud-actions{display:flex;gap:var(--space-xs);margin-left:auto}.stage{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:clamp(.5rem,1.6vh,var(--space-md));min-height:0}.tray{display:flex;align-items:center;gap:var(--space-md);min-height:2.5rem}.tray-right{display:flex;align-items:center;gap:var(--space-md);margin-left:auto}.icon-btn{display:grid;place-items:center;width:2.9rem;height:2.9rem;font-size:1.35rem;border-radius:var(--radius-pill);color:var(--grape);background:var(--card);box-shadow:0 3px #7b5cff38;transition:transform var(--t-fast),color var(--t-fast),background var(--t-fast)}.icon-btn:hover{transform:translateY(-2px) rotate(-4deg)}.icon-btn:active{transform:translateY(1px)}.icon-btn.is-off{color:var(--ink-faint)}.icon-btn-lg{width:3.5rem;height:3.5rem;font-size:1.7rem}.btn{display:inline-grid;grid-auto-flow:column;align-items:center;gap:var(--space-xs);padding:.8rem 1.4rem;border-radius:var(--radius-pill);font-family:var(--font-display);font-weight:600;font-size:1.05rem;transition:transform var(--t-fast),box-shadow var(--t-fast)}.btn-primary{background:var(--grape);color:#fff;box-shadow:var(--lift-btn)}.btn-primary:hover{transform:translateY(-2px)}.btn-primary:active{transform:translateY(4px);box-shadow:var(--lift-btn-down)}.btn-round{width:3.4rem;height:3.4rem;padding:0;place-items:center;font-size:1.6rem}.btn-huge{width:5.5rem;height:5.5rem;padding:0;place-items:center;font-size:2.6rem;animation:heartbeat 2.4s var(--ease-boing) infinite}.btn-huge:hover{animation-play-state:paused}.beads{display:flex;align-items:center;gap:clamp(.3rem,1vw,.6rem);margin:0 auto;padding:.35rem .6rem;list-style:none;border-radius:var(--radius-pill);background:#ffffffb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.bead{position:relative}.bead+.bead:before{content:"";position:absolute;top:50%;right:100%;width:clamp(.3rem,1vw,.6rem);height:3px;border-radius:3px;background:var(--paper-deep)}.bead-face{display:grid;place-items:center;width:clamp(1.7rem,3.4vw,2.2rem);height:clamp(1.7rem,3.4vw,2.2rem);font-size:clamp(.85rem,1.8vw,1.1rem);border-radius:var(--radius-pill);background:var(--paper-deep);color:var(--ink-faint);transition:background var(--t-med),color var(--t-med),transform var(--t-med)}.bead.is-done .bead-face{background:var(--leaf);color:#fff}.bead.is-done+.bead:before{background:var(--leaf)}.bead.is-current .bead-face{background:var(--grape);color:#fff;transform:scale(1.22);box-shadow:0 0 0 4px var(--grape-wash);animation:bead-bob 1.6s var(--ease-boing) infinite}.assist{display:flex;gap:.3rem;padding:.3rem;border-radius:var(--radius-pill);background:#ffffffb3}.assist-pip{display:grid;place-items:center;width:1.65rem;height:1.65rem;font-size:.9rem;border-radius:var(--radius-pill);color:var(--ink-faint);background:transparent;transition:color var(--t-med),background var(--t-med)}.assist-pip.is-on{color:#fff;background:var(--lagoon)}.pips{display:flex;gap:.35rem}.pip{width:.55rem;height:.55rem;border-radius:var(--radius-pill);background:var(--paper-deep);transition:background var(--t-med),transform var(--t-med)}.pip.is-done{background:var(--leaf)}.pip.is-current{background:var(--grape);transform:scale(1.55)}.grown-up-note{margin:0;font-size:.78rem;font-weight:600;color:var(--ink-faint);max-width:26rem;line-height:1.35}.play-card{position:relative;overflow:hidden;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:var(--space-xs);padding:clamp(.6rem,1.6vh,var(--space-md));border-radius:var(--radius-card);background:linear-gradient(180deg,#dff0ff,#eaf6ff 46%,#f6f2e6);box-shadow:var(--lift-card)}.play-card[data-tone=berry]{background:linear-gradient(180deg,#ffe7f0,#fff1f5 48%,#fdf3e8)}.play-card[data-tone=lagoon]{background:linear-gradient(180deg,#d9f6f7,#ecfbfb 48%,#f4f6e8)}.play-card[data-tone=sun]{background:linear-gradient(180deg,#fff0cf,#fff8e6 48%,#f6f4e6)}.play-card[data-tone=grape]{background:linear-gradient(180deg,#ece7ff,#f5f2ff 48%,#f6f2e8)}.scenery{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit;pointer-events:none}.cloud{position:absolute;height:1.5rem;border-radius:var(--radius-pill);background:#ffffffd9}.cloud:before,.cloud:after{content:"";position:absolute;bottom:0;border-radius:50%;background:inherit}.cloud:before{left:16%;width:2.4rem;height:2.4rem}.cloud:after{right:22%;width:1.7rem;height:1.7rem}.cloud-a{top:12%;left:-14%;width:8rem;animation:float-across 42s linear infinite}.cloud-b{top:30%;left:-30%;width:5.5rem;opacity:.55;animation:float-across 64s linear infinite 6s}.hill{position:absolute;bottom:12%;border-radius:50% 50% 0 0;background:#2ed57347}.hill-a{left:-6%;width:46%;height:42%}.hill-b{right:-8%;width:52%;height:34%;background:#2ed57333}.ground{position:absolute;inset:auto 0 0 0;height:14%;background:linear-gradient(180deg,#9ade7b,#6ec857);border-top:4px solid rgba(43,28,82,.08)}.card-row{position:relative;z-index:2;display:flex;align-items:flex-start;gap:var(--space-sm)}.card-focus{position:relative;z-index:2;display:grid;place-items:center;min-height:0}.cue{display:flex;align-items:center;gap:var(--space-xs)}.cue-badge{display:grid;place-items:center;width:clamp(2.8rem,6vw,3.6rem);height:clamp(2.8rem,6vw,3.6rem);font-size:clamp(1.5rem,3.4vw,2rem);border-radius:1.1rem;color:#fff;background:var(--grape);box-shadow:0 5px 0 var(--grape-deep)}.play-card[data-tone=berry] .cue-badge{background:var(--berry);box-shadow:0 5px 0 var(--berry-deep)}.play-card[data-tone=lagoon] .cue-badge{background:var(--lagoon);box-shadow:0 5px 0 var(--lagoon-deep)}.play-card[data-tone=sun] .cue-badge{background:var(--sun);color:var(--ink);box-shadow:0 5px 0 var(--sun-deep)}.cue-badge.is-new{animation:cue-in .62s var(--ease-boing)}.cue-hands{display:flex;gap:.25rem}.hand-chip{display:grid;place-items:center;width:2.7rem;height:2.7rem;font-size:1.6rem;border-radius:.9rem;background:#fff;box-shadow:0 3px #2b1c521f;animation:chip-bob 1.8s ease-in-out infinite}.hand-chip-left{color:var(--berry-deep)}.hand-chip-right{color:var(--lagoon-deep)}.hand-chip-left{color:var(--berry)}.hand-chip-left .icon{transform:scaleX(-1)}.hand-chip-right{color:var(--lagoon)}.streak{display:flex;align-items:center;gap:.3rem;margin-left:auto;padding:.3rem .7rem .3rem .5rem;border-radius:var(--radius-pill);font-size:1.1rem;color:var(--sun-deep);background:#fff;box-shadow:0 3px #e09a0040;animation:pop-in .32s var(--ease-boing)}.streak-count{font-family:var(--font-display);font-weight:700;font-size:1.25rem;line-height:1;color:var(--ink)}.keycap-hero{display:grid;justify-items:center;gap:.4rem}.keycap-hero-face{display:grid;place-items:center;width:clamp(4.5rem,13vh,7.5rem);height:clamp(4.5rem,13vh,7.5rem);border-radius:1.4rem;background:linear-gradient(180deg,#fff,#fdfbff 60%,#f0ecff);color:var(--ink);font-family:var(--font-letter);font-weight:700;font-size:clamp(2.6rem,8vh,4.4rem);line-height:1;box-shadow:0 8px 0 var(--key-edge),0 16px 30px #2b1c5233,0 0 0 5px #ffc53dd9;animation:keycap-breathe 1.5s ease-in-out infinite}.keycap-hero-face.is-space{width:clamp(8rem,26vh,13rem);font-size:clamp(2rem,6vh,3rem)}.keycap-hero-arrow{width:0;height:0;border-left:.65rem solid transparent;border-right:.65rem solid transparent;border-top:.75rem solid var(--sun-deep);animation:arrow-bob 1.1s ease-in-out infinite}.keycap-hero.is-new{animation:pop-in .42s var(--ease-boing)}.word-target{display:flex;flex-wrap:wrap;justify-content:center;gap:.2rem .3rem;font-family:var(--font-letter);font-weight:700;font-size:clamp(2.2rem,9vh,4.5rem);line-height:1.1}.word-letter{display:inline-grid;place-items:center;min-width:.72em;padding:.06em .12em;border-radius:.28em;color:var(--ink-faint);transition:color var(--t-fast),background var(--t-fast),transform var(--t-med)}.word-letter.is-done{color:var(--leaf-deep)}.word-letter.is-current{color:var(--ink);background:var(--sun);transform:scale(1.1) translateY(-.04em);box-shadow:0 5px 0 var(--sun-deep);animation:letter-pulse 1.2s ease-in-out infinite}.word-letter.word-space{min-width:1em;color:var(--lagoon);opacity:.55}.word-letter.word-space.is-current{background:var(--lagoon);box-shadow:0 5px 0 var(--lagoon-deep);color:#fff;opacity:1}.word-letter.word-space.is-done{color:var(--lagoon);opacity:1}.creature-stage{position:relative;z-index:2;display:grid;place-items:end center;min-height:clamp(3.5rem,10vh,6rem)}.creature{width:clamp(3rem,9vh,5rem);height:clamp(3rem,9vh,5rem);display:grid;place-items:center;filter:drop-shadow(0 8px 6px rgba(43,28,82,.2))}.creature .pebble{width:100%;height:100%;display:block}.creature.idle{animation:float 2.6s ease-in-out infinite}.creature.react-jump{animation:jump .56s var(--ease-boing)}.creature.react-kick{animation:kick .48s ease}.creature.react-wobble{animation:wobble .6s ease}.creature.react-pop{animation:pop .46s var(--ease-boing)}.creature.react-slither{animation:slither .62s ease}.creature-caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;overflow:hidden;border-radius:inherit;pointer-events:none}.celebration-bit{position:absolute;top:58%;left:var(--x);font-size:1.4rem;color:var(--color);opacity:0}.celebration-active .celebration-bit{animation:celebration-rise 1s ease-out var(--delay) forwards}.celebration-parade .celebration-bit{font-size:1.8rem;animation:celebration-parade 1.1s ease-out var(--delay) forwards}.board{position:relative;padding:clamp(.5rem,1.4vh,var(--space-md)) clamp(.4rem,1vw,var(--space-sm));border-radius:var(--radius-card);background:#ffffffa8;box-shadow:0 8px #7b5cff1a,0 18px 34px #2b1c521a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.zone-chips{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;padding:0 12%;transform:translateY(-45%);pointer-events:none}.zone-chip{display:grid;place-items:center;width:2.6rem;height:2.6rem;font-size:1.5rem;border-radius:.9rem;background:#fff;animation:chip-bob 1.8s ease-in-out infinite}.zone-chip-left{color:var(--berry);box-shadow:0 4px 0 var(--berry-deep)}.zone-chip-left .icon{transform:scaleX(-1)}.zone-chip-right{color:var(--lagoon);box-shadow:0 4px 0 var(--lagoon-deep);animation-delay:.35s}.keyboard-mount{position:relative;width:100%;padding-bottom:clamp(3.2rem,11vh,6.5rem)}.keyboard-full{display:flex;flex-direction:column;gap:clamp(.2rem,.6vh,.4rem);max-width:60rem;margin:0 auto}.keyboard-row{display:flex;gap:clamp(.18rem,.5vw,.34rem);width:100%}.key{position:relative;flex:var(--key-units, 1) 1 0;min-width:0;min-height:clamp(1.7rem,4.2vh,2.6rem);display:grid;place-items:center;border-radius:var(--radius-key);background:var(--key-face);color:var(--key-label);font-family:var(--font-letter);font-weight:700;font-size:clamp(.65rem,1.6vw,.95rem);box-shadow:var(--lift-key);transition:transform var(--t-fast),box-shadow var(--t-fast),background var(--t-fast),opacity var(--t-med);touch-action:manipulation}.key-label{pointer-events:none}.key[data-hand=left]{background:linear-gradient(180deg,#fff,var(--berry-wash))}.key[data-hand=right]{background:linear-gradient(180deg,#fff,var(--lagoon-wash))}.key-decor,.key-modifier{font-family:var(--font-ui);font-weight:700;font-size:clamp(.4rem,.9vw,.55rem);color:var(--ink-faint);background:#ffffff8c;box-shadow:0 2px #cfc7ee99;cursor:default}.keyboard-focus-home .key.is-dimmed{opacity:.35}.keyboard-focus-home .key.is-home-active{opacity:1}.key.is-home-row{box-shadow:var(--lift-key),inset 0 0 0 2px #ffc53d73}.key-habitat{position:absolute;top:-.7rem;right:-.4rem;width:1.5rem;height:1.5rem;opacity:0;transform:scale(.4);transition:opacity var(--t-med),transform var(--t-med);pointer-events:none}.key-habitat .pebble{width:100%;height:100%;display:block}.key.show-habitat .key-habitat{opacity:1;transform:scale(1)}.key.is-left-zone{box-shadow:var(--lift-key),inset 0 0 0 3px var(--berry)}.key.is-right-zone{box-shadow:var(--lift-key),inset 0 0 0 3px var(--lagoon)}.key.is-discovered{background:linear-gradient(180deg,#fff,#e8fff1)}.key.is-lit{box-shadow:var(--lift-key),0 0 16px #2ed57380}.key.is-pressed{transform:translateY(4px);box-shadow:var(--lift-key-down)}.key.is-wiggle{animation:wiggle .42s ease;z-index:3}.key.is-target{z-index:4;background:var(--sun);color:var(--ink);animation:key-target .9s ease-in-out infinite}.key.is-target:before{content:"";position:absolute;bottom:calc(100% + .3rem);left:50%;width:0;height:0;transform:translate(-50%);border-left:.4rem solid transparent;border-right:.4rem solid transparent;border-top:.5rem solid var(--sun-deep);animation:arrow-bob .9s ease-in-out infinite}.key-space.is-target{background:var(--lagoon);color:#fff;animation:key-target-space .9s ease-in-out infinite}.key-space.is-target:before{border-top-color:var(--lagoon-deep)}.hands-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none;transition:opacity var(--t-med)}.hands-mode-hidden{opacity:0}.hands-mode-ghost,.hands-mode-show,.hands-mode-left,.hands-mode-right{opacity:1}.hand-left{--hand-fill: #ffc2d8;--hand-stroke: var(--berry-deep)}.hand-right{--hand-fill: #a9e9ec;--hand-stroke: var(--lagoon-deep)}.hand-body{opacity:.4;transition:opacity var(--t-med)}.hands-mode-show .hand-body{opacity:.6}.hand.is-focus .hand-body{opacity:.62}.hands-mode-left .hand-right .hand-body,.hands-mode-right .hand-left .hand-body{opacity:.14}.hand-ink{fill:none;stroke:var(--hand-stroke);stroke-width:11;stroke-linejoin:round}.hand-fill{fill:var(--hand-fill);stroke:none}.hand-highlights rect,.finger-pad{fill:none;stroke:none}.hand-finger{transform-box:fill-box;transform-origin:50% 100%;transition:transform var(--t-med)}.hand-finger.is-active rect{fill:var(--hand-stroke);stroke:#fff;stroke-width:4;stroke-linejoin:round}.hand-finger.is-active .finger-pad{fill:var(--sun);stroke:#fff;stroke-width:4}.hand-finger.is-active{animation:finger-nudge 1.1s ease-in-out infinite}.hand-finger.is-tapping{animation:finger-tap .32s var(--ease-boing)}.hand-tether{fill:none;stroke:var(--sun-deep);stroke-width:5;stroke-linecap:round;stroke-dasharray:1 9;opacity:0;transition:opacity var(--t-med)}.hand-tether.is-on{opacity:1;animation:tether-flow .9s linear infinite}.sheet{border:none;margin:0;max-width:none;max-height:none;width:100%;height:100%;padding:var(--space-md);overflow:auto;background:transparent}.sheet[open]{display:grid;place-items:center}.sheet::backdrop{background:#2b1c526b;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.sheet-card{position:relative;width:min(30rem,100%);padding:var(--space-xl);display:grid;justify-items:center;gap:var(--space-md);border-radius:var(--radius-card);background:var(--card);box-shadow:0 14px #7b5cff2e,0 30px 60px #2b1c524d;animation:sheet-in .42s var(--ease-boing);text-align:center}.sheet-level{position:absolute;top:-1.4rem;display:grid;place-items:center;width:3.2rem;height:3.2rem;border-radius:1rem;background:var(--grape);color:#fff;font-family:var(--font-display);font-weight:700;font-size:1.7rem;box-shadow:0 5px 0 var(--grape-deep)}.sheet-art{display:grid;place-items:center;width:6rem;height:6rem;margin-top:var(--space-sm);font-size:3.2rem;border-radius:2rem;color:var(--grape);background:var(--grape-wash)}.sheet-art-sun{color:var(--sun-deep);background:var(--sun-wash)}.sheet-art-leaf{color:var(--leaf-deep);background:#dcfce9}.sheet-note{display:flex;align-items:center;gap:.5rem;margin:0;font-size:.8rem;font-weight:700;color:var(--ink-faint)}.sheet-note .icon{font-size:1.1rem;flex-shrink:0}.sheet-actions{display:flex;align-items:center;gap:var(--space-md)}.win-trophy{animation:trophy-cheer 2.2s var(--ease-boing) infinite}.win-stars{display:flex;gap:.4rem;font-size:2.2rem}.star{display:grid;place-items:center;color:var(--paper-deep);animation:pop-in .42s var(--ease-boing) var(--chip-delay, 0ms) both}.win-stars .star:before{content:"★";line-height:1}.star.is-on{color:var(--sun);filter:drop-shadow(0 3px 0 var(--sun-deep))}.star .icon{fill:currentColor}.win-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem}.win-chip{position:relative;display:grid;place-items:center;width:2.9rem;height:2.9rem;border-radius:.7rem;background:var(--card-sunk);box-shadow:0 3px 0 var(--key-edge);font-family:var(--font-letter);font-weight:700;font-size:1.15rem;animation:pop-in .38s var(--ease-boing) var(--chip-delay, 0ms) both}.win-chip-face{position:absolute;top:-.65rem;right:-.5rem;width:1.5rem;height:1.5rem}.win-chip-face .pebble{width:100%;height:100%;display:block}.win-chip-word{width:auto;min-width:2.9rem;padding:0 .6rem;font-size:.95rem;white-space:nowrap}.win-count{display:flex;align-items:center;gap:.5rem;margin:0;font-family:var(--font-display);font-weight:700;font-size:1.6rem;color:var(--ink)}.tally-sep{color:var(--ink-faint)}.win-badge{display:grid;place-items:center;width:2.4rem;height:2.4rem;font-size:1.3rem;border-radius:var(--radius-pill);color:#fff;background:var(--leaf);box-shadow:0 3px 0 var(--leaf-deep)}.sticker-options{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm);width:100%}.sticker-option{display:grid;justify-items:center;gap:.4rem;padding:var(--space-md) var(--space-xs);border-radius:var(--radius-panel);background:var(--card-sunk);box-shadow:0 5px 0 var(--key-edge);transition:transform var(--t-fast),box-shadow var(--t-fast),background var(--t-fast);animation:pop-in .42s var(--ease-boing) var(--chip-delay, 0ms) both}.sticker-option:hover{transform:translateY(-4px) rotate(-3deg);background:var(--sun-wash)}.sticker-option:active{transform:translateY(2px);box-shadow:0 2px 0 var(--key-edge)}.sticker-emoji{display:block;width:3.8rem;height:3.8rem}.sticker-img{width:100%;height:100%;display:block;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.sticker-key{display:grid;place-items:center;width:1.7rem;height:1.7rem;border-radius:.45rem;background:#fff;box-shadow:0 3px 0 var(--key-edge);font-family:var(--font-letter);font-weight:700;font-size:.95rem}.shelf{display:flex;flex-wrap:wrap;gap:.3rem;min-height:2rem;align-items:center}.shelf-win{justify-content:center;padding:var(--space-xs);border-radius:var(--radius-panel);background:var(--card-sunk)}.shelf-win:not(:has(.sticker-chip)){display:none}.sticker-chip{display:block;width:2.35rem;height:2.35rem;animation:pop-in .34s var(--ease-boing) var(--chip-delay, 0ms) both}.sticker-slot{width:2rem;height:2rem;border-radius:.6rem;border:2px dashed var(--paper-deep)}.home-page .app{grid-template-rows:auto 1fr auto}.brand{display:flex;align-items:center;gap:.5rem}.brand-mark{display:grid;place-items:center;width:2.6rem;height:2.6rem;font-size:1.5rem;border-radius:.85rem;color:#fff;background:var(--grape);box-shadow:0 4px 0 var(--grape-deep)}.brand-name{font-family:var(--font-display);font-weight:600;font-size:1.05rem;color:var(--ink-soft)}.trail-wrap{display:grid;place-items:center;min-height:0;overflow:auto}.trail{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:clamp(var(--space-xs),2vw,var(--space-lg));margin:0;padding:var(--space-lg) 0;list-style:none}.trail-link{display:flex;gap:.45rem;align-self:center;margin-bottom:2.5rem}.trail-link span{width:.55rem;height:.55rem;border-radius:50%;background:var(--paper-deep);animation:dot-pulse 2.4s ease-in-out infinite}.trail-link span:nth-child(2){animation-delay:.2s}.trail-link span:nth-child(3){animation-delay:.4s}.stop{display:grid;justify-items:center;gap:var(--space-sm);animation:rise-in .52s var(--ease-boing) var(--stop-delay, 0ms) both}.stop:nth-child(3){margin-bottom:clamp(1rem,5vh,3rem)}.stop-btn{position:relative;display:grid;place-items:center;width:clamp(7rem,18vh,10rem);height:clamp(7rem,18vh,10rem);border-radius:2.4rem;background:var(--card);color:var(--grape);font-size:clamp(2.8rem,8vh,4rem);box-shadow:0 10px #7b5cff40,0 22px 40px #2b1c5229;transition:transform var(--t-med),box-shadow var(--t-med)}.stop[data-tone=berry] .stop-btn{color:var(--berry);box-shadow:0 10px #d92e6c40,0 22px 40px #2b1c5229}.stop[data-tone=lagoon] .stop-btn{color:var(--lagoon);box-shadow:0 10px #00949c40,0 22px 40px #2b1c5229}.stop-btn:hover{transform:translateY(-6px) rotate(-2deg)}.stop-btn:active{transform:translateY(4px)}.stop-face{display:grid;place-items:center}.stop-key{position:absolute;top:-.9rem;left:-.9rem;display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:.8rem;background:#fff;color:var(--ink);font-family:var(--font-letter);font-weight:700;font-size:1.35rem;box-shadow:0 4px 0 var(--key-edge)}.stop-go{position:absolute;right:-.7rem;bottom:-.7rem;display:grid;place-items:center;width:2.9rem;height:2.9rem;border-radius:var(--radius-pill);background:var(--grape);color:#fff;font-size:1.4rem;box-shadow:0 5px 0 var(--grape-deep);animation:heartbeat 2.6s var(--ease-boing) infinite}.stop-complete .stop-go{background:var(--leaf);box-shadow:0 5px 0 var(--leaf-deep);animation:none}.stop-progress .stop-go{background:var(--sun);color:var(--ink);box-shadow:0 5px 0 var(--sun-deep)}.stop-stars{display:flex;gap:.2rem;font-size:1.35rem}.tray-home{justify-content:center}.shelf-empty{display:flex;gap:.35rem;font-size:1.3rem;color:var(--paper-deep)}.sheet-card-plain{justify-items:stretch;text-align:left}.sheet-title{display:flex;align-items:center;gap:.55rem;margin:0;font-family:var(--font-display);font-weight:600;font-size:1.25rem}.sheet-title .icon{font-size:1.4rem;color:var(--grape)}.field{display:grid;gap:.35rem}.field-label{font-size:.85rem;font-weight:700;color:var(--ink-soft)}.field-select{font:inherit;font-weight:700;padding:.6rem .75rem;border-radius:.8rem;border:2px solid var(--paper-deep);background:var(--card-sunk);color:var(--ink);cursor:pointer}.sheet-credit a{color:var(--grape-deep);text-decoration:underline;text-underline-offset:2px}.sheet-fine{margin:0;font-size:.8rem;line-height:1.45;color:var(--ink-faint)}@keyframes drift{0%{transform:translate3d(-2%,-1%,0) scale(1)}to{transform:translate3d(2%,2%,0) scale(1.06)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes float-across{0%{transform:translate(0)}to{transform:translate(130vw)}}@keyframes pop-in{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}@keyframes rise-in{0%{transform:translateY(28px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes sheet-in{0%{transform:scale(.86);opacity:0}to{transform:scale(1);opacity:1}}@keyframes cue-in{0%{transform:scale(.5) rotate(-14deg)}60%{transform:scale(1.12) rotate(4deg)}to{transform:scale(1) rotate(0)}}@keyframes bead-bob{0%,to{transform:scale(1.22) translateY(0)}50%{transform:scale(1.22) translateY(-3px)}}@keyframes chip-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes dot-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.25)}}@keyframes heartbeat{0%,72%,to{transform:scale(1)}80%{transform:scale(1.11)}88%{transform:scale(1.03)}}@keyframes keycap-breathe{0%,to{transform:translateY(0);box-shadow:0 8px 0 var(--key-edge),0 16px 30px #2b1c5233,0 0 0 5px #ffc53dd9}50%{transform:translateY(-5px);box-shadow:0 13px 0 var(--key-edge),0 22px 36px #2b1c5238,0 0 0 10px #ffc53d80}}@keyframes arrow-bob{0%,to{transform:translateY(0);opacity:1}50%{transform:translateY(4px);opacity:.55}}@keyframes letter-pulse{0%,to{box-shadow:0 5px 0 var(--sun-deep)}50%{box-shadow:0 5px 0 var(--sun-deep),0 0 0 7px #ffc53d59}}@keyframes key-target{0%,to{transform:translateY(0);box-shadow:var(--lift-key),0 0 #ffc53d99}50%{transform:translateY(-3px);box-shadow:var(--lift-key),0 0 0 7px #ffc53d59}}@keyframes key-target-space{0%,to{transform:translateY(0);box-shadow:var(--lift-key),0 0 #00bfc799}50%{transform:translateY(-3px);box-shadow:var(--lift-key),0 0 0 7px #00bfc759}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes finger-nudge{0%,to{transform:translateY(0) scaleY(1)}50%{transform:translateY(-6px) scaleY(.97)}}@keyframes finger-tap{0%{transform:translateY(0)}45%{transform:translateY(7px) scaleY(.94)}to{transform:translateY(0)}}@keyframes tether-flow{to{stroke-dashoffset:-14}}@keyframes trophy-cheer{0%,70%,to{transform:rotate(0)}78%{transform:rotate(-9deg)}86%{transform:rotate(7deg)}94%{transform:rotate(-3deg)}}@keyframes jump{0%{transform:translateY(0) scale(1)}40%{transform:translateY(-38px) scale(1.1)}to{transform:translateY(0) scale(1)}}@keyframes kick{0%,to{transform:translate(0)}30%{transform:translate(18px) rotate(9deg)}60%{transform:translate(-8px)}}@keyframes wobble{0%,to{transform:scale(1)}30%{transform:scale(1.18,.84)}60%{transform:scale(.9,1.12)}}@keyframes pop{0%{transform:scale(.6);opacity:.5}60%{transform:scale(1.18);opacity:1}to{transform:scale(1)}}@keyframes slither{0%{transform:translate(-22px)}to{transform:translate(22px)}}@keyframes celebration-rise{0%{opacity:0;transform:translateY(0) scale(.6)}20%{opacity:1}to{opacity:0;transform:translateY(-90px) translate(var(--drift)) scale(1.2) rotate(24deg)}}@keyframes celebration-parade{0%{opacity:0;transform:translate(-40px) scale(.7)}20%{opacity:1}to{opacity:0;transform:translate(50px) scale(1.1)}}@media(max-width:720px){.grown-up-note{display:none}.tray{flex-wrap:wrap}.stop:nth-child(3){margin-bottom:0}.trail-link{margin-bottom:0;transform:rotate(90deg)}}@media(max-height:620px){.creature-stage,.grown-up-note{display:none}}