*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}:root{--sky-top:#050514;--sky-mid:#0d0d2b;--sky-bottom:#1a1040;--accent:#ffd700;--accent2:#ff6b6b;--basket-main:#c97a1a;--basket-dark:#7a4a08;--basket-rim:#e8a030;--text:#f0e6ff;--hud-bg:rgba(255,255,255,0.06)}body{font-family:segoe ui,system-ui,sans-serif;background:var(--sky-top);color:var(--text);height:100dvh;overflow:hidden;user-select:none;touch-action:none}.screen{display:none;position:fixed;inset:0;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:24px}.screen.active{display:flex}#screen-start{background:radial-gradient(ellipse at 50% 0%,#1a1060 0%,#050514 70%)}.title-wrap{text-align:center}.gift-icon{font-size:3.5rem;margin-bottom:8px;animation:float 2.4s ease-in-out infinite}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}h1{font-size:2.8rem;font-weight:800;letter-spacing:-1px;color:var(--accent);text-shadow:0 0 30px rgba(255,215,0,.4);margin-bottom:8px}.title-wrap p{color:#9090bb;font-size:.95rem}.controls-hint{display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--hud-bg);border:1px solid rgba(255,255,255,8%);border-radius:12px;padding:12px 20px;font-size:.85rem;color:#88a}button{padding:14px 40px;font-size:1.1rem;font-weight:700;border:none;border-radius:999px;background:linear-gradient(135deg,var(--accent2),#ff4444);color:#fff;cursor:pointer;box-shadow:0 4px 24px rgba(255,80,80,.35);transition:transform .1s,box-shadow .1s;letter-spacing:.5px}button:active{transform:scale(.96);box-shadow:0 2px 12px rgba(255,80,80,.2)}#screen-game{padding:0;justify-content:flex-start;background:0 0}#hud{width:100%;display:flex;justify-content:space-between;align-items:center;padding:10px 18px;background:var(--hud-bg);backdrop-filter:blur(6px);border-bottom:1px solid rgba(255,255,255,6%);font-size:1.05rem;font-weight:700;z-index:10;flex-shrink:0}.heart-icon{width:24px;height:24px;object-fit:contain;margin-left:2px}#arena{flex:1;position:relative;width:100%;overflow:hidden;background:linear-gradient(180deg,var(--sky-top) 0%,var(--sky-mid) 50%,var(--sky-bottom) 100% )}.star{position:absolute;background:#fff;border-radius:50%;animation:twinkle var(--dur,2s)ease-in-out infinite var(--delay,0s)}@keyframes twinkle{0%,100%{opacity:.2}50%{opacity:1}}#canvas{position:absolute;inset:0;width:100%;height:100%}.score-pop{position:absolute;font-size:1.1rem;font-weight:800;color:var(--accent);text-shadow:0 0 8px rgba(255,215,0,.6);pointer-events:none;animation:pop-up .7s ease-out forwards;z-index:20}@keyframes pop-up{0%{opacity:1;transform:translateY(0)scale(1)}100%{opacity:0;transform:translateY(-40px)scale(1.3)}}.miss-flash{position:absolute;width:100%;height:100%;background:rgba(255,50,50,.25);pointer-events:none;animation:flash .35s ease-out forwards;z-index:20}@keyframes flash{0%{opacity:1}100%{opacity:0}}#screen-over{background:radial-gradient(ellipse at 50% 50%,#1a0a1a 0%,#050514 70%)}.over-wrap{text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px}h2{font-size:2rem;font-weight:800;color:var(--accent2)}.final-score-wrap p{color:#9090bb;font-size:.9rem;margin-bottom:4px}#final-score{font-size:3.5rem;font-weight:900;color:var(--accent);text-shadow:0 0 30px rgba(255,215,0,.5)}