:root{color-scheme:light;font-family:"Chalkboard SE","Comic Sans MS","Arial Rounded MT Bold",system-ui,sans-serif}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#e8d3b5}body{overflow-x:hidden}button{-webkit-tap-highlight-color:transparent;font:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible{outline:3px solid #2c74a0;outline-offset:-4px}
.playroom{min-height:100svh;display:flex;align-items:center;justify-content:center;position:relative;background:#e8d3b5}.scene{position:relative;width:min(100vw,150svh);aspect-ratio:3/2;container-type:inline-size;isolation:isolate;overflow:hidden}.scene-image{display:block;width:100%;height:100%;user-select:none;pointer-events:none}.hotspot{position:absolute;border:0;background:transparent;padding:0;color:transparent;z-index:3;border-radius:20%}.kitten{left:3%;top:25%;width:36%;height:53%;border-radius:45%}.ball{left:38%;top:43%;width:23%;height:37%;border-radius:48%}.car{left:67.2%;top:45.3%;width:29%;height:35%;border-radius:35%}.replay{left:56.9%;top:14.6%;width:12%;height:16.5%;border-radius:50%}.bubble{left:24.4%;top:12.1%;width:31.5%;height:16.6%;border-radius:45%}
.speech-text{position:absolute;left:31.4%;top:17.2%;width:22.1%;height:7.5%;display:flex;align-items:center;justify-content:center;color:#5e5048;font-size:2.65cqw;font-weight:800;line-height:1.13;text-align:center;z-index:2;pointer-events:none;text-shadow:0 .08cqw .06cqw #c3a58b80}.live{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}.portrait-note{display:none}.audio-notice{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);max-width:90vw;background:#fff3d8ee;padding:12px 20px;color:#6d5741;z-index:20;border-radius:16px;font:14px/1.5 system-ui,sans-serif;box-shadow:0 5px 20px #48321b22}.audio-notice[hidden]{display:none}

@media(orientation:portrait){.playroom{flex-direction:column;justify-content:center;gap:24px;padding-bottom:env(safe-area-inset-bottom)}.scene{width:100vw}.portrait-note{display:block;margin:0;padding:0 16px;text-align:center;color:#88735b;font:13px/1.6 system-ui,sans-serif}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}