*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;touch-action:none;background:#0b3f7a;font-family:Comic Sans MS,Chalkboard SE,Segoe UI,sans-serif;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}#game{position:fixed;top:0;right:0;bottom:0;left:0;display:block}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}#hud .hidden{display:none!important}#counter{position:absolute;top:max(12px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));background:#ffffffe6;color:#1b6fb5;font-size:clamp(22px,4.5vw,40px);font-weight:700;padding:8px 22px;border-radius:999px;border:4px solid #ffd93d;box-shadow:0 4px 10px #00000040}#counter.pop{animation:counterpop .35s ease}@keyframes counterpop{40%{transform:scale(1.25)}to{transform:scale(1)}}#back{position:absolute;top:max(12px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));pointer-events:auto}button{font-family:inherit;border:none;cursor:pointer;background:#ffffffeb;border:4px solid #ffd93d;border-radius:999px;width:clamp(58px,10vw,84px);height:clamp(58px,10vw,84px);font-size:clamp(26px,5vw,42px);line-height:1;box-shadow:0 4px 10px #00000040;transition:transform .15s ease}button:active{transform:scale(.9)}#bigword{position:absolute;top:18%;left:0;right:0;text-align:center;font-size:clamp(60px,14vw,140px);font-weight:700;color:#fff;text-shadow:0 0 18px rgba(27,111,181,.9),0 6px 0 #1b6fb5;opacity:0}#bigword.show{animation:bigword 1.6s ease forwards}@keyframes bigword{0%{opacity:0;transform:scale(.3)}20%{opacity:1;transform:scale(1.15)}35%{transform:scale(1)}75%{opacity:1}to{opacity:0;transform:scale(1.05)}}#endbuttons{position:absolute;bottom:8%;left:0;right:0;display:flex;justify-content:center;gap:6vw;pointer-events:auto}#endbuttons button{width:clamp(80px,14vw,120px);height:clamp(80px,14vw,120px);font-size:clamp(38px,7vw,60px);animation:bounce 1s ease infinite}#endbuttons #home{animation-delay:.15s}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}#title{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;background:linear-gradient(#7fd8f7,#1b6fb5 65%,#0b3f7a);transition:opacity .5s ease}#title.gone{opacity:0;pointer-events:none}.title-card{text-align:center;color:#fff}.title-pio{font-size:clamp(80px,18vw,160px);animation:bounce 1.4s ease infinite}.title-card h1{font-size:clamp(40px,9vw,90px);text-shadow:0 5px 0 #1b6fb5,0 8px 16px rgba(0,0,0,.3);margin-bottom:4px}.title-card p{font-size:clamp(18px,3.5vw,30px);opacity:.9;margin-bottom:26px}#play{width:clamp(90px,16vw,140px);height:clamp(90px,16vw,140px);font-size:clamp(40px,8vw,70px);background:#ffd93d;border-color:#fff;color:#1b6fb5;animation:bounce 1.4s ease infinite}#fade{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#0b3f7a;opacity:0;pointer-events:none;transition:opacity .25s ease}#fade.on{opacity:1}