@font-face{font-family:ZhuyinFont;src:url(/fonts/ZhuyinFont.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0020-007F,U+3000-303F,U+3100-312F,U+4E00-9FFF,U+FF00-FFEF}:root{--bg-color: #2D2436;--primary-color: #FFB7E1;--secondary-color: #A2E8FA;--text-color: #FFFFFF;--glass-bg: rgba(255, 183, 225, .15);--glass-border: rgba(255, 255, 255, .5);--font-main: "Arial Rounded MT Bold", "ZhuyinFont", "Helvetica Rounded", Arial, sans-serif}body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-main);overflow:hidden;-webkit-user-select:none;user-select:none}#app{width:100vw;height:100vh;position:relative;display:flex;justify-content:center;align-items:center}.glass{background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border)}.neon-text{font-weight:700}.neon-border{border:1px solid var(--primary-color)}.game-canvas[data-v-ba27c6c1]{width:100%;height:100%;display:block}.mission-progress[data-v-f9c8b5ea]{display:flex;align-items:center;gap:.5rem;font-size:.85rem;max-width:95%}.mission-progress progress[data-v-f9c8b5ea]{width:clamp(4rem,20vw,8rem);accent-color:var(--primary-color)}.hud[data-v-f9c8b5ea]{position:absolute;top:20px;width:100%;display:flex;flex-direction:column;align-items:center;pointer-events:none;z-index:5;gap:5px}.score-row[data-v-f9c8b5ea]{display:flex;align-items:center;gap:15px;pointer-events:auto}.mute-btn[data-v-f9c8b5ea]{background:transparent;border:none;font-size:1.5rem;cursor:pointer;line-height:1;padding:5px}.score[data-v-f9c8b5ea]{font-size:2rem;font-weight:700;color:var(--primary-color)}.lives-container[data-v-f9c8b5ea]{display:flex;align-items:center;gap:15px}.lives[data-v-f9c8b5ea]{font-size:1.5rem;font-weight:700;color:#f36}.val[data-v-f9c8b5ea]{color:#fff}.heart[data-v-f9c8b5ea]{margin-left:5px}.pause-btn[data-v-f9c8b5ea]{pointer-events:auto;background:transparent;border:2px solid var(--primary-color);color:var(--primary-color);font-size:1.2rem;width:45px;height:45px;border-radius:50%;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .2s}.pause-btn[data-v-f9c8b5ea]:hover{background:var(--primary-color);color:#000}.learning-hint[data-v-478ec71a]{background:#0b0f29f2;border:1px solid var(--secondary-color);border-radius:10px;color:var(--text-color);padding:.5rem;margin:0 0 .5rem;font-size:clamp(.85rem,3vw,1rem);overflow-wrap:anywhere}.answer-panel[data-v-478ec71a]{position:absolute;bottom:12vh;left:50%;transform:translate(-50%);width:90%;max-width:600px;text-align:center;z-index:5}.options-grid[data-v-478ec71a]{display:flex;justify-content:center;gap:20px}.option-btn[data-v-478ec71a]{background:#ffffff1a;border:2px solid var(--primary-color);color:var(--primary-color);font-size:2.5rem;padding:.8rem 1rem;border-radius:12px;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);min-width:60px;flex:1;transition:all .1s;font-family:inherit;font-weight:700}.option-btn[data-v-478ec71a]:hover{background:#00f3ff4d;transform:translateY(-2px);box-shadow:0 0 20px #00f3ff66}.option-btn[data-v-478ec71a]:active{transform:translateY(2px);background:var(--primary-color);color:#000}.no-target[data-v-478ec71a]{color:#ffffff80;font-size:1.2rem;letter-spacing:2px;text-transform:uppercase;animation:pulse-478ec71a 2s infinite}@keyframes pulse-478ec71a{0%{opacity:.3}50%{opacity:.7}to{opacity:.3}}.start-screen[data-v-77ba64e2]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:1.5rem;text-align:center;border-radius:20px;border:2px solid var(--primary-color);background:#121212f2;z-index:10;width:90%;max-width:450px}h1[data-v-77ba64e2]{font-size:1.8rem;margin:0;color:var(--primary-color);letter-spacing:2px}h2[data-v-77ba64e2]{font-size:1.4rem;margin:0 0 1rem;color:var(--secondary-color);letter-spacing:4px}.high-score[data-v-77ba64e2]{color:gold;font-size:1rem;margin:.5rem 0;text-shadow:0 0 5px rgba(255,215,0,.5)}.selection-group[data-v-77ba64e2]{margin-bottom:1rem;text-align:center}.label[data-v-77ba64e2]{color:#aaa;font-size:.9rem;margin-bottom:.5rem}.buttons[data-v-77ba64e2]{display:flex;justify-content:center;gap:.5rem}.buttons button[data-v-77ba64e2]{background:transparent;border:1px solid #555;color:#888;padding:.4rem .8rem;border-radius:10px;cursor:pointer;transition:all .2s;font-size:.9rem}.buttons button.active[data-v-77ba64e2]{background:var(--primary-color);color:#0b0f29;border-color:var(--primary-color);font-weight:700;box-shadow:0 0 10px #00f3ff66}.neon-button[data-v-77ba64e2]{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color);padding:.6rem 1.7rem;font-size:1.3rem;cursor:pointer;text-transform:uppercase;font-weight:700;border-radius:50px;transition:all .3s ease;box-shadow:0 0 10px var(--primary-color);font-family:inherit;margin-top:1rem}.neon-button[data-v-77ba64e2]:hover{background:var(--primary-color);color:#0b0f29;box-shadow:0 0 30px var(--primary-color)}.lang-switch[data-v-77ba64e2]{position:absolute;top:20px;right:20px}.lang-switch button[data-v-77ba64e2]{background:#ffffff1a;border:1px solid var(--primary-color);color:var(--primary-color);padding:5px 15px;cursor:pointer;border-radius:15px}.version[data-v-77ba64e2]{margin-top:1rem;font-size:1rem;color:#888;font-family:monospace;font-weight:700}.practice-summary[data-v-bf8dbfa4]{width:min(90vw,28rem);max-height:45dvh;overflow-y:auto;font-family:system-ui,sans-serif;font-size:1rem;margin-bottom:1rem}ul[data-v-bf8dbfa4]{text-align:left;padding-left:1.5rem;line-height:1.7}.loading[data-v-e9f7ff84]{position:absolute;top:45%;width:100%;text-align:center}.exit-result[data-v-e9f7ff84]{margin-top:.75rem}#app-container[data-v-e9f7ff84]{width:100vw;height:100vh;position:relative;overflow:hidden;background:#0b0f29}.gameover-screen[data-v-e9f7ff84]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:1.5rem;text-align:center;border-radius:20px;border:1px solid #ff3366;background:#0b0f29f2;z-index:20;box-shadow:0 0 50px #ff33664d}.gameover-screen.win[data-v-e9f7ff84]{box-sizing:border-box;padding:1rem;overflow-y:auto;width:100vw;height:100vh;max-width:none;top:0;left:0;transform:none;border:none;border-radius:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#0b0f29fa}.gameover-screen.win h1[data-v-e9f7ff84]{font-size:5rem;animation:winPulse-e9f7ff84 2s infinite}.gameover-screen.win h2[data-v-e9f7ff84]{font-size:3rem}.gameover-screen.win .high-score[data-v-e9f7ff84]{font-size:1.5rem;margin-bottom:3rem}.gameover-screen.win .neon-button[data-v-e9f7ff84]{font-size:2rem;padding:1rem 3rem}@keyframes winPulse-e9f7ff84{0%,to{transform:scale(1);text-shadow:0 0 30px #00ff99}50%{transform:scale(1.1);text-shadow:0 0 60px #00ff99,0 0 100px #00ff99}}.gameover-screen h1[data-v-e9f7ff84]{font-size:2.5rem;margin:0;text-shadow:0 0 20px #ff3366}.gameover-screen h2[data-v-e9f7ff84]{font-size:1.5rem;margin:1rem 0;color:#fff}.new-record[data-v-e9f7ff84]{font-size:1.2rem;color:gold;font-weight:700;text-shadow:0 0 10px #FFD700;margin:.5rem 0;animation:pulse-e9f7ff84 1s infinite}.high-score[data-v-e9f7ff84]{font-size:1rem;color:#aaa;margin:0 0 2rem}@keyframes pulse-e9f7ff84{0%,to{opacity:1}50%{opacity:.5}}.shake[data-v-e9f7ff84]{animation:shake-e9f7ff84 .3s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake-e9f7ff84{10%,90%{transform:translate3d(-2px,0,0)}20%,80%{transform:translate3d(4px,0,0)}30%,50%,70%{transform:translate3d(-8px,0,0)}40%,60%{transform:translate3d(8px,0,0)}}.neon-button[data-v-e9f7ff84]{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color);padding:.5rem 1.5rem;font-size:1.2rem;cursor:pointer;text-transform:uppercase;font-weight:700;border-radius:50px;transition:all .3s ease;box-shadow:0 0 10px var(--primary-color);font-family:inherit}.neon-button[data-v-e9f7ff84]:hover{background:var(--primary-color);color:#000;box-shadow:0 0 30px var(--primary-color)}.pause-screen[data-v-e9f7ff84]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:1.5rem;text-align:center;border-radius:20px;border:2px solid var(--primary-color);background:#121212f2;z-index:20;width:90%;max-width:450px}.pause-screen h1[data-v-e9f7ff84]{font-size:2rem;margin-bottom:2rem;color:var(--primary-color)}@media(max-width:600px){.gameover-screen.win h1[data-v-e9f7ff84]{font-size:2rem}.gameover-screen.win h2[data-v-e9f7ff84]{font-size:1.5rem}.gameover-screen.win .neon-button[data-v-e9f7ff84]{font-size:1rem;padding:.5rem 1.5rem}.gameover-screen.win .high-score[data-v-e9f7ff84]{margin-bottom:1rem}}