:root{--bg: #fff8e7;--surface: #ffffff;--surface-2: #f1f1f7;--canvas: #ffffff;--accent: #ffd166;--accent-2: #ef476f;--ink: #3a3a55;color-scheme:light;font-family:Comic Sans MS,"Baloo 2",Trebuchet MS,system-ui,sans-serif}[data-theme=dark]{--bg: #181824;--surface: #262636;--surface-2: #32324a;--canvas: #ece8dd;--ink: #ecebf6;color-scheme:dark}[data-theme=dark] .level-btn.active,[data-theme=dark] .tl-action.on{background:#3b2b39}[data-theme=dark] .paintings-pick{background:#302c44}[data-theme=dark] .trophies-pick{background:#2c2740}[data-theme=dark] .facts-pick{background:#25303a}[data-theme=dark] .flags-pick{background:#233329}[data-theme=dark] .voice-legend-pop{background:#262636;color:var(--ink)}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--bg);color:var(--ink);-webkit-tap-highlight-color:transparent}.home{min-height:100%;display:flex;flex-direction:column;align-items:center;padding:2rem 1rem 3rem}.title{font-size:clamp(2rem,6vw,3.5rem);margin:.5rem 0 0;text-align:center}.subtitle{font-size:clamp(1.1rem,3vw,1.6rem);margin:.25rem 0 2rem;opacity:.8}.brand{display:flex;flex-direction:column;align-items:center;margin:.5rem 0 0}.brand-row{display:flex;align-items:center;gap:.5rem}.brand-mascot{width:clamp(40px,9vw,60px);height:auto;transform-origin:50% 90%;animation:brand-wiggle 3.5s ease-in-out infinite}.brand-name{margin:0;font-size:clamp(2.6rem,9vw,4.5rem);font-weight:800;letter-spacing:.01em;line-height:1}.brand-name span{display:inline-block;transition:transform .15s ease}.brand-name:hover span{transform:translateY(-4px) rotate(-4deg)}.brand-name .brand-space{display:inline;margin:0 .08em}.brand-stripes{width:clamp(160px,40vw,280px);height:7px;margin-top:.45rem;border-radius:99px;background:linear-gradient(90deg,#e63946 0,#e63946 20%,#f4a300 20%,#f4a300 40%,#06d6a0 40%,#06d6a0 60%,#118ab2 60%,#118ab2 80%,#9b5de5 80%,#9b5de5)}.brand-tagline{margin:.5rem 0 0;font-size:clamp(.95rem,2.6vw,1.25rem);font-weight:700;opacity:.85;text-align:center}.footer-brand{color:#118ab2;font-weight:800}@keyframes brand-wiggle{0%,88%,to{transform:rotate(0)}92%{transform:rotate(-7deg)}96%{transform:rotate(7deg)}}@media (prefers-reduced-motion: reduce){.brand-mascot{animation:none}}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;width:min(100%,900px)}.card{position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem;background:var(--surface);border:6px solid var(--accent);border-radius:28px;padding:1rem;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease;box-shadow:0 6px #00000014}.card.done{border-color:#06d6a0}.card-check{position:absolute;top:-14px;right:-14px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#06d6a0;color:#fff;border:4px solid #fff;border-radius:50%;font-size:1.3rem;font-weight:900;box-shadow:0 3px #0000001f}.card:hover,.card:focus-visible{transform:translateY(-4px) rotate(-1deg);border-color:var(--accent-2);outline:none}.card:active{transform:translateY(0)}.card-preview{width:100%;max-width:220px;aspect-ratio:1 / 1}.card-name{font-size:1.8rem;font-weight:700}.card-sub{font-size:1.1rem;font-weight:700;opacity:.65;margin-top:-.2rem}.player{min-height:100%;display:flex;flex-direction:column;align-items:center;padding:1rem}.player-header{width:100%;display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:center;position:relative}.player-header h1{font-size:clamp(1.3rem,4vw,2.2rem);margin:.25rem 0;text-align:center}.artist-line{width:100%;text-align:center;font-size:1.2rem;font-weight:700;opacity:.7}.home-btn{background:var(--accent);border:none;border-radius:999px;font-size:1.2rem;font-weight:700;padding:.6rem 1.2rem;cursor:pointer;font-family:inherit;box-shadow:0 4px #0000001f}.home-btn:active{transform:translateY(2px);box-shadow:0 2px #0000001f}.hint{font-size:clamp(1.3rem,4vw,2rem);font-weight:700;text-align:center;margin:.5rem 0;min-height:2.4em}.drawing{width:min(80vw,420px);aspect-ratio:1 / 1;background:var(--canvas);border:6px solid var(--accent);border-radius:28px}.art-compare{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:1.2rem}.art-pane{margin:0;display:flex;flex-direction:column;align-items:center;gap:.4rem}.art-compare .drawing{width:min(70vw,300px)}.original-art{width:min(70vw,300px);aspect-ratio:1 / 1;object-fit:cover;border:6px solid var(--accent-2);border-radius:28px}.art-label{font-size:1.1rem;font-weight:700;opacity:.75}.art-stage{position:relative;align-self:center}.finish-stars{position:absolute;top:-7%;right:-7%;bottom:-7%;left:-7%;pointer-events:none}.finish-star{position:absolute;font-size:clamp(1.4rem,5vw,2.4rem);animation:twinkle 1.3s ease-in-out infinite;filter:drop-shadow(0 2px 3px rgba(0,0,0,.15))}@keyframes twinkle{0%,to{transform:scale(.5) rotate(-8deg);opacity:.25}50%{transform:scale(1.15) rotate(8deg);opacity:1}}@media (prefers-reduced-motion: reduce){.finish-star{animation:none;opacity:1}}.stroke-done{opacity:.35}.fill-current{opacity:1;animation:fade-in .4s ease both}.fill-done{opacity:1}.fill-paper{fill:var(--canvas);opacity:1}.fill-seq-done{opacity:1}.fill-seq-active{opacity:1;animation:color-in var(--fill-dur, .6s) ease both}.fill-seq-pending{fill:var(--canvas);opacity:1}@keyframes color-in{0%{opacity:0}to{opacity:1}}.stroke-seq-active{stroke-dasharray:1 3;stroke-dashoffset:1;animation:draw var(--seg, 3s) ease-in-out forwards}.stroke-seq-drawn{stroke-dashoffset:0;opacity:1}.stroke-seq-pending{visibility:hidden}.stroke-final{stroke-dashoffset:0;opacity:1}@keyframes draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@media (prefers-reduced-motion: reduce){.stroke-seq-active,.stroke-seq-pending{animation:none;stroke-dashoffset:0}}.controls{width:min(100%,480px);display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:1.2rem}.nav-row{display:flex;align-items:center;gap:1.2rem}.big-btn{width:72px;height:72px;border-radius:50%;border:none;background:var(--accent-2);color:#fff;font-size:2rem;cursor:pointer;box-shadow:0 5px #0000002e}.big-btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px #0000002e}.big-btn:disabled{background:#ccc;box-shadow:none;cursor:default}.step-indicator{font-size:1.4rem;font-weight:700;min-width:7rem;text-align:center}.speed-row{display:flex;align-items:center;gap:.8rem;width:100%}.pause-row{display:flex;justify-content:center}.speed-icon{font-size:1.8rem}.pause-btn{flex:0 0 auto;border:none;background:none;padding:.1rem;font-size:1.8rem;line-height:1;cursor:pointer}.pause-btn:active:not(:disabled){transform:translateY(2px)}.pause-btn:disabled{opacity:.4;cursor:default;box-shadow:none}.speed-row input[type=range]{flex:1;height:14px;accent-color:var(--accent-2);cursor:pointer}.hint-keys{font-size:.95rem;opacity:.65;margin:0;text-align:center}@media (hover: none) and (pointer: coarse){.hint-keys{display:none}}kbd{background:var(--surface);border:2px solid var(--ink);border-radius:6px;padding:0 .4rem;font-family:inherit;font-weight:700}.celebration{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;background:#3a3a558c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fade-in .3s ease both}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.celebration-card{position:relative;z-index:2;background:var(--surface);border:6px solid var(--accent);border-radius:32px;padding:2rem 2.5rem 2.4rem;text-align:center;box-shadow:0 12px #0000002e;animation:pop .5s cubic-bezier(.2,1.4,.4,1) both;max-width:min(92vw,460px)}@keyframes pop{0%{transform:scale(.3) rotate(-6deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.celebration-close{position:absolute;top:.6rem;right:.8rem;width:2.4rem;height:2.4rem;border-radius:50%;border:none;background:var(--surface-2);color:var(--ink);font-size:1.2rem;font-weight:700;cursor:pointer;line-height:1}.celebration-close:active{transform:scale(.92)}.celebration-emoji{font-size:3rem;line-height:1}.celebration-card h2{font-size:clamp(2rem,7vw,3rem);margin:.6rem 0 .2rem;color:var(--accent-2)}.celebration-card p{font-size:1.4rem;margin:0 0 1.4rem}.celebration-fact{font-size:1.05rem!important;font-weight:700;background:#fff8e7;color:#3a3a55;border-radius:14px;padding:.6rem .8rem;margin:0 0 1.2rem!important;line-height:1.4}.celebration-levelup{font-size:1.2rem!important;font-weight:800;color:#ef476f;margin:.2rem 0 1rem!important}.celebration-reward{display:flex;flex-direction:column;align-items:center;gap:.1rem;background:linear-gradient(135deg,#fff3d6,#ffe8f0);border:4px solid #06d6a0;border-radius:20px;padding:.7rem 1rem .9rem;margin:.4rem 0 1rem}[data-theme=dark] .celebration-reward{background:#2c2740}.celebration-reward-head{font-size:1.15rem!important;font-weight:800;margin:0!important;color:#ef476f}.celebration-reward-stage{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1.1rem .3rem}.celebration-reward-emoji{display:inline-block;line-height:1;filter:drop-shadow(0 3px 3px rgba(0,0,0,.18));animation:reward-pop .5s cubic-bezier(.34,1.56,.64,1) both,reward-wiggle 1.5s ease-in-out .5s infinite;transform-origin:50% 90%}.reward-sparkle{position:absolute;font-size:1.1rem;pointer-events:none;animation:reward-twinkle 1.3s ease-in-out infinite}.reward-sparkle.s1{top:0;left:4px;animation-delay:0s}.reward-sparkle.s2{top:2px;right:4px;font-size:.9rem;animation-delay:.35s}.reward-sparkle.s3{bottom:2px;left:12px;font-size:.95rem;animation-delay:.7s}.reward-sparkle.s4{bottom:4px;right:10px;animation-delay:1s}.celebration-reward-name{font-size:1.1rem!important;font-weight:700;margin:0!important}@keyframes reward-pop{0%{transform:scale(.2) rotate(-12deg);opacity:0}70%{transform:scale(1.18) rotate(6deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes reward-wiggle{0%,to{transform:translateY(0) rotate(-5deg) scale(1)}25%{transform:translateY(-9px) rotate(0) scale(1.04)}50%{transform:translateY(0) rotate(5deg) scale(1)}75%{transform:translateY(-5px) rotate(0) scale(1.02)}}@keyframes reward-twinkle{0%,to{transform:scale(.4) rotate(-12deg);opacity:.2}50%{transform:scale(1.1) rotate(12deg);opacity:1}}@media (prefers-reduced-motion: reduce){.celebration-reward-emoji,.reward-sparkle{animation:none}.reward-sparkle{opacity:.85}}.celebration-buttons{display:flex;flex-direction:column;gap:.8rem;align-items:center}.home-btn.big{font-size:1.5rem;padding:.9rem 1.6rem}.next-btn{display:flex;flex-direction:column;gap:.1rem;line-height:1.2}.next-btn .next-count{font-size:.95rem;font-weight:600;opacity:.75}.ghost-btn{background:transparent;border:3px solid var(--accent);border-radius:999px;font-size:1.1rem;font-weight:700;padding:.5rem 1.2rem;cursor:pointer;font-family:inherit;color:var(--ink)}.ghost-btn:active{transform:translateY(2px)}.fireworks{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.firework{position:absolute;width:.4rem;height:.4rem;border-radius:50%;animation:firework 1.8s ease-out infinite}@keyframes firework{0%{opacity:0;box-shadow:0 0 currentColor}15%{opacity:1}to{opacity:0;box-shadow:0 -3rem currentColor,2.1rem -2.1rem currentColor,3rem 0 currentColor,2.1rem 2.1rem currentColor,0 3rem currentColor,-2.1rem 2.1rem currentColor,-3rem 0 currentColor,-2.1rem -2.1rem currentColor,0 -5rem currentColor,3.5rem -3.5rem currentColor,5rem 0 currentColor,3.5rem 3.5rem currentColor,0 5rem currentColor,-3.5rem 3.5rem currentColor,-5rem 0 currentColor,-3.5rem -3.5rem currentColor}}@media (prefers-reduced-motion: reduce){.celebration,.celebration-card{animation:none}.firework{animation-iteration-count:1}}.control-bar{width:100%;display:flex;flex-direction:column;align-items:center;gap:.7rem;padding:.15rem 1rem .7rem;margin-bottom:.5rem;background:var(--bg)}.player .control-bar{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:.6rem}.player .control-bar:has(.voice-btn.on){margin-bottom:5.5rem}.control-group{display:flex;flex-direction:column;align-items:center;gap:.4rem}.control-group-label{font-size:.8rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;opacity:.55}.control-group-btns{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem}.control-group-sep{width:min(70%,520px);height:3px;border-radius:3px;background:color-mix(in srgb,var(--ink) 14%,transparent)}.facts-btn{background:var(--surface);border:4px solid var(--accent);border-radius:999px;font-family:inherit;font-size:1.1rem;font-weight:700;padding:.55rem 1rem;cursor:pointer;box-shadow:0 5px #0000001f}.facts-btn:active{transform:translateY(2px);box-shadow:0 2px #0000001f}.grownup-icon{width:1.35em;height:1.35em;vertical-align:-.3em;object-fit:contain}[data-theme=dark] .grownup-icon{filter:brightness(0) invert(1)}.level-row{display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;justify-content:center;gap:.6rem}.pick-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.6rem}@media (max-width: 640px){.level-row{width:100%}.level-selector,.pick-row{width:100%;gap:.4rem}.level-row .level-btn{flex:1 1 0;min-width:0;padding:.45rem .2rem}}.section-divider{position:relative;width:min(85%,720px);height:2px;margin:.7rem 0 .2rem;border-radius:2px;background:linear-gradient(to right,transparent,color-mix(in srgb,var(--ink) 26%,transparent),transparent)}.section-divider:after{content:"✦";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.8rem;line-height:1;color:var(--accent-2);background:var(--bg);padding:0 .5rem}.level-selector{display:flex;gap:.6rem;margin:.2rem 0 .4rem}.paintings-pick{background:#f1ecff;border-color:var(--accent-2)}.trophies-pick{background:#fff3d6;border-color:#06d6a0}.facts-pick{background:#e8f7ff;border-color:#118ab2}.flags-pick{background:#eafbf0;border-color:#06d6a0}.level-btn{display:flex;flex-direction:column;align-items:center;gap:.1rem;min-width:78px;padding:.4rem .8rem;background:var(--surface);border:4px solid var(--accent);border-radius:18px;cursor:pointer;font-family:inherit;box-shadow:0 4px #0000001a}.level-btn .level-icon{font-size:1.6rem;line-height:1}.level-btn .level-label{font-size:1rem;font-weight:700;color:var(--ink)}.level-btn.active{border-color:var(--accent-2);background:#fff0f4}.level-btn:active{transform:translateY(2px);box-shadow:0 2px #0000001a}.empty-state{font-size:1.3rem;font-weight:700;text-align:center;opacity:.8;margin-top:2rem;line-height:1.6}.facts-page{min-height:100%;display:flex;flex-direction:column;align-items:center;padding:1rem 1rem 3rem}.facts-page .player-header h1{font-size:clamp(1.4rem,4vw,2.4rem);margin:.25rem 0}.facts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.2rem;width:min(100%,900px)}.fact-card{display:flex;flex-direction:column;align-items:center;gap:.6rem;background:var(--surface);border:6px solid var(--accent);border-radius:24px;padding:1.2rem 1rem;text-align:center;box-shadow:0 6px #00000014}.fact-card:nth-child(3n+2){border-color:var(--accent-2)}.fact-card:nth-child(3n){border-color:#06d6a0}.fact-emoji{font-size:3.4rem;line-height:1}.fact-text{font-size:1.2rem;font-weight:700;margin:0}.side-scroll{position:fixed;left:.6rem;top:50%;transform:translateY(-50%);z-index:6;display:flex;flex-direction:column;gap:.6rem}@media (any-pointer: coarse){.side-scroll{display:none}}.scroll-btn{width:54px;height:54px;border-radius:50%;border:4px solid var(--accent);background:var(--surface);color:var(--ink);font-size:1.4rem;cursor:pointer;box-shadow:0 4px #0000001f}.scroll-btn:active{transform:translateY(2px);box-shadow:0 2px #0000001f}.voice-btn{display:flex;align-items:center;gap:.5rem;background:var(--surface);border:4px solid var(--accent);border-radius:999px;font-family:inherit;font-size:1.5rem;font-weight:700;padding:.5rem 1rem;cursor:pointer;box-shadow:0 5px #0000001f}.voice-btn-label{font-size:1rem}.voice-btn.on{border-color:var(--accent-2);animation:mic-pulse 1.2s ease-in-out infinite}@keyframes mic-pulse{0%,to{box-shadow:0 5px #0000001f,0 0 #ef476f80}50%{box-shadow:0 5px #0000001f,0 0 0 12px #ef476f00}}.voice-note{font-size:.9rem;opacity:.6}.voice-control{position:relative;display:inline-flex;align-items:center}.voice-legend-pop{position:absolute;top:calc(100% + 9px);left:50%;transform:translate(-50%);z-index:30;display:flex;flex-direction:column;align-items:center;gap:.2rem;width:max-content;max-width:min(80vw,360px);padding:.45rem .85rem;background:#fffffffa;border:3px solid var(--accent);border-radius:16px;box-shadow:0 4px #0000001a;text-align:center;pointer-events:none}.voice-legend-pop:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);border:7px solid transparent;border-top:0;border-bottom-color:var(--accent)}.voice-toast{position:fixed;left:50%;bottom:1rem;transform:translate(-50%);z-index:25;display:flex;flex-direction:column;align-items:center;gap:.2rem;background:#fffffff5;color:#2b2b40;border-radius:16px;padding:.5rem 1rem;box-shadow:0 4px #0000001a;max-width:min(92vw,420px);text-align:center}.voice-legend{font-size:.85rem;opacity:.8}.voice-legend b{color:var(--accent-2)}.voice-heard{font-size:1.1rem;font-weight:700}.voice-toast-error{background:#ffe3e3;color:#b00020;font-size:.9rem}.offline-toast{font-size:.95rem;font-weight:700}@media (prefers-reduced-motion: reduce){.voice-btn.on{animation:none}.scroll-btn:active{transform:none}}.app-dim{filter:grayscale(1) brightness(.78);pointer-events:none;-webkit-user-select:none;user-select:none}.lock-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#3c3a558c;padding:20px}.lock-card{background:var(--surface);border-radius:28px;padding:28px 26px 32px;max-width:360px;width:100%;text-align:center;box-shadow:0 12px 40px #00000040}.lock-emoji{font-size:3.4rem}.lock-card h2{margin:6px 0 4px;font-size:1.8rem}.lock-prompt{font-weight:700;margin-top:14px}.lock-unlock{margin-top:14px}.tl-modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;display:flex;align-items:center;justify-content:center;background:#3c3a5580;padding:20px}.tl-modal{position:relative;background:var(--surface);border-radius:28px;padding:26px 24px 28px;max-width:360px;width:100%;text-align:center;box-shadow:0 12px 40px #00000040}.tl-modal h2{margin:0 0 10px;font-size:1.5rem}.tl-close{position:absolute;top:10px;right:12px;border:none;background:none;font-size:1.4rem;cursor:pointer;color:#888}.tl-presets{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:12px 0}.tl-preset{border:3px solid var(--accent-2, #ef476f);background:var(--surface);color:var(--accent-2, #ef476f);border-radius:16px;padding:8px 14px;font-size:1rem;font-weight:800;cursor:pointer}.tl-preset.on{background:var(--accent-2, #ef476f);color:#fff}.tl-used{margin:10px 0}.tl-actions{display:flex;flex-direction:column;gap:8px;margin:12px 0}.tl-action{border:2px solid #d7d7e0;background:var(--surface-2);border-radius:14px;padding:10px;font-size:1rem;font-weight:700;cursor:pointer}.tl-action.on{border-color:var(--accent-2);background:#fff0f4}.tl-done{margin-top:8px}.pinpad{margin:8px auto 0;max-width:240px}.pin-dots{display:flex;gap:14px;justify-content:center;margin:8px 0 4px}.pin-dot{width:16px;height:16px;border-radius:50%;border:3px solid #bbb}.pin-dot.filled{background:var(--accent-2, #ef476f);border-color:var(--accent-2, #ef476f)}.pin-error{color:#e63946;font-weight:700;margin:6px 0}.pin-hint{margin:10px 0 0;font-size:.85rem;opacity:.6;text-align:center}.pin-keys{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:8px}.pin-key{font-size:1.5rem;font-weight:800;padding:14px 0;border-radius:16px;border:none;background:var(--surface-2);cursor:pointer}.pin-key:active{background:#e2e2ee}.pin-key-del{color:#888}@media (prefers-reduced-motion: reduce){.app-dim{filter:grayscale(1)}}.pill-btn{border:none;background:var(--accent-2);color:#fff;font-family:inherit;font-size:1.1rem;font-weight:800;padding:12px 26px;border-radius:999px;cursor:pointer;box-shadow:0 4px #00000026}.pill-btn:active{transform:translateY(2px);box-shadow:0 2px #00000026}.tl-fs-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:6px 0 2px;font-weight:700}.tl-toggle{border:3px solid var(--accent-2);background:var(--surface);color:var(--accent-2);border-radius:999px;padding:6px 18px;font-size:1rem;font-weight:800;cursor:pointer;min-width:64px}.tl-toggle.on{background:var(--accent-2);color:#fff}.tl-toggle:disabled{border-color:#ccc;color:#aaa;cursor:default}.tl-note{font-size:.85rem;opacity:.7;margin:2px 0 0}.fsg-exit{margin-top:14px}.esc-hint{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:1100;background:#3c3a55eb;color:#fff;font-weight:800;padding:10px 18px;border-radius:999px;box-shadow:0 4px 16px #00000040;animation:fade-in .15s ease both}.home-footer{margin-top:2.5rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem}.store-badges{width:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin-bottom:.6rem}.store-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .75rem;border-radius:12px;background:#2b2b3a;color:#fff;cursor:default;-webkit-user-select:none;user-select:none;opacity:.85}.store-badge-icon{font-size:1.4rem;line-height:1}.store-badge-text{display:flex;flex-direction:column;line-height:1.1;text-align:left}.store-badge-text small{font-size:.6rem;text-transform:uppercase;letter-spacing:.04em;opacity:.8}.store-badge-text strong{font-size:.95rem;font-weight:700}.footer-link{border:none;background:none;font-family:inherit;font-size:1.05rem;font-weight:800;color:var(--accent-2);cursor:pointer;padding:.4rem .6rem;border-radius:999px}.footer-link:hover,.footer-link:focus-visible{text-decoration:underline;outline:none}.footer-dot{opacity:.5;font-weight:800}.footer-love{width:100%;text-align:center;margin:.4rem 0 0;opacity:.7;font-weight:700}.coffee-row{width:100%;display:flex;justify-content:center;margin-top:.3rem}.coffee-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1.2rem;border-radius:999px;background:linear-gradient(180deg,#ffd166,#f7b733);color:#5a3a00;font-family:inherit;font-size:1.05rem;font-weight:800;text-decoration:none;box-shadow:0 3px #d99a1f;transition:transform .08s ease,box-shadow .08s ease}.coffee-btn:hover,.coffee-btn:focus-visible{transform:translateY(-1px);box-shadow:0 4px #d99a1f;outline:none}.coffee-btn:active{transform:translateY(2px);box-shadow:0 1px #d99a1f}.made-with-love{text-align:center;font-size:1.3rem;font-weight:800;margin:1.5rem 0 2rem}.feedback{max-width:32rem;margin:2rem auto 0;padding:1.25rem 1.25rem 1.5rem;background:var(--card-bg, #fff);border-radius:20px;box-shadow:0 4px 16px #00000014}.feedback-title{text-align:center;margin:0 0 .25rem}.feedback-intro{text-align:center;margin:0 0 1rem;opacity:.8}.feedback-form{display:flex;flex-direction:column;gap:.9rem}.feedback-field{display:flex;flex-direction:column;gap:.35rem;font-weight:700}.feedback-field input,.feedback-field select,.feedback-field textarea{font-family:inherit;font-size:1rem;padding:.6rem .75rem;border:2px solid var(--accent-2, #6c5ce7);border-radius:12px;background:var(--bg, #fff);color:inherit;font-weight:600}.feedback-field textarea{resize:vertical;min-height:5rem}.feedback-field input:focus-visible,.feedback-field select:focus-visible,.feedback-field textarea:focus-visible{outline:3px solid var(--accent, #ffd166);outline-offset:1px}.feedback-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.feedback-submit{margin-top:.25rem;padding:.75rem 1.25rem;border:none;border-radius:999px;background:linear-gradient(180deg,#ffd166,#f7b733);color:#5a3a00;font-family:inherit;font-size:1.1rem;font-weight:800;cursor:pointer;box-shadow:0 3px #d99a1f}.feedback-submit:disabled{opacity:.6;cursor:progress}.feedback-err{color:#c0392b;font-weight:700;margin:0}.feedback-thanks{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem}.feedback-thanks-emoji{font-size:2.5rem}.info-note{max-width:720px;margin:1.5rem auto 2.5rem;background:var(--surface);border:3px dashed var(--accent);border-radius:20px;padding:1rem 1.4rem}.info-note p{margin:0;font-size:.95rem;line-height:1.5;opacity:.85}.sound-btn{display:flex;align-items:center;gap:.5rem;background:var(--surface);border:4px solid var(--accent);border-radius:999px;font-family:inherit;font-size:1.5rem;font-weight:700;padding:.5rem 1rem;cursor:pointer;box-shadow:0 5px #0000001f}.sound-btn-label{font-size:1rem}.sound-btn.on{border-color:#06d6a0}.sound-btn:active{transform:translateY(2px);box-shadow:0 2px #0000001f}.trophy-tally{font-size:clamp(1.1rem,3vw,1.5rem);font-weight:800;text-align:center;margin:.2rem 0 1.4rem}.trophy-reset{display:flex;justify-content:center;margin:-.6rem 0 1.6rem}.trophy-reset-btn,.trophy-reset-yes,.trophy-reset-no{border:none;border-radius:999px;font-size:1.1rem;font-weight:800;padding:.6rem 1.3rem;cursor:pointer;font-family:inherit;box-shadow:0 4px #0000001f}.trophy-reset-btn:active,.trophy-reset-yes:active,.trophy-reset-no:active{transform:translateY(2px);box-shadow:0 2px #0000001f}.trophy-reset-btn{background:var(--surface);border:3px solid var(--accent)}.trophy-reset-confirm{background:var(--surface);border:3px solid var(--accent);border-radius:22px;padding:1rem 1.4rem;text-align:center}.trophy-reset-confirm p{font-size:1.2rem;font-weight:800;margin:0 0 .8rem}.trophy-reset-actions{display:flex;gap:.8rem;justify-content:center}.trophy-reset-yes{background:#ef476f;color:#fff}.trophy-reset-no{background:var(--accent)}.trophy-group{width:min(100%,900px);margin-bottom:1.8rem}.trophy-group-head{display:flex;justify-content:space-between;align-items:baseline;margin:0 .3rem .5rem}.trophy-group-head h2{font-size:1.5rem;margin:0}.trophy-count{font-size:1.1rem;font-weight:800;opacity:.75}.trophy-bar{height:18px;background:var(--surface);border:3px solid var(--accent);border-radius:999px;overflow:hidden}.trophy-bar-fill{display:block;height:100%;min-width:0;background:#06d6a0;border-radius:999px;transition:width .5s ease}.trophy-hint{text-align:center;font-size:1.05rem;font-weight:700;opacity:.7;margin:-.3rem 0 .2rem}.sticker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.9rem;margin-top:.9rem}.reward-group{background:linear-gradient(135deg,#fff3d6,#ffe8f0);border:4px solid var(--accent);border-radius:24px;padding:1rem 1.1rem 1.2rem}[data-theme=dark] .reward-group{background:#2c2740}.reward-blurb{text-align:center;font-size:1.05rem;font-weight:700;margin:.1rem 0 .6rem}.reward-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:.7rem}.reward{display:flex;flex-direction:column;align-items:center;gap:.2rem;background:var(--surface);border:4px solid #ffd166;border-radius:18px;padding:.5rem .6rem;min-width:76px}.reward.earned{border-color:#06d6a0;box-shadow:0 4px #00000014}button.reward{font:inherit;color:inherit;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}button.reward.earned:hover,button.reward.earned:focus-visible{transform:translateY(-3px);box-shadow:0 7px #0000001a;outline:none}button.reward.earned:active{transform:translateY(0);box-shadow:0 2px #00000014}.reward-draw-hint{margin-top:-.3rem!important;color:#06d6a0;font-weight:800}.reward.locked{opacity:.6;border-style:dashed;border-color:#d9d2c2}.reward-emoji{line-height:1;filter:drop-shadow(0 2px 2px rgba(0,0,0,.12))}.reward.locked .reward-emoji{filter:grayscale(1) opacity(.7)}.reward-name{font-size:.9rem;font-weight:800;text-align:center}.sticker{position:relative;display:flex;flex-direction:column;align-items:center;gap:.35rem;background:var(--surface);border:4px solid var(--accent);border-radius:20px;padding:.8rem .4rem;box-shadow:0 4px #00000014}.sticker.earned{border-color:#06d6a0}button.sticker{font:inherit;color:inherit;cursor:pointer}.sticker.locked{opacity:.6;border-style:dashed;border-color:#d9d2c2;box-shadow:none;transition:opacity .15s ease,transform .15s ease,border-color .15s ease}button.sticker.locked:hover,button.sticker.locked:focus-visible{opacity:1;border-color:var(--accent);transform:translateY(-3px);outline:none}button.sticker.locked:active{transform:translateY(0)}.sticker.locked .sticker-art{filter:grayscale(1) opacity(.7)}.sticker-art{width:100%;max-width:84px;aspect-ratio:1 / 1;background:var(--canvas);border-radius:12px}.sticker-name{font-size:.95rem;font-weight:700;text-align:center}.sticker-check{position:absolute;top:-12px;right:-12px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#06d6a0;color:#fff;border:3px solid #fff;border-radius:50%;font-size:1.1rem;font-weight:900;box-shadow:0 2px #0000001f}@media (max-height: 920px){.player{padding:.4rem 1rem .6rem}.player-header h1{font-size:clamp(1.1rem,3vw,1.6rem);margin:.1rem 0}.player .control-bar{padding:.3rem;margin-bottom:.25rem;gap:.5rem}.player .control-bar:has(.voice-btn.on){margin-bottom:5rem}.hint{font-size:clamp(1.05rem,3vw,1.5rem);margin:.25rem 0;min-height:1.6em}.drawing{width:min(80vw,420px,50vh)}.art-compare .drawing,.original-art{width:min(46vw,300px,42vh)}.controls{margin-top:.5rem;gap:.5rem}.big-btn{width:58px;height:58px;font-size:1.6rem}.pause-btn{font-size:1.6rem}.step-indicator{font-size:1.2rem}}