*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent} [hidden]{display:none!important} button:focus-visible,a:focus-visible{outline:4px solid #ffd700;outline-offset:3px}
:root{font-family:'Noto Sans TC','Microsoft JhengHei',sans-serif;color:#24304a}body{min-height:100vh;overflow-x:hidden;background:linear-gradient(145deg,#7359dc,#51308f)}
#bg-layer{position:fixed;inset:0;overflow:hidden;pointer-events:none}.bubble{position:absolute;bottom:-80px;border-radius:50%;background:#ffffff20;border:1px solid #ffffff33;animation:rise linear infinite}@keyframes rise{to{transform:translateY(-115vh);opacity:0}}
.screen{position:relative;z-index:1;display:none;width:min(100%,540px);min-height:100vh;margin:auto;padding:18px 16px;align-items:center;justify-content:center}.screen.active{display:flex}.card{width:100%;background:#fff;border-radius:28px;padding:28px 22px;box-shadow:0 22px 55px #25165455;text-align:center}
.mascot{font-size:72px;display:block;animation:bob 2.4s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-9px) rotate(4deg)}}h1{font-size:clamp(1.8rem,7vw,2.3rem);color:#5c35d6}.subtitle{margin:6px 0 18px;color:#667085;line-height:1.5}.section-label{font-weight:900;color:#4f4671;margin:14px 0 9px}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mode-btn,.range-btn{min-height:58px;border:3px solid #e6e0fb;border-radius:15px;background:#faf8ff;color:#5436b5;font-weight:900;font-size:.9rem;cursor:pointer}.mode-btn[aria-pressed=true],.range-btn[aria-pressed=true]{border-color:#6748da;background:#eee9ff;box-shadow:0 4px 12px #5436b52c}.range-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.primary,.resume-btn{width:100%;margin-top:18px;padding:17px;border:0;border-radius:18px;background:linear-gradient(135deg,#6d5be7,#7742a8);color:white;font-size:1.15rem;font-weight:900;box-shadow:0 8px 20px #5539b65c;cursor:pointer}.resume-btn{background:#fff3cc;color:#744b00;border:3px solid #ffd86c;margin-top:12px}.home-link{display:block;margin-top:17px;color:#fff;text-align:center;font-weight:800;text-decoration:none}.privacy{margin-top:12px;color:#ffffffc9;text-align:center;font-size:.82rem}
#gameScreen{justify-content:flex-start;padding-top:16px}.game-shell{width:100%}.game-header{display:grid;grid-template-columns:46px 1fr auto;gap:10px;align-items:center}.circle-btn{width:44px;height:44px;border:0;border-radius:50%;background:#fff;font-size:1.25rem;cursor:pointer}.header-meta{text-align:center;color:white;font-weight:900;text-shadow:0 2px 5px #321f6e}.score{background:#fff;border-radius:30px;padding:10px 13px;font-weight:900;color:#b26a00}.progress{height:12px;background:#ffffff4d;border-radius:20px;margin:13px 0 9px;overflow:hidden}.progress>div{height:100%;background:linear-gradient(90deg,#ffd54f,#ff9f43);transition:width .3s}.meta-row{display:flex;justify-content:space-between;color:#fff;font-weight:800;font-size:.85rem;margin-bottom:10px}.question-card{background:#fff;border-radius:25px;padding:18px;min-height:410px;box-shadow:0 16px 38px #2e1c6740;display:flex;flex-direction:column;align-items:center}.q-label{font-size:1.3rem;color:#4a3a79;text-align:center}.replay{margin:9px 0;border:0;border-radius:30px;background:#e9f5ff;color:#146899;padding:9px 15px;font-weight:900;cursor:pointer}.visual-stage{width:100%;min-height:180px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px;padding:10px}.free-count .item{font-size:clamp(2.5rem,12vw,4rem);transition:.2s}.ten-frame{display:grid;grid-template-columns:repeat(5,1fr);width:min(100%,390px);border:4px solid #4d4a67;border-radius:12px;overflow:hidden;background:#fff}.ten-cell{aspect-ratio:1;border:2px solid #8a87a0;display:grid;place-items:center}.ten-cell .item{font-size:clamp(2rem,9vw,3.2rem);transition:.2s}.item.counting{transform:scale(1.4);filter:drop-shadow(0 0 10px #ffd700);background:#fff2a3;border-radius:50%}.math-stage{min-height:170px;display:grid;place-items:center;font-weight:1000;font-size:clamp(2.6rem,12vw,5rem);color:#5336b7;text-align:center}.listen-stage{font-size:6rem;animation:pulse 1.4s infinite}@keyframes pulse{50%{transform:scale(1.1)}}.feedback{min-height:30px;font-weight:900;color:#6c4ce5;text-align:center}.answers{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;width:100%;margin-top:auto}.answer{min-height:64px;border:0;border-radius:18px;background:linear-gradient(145deg,#f0ecff,#ded4ff);box-shadow:0 5px 0 #b6a4eb;color:#4e349d;font-size:1.75rem;font-weight:1000;cursor:pointer}.answer:active{transform:translateY(4px);box-shadow:0 1px 0 #b6a4eb}.answer:disabled{opacity:.58;cursor:default}.answer.correct{background:#bcf3cb;color:#176b31}.answer.wrong{background:#ffd0d0;color:#9d2525}.answer.symbol{font-size:2.2rem}
.overlay{position:fixed;z-index:20;inset:0;background:#281752b8;display:grid;place-items:center;padding:20px}.overlay-card{width:min(100%,400px);background:#fff;border-radius:28px;padding:28px;text-align:center;box-shadow:0 25px 60px #0006}.overlay-emoji{font-size:70px}.overlay-text{font-size:1.45rem;font-weight:1000;color:#4d367e;margin:8px}.overlay button{width:100%;padding:15px;border:0;border-radius:16px;background:#694ddd;color:#fff;font-weight:900;font-size:1.05rem;margin-top:14px}
.end-stars{font-size:2.5rem;margin:12px}.end-stats{display:grid;gap:8px;margin:15px;color:#50446a;font-weight:800}.secondary{width:100%;margin-top:10px;padding:14px;border:2px solid #ddd1ff;border-radius:16px;background:#f8f5ff;color:#5538b0;font-weight:900;cursor:pointer}
@media(max-width:390px){.card{padding:21px 14px}.mode-grid{gap:6px}.mode-btn{font-size:.78rem;min-height:52px}.question-card{min-height:390px;padding:14px}.visual-stage{min-height:155px}.answer{min-height:58px}.screen{padding:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

.bgm-toggle{position:fixed;right:14px;bottom:14px;z-index:30}