:root{--font: "Fredoka", "Mali", "Baloo 2", "Segoe UI Rounded", "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--ink: #4a3f55}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);color:var(--ink);background:linear-gradient(160deg,#bfe9ff,#d9f2ff 42%,#ffe6f1);overflow:hidden;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.page{min-height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center}.stage{position:relative;width:min(100vw,calc(100dvh * 384 / 640));aspect-ratio:384 / 640;max-height:100dvh;overflow:hidden;touch-action:none;cursor:pointer;container-type:inline-size;box-shadow:0 18px 50px #50508c47}@media (min-width: 480px){.stage{border-radius:24px}}.game-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.overlay button{pointer-events:auto;font-family:inherit}.topbar{position:absolute;top:0;left:0;right:0;display:flex;justify-content:flex-end;padding:clamp(8px,2.5cqw,14px)}.btn-mute{width:clamp(38px,11cqw,46px);height:clamp(38px,11cqw,46px);border:none;border-radius:50%;background:#ffffffc7;font-size:clamp(18px,5cqw,22px);line-height:1;cursor:pointer;box-shadow:0 3px #00000014;display:flex;align-items:center;justify-content:center}.btn-mute:active{transform:translateY(2px);box-shadow:0 1px #00000014}.score-live{position:absolute;top:clamp(40px,12cqw,74px);left:0;right:0;text-align:center;font-size:clamp(44px,15cqw,72px);font-weight:700;color:#fff;text-shadow:0 3px 0 #f49ac0,0 6px 0 #e88bb4,0 9px 12px rgba(0,0,0,.18)}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;text-align:center}.screen-ready{justify-content:space-between;padding:8% 16px 7%}.screen-over{justify-content:center}.logo-wrap,.ready-bottom{display:flex;flex-direction:column;align-items:center}.ready-bottom{gap:clamp(10px,3cqw,16px)}.picker-wrap{display:flex;flex-direction:column;align-items:center;gap:6px}.picker-label{font-size:clamp(11px,3cqw,14px);font-weight:700;color:#5f5070;text-shadow:0 1px 0 rgba(255,255,255,.6)}.picker{display:flex;gap:clamp(6px,2.2cqw,12px);align-items:flex-end}.avatar{border:none;border-radius:16px;background:#ffffff9e;padding:5px 5px 3px;display:flex;flex-direction:column;align-items:center;gap:1px;cursor:pointer;box-shadow:0 3px #0000000f;transition:transform .1s,box-shadow .1s,background .1s}.avatar-canvas{width:clamp(44px,13cqw,58px);height:clamp(44px,13cqw,58px);display:block}.avatar-name{font-size:clamp(10px,2.7cqw,13px);font-weight:700;color:#6a5a78}.avatar-sel{background:#fff;box-shadow:0 0 0 3px #ffb845,0 5px #00000014;transform:translateY(-4px)}.logo{display:flex;flex-direction:column;align-items:center;line-height:.86;animation:bob 2.6s ease-in-out infinite}.title-flappy{font-size:clamp(26px,8.5cqw,44px);font-weight:600;color:#fff;transform:rotate(-3deg);text-shadow:0 3px 0 #7ec8ef,0 6px 10px rgba(0,0,0,.15)}.title-kuni{font-size:clamp(52px,17cqw,90px);font-weight:700;color:#fff;letter-spacing:1px;text-shadow:0 5px 0 #ff9ec4,0 10px 16px rgba(0,0,0,.18)}.subtitle{margin:10px 0 0;font-size:clamp(13px,3.8cqw,18px);font-weight:600;color:#5f5070;text-shadow:0 1px 0 rgba(255,255,255,.6)}.best-chip{background:#ffffffd1;color:#8a6db0;font-weight:700;font-size:clamp(12px,3.6cqw,16px);padding:6px 16px;border-radius:999px;box-shadow:0 3px #0000000f}.tap-hint{display:flex;flex-direction:column;align-items:center;gap:6px;color:#5a4a68;font-weight:700;font-size:clamp(14px,4cqw,18px);animation:pulse 1.3s ease-in-out infinite}.tap-emoji{display:inline-block;font-size:clamp(22px,7cqw,32px);animation:bob 1s ease-in-out infinite}.panel{width:min(82%,320px);padding:clamp(18px,6cqw,30px);background:#fffffff0;border:3px solid #fff;border-radius:26px;box-shadow:0 14px 34px #50508c47;display:flex;flex-direction:column;align-items:center;gap:12px;animation:slideUp .35s ease}.panel-title{margin:0;font-size:clamp(24px,7cqw,34px);color:#6a5a78}.newbest{background:#ffec99;color:#c98a00;font-weight:700;font-size:clamp(12px,3.4cqw,16px);padding:4px 14px;border-radius:999px;animation:pop .5s ease}.scores{display:flex;gap:14px;width:100%}.score-box{flex:1;background:#fff3f8;border-radius:16px;padding:10px;display:flex;flex-direction:column;align-items:center}.score-box span{font-size:clamp(11px,3cqw,14px);color:#a98ab0}.score-box strong{font-size:clamp(26px,8cqw,38px);color:#ff7eb0}.btn-play{margin-top:4px;border:none;border-radius:999px;background:linear-gradient(180deg,#ffd36e,#ffb845);color:#fff;font-size:clamp(16px,5cqw,22px);font-weight:700;padding:12px 28px;cursor:pointer;box-shadow:0 5px #e89b2e,0 8px 14px #0000002e;transition:transform .06s,box-shadow .06s}.btn-play:active{transform:translateY(3px);box-shadow:0 2px #e89b2e}.btn-menu{border:none;border-radius:999px;background:#fff0f6;color:#b06a9a;font-size:clamp(13px,4cqw,17px);font-weight:700;padding:9px 22px;cursor:pointer;box-shadow:0 4px #f3c8de;transition:transform .06s,box-shadow .06s}.btn-menu:active{transform:translateY(2px);box-shadow:0 2px #f3c8de}.restart-hint{margin:0;font-size:clamp(11px,3cqw,13px);color:#b3a3bb}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse{0%,to{opacity:.62;transform:scale(.98)}50%{opacity:1;transform:scale(1.04)}}@keyframes pop{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}@keyframes slideUp{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}@media (prefers-reduced-motion: reduce){.logo,.tap-hint,.tap-emoji,.panel,.newbest{animation:none}}