:root{--bg:#fff4dc;--ink:#3d2c1e;--muted:#7a6650;--accent:#e8622c;--dog:#ffd9a8;--ball:#bfe3f5;--banana:#fff0a0;--error:#b3261e}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Malgun Gothic,sans-serif;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;border:0}.start{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;padding:24px;display:flex}.start h1{font-size:36px}.start-button{background:var(--accent);color:#fff;border-radius:50%;width:200px;height:200px;margin-top:32px;font-size:40px;font-weight:700;box-shadow:0 10px #b8481c}.start-button:active{transform:translateY(6px);box-shadow:0 4px #b8481c}.start-button:disabled{background:#c9b9a3;font-size:28px;box-shadow:0 10px #a8977f}.session{height:100%;padding:calc(env(safe-area-inset-top) + 12px) 12px calc(env(safe-area-inset-bottom) + 8px);flex-direction:column;gap:10px;display:flex}.page{background:#fff;border-radius:28px;flex-direction:column;flex:1;align-items:center;gap:8px;min-height:0;padding:12px 12px 20px;display:flex}.page img{object-fit:contain;pointer-events:none;flex:1;width:100%;min-height:0}.page-text{font-size:40px;font-weight:700}.controls{gap:10px;display:flex}.controls button{border-radius:18px;height:60px;font-size:20px;font-weight:700}.control-back{background:#f0e2c6;width:72px;font-size:32px}.control-back:disabled{opacity:.35}.control-next{background:var(--accent);color:#fff;flex:1}.session>.error{color:var(--error);text-align:center;font-size:15px}.guide{-webkit-overflow-scrolling:touch;-webkit-user-select:text;user-select:text;flex:1;min-height:0;padding:8px 8px 16px;overflow-y:auto}.guide h2{font-size:26px;line-height:1.3}.guide-lead{color:var(--muted);margin-top:8px;font-size:16px}.guide section{background:#fff;border-radius:18px;margin-top:14px;padding:14px 16px;font-size:16px;line-height:1.45}.guide h3{color:var(--muted);font-size:15px}.guide-say{margin:2px 0 6px;font-size:24px;font-weight:700}.guide-tip{color:var(--muted);margin-top:14px;font-size:15px;line-height:1.45}.tiles{flex-direction:column;flex:1;gap:12px;min-height:0;display:flex}.tile{border-radius:28px;flex:1;justify-content:center;align-items:center;min-height:0;padding:8px;display:flex}.tile img{object-fit:contain;pointer-events:none;width:100%;height:100%}.tile-dog{background:var(--dog)}.tile-ball{background:var(--ball)}.tile-banana{background:var(--banana)}.is-playing img{animation:.5s bounce}@keyframes bounce{40%{transform:scale(1.15)}}@media (prefers-reduced-motion:reduce){.is-playing img{animation:none}}