:root{--sky:#7fd3ff;--paw-red:#d62839;--paw-blue:#1f5fbf;--gold:#fc3;--white:#fff;--ink:#1d2b4f;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}html,body{overscroll-behavior:none;touch-action:none;background:var(--sky);width:100%;height:100%;color:var(--ink);margin:0;font-family:ui-rounded,SF Pro Rounded,Arial Rounded MT Bold,system-ui,sans-serif;overflow:hidden}#game{width:100%;height:100%;display:block;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}.round-button{border:6px solid var(--white);background:var(--paw-blue);pointer-events:auto;border-radius:50%;place-items:center;width:92px;height:92px;padding:0;transition:transform .12s;display:grid;position:absolute;overflow:hidden;box-shadow:0 6px #0000002e,0 10px 24px #0003}.round-button:active,.round-button.pressed{transform:scale(.9)}.round-button svg,.round-button img{pointer-events:none;width:100%;height:100%}.home-button{top:calc(18px + var(--safe-top));left:calc(18px + var(--safe-left));background:#3aa655}.pups-button{bottom:calc(18px + var(--safe-bottom));left:calc(18px + var(--safe-left));background:var(--white)}.help-button{bottom:calc(18px + var(--safe-bottom));right:calc(18px + var(--safe-right));background:#ffb347}.help-button.glow{animation:1.2s ease-in-out infinite help-glow}@keyframes help-glow{0%,to{box-shadow:0 6px #0000002e,0 0 #ffcc33e6}50%{box-shadow:0 6px #0000002e,0 0 0 18px #fc30}}.start-screen{pointer-events:auto;background:radial-gradient(circle at 50% 40%,#ffffff8c,#7fd3ff00 60%);align-content:center;place-items:center;gap:28px;transition:opacity .6s;display:grid;position:absolute;inset:0}.start-screen.hidden{opacity:0;pointer-events:none}.start-title{color:var(--white);text-shadow:0 5px 0 var(--paw-blue), 0 10px 18px #00000040;letter-spacing:1px;text-align:center;margin:0;font-size:clamp(44px,7vw,84px)}.start-button{border:10px solid var(--gold);background:var(--paw-red);border-radius:50%;width:180px;height:180px;padding:0;animation:1.6s ease-in-out infinite breathe;box-shadow:0 10px #0003}.start-button svg{width:100%;height:100%}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.pup-picker{opacity:0;pointer-events:none;background:#1d2b4f73;flex-wrap:wrap;justify-content:center;align-items:center;gap:22px;padding:40px;transition:opacity .25s;display:flex;position:absolute;inset:0}.pup-picker.open{opacity:1;pointer-events:auto}.pup-card{border:8px solid var(--white);border-radius:50%;width:150px;height:150px;padding:0;transition:transform .3s cubic-bezier(.34,1.56,.64,1);overflow:hidden;transform:scale(.6);box-shadow:0 8px #0003}.pup-picker.open .pup-card{transform:scale(1)}.pup-card.selected{border-color:var(--gold)}.pup-card img{pointer-events:none;width:100%;height:100%;display:block}.badge-popup{background:var(--gold);border:12px solid var(--white);pointer-events:none;border-radius:50%;place-items:center;width:260px;height:260px;margin:-130px 0 0 -130px;transition:transform .45s cubic-bezier(.34,1.56,.64,1);display:grid;position:absolute;top:50%;left:50%;transform:scale(0);box-shadow:0 12px #0000002e}.badge-popup.show{transform:scale(1)}.badge-popup svg{width:70%;height:70%}#rotate-overlay{background:var(--sky);z-index:10;place-items:center;display:none;position:fixed;inset:0}.rotate-tablet{width:220px;height:220px;animation:2.4s ease-in-out infinite turn-tablet}@keyframes turn-tablet{0%,20%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}@media (orientation:portrait){#rotate-overlay{display:grid}}