*{box-sizing:border-box;margin:0;padding:0}html,body{touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#2d7dd2;height:100dvh;font-family:Nunito,Segoe UI Rounded,Comic Sans MS,system-ui,sans-serif;overflow:hidden}#game{touch-action:none;width:100%;height:100%;position:fixed;inset:0}#ui{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:fixed;inset:0}#ui:empty{pointer-events:none}.screen{flex-direction:column;justify-content:center;align-items:center;gap:2vmin;display:flex;position:absolute;inset:0}.logo{color:#fff;letter-spacing:.02em;text-shadow:0 3px #7a3e0ce6,0 8px 22px #14285073;font-size:clamp(34px,9vmin,64px);font-weight:900;transform:rotate(-2deg)}.logo .amp{color:#ffd35c}.polaroids{gap:4vmin;display:flex}.polaroid{aspect-ratio:3/4;object-fit:cover;background:#fff;border:6px solid #fff;border-bottom-width:22px;border-radius:3px;width:clamp(72px,17vmin,130px);box-shadow:0 8px 18px #14285066}.polaroid.tilt-r{object-position:50% 18%}.tilt-l{transform:rotate(-5deg)}.tilt-r{transform:rotate(4deg)}.howto{text-align:center;color:#fff;text-shadow:0 2px 8px #14285080;flex-direction:column;gap:.5vmin;margin:0;padding:0;font-size:clamp(13px,3vmin,18px);font-weight:700;list-style:none;display:flex}#title-start-btn{animation:1.4s ease-in-out infinite btn-glow}#title-start-btn:active{animation:none}@keyframes btn-glow{0%,to{box-shadow:0 4px #1d5da3,0 0 #fff0}50%{box-shadow:0 4px #1d5da3,0 0 0 7px #ffffff59}}.hud{top:max(10px, env(safe-area-inset-top));left:max(16px, env(safe-area-inset-left));pointer-events:none;position:absolute}#mute-btn{top:max(10px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));pointer-events:auto;cursor:pointer;background:#fffdf859;border:none;border-radius:12px;padding:8px 10px;font-size:clamp(18px,4vmin,26px);line-height:1;position:absolute}#hud-score{color:#fff;text-shadow:0 2px #7a3e0ccc,0 4px 12px #14285066;font-size:clamp(26px,6vmin,40px);font-weight:900}#hud-big{color:#fff;text-shadow:0 2px #7a3e0ccc,0 4px 12px #14285066;margin-left:14px;font-size:clamp(16px,3.6vmin,24px);font-weight:900}.card{background:#fffdf8f5;border-radius:22px;flex-direction:column;align-items:center;gap:1.6vmin;max-width:min(88vw,460px);max-height:86dvh;padding:clamp(16px,4vmin,30px) clamp(22px,5vmin,40px);display:flex;box-shadow:0 14px 40px #14285073}.card h2{color:#7a3e0c;font-size:clamp(22px,5.5vmin,34px);font-weight:900}.big-score{color:#2d7dd2;font-size:clamp(40px,11vmin,72px);font-weight:900;line-height:1}.score-label{color:#9a8a76;margin-top:-1vmin;font-size:14px;font-weight:700}#name-input{font:inherit;text-align:center;color:#4a3520;background:#fff;border:3px solid #e3d5c0;border-radius:14px;outline:none;width:min(60vw,260px);padding:10px 14px;font-size:clamp(16px,4vmin,22px);font-weight:700}#name-input:focus{border-color:#2d7dd2}.btn-row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.btn{font:inherit;cursor:pointer;color:#7a5a34;background:#f0e6d4;border:none;border-radius:16px;min-height:48px;padding:12px 26px;font-size:clamp(16px,4vmin,22px);font-weight:900;box-shadow:0 4px #d8c9ac}.btn:active{transform:translateY(3px);box-shadow:0 1px #d8c9ac}.btn.primary{color:#fff;background:linear-gradient(#4aa8e8,#2d7dd2);box-shadow:0 4px #1d5da3}.btn.primary:active{box-shadow:0 1px #1d5da3}.btn:disabled{opacity:.6}.note{color:#c05a3a;font-size:14px;font-weight:700}.hidden{display:none}.scores-card{width:min(88vw,420px)}.scores{width:100%;max-height:46dvh;list-style:none;overflow-y:auto}.scores li{color:#4a3520;border-radius:10px;align-items:baseline;gap:10px;padding:5px 10px;font-size:clamp(15px,3.6vmin,20px);font-weight:700;display:flex}.scores li.me{background:#ffe9a8;outline:2px solid #ffd35c}.scores .rank{min-width:2em}.scores .name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.scores .pts{color:#2d7dd2;font-weight:900}#rotate{display:none}@media (orientation:portrait){#rotate{z-index:10;background:linear-gradient(#2d7dd2,#74b4e8);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.rotate-inner{text-align:center;color:#fff;font-weight:900}.rotate-icon{height:110px;margin-bottom:14px;font-size:64px;line-height:110px;animation:1.6s ease-in-out infinite wiggle}.rotate-inner p{text-shadow:0 2px 8px #14285080;margin-top:12px;font-size:24px}@keyframes wiggle{0%,to{transform:rotate(0)}50%{transform:rotate(90deg)}}}.update-note{color:#fff;white-space:nowrap;z-index:40;background:#181622e0;border-radius:999px;padding:10px 20px;font-size:1.1rem;animation:.25s ease-out update-pop;position:fixed;bottom:14%;left:50%;transform:translate(-50%)}@keyframes update-pop{0%{opacity:0;transform:translate(-50%)scale(.85)}}