*{box-sizing:border-box}body{margin:0;font-family:Arial Rounded MT Bold,Arial,sans-serif;background:#b8ecff;color:#173d25;text-align:center;min-height:100vh}main{max-width:760px;margin:auto;min-height:100vh;background:#fff;overflow:hidden}header{padding:18px 12px 8px}h1{margin:0;font-size:clamp(42px,10vw,72px);letter-spacing:5px;color:#fff;text-shadow:0 5px #287743,0 8px 15px #0003}header p{margin:4px;font-size:20px}.stage{position:relative;height:min(68vh,650px);min-height:430px;overflow:hidden;background:url('/Cheerful%20Dino%20Forest%20Clearing.png') center center/cover no-repeat}#dino{position:absolute;z-index:2;bottom:-4%;left:50%;transform:translateX(-50%);width:min(78%,560px);max-height:78%;object-fit:contain}.bubble{position:absolute;z-index:3;top:2%;left:5%;max-width:48%;background:#fff;border:4px solid #244d31;border-radius:22px;padding:12px;font-size:clamp(14px,3vw,20px);box-shadow:0 6px 0 #244d3133}.controls{position:relative;z-index:4;background:#f8f1d4;padding:16px 14px 12px;border-top:5px solid #417d3a}button{display:block;width:min(92%,520px);margin:0 auto 10px;border:0;border-radius:20px;font-weight:900;cursor:pointer;box-shadow:0 6px 0 #1e5b34;font-size:19px;padding:16px}.talk{background:#55bd57;color:white}.talk:active,.fact:active{transform:translateY(4px);box-shadow:0 2px 0 #1e5b34}.fact{background:#ffd75e;color:#31512f}#status{margin:8px 0 0;font-size:14px;color:#56705b}footer{background:#f8f1d4;padding:5px 10px 16px;font-size:12px;color:#68776b}@media(max-width:480px){.stage{height:52vh;min-height:350px}.bubble{max-width:58%}}