@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;600;700;800&family=Nunito:wght@400;600;700;800&display=swap";:root{--ink: #2b2140;--ink-soft: #6b6285;--paper: #ffffff;--red: #ff5a5f;--yellow: #ffc93c;--green: #3ec46d;--blue: #3aa0ff;--purple: #8b5cf6;--pink: #ff6fae;--track: #eee7fa;--line: #efe7f5;--radius: 1.4rem;--radius-sm: .95rem;--shadow: 0 10px 28px rgba(43,33,64,.12);--shadow-strong: 0 16px 40px rgba(43,33,64,.2)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Nunito,sans-serif;color:var(--ink);line-height:1.6;overflow-x:hidden;background:linear-gradient(180deg,#dff1ff,#fff6e5 55%,#ffe9f2) fixed}h1,h2,h3{font-family:"Baloo 2",Nunito,sans-serif;line-height:1.15}.app{min-height:100vh}button{font-family:inherit}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1.2rem;font-size:1.2rem;font-weight:800;color:var(--ink-soft)}.loading-emoji{font-size:4rem;animation:wiggle 1s ease-in-out infinite}@keyframes wiggle{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(-12deg) scale(1.15)}75%{transform:rotate(12deg) scale(1.15)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes slideIn{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes popIn{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:1}}.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 20px #2b21401f;padding:.7rem 1.6rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.nav-logo{font-family:"Baloo 2",sans-serif;font-size:1.45rem;font-weight:800;border:none;background:none;cursor:pointer;background:linear-gradient(90deg,var(--red),var(--purple));-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}.nav-links{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}.nav-links button{border:none;font-weight:800;font-size:.9rem;padding:.45rem .95rem;border-radius:2rem;cursor:pointer;color:var(--ink);transition:all .2s;background:transparent}.nav-links button:hover{background:#f3ecff}.nav-links button.active{background:var(--purple);color:#fff;box-shadow:0 4px 14px #8b5cf659}.sound-btn{font-size:1.1rem;width:2.4rem;height:2.4rem;border-radius:50%;border:2px solid var(--line)!important;background:#fff!important;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s}.sound-btn:hover{transform:scale(1.12)}.nav-pill{background:linear-gradient(135deg,#fff3c9,#ffe0ef);border:2px solid var(--yellow);color:var(--ink);font-weight:800;font-size:.88rem;padding:.35rem .95rem;border-radius:2rem;white-space:nowrap}.nav-gap{height:4.4rem}.nav-spacer{padding:0 1.5rem;display:flex;justify-content:center;margin-bottom:.5rem}.signin-banner{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;background:#fff;border:3px solid var(--yellow);border-radius:1.1rem;padding:.75rem 1.3rem;max-width:60rem;width:100%;box-shadow:var(--shadow)}.signin-banner.warn{border-color:var(--red);background:#fff4f4}.signin-icon{font-size:1.5rem}.signin-text{flex:1;min-width:14rem;font-size:.95rem}.signin-btn{background:linear-gradient(135deg,var(--purple),#6d28d9);color:#fff;border:none;border-radius:2rem;padding:.6rem 1.4rem;font-weight:800;font-size:.95rem;cursor:pointer;transition:transform .2s,box-shadow .2s;white-space:nowrap}.signin-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6d28d959}.hero{min-height:calc(100vh - 4.4rem);display:flex;align-items:center;justify-content:center;text-align:center;padding:3rem 1.5rem 4rem;position:relative;overflow:hidden;background:linear-gradient(140deg,#3aa0ff,#8b5cf6 52%,#ff6fae)}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.5;background-image:radial-gradient(2px 2px at 15% 25%,#fff,transparent),radial-gradient(2px 2px at 70% 15%,#fff,transparent),radial-gradient(1.5px 1.5px at 40% 70%,#fff,transparent),radial-gradient(2px 2px at 85% 60%,#fff,transparent),radial-gradient(1.5px 1.5px at 25% 85%,#fff,transparent)}.hero-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:1}.particle{position:absolute;bottom:-3rem;opacity:.75;animation:floatUp linear infinite}@keyframes floatUp{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:.8}90%{opacity:.7}to{transform:translateY(-115vh) rotate(360deg);opacity:0}}.hero-content{position:relative;z-index:2;max-width:48rem}.hero-emojis{display:flex;justify-content:center;gap:.6rem;margin-bottom:1.2rem}.hero-emoji{font-size:2.9rem;display:inline-block;animation:bounce 2s infinite;filter:drop-shadow(0 4px 10px rgba(0,0,0,.2))}.ha1{animation-delay:0s}.ha2{animation-delay:.25s}.ha3{animation-delay:.5s}.ha4{animation-delay:.75s}.ha5{animation-delay:1s}.hero-title{font-size:clamp(2.6rem,8vw,4.4rem);color:#fff;margin-bottom:1rem;text-shadow:0 4px 20px rgba(43,33,64,.35);font-weight:800}.hero-highlight{display:inline-block;background:#fff3;padding:.05rem 1.2rem;border-radius:2rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:2px solid rgba(255,255,255,.45);color:#fff275}.hero-subtitle{font-size:clamp(1rem,2.4vw,1.2rem);color:#fffffff5;max-width:38rem;margin:0 auto 2rem}.hero-stats{display:flex;justify-content:center;gap:1.8rem;margin-bottom:2.2rem;flex-wrap:wrap}.hero-stat{display:flex;flex-direction:column;align-items:center;background:#ffffff24;border:1px solid rgba(255,255,255,.3);padding:.6rem 1.1rem;border-radius:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.stat-number{font-family:"Baloo 2",sans-serif;font-size:1.9rem;font-weight:800;color:#fff}.stat-label{font-size:.8rem;font-weight:700;color:#ffffffe6}.hero-cta-row{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.hero-play-btn{background:linear-gradient(135deg,#ffe259,#ffb01f);color:var(--ink);font-family:"Baloo 2",sans-serif;font-size:1.25rem;font-weight:800;padding:.9rem 2.6rem;border-radius:3rem;border:none;cursor:pointer;box-shadow:0 10px 28px #ffb01f73;transition:transform .2s,box-shadow .2s}.hero-play-btn:hover{transform:translateY(-3px) scale(1.03)}.hero-play-btn.ghost{background:#ffffff29;color:#fff;border:2px solid rgba(255,255,255,.6);box-shadow:none}.section{padding:3rem 1.5rem;max-width:72rem;margin:0 auto}.section-header{text-align:center;margin-bottom:2.2rem}.section-header h2{font-size:clamp(1.9rem,4.5vw,2.6rem);color:var(--purple);margin-bottom:.4rem}.section-header p{color:var(--ink-soft);font-size:1.05rem;max-width:42rem;margin:0 auto}.section-emoji{font-size:2.6rem;display:block;margin-bottom:.4rem}.diff-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:1.2rem;margin-bottom:2rem}.diff-card{background:var(--paper);border-radius:var(--radius);padding:1.7rem 1.3rem;box-shadow:var(--shadow);text-align:center;cursor:pointer;border:3px solid var(--line);transition:transform .22s,box-shadow .22s,border-color .22s;display:flex;flex-direction:column;gap:.35rem;align-items:center}.diff-card:hover{transform:translateY(-7px) rotate(-1deg);box-shadow:var(--shadow-strong)}.diff-card.easy{border-color:#a7f3cf}.diff-card.medium{border-color:#ffe08a}.diff-card.hard{border-color:#bfdbfe}.diff-card.boss{border-color:#fbcfe8}.diff-card.easy:hover{border-color:var(--green)}.diff-card.medium:hover{border-color:var(--yellow)}.diff-card.hard:hover{border-color:var(--blue)}.diff-card.boss:hover{border-color:var(--pink)}.dc-emoji{font-size:2.8rem}.dc-name{font-family:"Baloo 2",sans-serif;font-size:1.35rem;font-weight:800}.dc-blurb{font-size:.88rem;color:var(--ink-soft);line-height:1.45}.dc-points{font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.4px;background:#fff3c9;color:#8a6d00;padding:.22rem .7rem;border-radius:1rem}.howto-card{background:var(--paper);border-radius:var(--radius);padding:1.8rem;box-shadow:var(--shadow);border:3px dashed #d9c8f5}.howto-title{font-size:1.3rem;color:var(--purple);margin-bottom:.7rem}.howto-list{list-style:none;display:flex;flex-direction:column;gap:.55rem;color:var(--ink);font-size:.98rem}.howto-list strong{color:var(--red)}.quiz-section{max-width:46rem}.quiz-top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.2rem;flex-wrap:wrap;gap:.6rem}.quiz-level-badge{background:var(--paper);padding:.4rem 1rem;border-radius:2rem;font-weight:800;font-size:.95rem;box-shadow:var(--shadow);border:2px solid var(--purple);color:var(--purple)}.quiz-score-bar{display:flex;gap:.45rem;flex-wrap:wrap}.qs-item{background:var(--paper);padding:.3rem .8rem;border-radius:1.5rem;font-weight:800;font-size:.85rem;box-shadow:var(--shadow)}.qs-item.streak{background:linear-gradient(135deg,#ff9d4d,#ff5a5f);color:#fff}.qs-item.points{background:linear-gradient(135deg,#ffe259,#ffb01f);color:var(--ink)}.streak-banner{text-align:center;font-family:"Baloo 2",sans-serif;font-size:1.3rem;font-weight:800;color:var(--red);margin-bottom:.8rem;animation:slideIn .35s ease}.progress-wrapper{margin-bottom:1.3rem}.progress-bar{height:8px;background:var(--track);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,var(--yellow),var(--pink));border-radius:4px;transition:width .4s ease}.progress-dots{display:flex;gap:.3rem;justify-content:center}.progress-dot{width:9px;height:9px;border-radius:50%;background:#dcd2ee;transition:all .3s}.progress-dot.active{background:var(--purple);transform:scale(1.35)}.progress-dot.done{background:var(--green)}.question-card{background:var(--paper);border-radius:var(--radius);padding:2.4rem;box-shadow:var(--shadow-strong)}.question-counter{text-align:center;font-size:.85rem;font-weight:800;color:var(--ink-soft);text-transform:uppercase;letter-spacing:1px;margin-bottom:.6rem}.question-text{text-align:center;font-size:clamp(2.4rem,7vw,3.4rem);font-weight:800;margin-bottom:1.4rem;color:var(--ink)}.question-text .num{background:linear-gradient(135deg,#eef4ff,#e2f6ec);border:3px solid #cfe0ff;border-radius:1rem;padding:0 .5rem;display:inline-block}.question-text .op{color:var(--purple);margin:0 .15em}.question-text .qmark{color:var(--red);display:inline-block;animation:bounce 1.4s infinite}.options-grid{display:grid;gap:.7rem}.option-btn{display:flex;align-items:center;gap:.8rem;background:#fffdf6;border:3px solid #f1e7d0;border-radius:1.1rem;padding:.85rem 1.2rem;font-size:1.15rem;font-weight:800;color:var(--ink);cursor:pointer;transition:all .18s;text-align:left;width:100%}.option-btn:not(:disabled):hover{border-color:var(--blue);background:#f2f9ff;transform:translate(5px)}.option-letter{width:2.2rem;height:2.2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;flex-shrink:0;background:linear-gradient(135deg,var(--blue),var(--purple))}.option-btn:nth-child(2) .option-letter{background:linear-gradient(135deg,var(--green),#0ea5a4)}.option-btn:nth-child(3) .option-letter{background:linear-gradient(135deg,var(--yellow),#ff9d2e);color:#5b4300}.option-btn:nth-child(4) .option-letter{background:linear-gradient(135deg,var(--pink),var(--red))}.option-text{flex:1}.option-icon{font-size:1.2rem}.option-btn.correct{border-color:var(--green);background:#e9fbf1}.option-btn.correct .option-letter{background:var(--green)}.option-btn.wrong{border-color:var(--red);background:#fff0f0}.option-btn.wrong .option-letter{background:var(--red)}.option-btn.pop{animation:popIn .25s ease}.option-btn:disabled{cursor:default}.keyboard-tip{text-align:center;margin-top:1rem;font-size:.86rem;font-weight:700;color:var(--ink-soft)}.fact-box{margin-top:1.3rem;border-radius:var(--radius-sm);overflow:hidden;animation:slideIn .35s ease}.fact-box.correct{background:#e9fbf1;border-left:5px solid var(--green)}.fact-box.wrong{background:#fff0f0;border-left:5px solid var(--red)}.fact-header{padding:.75rem 1.2rem;display:flex;align-items:center;gap:.5rem}.fact-icon{font-size:1.5rem}.fact-title{font-family:"Baloo 2",sans-serif;font-size:1.08rem;font-weight:800}.explanation-box{padding:.7rem 1.2rem;background:#ffffffb3;border-top:1px solid var(--line)}.explanation-label{font-weight:800;font-size:.84rem;color:var(--green);display:block;margin-bottom:.15rem}.correct-answer-text{font-family:"Baloo 2",sans-serif;font-size:1.2rem;font-weight:800;color:var(--ink)}.next-btn{display:block;width:100%;margin-top:1.3rem;background:linear-gradient(135deg,#ffe259,#ffb01f);color:var(--ink);border:none;border-radius:2rem;padding:.85rem 2rem;font-family:"Baloo 2",sans-serif;font-size:1.15rem;font-weight:800;cursor:pointer;box-shadow:0 8px 22px #ffb01f66;transition:transform .2s}.next-btn:hover{transform:translateY(-2px)}.reward-reveal{margin-top:1.3rem;border-radius:var(--radius);position:relative;overflow:hidden;text-align:center;padding:1.5rem 1.2rem;animation:popIn .5s cubic-bezier(.34,1.56,.64,1);border:3px solid var(--yellow);background:linear-gradient(160deg,#fff9e6,#ffeef7)}.reward-badge{display:inline-block;font-family:"Baloo 2",sans-serif;font-weight:800;font-size:.9rem;color:#fff;background:linear-gradient(135deg,var(--purple),var(--pink));padding:.3rem 1.1rem;border-radius:2rem;margin-bottom:.4rem}.duplicate-tag{display:inline-block;font-size:.72rem;font-weight:800;text-transform:uppercase;color:#8a6d00;background:#fff3c9;padding:.15rem .6rem;border-radius:1rem;margin-left:.4rem}.reward-emoji{font-size:4.2rem;line-height:1;animation:bounce 1.8s infinite;filter:drop-shadow(0 6px 12px rgba(255,176,31,.45))}.reward-name{font-family:"Baloo 2",sans-serif;font-size:1.8rem;font-weight:800;margin-top:.2rem}.reward-shape{display:inline-block;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--purple);background:#8b5cf61f;padding:.2rem .8rem;border-radius:1rem;margin:.35rem 0 .5rem}.reward-fact{font-size:.94rem;max-width:30rem;margin:0 auto .4rem}.reward-added{font-family:"Baloo 2",sans-serif;font-weight:700;color:var(--purple)}.results-section{text-align:center}.results-card{background:var(--paper);border-radius:var(--radius);padding:2.6rem;box-shadow:var(--shadow-strong);max-width:42rem;margin:0 auto}.results-big-emoji{font-size:4rem;display:block;margin-bottom:.8rem;animation:bounce 2s infinite}.rank-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem 1.4rem;border-radius:2rem;color:#fff;margin-bottom:1.2rem}.rank-emoji{font-size:1.4rem}.rank-title{font-family:"Baloo 2",sans-serif;font-size:1.1rem;font-weight:800}.results-card h2{font-size:1.6rem;margin-bottom:.4rem}.results-score-big{font-family:"Baloo 2",sans-serif;font-size:3.8rem;font-weight:800;background:linear-gradient(90deg,var(--purple),var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1;margin-bottom:.2rem}.results-pct{font-size:1.05rem;color:var(--ink-soft);font-weight:700;margin-bottom:1.6rem}.results-details{display:flex;justify-content:center;gap:2rem;margin-bottom:1.4rem;flex-wrap:wrap}.result-stat{display:flex;flex-direction:column;align-items:center}.result-stat-icon{font-size:1.5rem}.result-stat-val{font-family:"Baloo 2",sans-serif;font-size:1.9rem;font-weight:800;color:var(--purple)}.result-stat-label{font-size:.78rem;font-weight:800;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.5px}.rewards-strip{margin:1.2rem 0;padding:1.2rem;background:linear-gradient(160deg,#fff9e6,#ffeef7);border-radius:var(--radius);border:3px solid var(--yellow)}.strip-title{font-family:"Baloo 2",sans-serif;font-size:1.15rem;font-weight:800;margin-bottom:.7rem}.reward-chips{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.reward-chip{display:inline-flex;align-items:center;gap:.4rem;background:#fff;border-radius:2rem;padding:.35rem .9rem;font-weight:800;font-size:.9rem;box-shadow:0 2px 8px #2b21401a;border:2px solid #ffe6a3}.rc-emoji{font-size:1.2rem}.strip-empty{color:var(--ink-soft);font-weight:600;margin-bottom:.8rem}.results-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.action-btn{border:none;border-radius:2rem;padding:.8rem 2rem;font-family:"Baloo 2",sans-serif;font-size:1.05rem;font-weight:800;cursor:pointer;transition:transform .2s,box-shadow .2s}.action-btn.primary{background:linear-gradient(135deg,#ffe259,#ffb01f);color:var(--ink);box-shadow:0 8px 20px #ffb01f59}.action-btn.secondary{background:linear-gradient(135deg,var(--purple),#6d28d9);color:#fff;box-shadow:0 8px 20px #6d28d94d}.action-btn:hover{transform:translateY(-2px)}.shelf-section{max-width:66rem}.shelf-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.4rem}.shelf-stat{background:var(--paper);border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow);text-align:center;display:flex;flex-direction:column;align-items:center}.ss-icon{font-size:1.6rem}.ss-value{font-family:"Baloo 2",sans-serif;font-size:1.5rem;font-weight:800;color:var(--purple)}.ss-label{font-size:.74rem;font-weight:800;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.5px}.shelf-progress{margin-bottom:1.6rem;text-align:center}.shelf-progress-label{font-size:.86rem;font-weight:800;color:var(--ink-soft)}.shape-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(13.5rem,1fr));gap:1.1rem}.shape-card{background:var(--paper);border-radius:var(--radius);padding:1.4rem;box-shadow:var(--shadow);text-align:center;border:3px solid #ffe6a3;transition:transform .22s,box-shadow .22s}.shape-card.unlocked:hover{transform:translateY(-5px);box-shadow:var(--shadow-strong)}.shape-card.locked{border:3px dashed #d9cbe8;background:#ffffff8c;box-shadow:none}.shape-emoji{font-size:2.9rem;margin-bottom:.5rem;line-height:1.1}.shape-card.locked .shape-emoji{filter:grayscale(1);opacity:.5}.shape-name{font-family:"Baloo 2",sans-serif;font-size:1.15rem;font-weight:800;margin-bottom:.3rem}.shape-card.locked .shape-name{color:var(--ink-soft)}.shape-tag{display:inline-block;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.4px;background:#f3ecff;color:var(--purple);padding:.2rem .7rem;border-radius:1rem;margin-bottom:.55rem}.shape-card.locked .shape-tag{background:#efe9f6;color:var(--ink-soft)}.shape-fact{font-size:.84rem;color:var(--ink-soft);line-height:1.5}.locked-hint{font-size:.84rem;color:var(--ink-soft);font-style:italic}.shelf-cta{margin-top:2rem;text-align:center;background:var(--paper);border-radius:var(--radius);padding:1.6rem;box-shadow:var(--shadow)}.shelf-cta p{margin-bottom:.9rem;font-size:1.02rem;color:var(--ink-soft)}.shelf-cta strong{color:var(--red);font-size:1.25rem}.profile-section{max-width:42rem}.profile-card{background:var(--paper);border-radius:var(--radius);padding:2.3rem;box-shadow:var(--shadow-strong);text-align:center}.profile-avatar{font-size:4.6rem;display:block;animation:bounce 2s infinite}.profile-card .rank-badge{margin:.6rem 0 1.4rem}.profile-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.4rem}.profile-stat{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.9rem;background:#faf7ff;border-radius:1rem;border:2px solid var(--line)}.ps-icon{font-size:1.4rem}.ps-value{font-family:"Baloo 2",sans-serif;font-size:1.5rem;font-weight:800;color:var(--purple)}.ps-label{font-size:.72rem;font-weight:800;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.4px}.profile-owned-summary{margin-bottom:.6rem}.profile-owned-item{background:linear-gradient(135deg,#fff3c9,#ffe0ef);padding:.45rem 1rem;border-radius:2rem;font-weight:800;display:inline-block;margin:.22rem;border:2px solid #ffe6a3;font-size:.9rem}.reset-btn{margin-top:.9rem;background:#fff;border:2px solid var(--line);border-radius:2rem;padding:.5rem 1.5rem;font-weight:800;font-size:.86rem;color:var(--ink-soft);cursor:pointer;transition:all .2s}.reset-btn:hover{border-color:var(--red);color:var(--red)}.reset-btn.danger{border-color:var(--red);color:var(--red);background:#fff4f4}.footer{text-align:center;padding:2.5rem 1.5rem;color:var(--ink-soft);font-size:.9rem;border-top:2px solid rgba(139,92,246,.15)}.footer-emojis{font-size:1.5rem;display:block;margin-bottom:.5rem}.footer-tip{font-weight:800;color:var(--purple);margin-top:.4rem}.footer-links{display:flex;gap:.7rem;justify-content:center;flex-wrap:wrap;margin-top:1rem}.footer-link{background:#fff;border:2px solid #e5d8fa;border-radius:2rem;padding:.45rem 1.2rem;font-weight:800;font-size:.85rem;color:var(--purple);cursor:pointer;transition:all .2s}.footer-link:hover{background:var(--purple);color:#fff;border-color:var(--purple)}.footer-credit{margin-top:1rem;font-size:.78rem;opacity:.75}.fireworks-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:150}@media(max-width:640px){.nav{padding:.5rem .9rem;flex-wrap:wrap;gap:.2rem}.nav-links button{font-size:.8rem;padding:.35rem .6rem}.nav-pill{font-size:.78rem;padding:.3rem .7rem}.nav-gap{height:5.6rem}.section{padding:2.2rem 1rem}.hero{padding:2.5rem 1rem 3rem}.hero-emoji{font-size:2.1rem}.hero-stats{gap:.7rem}.stat-number{font-size:1.5rem}.hero-play-btn{font-size:1.05rem;padding:.8rem 1.6rem}.hero-cta-row{flex-direction:column;align-items:stretch}.diff-grid{grid-template-columns:1fr 1fr;gap:.8rem}.diff-card{padding:1.2rem .9rem}.dc-emoji{font-size:2.2rem}.dc-name{font-size:1.1rem}.question-card{padding:1.4rem}.results-card{padding:1.8rem 1.2rem}.results-score-big{font-size:2.8rem}.results-details{gap:1rem}.shelf-stats{grid-template-columns:1fr 1fr}.shape-grid{grid-template-columns:1fr 1fr;gap:.75rem}.shape-card{padding:1rem}.shape-emoji{font-size:2.2rem}.profile-stats-grid{grid-template-columns:1fr 1fr}.reward-emoji{font-size:3.2rem}.reward-name{font-size:1.4rem}}