.reaction-game[data-astro-cid-z2ssnzrr]{--bg-1: #fffbf0;--bg-2: #f6eddc;--panel: #fffdf7;--ink: #2f2a24;--muted: #6b6257;--primary: #4a7c59;--secondary: #d4a373;--accent: #e76f51;--ok: #13955a;--bad: #c9382d;position:relative;width:min(860px,94vw);margin:2rem auto;padding:1rem;border-radius:24px;background:var(--bg-1);box-shadow:0 12px #4a7c592e,0 18px 34px #0000001a;border:2px solid rgba(212,163,115,.45);font-family:Fredoka,Trebuchet MS,Segoe UI,sans-serif;color:var(--ink)}.hud[data-astro-cid-z2ssnzrr]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:.75rem}.hud-card[data-astro-cid-z2ssnzrr]{background:var(--panel);border-radius:14px;border:2px solid rgba(212,163,115,.35);padding:.9rem 1rem;display:flex;flex-direction:column;gap:.25rem;box-shadow:0 4px 14px #00000014}.hud-label[data-astro-cid-z2ssnzrr]{font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.hud-value[data-astro-cid-z2ssnzrr]{font-size:2rem;font-weight:800}.score-card[data-astro-cid-z2ssnzrr]{border:2px solid var(--primary);box-shadow:0 8px 16px #4a7c5938}.score-card[data-astro-cid-z2ssnzrr] .hud-label[data-astro-cid-z2ssnzrr]{color:var(--primary)}.score-card[data-astro-cid-z2ssnzrr] .hud-value[data-astro-cid-z2ssnzrr]{font-size:clamp(2.2rem,6vw,3rem);line-height:1}.audio-loading[data-astro-cid-z2ssnzrr]{margin-top:.85rem;border-radius:12px;background:#ffffffe0;border:1px solid rgba(74,124,89,.28);padding:.55rem .8rem;display:flex;align-items:center;gap:.6rem}.audio-loading[data-astro-cid-z2ssnzrr].hidden{display:none}.audio-loading-text[data-astro-cid-z2ssnzrr]{margin:0;font-size:.95rem;font-weight:700;color:var(--primary)}.stage[data-astro-cid-z2ssnzrr]{margin-top:.85rem;min-height:350px;background:var(--panel);border-radius:18px;display:grid;place-items:center;padding:1rem;box-shadow:inset 0 0 0 2px #1218280a}.stage-visual[data-astro-cid-z2ssnzrr]{width:100%;min-height:300px;border-radius:14px;position:relative;overflow:hidden;display:grid;place-items:center;text-align:center;padding:1.2rem;transition:background .12s ease}.stage-visual[data-astro-cid-z2ssnzrr].neutral{background:#f4ead7}.stage-visual[data-astro-cid-z2ssnzrr].speaking{background:#dceedd;animation:speaking-pulse 1.2s ease-in-out infinite}.stage-visual[data-astro-cid-z2ssnzrr].correct{background:#d5ffe8;animation:flash-correct .8s ease}.stage-visual[data-astro-cid-z2ssnzrr].wrong{background:#ffe2de;animation:flash-wrong .8s ease}.placeholder-icon[data-astro-cid-z2ssnzrr]{font-size:clamp(4rem,10vw,6rem);line-height:1;margin-bottom:.6rem;z-index:2}.placeholder-icon[data-astro-cid-z2ssnzrr].speaking{animation:speaker-bounce .9s ease-in-out infinite}.feedback-image[data-astro-cid-z2ssnzrr]{position:absolute;top:50%;width:clamp(120px,24vw,220px);max-height:82%;object-fit:contain;pointer-events:none;opacity:0;z-index:1}.feedback-image[data-astro-cid-z2ssnzrr].left{left:.5rem}.feedback-image[data-astro-cid-z2ssnzrr].right{right:.5rem}.feedback-image[data-astro-cid-z2ssnzrr].hidden{display:none}.feedback-image[data-astro-cid-z2ssnzrr].show.left{display:block;animation:pop-in-left .8s ease forwards}.feedback-image[data-astro-cid-z2ssnzrr].show.right{display:block;animation:pop-in-right .8s ease forwards}.stage-title[data-astro-cid-z2ssnzrr]{margin:0;font-size:clamp(1.3rem,3.2vw,2rem);font-weight:800;z-index:2}.stage-subtitle[data-astro-cid-z2ssnzrr]{margin:.4rem 0 0;font-size:1rem;color:var(--muted);z-index:2;white-space:pre-line}.controls[data-astro-cid-z2ssnzrr]{margin-top:.85rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.input-btn[data-astro-cid-z2ssnzrr]{border:none;border-radius:14px;background:#6b3f21;color:#fffdf7;border:2px solid #4f2d16;font-size:clamp(2rem,5vw,2.5rem);font-weight:800;height:76px;cursor:pointer;transition:transform .07s ease,filter .12s ease}.input-btn[data-astro-cid-z2ssnzrr]:disabled{cursor:not-allowed;opacity:.5}.input-btn[data-astro-cid-z2ssnzrr]:not(:disabled):active{transform:scale(.96)}.input-btn[data-astro-cid-z2ssnzrr].correct-answer{background:#22c55e!important;color:#052e16!important;outline:4px solid #fde047;box-shadow:0 0 0 6px #22c55e59;transform:scale(1.03)}.input-btn[data-astro-cid-z2ssnzrr].correct-answer:disabled{opacity:1!important;filter:none!important;cursor:default}.meta-row[data-astro-cid-z2ssnzrr]{margin-top:.85rem;display:flex;gap:.75rem;align-items:center;justify-content:space-between;flex-wrap:wrap}.start-btn[data-astro-cid-z2ssnzrr]{border:none;border-radius:12px;background:#7a4a2a;color:#fffdf7;border:2px solid #5a351d;font-size:1rem;font-weight:700;padding:.7rem 1rem;cursor:pointer;box-shadow:0 4px #4a2b17}.start-btn[data-astro-cid-z2ssnzrr]:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #4a2b17}.start-btn[data-astro-cid-z2ssnzrr]:disabled{cursor:not-allowed;opacity:.55}.mode-btn[data-astro-cid-z2ssnzrr]{margin-left:auto;border:2px solid #5a351d;border-radius:12px;background:#f0decf;color:#4a2b17;font-size:1rem;font-weight:700;padding:.58rem .9rem;cursor:pointer;transition:transform .08s ease,box-shadow .15s ease,background .15s ease}.mode-btn[data-astro-cid-z2ssnzrr].active{background:#6b3f21;color:#fffdf7;box-shadow:0 0 0 3px #6b3f2140;transform:translateY(-1px)}.mode-btn[data-astro-cid-z2ssnzrr].hidden{display:none}.finish-popup[data-astro-cid-z2ssnzrr]{position:absolute;inset:0;z-index:30;display:grid;place-items:center;border-radius:24px;background:#0c14268f;backdrop-filter:blur(3px);padding:1rem}.finish-popup[data-astro-cid-z2ssnzrr].hidden{display:none}.finish-card[data-astro-cid-z2ssnzrr]{position:relative;width:min(480px,92%);border-radius:20px;padding:1.2rem 1rem;text-align:center;color:#fff;background:#4a7c59;box-shadow:0 18px 46px #0000005c;animation:finish-pop .24s ease-out}.finish-close[data-astro-cid-z2ssnzrr]{position:absolute;top:.4rem;right:.4rem;width:2.75rem;height:2.75rem;border:none;border-radius:999px;background:#dc2626;color:#fff;font-size:1.1rem;font-weight:800;line-height:1;cursor:pointer;display:grid;place-items:center;z-index:2;touch-action:manipulation}.finish-close[data-astro-cid-z2ssnzrr]:focus-visible{outline:3px solid #ffffff;outline-offset:2px}.finish-label[data-astro-cid-z2ssnzrr]{margin:0;letter-spacing:.08em;text-transform:uppercase;font-weight:800;font-size:.86rem;opacity:.92}.finish-score[data-astro-cid-z2ssnzrr]{margin:.25rem 0;line-height:1;font-size:clamp(3rem,12vw,6rem);font-weight:900;text-shadow:0 4px 12px rgba(0,0,0,.22)}.finish-meta[data-astro-cid-z2ssnzrr]{margin:0;font-size:1rem;font-weight:700;opacity:.95}@keyframes flash-correct{0%{transform:scale(1)}30%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes speaking-pulse{0%{box-shadow:inset 0 0 #4a7c5929}50%{box-shadow:inset 0 0 0 5px #4a7c5914}to{box-shadow:inset 0 0 #4a7c5929}}@keyframes speaker-bounce{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes flash-wrong{0%{transform:translate(0)}30%{transform:translate(4px)}60%{transform:translate(-4px)}to{transform:translate(0)}}@keyframes finish-pop{0%{opacity:0;transform:scale(.94) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes pop-in-left{0%{opacity:0;transform:translate(-28px,-50%) scale(.8) rotate(-5deg)}25%{opacity:1;transform:translate(-10px,-50%) scale(1.04) rotate(-2deg)}75%{opacity:1;transform:translate(-12px,-50%) scale(1) rotate(-1deg)}to{opacity:0;transform:translate(-18px,-50%) scale(.95) rotate(-2deg)}}@keyframes pop-in-right{0%{opacity:0;transform:translate(28px,-50%) scale(.8) rotate(5deg)}25%{opacity:1;transform:translate(10px,-50%) scale(1.04) rotate(2deg)}75%{opacity:1;transform:translate(12px,-50%) scale(1) rotate(1deg)}to{opacity:0;transform:translate(18px,-50%) scale(.95) rotate(2deg)}}@media(max-width:640px){.reaction-game[data-astro-cid-z2ssnzrr]{margin:1rem auto;padding:.8rem}.stage[data-astro-cid-z2ssnzrr]{min-height:280px}.stage-visual[data-astro-cid-z2ssnzrr]{min-height:230px}}.directions-page[data-astro-cid-rbe7b42e]{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(160deg,#f4fbff,#f7f3ff);padding-bottom:1.5rem}