:root{color:#14213d;background:#f6f8fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px}button,input{font:inherit}button{cursor:pointer}button:disabled,input:disabled{cursor:not-allowed;opacity:.65}.app-page{min-height:100vh;padding:calc(20px + env(safe-area-inset-top)) 10px calc(12px + env(safe-area-inset-bottom))}.app-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 auto 12px;max-width:1180px}.app-header h1{margin:0;color:#0f172a;font-size:1.25rem;font-weight:760;letter-spacing:0}.app-header p{margin:2px 0 0;color:#475569;font-size:.9rem}.game-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;max-width:1180px;margin:0 auto}.scene-panel{position:relative;overflow:hidden;border:1px solid #cbd5e1;border-radius:8px;background:#ffffff;box-shadow:0 10px 24px #0f172a14}.phaser-canvas{display:grid;width:100%;aspect-ratio:3 / 2;place-items:center;background:#e2e8f0}.phaser-canvas canvas{display:block;width:100%!important;height:100%!important}.inventory-overlay{position:absolute;right:8px;bottom:8px;left:8px;display:flex;align-items:center;justify-content:flex-start;gap:6px;overflow-x:auto;pointer-events:none}.inventory-chip{display:inline-flex;min-height:28px;flex:0 0 auto;align-items:center;border:1px solid rgb(148 163 184 / .45);border-radius:999px;padding:4px 9px;color:#0f172a;background:rgb(255 255 255 / .86);box-shadow:0 4px 12px #0f172a1f;font-size:.82rem;font-weight:740}.control-panel{display:grid;gap:0}.control-panel .panel{border-radius:0}.control-panel .panel:first-child{border-radius:8px 8px 0 0}.control-panel .panel:last-child{border-radius:0 0 8px 8px}.control-panel .panel+.panel{border-top:0}.panel{border:1px solid #d7dee8;border-radius:8px;background:#ffffff;padding:10px}.panel h2{margin:0;color:#172033;font-size:.95rem;font-weight:760;letter-spacing:0}.fox-avatar{position:relative;display:grid;overflow:hidden;width:38px;height:38px;flex:0 0 auto;place-items:center;border:1px solid #9a3412;border-radius:12px 12px 15px 15px;background:radial-gradient(circle at 42% 35%,#ffffff 0 1px,transparent 1.5px),radial-gradient(circle at 58% 35%,#ffffff 0 1px,transparent 1.5px),radial-gradient(circle at 41% 39%,#111827 0 2.4px,transparent 2.8px),radial-gradient(circle at 59% 39%,#111827 0 2.4px,transparent 2.8px),radial-gradient(circle at 41% 38%,#fff7ed 0 5px,transparent 5.4px),radial-gradient(circle at 59% 38%,#fff7ed 0 5px,transparent 5.4px),linear-gradient(132deg,transparent 0 17%,#fed7aa 18% 27%,transparent 28%),linear-gradient(228deg,transparent 0 17%,#fed7aa 18% 27%,transparent 28%),radial-gradient(ellipse at 50% 69%,#fff7ed 0 17%,transparent 17.8%),linear-gradient(135deg,#fb923c 0 48%,#ea580c 49% 100%);clip-path:polygon(8% 4%,33% 13%,50% 5%,67% 13%,92% 4%,81% 36%,90% 57%,66% 88%,50% 94%,34% 88%,10% 57%,19% 36%)}.fox-avatar:before{position:absolute;top:23px;left:50%;width:7px;height:5px;border-radius:50%;background:#111827;content:"";transform:translate(-50%);z-index:2}.fox-avatar:after{position:absolute;top:27px;left:50%;width:12px;height:7px;background:#fff7ed;clip-path:polygon(0 0,50% 100%,100% 0);content:"";transform:translate(-50%);z-index:0}.task-copy:after{display:block;clear:both;content:""}.task-panel .fox-avatar{float:left;margin:1px 9px 3px 0}.task-text{margin:0;color:#0f172a;font-size:1.05rem;font-weight:520}.task-phrase-toggle{display:inline;border:0;padding:0;color:#0f172a;background:transparent;font-weight:820;text-align:left;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.task-phrase-toggle:focus-visible{border-radius:4px;outline:3px solid rgb(37 99 235 / .25);outline-offset:3px}.practice-suggestion{border-top:1px solid #e2e8f0;margin-top:8px;padding-top:8px;font-size:.98rem}.hint-text,.muted-text,.micro-feedback{margin:8px 0 0;color:#64748b;font-size:.88rem}.input-panel{padding:8px 10px}.answer-form{display:grid;gap:8px;margin-top:0}.answer-form input{width:100%;min-height:44px;border:1px solid #b8c5d6;border-radius:8px;padding:0 14px;color:#0f172a;background:#f8fafc;outline:none}.answer-form input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb29}.voice-row{display:flex;min-height:62px;align-items:center;justify-content:space-between;gap:12px}.text-fallback-toggle{min-height:38px;border:0;border-radius:999px;padding:0 12px;color:#334155;background:#f1f5f9;font-size:.88rem;font-weight:760}.text-fallback-toggle:disabled{color:#64748b;background:#e2e8f0}.mic-button{position:relative;display:inline-grid;width:62px;height:62px;flex:0 0 auto;place-items:center;border:2px solid #1d4ed8;border-radius:50%;color:#fff;background:#1d4ed8;font-size:.88rem;font-weight:840;box-shadow:0 8px 16px #1d4ed83d}.mic-button:disabled{border-color:#cbd5e1;color:#64748b;background:#e2e8f0;box-shadow:none}.mic-button.is-listening{border-color:#fecaca;color:transparent;background:#ffffff;box-shadow:0 0 0 5px #dc26261f}.mic-button .record-dot{position:absolute;top:50%;left:50%;display:none;width:14px;height:14px;border-radius:50%;background:#dc2626;box-shadow:0 0 #dc262670;transform:translate(-50%,-50%)}.mic-button.is-listening .record-dot{display:block;animation:listening-pulse 1.2s infinite}.text-fallback-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.submit-fallback-button{min-height:44px}.input-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.completion-actions-panel{padding:10px}.completion-actions{margin:0}.icon-button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:8px;border:0;border-radius:8px;padding:0 12px;color:#fff;background:#1d4ed8;font-weight:720}.icon-button+.icon-button{background:#0f766e}.secondary-button{min-height:40px;flex:0 0 auto;color:#334155;background:#e2e8f0}@keyframes listening-pulse{70%{box-shadow:0 0 0 8px #dc262600}to{box-shadow:0 0 #dc262600}}.status-badge{display:inline-flex;min-height:28px;align-items:center;border-radius:999px;padding:4px 10px;white-space:nowrap;font-size:.78rem;font-weight:760}.status-badge-neutral{color:#334155;background:#e2e8f0}.status-badge-success{color:#14532d;background:#bbf7d0}.status-badge-warning{color:#7c2d12;background:#fed7aa}.progress-track{position:relative;overflow:hidden;width:100%;height:22px;margin-top:0;border-radius:999px;background:#e2e8f0}.progress-fill{height:100%;border-radius:inherit;background:#16a34a;transition:width .16s ease}.progress-label{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:.82rem;font-weight:820;text-shadow:0 1px 2px rgb(15 23 42 / .45)}.attempts-panel{padding:8px 10px}.attempt-live-line{display:flex;min-height:34px;align-items:center;gap:8px;color:#1e3a8a;font-size:.9rem}.attempt-live-dot{width:9px;height:9px;flex:0 0 auto;border-radius:50%;background:#dc2626;box-shadow:0 0 #dc262670;animation:listening-pulse 1.2s infinite}.attempt-list{display:grid;gap:8px;max-height:220px;margin:6px 0 0;overflow-y:auto;padding:0 4px 0 0;list-style:none;overscroll-behavior:contain}.attempt-list li{display:flex;min-height:40px;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #edf2f7;padding-bottom:8px}.attempt-input{overflow-wrap:anywhere;color:#0f172a;font-weight:650}.app-error{display:grid;place-items:center}.app-error pre{max-width:min(720px,100%);overflow:auto;border:1px solid #fecaca;border-radius:8px;padding:16px;color:#7f1d1d;background:#fff1f2}.bottom-nav{display:flex;max-width:1180px;justify-content:center;margin:8px auto 0}.bottom-nav .icon-button{width:100%}.start-page{display:grid;min-height:100vh;align-items:center}.start-panel{display:grid;gap:16px;width:min(100%,560px);margin:0 auto;border:1px solid #d7dee8;border-radius:8px;padding:18px;background:#ffffff;box-shadow:0 14px 32px #0f172a1a}.start-fox{width:56px;height:56px}.start-kicker,.start-progress{margin:0;color:#64748b;font-size:.85rem;font-weight:720}.start-panel h1{margin:4px 0 0;color:#0f172a;font-size:1.35rem;line-height:1.16;letter-spacing:0}.start-subtitle,.start-message{margin:10px 0 0;color:#475569;font-size:.98rem}.start-message{border-left:4px solid #fb923c;padding-left:12px;color:#172033;font-weight:650}.start-progress{margin-top:12px}.start-actions{display:grid;gap:10px}.start-actions .icon-button{width:100%}.start-actions .icon-button:nth-child(2){background:#334155}.start-actions .icon-button:nth-child(3){background:#0f766e}.stage-list-panel{display:grid;gap:10px;border-top:1px solid #e2e8f0;padding-top:14px}.stage-list-panel h2{margin:0;color:#172033;font-size:.98rem;font-weight:760;letter-spacing:0}.stage-list{display:grid;gap:8px}.stage-option{display:flex;width:100%;min-height:58px;align-items:center;justify-content:space-between;gap:10px;border:1px solid #d7dee8;border-radius:8px;padding:10px;color:#0f172a;background:#f8fafc;text-align:left}.stage-option:not(:disabled):hover{border-color:#93c5fd;background:#eff6ff}.stage-option-main{display:grid;min-width:0;gap:2px}.stage-option-main strong{overflow-wrap:anywhere;font-size:.94rem}.stage-option-main span{color:#64748b;font-size:.82rem;font-weight:650}@media (min-width: 860px){.app-page{padding:calc(22px + env(safe-area-inset-top)) 22px calc(18px + env(safe-area-inset-bottom))}.app-header{margin-bottom:16px}.app-header h1{font-size:1.55rem}.bottom-nav .icon-button{width:auto}.game-layout{grid-template-columns:minmax(0,1.55fr) minmax(320px,.75fr);gap:12px;align-items:start}.control-panel{position:sticky;top:18px}}