:root{font-family:ui-rounded,"Hiragino Maru Gothic ProN","Arial Rounded MT Bold",system-ui,sans-serif;color:#29475e;background:#a5e7f3;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button,input,label{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:0}button:focus-visible,label:focus-within{outline:3px solid #29475e;outline-offset:4px}[hidden]{display:none!important}#game{position:relative;height:100dvh;width:100%;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;background:linear-gradient(#99def5,#d6f8f6)}header{position:absolute;top:max(10px,env(safe-area-inset-top));left:max(22px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));display:flex;justify-content:space-between;align-items:center;z-index:8;pointer-events:none}.brand{font-weight:900;font-size:22px;letter-spacing:2px;color:#fff;text-shadow:0 2px 0 #53a7bd}.brand span{font-size:13px;margin-left:6px}.parent{pointer-events:auto;border:2px solid #fff9;background:#fff8;color:#496b7b;width:64px;height:54px;border-radius:20px;position:relative;overflow:hidden;touch-action:none}.parent:before{content:"";position:absolute;inset:0;background:#ffd97b;transform:scaleX(var(--hold,0));transform-origin:left;z-index:-1}.parent span{font-size:23px;display:block;line-height:1}.parent small{font-size:10px}.scenery{position:absolute;inset:0;pointer-events:none}.sun{position:absolute;color:#ffce67;font-size:100px;top:45px;right:100px;opacity:.8}.cloud{position:absolute;width:120px;height:32px;background:#fff9;border-radius:60px}.cloud:before,.cloud:after{content:"";position:absolute;background:inherit;border-radius:50%;bottom:10px;width:52px;height:52px;left:18px}.cloud:after{width:64px;height:64px;left:50px}.c1{left:7%;top:30%}.c2{left:48%;top:19%;transform:scale(.65)}.c3{right:5%;top:60%;transform:scale(.8)}.hill{position:absolute;bottom:-100px;width:80%;height:150px;border-radius:50% 50% 0 0;background:#94dbae}.h1{left:-20%;transform:rotate(6deg)}.h2{right:-15%;background:#b2e6b0;transform:rotate(-5deg)}#balloons,#effects{position:absolute;inset:0;pointer-events:none}.balloon{position:absolute;width:clamp(104px,15vw,138px);height:clamp(126px,35vh,164px);padding:0;background:none;will-change:transform;pointer-events:auto;touch-action:none;color:#fff;filter:drop-shadow(0 7px 0 #33869b16)}.balloon svg{width:100%;height:100%;overflow:visible}.balloon text{font-family:Arial,sans-serif;font-weight:700;paint-order:stroke;stroke:#0002;stroke-width:.5px}.letter{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%) scale(.7);font-size:clamp(94px,25vh,150px);font-weight:900;color:#fff;letter-spacing:5px;text-shadow:0 5px 0 #5277ba,0 8px 22px #5674a144;pointer-events:none;opacity:0;z-index:5}.letter.visible{opacity:1;transform:translate(-50%,-50%) scale(1);transition:transform .22s cubic-bezier(.2,1.5,.5,1),opacity .15s}.spark{position:absolute;font-size:24px;color:var(--color);animation:burst .65s ease-out forwards;pointer-events:none}@keyframes burst{from{opacity:1;transform:translate(0,0) scale(.5)}to{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(80deg) scale(1.2)}}.screen{position:absolute;inset:0;z-index:7;display:flex;justify-content:center;align-items:center;background:#b8ecf45e;backdrop-filter:blur(5px);padding:12px max(18px,env(safe-area-inset-right)) 12px max(18px,env(safe-area-inset-left))}.home-card,.menu-card{text-align:center;border:3px solid #fff;background:#fffdf3f5;box-shadow:0 10px 0 #528fa51a;border-radius:32px;padding:20px 34px;max-height:calc(100dvh - 24px);overflow:auto;touch-action:pan-y}.eyebrow{font-weight:800;font-size:11px;letter-spacing:4px;margin:0;color:#6698a2}h1{font-size:clamp(26px,5vw,42px);margin:8px 0 6px;letter-spacing:1px}h1 span:nth-child(1){color:#ee7589}h1 span:nth-child(2){color:#e6af3e}h1 span:nth-child(3){color:#5a9edd}.home-card p{margin:8px 0 12px}.primary,.secondary{border-radius:20px;padding:12px 28px;font-weight:800;font-size:18px;min-height:48px}.primary{background:#f58b93;color:#fff;box-shadow:0 5px 0 #df6c7b}.primary:active{transform:translateY(3px);box-shadow:0 2px 0 #df6c7b}.primary:disabled{opacity:.6;cursor:wait}.primary span{margin-left:20px}.secondary{background:#e7eef2;color:#526878}.status{font-size:12px;color:#58717c;min-height:16px}.home-card small{font-size:11px;color:#718794}.menu-card{width:min(540px,90vw);padding:14px 26px;border-radius:26px}.menu-card h2{font-size:21px;margin:0 0 8px}fieldset{border:0;margin:0 0 10px;padding:0}legend{font-size:12px;margin-bottom:5px;font-weight:700;text-align:left}.choices{display:flex;gap:8px}.choices label{flex:1;background:#eaf2f4;padding:9px 8px;border-radius:13px;font-size:13px;cursor:pointer;min-height:42px;display:flex;align-items:center;justify-content:center;gap:6px}.choices label:has(input:checked){background:#ffe6a1;box-shadow:inset 0 0 0 2px #e8bc50}.choices input{accent-color:#e8a13d}.choices b{font-size:17px}.sound-setting{display:flex;gap:10px;align-items:center;font-size:13px;min-height:32px}.sound-setting input{width:20px;height:20px;accent-color:#ed8390}.menu-actions{display:flex;gap:12px;justify-content:center}.menu-actions button{font-size:15px;padding:8px 25px;min-height:42px}.menu-card .status{margin:5px 0 8px}.rotate{display:none}@media(orientation:portrait){.rotate{display:flex;position:absolute;inset:0;z-index:20;background:#b8edf5;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:20px}.rotate span{font-size:90px;color:#f28c99}.rotate p{font-size:23px;font-weight:800}.rotate small{font-size:12px}}@media(max-height:350px){header{top:5px}.home-card{padding:12px 25px}.home-card p{margin:5px 0}.menu-card{padding:10px 20px}.menu-card h2{font-size:17px}fieldset{margin-bottom:5px}.choices label{padding:6px;min-height:36px}.menu-actions button{min-height:36px}.parent{height:46px}}@media(prefers-reduced-motion:reduce){.spark{animation-duration:.2s}.letter.visible{transition:opacity .15s}}