:root{--bg-dark: #0f172a;--bg-court: #1e293b;--primary-orange: #ea580c;--primary-blue: #3b82f6;--text-light: #f8fafc;--neon-glow: 0 0 10px rgba(234, 88, 12, .5), 0 0 20px rgba(234, 88, 12, .3)}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}body{font-family:Impact,Arial Black,sans-serif;background:var(--bg-dark);color:var(--text-light);overflow:hidden;touch-action:none}.app-container{display:flex;flex-direction:column;height:100vh;width:100vw}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background:#0f172acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);z-index:10}.logo{font-size:1.4rem;font-weight:700;color:var(--primary-orange);text-shadow:var(--neon-glow);letter-spacing:1px}.cloud-status{display:flex;align-items:center;gap:6px;font-size:.85rem;color:#94a3b8;font-family:system-ui,sans-serif}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.text-red{color:#ef4444}.game-wrapper{flex:1;display:flex;justify-content:center;align-items:center;padding:10px;overflow:hidden}.game-canvas{position:relative;width:100%;max-width:800px;max-height:100%;background:radial-gradient(circle at center,var(--bg-court) 0%,var(--bg-dark) 100%);border-radius:16px;overflow:hidden;box-shadow:inset 0 0 60px #000c,0 10px 40px #0009;border:2px solid rgba(255,255,255,.05)}.court-lines{position:absolute;bottom:0;left:0;width:100%;height:35%;background:linear-gradient(to top,rgba(59,130,246,.15) 0%,transparent 100%),repeating-linear-gradient(90deg,transparent,transparent 40px,rgba(255,255,255,.05) 40px,rgba(255,255,255,.05) 42px);transform:perspective(600px) rotateX(65deg);transform-origin:bottom}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#0f172ad9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20}.title-neon{font-size:4.5rem;font-style:italic;color:#fff;text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 40px var(--primary-orange),0 0 80px var(--primary-orange);margin-bottom:20px;letter-spacing:3px;text-align:center}.high-score-display{display:flex;align-items:center;gap:10px;font-size:1.8rem;color:#fbbf24;margin-bottom:40px;font-family:system-ui,sans-serif;font-weight:900;text-shadow:0 2px 10px rgba(251,191,36,.3)}.icon-gold{color:#fbbf24}.difficulty-selector{text-align:center}.difficulty-selector p{margin-bottom:20px;color:#cbd5e1;font-family:system-ui,sans-serif;font-size:1.1rem}.btn-group{display:flex;gap:15px}.btn{padding:14px 28px;border:none;border-radius:10px;font-size:1.2rem;font-family:inherit;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-transform:uppercase;display:flex;align-items:center;gap:8px}.btn:active{transform:translateY(4px);box-shadow:none!important}.btn-easy{background:#22c55e;color:#fff;box-shadow:0 6px #16a34a}.btn-medium{background:var(--primary-blue);color:#fff;box-shadow:0 6px #2563eb}.btn-hard{background:#ef4444;color:#fff;box-shadow:0 6px #dc2626}.btn-primary{background:var(--primary-orange);color:#fff;box-shadow:0 6px #c2410c}.btn-secondary{background:#475569;color:#fff;box-shadow:0 6px #334155}.hud{position:absolute;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;z-index:10;align-items:flex-start}.hud-left{display:flex;flex-direction:column;gap:10px}.hud-item{background:#0009;padding:12px 24px;border-radius:14px;display:flex;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 15px #0000004d}.score-box .label{color:var(--primary-orange);font-size:1.1rem;letter-spacing:1px}.score-box .value{font-size:2.2rem;text-shadow:var(--neon-glow)}.time-box .value{font-size:2rem;font-family:monospace}.pulse{animation:pulse 1s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.lives-box{gap:8px}.icon-heart{width:28px;height:28px;transition:all .3s}.icon-heart.filled{color:#ef4444;fill:#ef4444;filter:drop-shadow(0 0 8px rgba(239,68,68,.6))}.icon-heart.empty{color:#334155;fill:none}.btn-toggle-mode{background:#3b82f633;border:1px solid rgba(59,130,246,.5);color:#93c5fd;padding:8px 12px;border-radius:8px;font-family:system-ui,sans-serif;font-size:.9rem;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn-toggle-mode:hover{background:#3b82f666;color:#fff}.basket-container{position:absolute;display:flex;flex-direction:column;align-items:center;pointer-events:none;z-index:3}.stand-svg{position:absolute;top:-50px;width:100px;height:200px;z-index:-1;opacity:.8}.backboard{width:140px;height:100px;border:5px solid #fff;background:#ffffff26;border-radius:6px;position:relative;box-shadow:0 10px 30px #00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.backboard-inner{position:absolute;bottom:10px;left:50%;transform:translate(-50%);width:50px;height:40px;border:3px solid #fff}.hoop-net-svg{width:100px;height:80px;margin-top:-15px;z-index:4}.ball-container{position:absolute;cursor:grab;z-index:5;touch-action:none;filter:drop-shadow(0 15px 15px rgba(0,0,0,.6))}.ball-container:active{cursor:grabbing}.ball-svg{width:100%;height:100%;display:block}.trajectory-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.angle-indicator{position:absolute;width:2px;height:120px;transform-origin:top center;pointer-events:none;z-index:4}.angle-arrow{position:absolute;bottom:-20px;left:-10px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:20px solid rgba(255,255,255,.5);transition:border-bottom-color .2s}.angle-arrow.active{border-bottom-color:#fbbf24;filter:drop-shadow(0 0 8px #fbbf24)}.power-meter-container{position:absolute;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;z-index:4}.power-meter-bg{width:20px;height:120px;background:#00000080;border:2px solid rgba(255,255,255,.2);border-radius:10px;overflow:hidden;position:relative;display:flex;align-items:flex-end}.power-meter-fill{width:100%;transition:background-color .1s}.power-meter-fill.active{box-shadow:0 0 15px currentColor}.power-label{font-family:system-ui,sans-serif;font-size:.8rem;color:#cbd5e1;font-weight:700}.drag-hint{position:absolute;transform:translate(-50%);color:#fffc;font-family:system-ui,sans-serif;font-size:1rem;font-weight:700;pointer-events:none;animation:bounce 1.5s infinite;text-shadow:0 2px 4px rgba(0,0,0,.8);white-space:nowrap;background:#0006;padding:4px 12px;border-radius:20px}@keyframes bounce{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,8px)}}.combo-indicator{position:absolute;transform:translate(-50%,-50%);font-size:2.5rem;color:#fbbf24;text-shadow:0 0 15px #fbbf24,0 0 30px #ea580c;display:flex;align-items:center;gap:12px;z-index:15;animation:popIn .4s cubic-bezier(.175,.885,.32,1.275);pointer-events:none}.icon-fire{color:#ef4444;fill:#ef4444;width:40px;height:40px}@keyframes popIn{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.effect-container{position:absolute;transform:translate(-50%,-50%);pointer-events:none;z-index:6;width:120px;height:120px;display:flex;justify-content:center;align-items:center}.effect-svg{width:100%;height:100%}.fire-anim{animation:fireBurst .8s forwards ease-out;transform-origin:bottom center}.star-anim{animation:starBurst .8s forwards ease-out}@keyframes fireBurst{0%{opacity:1;transform:scale(.5) translateY(20px)}50%{transform:scale(1.2) translateY(-10px)}to{opacity:0;transform:scale(1.5) translateY(-30px)}}@keyframes starBurst{0%{opacity:1;transform:scale(.2) rotate(0)}50%{transform:scale(1.2) rotate(180deg)}to{opacity:0;transform:scale(1.5) rotate(360deg)}}.gameover-screen h2{font-size:4rem;color:#ef4444;text-shadow:0 0 20px rgba(239,68,68,.6);margin-bottom:30px;letter-spacing:2px}.final-stats{background:#000000b3;padding:35px;border-radius:20px;border:2px solid rgba(255,255,255,.1);margin-bottom:40px;min-width:350px;position:relative;box-shadow:0 20px 50px #00000080}.stat-row{display:flex;justify-content:space-between;align-items:center;font-size:1.6rem;margin-bottom:20px;font-family:system-ui,sans-serif;color:#e2e8f0}.stat-row:last-child{margin-bottom:0}.stat-val{font-weight:700;font-family:Impact;font-size:2rem}.stat-val.highlight{color:var(--primary-orange);font-size:2.8rem;text-shadow:var(--neon-glow)}.new-record-badge{position:absolute;top:-20px;right:-20px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#000;padding:8px 16px;border-radius:30px;font-size:1.1rem;font-weight:900;transform:rotate(15deg);box-shadow:0 8px 20px #0006;animation:pulse 1s infinite;border:2px solid #fff}.action-buttons{display:flex;gap:25px}