:root{color:#1e1b4b;font-synthesis:none;text-rendering:optimizelegibility;background:#eef2ff;font-family:Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100vh;margin:0}body{background:linear-gradient(#eef2ff 0%,#fdf4ff 100%)}.screen{max-width:560px;padding:16px 16px calc(16px + env(safe-area-inset-bottom));flex-direction:column;gap:16px;margin:0 auto;display:flex}.title{text-align:center;color:#4f46e5;margin:8px 0 0;font-size:1.6rem}.subtitle{text-align:center;color:#6b7280;margin:0}.card{background:#fff;border-radius:16px;padding:16px;box-shadow:0 2px 8px #4f46e51f}.label{margin-bottom:8px;font-weight:600;display:block}.row{align-items:center;gap:8px;display:flex}.input{border:2px solid #c7d2fe;border-radius:12px;outline:none;flex:1;min-width:0;padding:12px;font-size:1rem}.input:focus{border-color:#4f46e5}.btn{color:#1f2937;cursor:pointer;touch-action:manipulation;background:#e5e7eb;border:none;border-radius:12px;padding:12px 18px;font-size:1rem;font-weight:600}.btn:active{transform:scale(.96)}.btn-primary{color:#fff;background:#4f46e5}.btn-small{padding:8px 12px;font-size:.9rem}.hello{text-align:center;margin:0;font-size:1.1rem}.games{grid-template-columns:1fr;gap:12px;display:grid}.game-card{cursor:pointer;text-align:left;touch-action:manipulation;background:#fff;border:3px solid #c7d2fe;border-radius:16px;align-items:center;gap:12px;padding:16px;display:flex}.game-card:active{transform:scale(.98)}.game-emoji{font-size:2.2rem}.game-name{flex:1;font-size:1.15rem;font-weight:700}.game-record{color:#6b7280;font-size:.9rem}.quiz-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.quiz-progress{color:#4f46e5;font-weight:600}.story-card p{margin:0;line-height:1.45}.speech{background:#fff;border:3px solid #4f46e5;border-radius:16px;align-items:center;gap:10px;padding:10px 14px;display:flex;position:relative;box-shadow:0 2px 8px #4f46e51f}.speech:after{content:"";border:6px solid #0000;border-top-color:#4f46e5;position:absolute;bottom:-12px;left:32px}.speech-emoji{font-size:2rem}.speech-text{font-weight:600;line-height:1.35}.mode-picker{grid-template-columns:1fr 1fr;gap:10px;display:grid}.mode-btn{color:#1e1b4b;cursor:pointer;touch-action:manipulation;background:#fff;border:3px solid #c7d2fe;border-radius:14px;padding:14px 8px;font-size:1rem;font-weight:700}.mode-btn-on{background:#eef2ff;border-color:#4f46e5}.draw-scene{touch-action:none;background:#fff;border:3px solid #1e1b4b;border-radius:16px;width:100%}.draw-path{stroke:#4f46e5;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.draw-check{stroke:#16a34a;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.stick-stroke{stroke:#1e1b4b;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.stick-fill{fill:#fff}.stick-label{fill:#4338ca;paint-order:stroke;stroke:#fff;stroke-width:1.6px;font-family:Comic Sans MS,Segoe Print,Chalkboard SE,cursive;font-size:5px;font-weight:700}.stick-figure line,.stick-figure circle,.stick-figure polygon,.stick-figure rect{stroke:#1e1b4b;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.stick-figure circle,.stick-figure polygon,.stick-figure rect{fill:#fff}@keyframes leg-walk{0%,to{transform:rotate(0)}50%{transform:rotate(24deg)}}.stick-leg-walk{transform-origin:0 -2px;animation:.35s ease-in-out infinite leg-walk}.draw-hint{text-align:center;color:#6b7280;margin:0;font-weight:600}.tray{gap:10px;padding:4px 2px 8px;display:flex;overflow-x:auto}.tray-box{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#fff;border:3px solid #1e1b4b;border-radius:12px;flex-direction:column;flex:none;align-items:center;gap:4px;min-width:92px;padding:12px 10px;font-size:1.8rem;display:flex;box-shadow:3px 3px #1e1b4b}.tray-name{color:#1e1b4b;font-size:.8rem;font-weight:700}.tray-ghost{pointer-events:none;z-index:50;filter:drop-shadow(0 4px 6px #0000004d);font-size:2.2rem;position:fixed;transform:translate(-50%,-60%)}.scene{border-radius:16px;gap:8px;padding:12px;display:grid}.scene-cell{aspect-ratio:1;cursor:default;touch-action:manipulation;background:#ffffff8c;border:none;border-radius:12px;justify-content:center;align-items:center;font-size:clamp(1.6rem,8vw,2.4rem);display:flex}.scene-cell-obstacle{cursor:pointer;background:#fff;border:3px dashed #f59e0b;animation:1.6s infinite pulse}.scene-cell-selected{border:3px solid #4f46e5;animation:none}.scene-cell:disabled:not(.scene-cell-obstacle){opacity:1}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.challenge-card{border:3px solid #4f46e5}.challenge-question{margin:0 0 12px;font-weight:600}.challenge-tip{color:#6b7280;margin-top:4px;font-weight:400;display:block}.options{gap:10px;display:grid}.option{cursor:pointer;touch-action:manipulation;background:#eef2ff;border:2px solid #c7d2fe;border-radius:12px;padding:14px;font-size:1.05rem}.option:active{transform:scale(.98)}.option-correct{background:#d1fae5;border-color:#10b981}.option-wrong{background:#fee2e2;border-color:#ef4444;animation:.4s shake}.option-dim{opacity:.5}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.result-card{text-align:center;margin-top:24px}.stars{letter-spacing:8px;margin:8px 0;font-size:2.6rem}.star{filter:grayscale();opacity:.35}.star-on{filter:none;opacity:1}.result-detail{color:#6b7280;margin:8px 0}.result-actions{flex-wrap:wrap;justify-content:center;margin-top:16px}@media (width>=480px){.games{grid-template-columns:1fr 1fr}}