@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Nunito:wght@600;800&display=swap";.game-page[data-v-1a8cc449]{--surface: #fcf9f3;--ink: #1f1d1a;--accent: #ff3b30;--yellow: #ffeb3b;--green: #34c759;min-height:100vh;padding-top:env(safe-area-inset-top,0px);box-sizing:border-box;color:var(--ink);background:var(--surface);font-family:Fredoka,Nunito,system-ui,sans-serif}.game-page[data-v-1a8cc449] *,.game-page[data-v-1a8cc449] *:before,.game-page[data-v-1a8cc449] *:after{box-sizing:border-box}.game-page button[data-v-1a8cc449],.game-page input[data-v-1a8cc449]{font:inherit}.game-page button[data-v-1a8cc449]{cursor:pointer}.topbar[data-v-1a8cc449]{position:sticky;top:0;z-index:40;background:#fcf9f3e0;border-bottom:1px solid rgb(0 0 0 / 6%);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.header-inner[data-v-1a8cc449]{max-width:1280px;margin:auto;padding:12px 24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.brand[data-v-1a8cc449]{display:flex;align-items:center;gap:12px}.brand-mark[data-v-1a8cc449]{flex:0 0 auto;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--accent);font-size:14px;font-weight:900}h1[data-v-1a8cc449]{margin:0;font-size:19px;line-height:1.05;letter-spacing:-.02em}.brand p[data-v-1a8cc449]{margin:5px 0 0;font-family:Nunito,sans-serif;font-size:12px;font-weight:700;opacity:.6}.toolbar[data-v-1a8cc449]{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.score-pill[data-v-1a8cc449]{padding:7px 12px;border-radius:999px;color:#fff;background:#111;font:800 12px Nunito,sans-serif}.button[data-v-1a8cc449]{border:0;border-radius:999px;padding:9px 16px;font-size:13px;font-weight:700;transition:transform .2s,background .2s,color .2s}.button[data-v-1a8cc449]:hover{transform:translateY(-1px)}.play-button[data-v-1a8cc449]{color:#111;background:var(--yellow);box-shadow:0 4px #000}.play-button.playing[data-v-1a8cc449]{color:#fff;background:#111;box-shadow:none}.redo-button[data-v-1a8cc449]{border:1px solid rgb(0 0 0 / 10%);background:#fff}.redo-button[data-v-1a8cc449]:hover{color:#fff;background:#111}.submit-button[data-v-1a8cc449]{color:#fff;background:var(--green);box-shadow:0 4px #1a7a33}.notice-wrap[data-v-1a8cc449]{max-width:1280px;margin:auto;padding:0 24px 12px}.notice[data-v-1a8cc449]{padding:10px 16px;border-radius:12px;color:#fff;background:#111;font:700 13px Nunito,sans-serif;animation:arrowPop-1a8cc449 .4s ease}.layout[data-v-1a8cc449]{max-width:1280px;margin:auto;padding:24px 20px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(340px,1fr);align-items:start;gap:20px}.visual-column[data-v-1a8cc449]{position:sticky;top:calc(var(--sticky-header-height, 80px) + 12px);align-self:start;min-width:0}.illustration-card[data-v-1a8cc449]{position:relative;width:100%;aspect-ratio:1.78 / 1;overflow:hidden;border:1px solid rgb(0 0 0 / 10%);border-radius:24px;background:#fff;box-shadow:0 12px 40px #00000014;transition:transform .7s}.illustration-card.lifted[data-v-1a8cc449]{transform:translateY(-12px)}.illustration[data-v-1a8cc449]{display:block;width:100%;height:100%;padding:12px;object-fit:contain;transition:filter .5s}.illustration.dimmed[data-v-1a8cc449]{filter:brightness(.72) contrast(1.05)}.image-shade[data-v-1a8cc449]{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:#00000026}.hobby-glow[data-v-1a8cc449]{position:absolute;z-index:5;width:18%;height:30%;transform:translate(-50%,-10%) scale(.9);border-radius:42% 42% 48% 48%/30% 30% 70% 70%;opacity:0;transition:all .5s}.hobby-glow.visible[data-v-1a8cc449]{transform:translate(-50%,-10%) scale(1.1);border:3px solid var(--yellow);background:radial-gradient(ellipse,rgb(255 235 59 / 65%),rgb(255 235 59 / 15%) 55%,transparent 75%);opacity:1;animation:glowPulse-1a8cc449 1.2s ease-in-out infinite alternate}.arrow-marker[data-v-1a8cc449]{position:absolute;z-index:10;display:flex;flex-direction:column;align-items:center;transform:translate(-50%,-100%);pointer-events:none;animation:markerPop-1a8cc449 .6s cubic-bezier(.34,1.56,.64,1)}.arrow-marker svg[data-v-1a8cc449]{filter:drop-shadow(0 2px 6px rgb(0 0 0 / 30%))}.here-tag[data-v-1a8cc449]{margin-top:4px;padding:2px 8px;border:2px solid white;border-radius:999px;color:#fff;background:var(--accent);font-size:10px;font-weight:900;letter-spacing:.025em}.prompt-chip[data-v-1a8cc449]{position:absolute;z-index:20;right:12px;bottom:12px;left:12px;width:max-content;max-width:calc(100% - 24px);margin:auto;padding:8px 16px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;color:#fff;background:#111;box-shadow:0 8px 24px #0000004d;font-size:13px;font-weight:700;pointer-events:none}.prompt-dot[data-v-1a8cc449]{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:var(--yellow);animation:pulse-1a8cc449 1s infinite}.prompt-label[data-v-1a8cc449]{font-size:11px;opacity:.65}.hint-card[data-v-1a8cc449]{margin-top:12px;padding:12px 16px;display:flex;align-items:center;gap:12px;border:1px solid rgb(0 0 0 / 5%);border-radius:16px;background:#fff;font:700 12px/1.35 Nunito,sans-serif}.hint-card p[data-v-1a8cc449]{margin:0;opacity:.8}.hint-icon[data-v-1a8cc449]{width:32px;height:32px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:var(--yellow)}.error-banner[data-v-1a8cc449]{margin-top:8px;padding:9px 14px;border:1px solid rgb(255 59 48 / 20%);border-radius:12px;color:var(--accent);background:#ff3b301a;font-size:12px;font-weight:700}.answer-column[data-v-1a8cc449]{min-width:0;max-height:86vh;padding-right:4px;display:flex;flex-direction:column;gap:10px;overflow-y:auto;overscroll-behavior:contain}.answer-card[data-v-1a8cc449]{position:relative;flex:0 0 auto;padding:12px 14px;overflow:hidden;border:2px solid rgb(0 0 0 / 10%);border-radius:18px;background:#fff;box-shadow:0 2px 10px #00000008;transition:all .3s}.answer-card.selected[data-v-1a8cc449]{border-color:var(--yellow);background:#fffef0;box-shadow:0 8px 24px #00000014;transform:scale(1.01)}.answer-card.correct[data-v-1a8cc449]{border-color:var(--green);background:#f0fdf4}.answer-card.wrong[data-v-1a8cc449]{border-color:var(--accent);background:#fff1f0}.card-heading[data-v-1a8cc449],.question-label[data-v-1a8cc449],.card-actions[data-v-1a8cc449]{display:flex;align-items:center}.card-heading[data-v-1a8cc449]{justify-content:space-between;gap:8px}.question-label[data-v-1a8cc449]{gap:8px;font-size:13px;font-weight:700}.number-badge[data-v-1a8cc449]{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#111;font-size:11px;font-weight:900}.number-badge.correct[data-v-1a8cc449]{background:var(--green)}.number-badge.wrong[data-v-1a8cc449]{background:var(--accent)}.card-actions[data-v-1a8cc449]{gap:6px}.eye-button[data-v-1a8cc449]{width:32px;height:32px;border:1px solid rgb(0 0 0 / 10%);border-radius:50%;background:#fff;transition:all .2s}.eye-button[data-v-1a8cc449]:hover{color:#fff;background:#111}.eye-button.active[data-v-1a8cc449]{border-color:#111;background:var(--yellow);transform:scale(1.1)}.status-dot[data-v-1a8cc449]{width:8px;height:8px;border-radius:50%;background:#0000001a}.status-dot.correct[data-v-1a8cc449]{background:var(--green)}.status-dot.wrong[data-v-1a8cc449],.status-dot.listening[data-v-1a8cc449]{background:var(--accent)}.status-dot.listening[data-v-1a8cc449]{animation:pulse-1a8cc449 1s infinite}.answer-row[data-v-1a8cc449]{margin-top:10px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.answer-prefix[data-v-1a8cc449]{opacity:.7;font:700 13px Nunito,sans-serif}.answer-row strong[data-v-1a8cc449]{font-size:14px}.mic-button[data-v-1a8cc449]{width:40px;height:40px;flex:0 0 auto;display:grid;place-items:center;border:2px solid rgb(0 0 0 / 10%);border-radius:50%;background:#fff;transition:all .2s}.mic-button[data-v-1a8cc449]:hover{border-color:#111;color:#fff;background:#111}.mic-button.correct[data-v-1a8cc449]{border-color:var(--green);color:#fff;background:var(--green)}.mic-button.listening[data-v-1a8cc449]{border-color:var(--accent);color:#fff;background:var(--accent);animation:pulseMic-1a8cc449 1.1s infinite}.feedback-area[data-v-1a8cc449]{min-height:28px;margin-top:8px}.listening-message[data-v-1a8cc449]{display:flex;align-items:center;gap:8px;color:var(--accent);font-size:12px;font-weight:700;animation:pulse-1a8cc449 1s infinite}.listening-pulse[data-v-1a8cc449]{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:ping-1a8cc449 1s infinite}.feedback[data-v-1a8cc449]{padding:5px 10px;display:flex;align-items:flex-start;gap:6px;border-radius:10px;font:700 11px/1.35 Nunito,sans-serif}.feedback.correct[data-v-1a8cc449]{color:#1a7a33;background:#34c75926}.feedback.wrong[data-v-1a8cc449]{color:#a11a12;background:#ff3b301a}.teacher-tip[data-v-1a8cc449]{flex:0 0 auto;margin-top:2px;padding:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:16px;color:#fff;background:#111}.teacher-tip strong[data-v-1a8cc449]{font-size:13px}.teacher-tip p[data-v-1a8cc449]{margin:3px 0 0;font:700 11px/1.3 Nunito,sans-serif;opacity:.7}.tip-mic[data-v-1a8cc449]{font-size:24px}.card-fireworks[data-v-1a8cc449],.confetti[data-v-1a8cc449]{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.card-fireworks i[data-v-1a8cc449],.confetti i[data-v-1a8cc449]{position:absolute;width:6px;height:6px;border-radius:50%;animation:firework-1a8cc449 1s ease-out forwards}.celebration[data-v-1a8cc449]{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none}.celebration-backdrop[data-v-1a8cc449]{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffb3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.celebration-card[data-v-1a8cc449]{position:relative;padding:24px 32px;overflow:hidden;border-radius:28px;color:#fff;background:#111;box-shadow:0 20px 80px #0006;text-align:center;animation:arrowPop-1a8cc449 .6s ease}.celebration-emoji[data-v-1a8cc449]{font-size:48px}.celebration-card h2[data-v-1a8cc449]{margin:4px 0;font-size:28px;letter-spacing:-.025em}.celebration-card p[data-v-1a8cc449]{margin:0;font:700 14px Nunito,sans-serif;opacity:.8}.confetti[data-v-1a8cc449]{border-radius:inherit}.page-footer[data-v-1a8cc449]{max-width:1280px;margin:auto;padding:24px;opacity:.5;text-align:center;font:700 11px Nunito,sans-serif}@keyframes arrowPop-1a8cc449{0%{transform:translateY(12px) scale(.2);opacity:0}60%{transform:translateY(-2px) scale(1.08);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}@keyframes markerPop-1a8cc449{0%{transform:translate(-50%,-120%) scale(.2);opacity:0}60%{transform:translate(-50%,-105%) scale(1.15);opacity:1}to{transform:translate(-50%,-100%) scale(1);opacity:1}}@keyframes pulse-1a8cc449{50%{opacity:.5}}@keyframes ping-1a8cc449{75%,to{transform:scale(2);opacity:0}}@keyframes pulseMic-1a8cc449{0%{box-shadow:0 0 #ff3b30b3}70%{box-shadow:0 0 0 12px #ff3b3000}to{box-shadow:0 0 #ff3b3000}}@keyframes firework-1a8cc449{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--tx),var(--ty)) scale(0);opacity:0}}@keyframes glowPulse-1a8cc449{0%{box-shadow:0 0 18px 6px #ffeb3bcc,0 0 40px 12px #ffeb3b66}to{box-shadow:0 0 28px 10px #ffeb3b,0 0 60px 20px #ffeb3b99}}@media(max-width:1023px){.layout[data-v-1a8cc449]{display:flex;flex-direction:column}.visual-column[data-v-1a8cc449],.answer-column[data-v-1a8cc449]{width:100%}.visual-column[data-v-1a8cc449]{display:contents}.illustration-card[data-v-1a8cc449]{position:sticky;z-index:30;top:calc(var(--sticky-header-height, 110px) + 8px);align-self:flex-start;max-height:min(34vh,260px);aspect-ratio:1.75 / 1}.answer-column[data-v-1a8cc449]{max-height:none;overflow:visible}}@media(max-width:767px){.header-inner[data-v-1a8cc449]{padding:10px 14px}h1[data-v-1a8cc449]{font-size:16px}.brand p[data-v-1a8cc449]{font-size:11px}.toolbar[data-v-1a8cc449]{gap:6px}.button[data-v-1a8cc449]{padding:8px 11px;font-size:12px}.layout[data-v-1a8cc449]{padding:16px 12px;gap:14px}.illustration[data-v-1a8cc449]{padding:8px}.answer-card[data-v-1a8cc449]{padding:10px 11px}.celebration-card[data-v-1a8cc449]{margin:16px;padding:22px}.celebration-card h2[data-v-1a8cc449]{font-size:24px}}html,body,#app{min-width:320px;min-height:100%;margin:0}body{min-height:100vh}button{-webkit-tap-highlight-color:transparent}