:root{--primary: #6c5ce7;--primary-light: #a29bfe;--secondary: #00b894;--accent: #fd79a8;--background: #0f172a;--surface: #1e293b;--text: #f8fafc;--text-secondary: #cbd5e1;--danger: #ff6b6b;--success: #1dd1a1}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0;overflow:hidden;background-color:var(--background);background-image:radial-gradient(circle at 10% 20%,rgba(108,92,231,.1) 0%,transparent 20%),radial-gradient(circle at 90% 80%,rgba(0,184,148,.1) 0%,transparent 20%);font-family:Poppins,sans-serif;touch-action:none;color:var(--text);min-height:100vh}#game-container{position:relative;width:100%;height:100vh;display:flex;justify-content:center;align-items:center}#game-canvas{background-color:var(--surface);border-radius:16px;box-shadow:0 10px 30px #0000004d,0 0 0 1px #ffffff1a,0 0 30px #6c5ce733;display:block}#score-display{position:absolute;top:20px;display:flex;justify-content:space-between;align-items:center;width:90%;max-width:500px;padding:10px 20px;background-color:#1e293bcc;backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(255,255,255,.1);z-index:5}.score{font-size:20px;font-weight:600}.lives{display:flex;gap:5px}.life-icon{font-size:20px;transition:all .3s ease}.life-icon.lost{opacity:.3;filter:grayscale(1);transform:scale(.8)}#start-screen,#game-over{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;background-color:#0f172ae6;backdrop-filter:blur(10px);color:var(--text);z-index:10;padding:20px}.logo-container{position:relative;margin-bottom:30px}.logo-ball{position:absolute;width:30px;height:30px;background:linear-gradient(135deg,var(--secondary),var(--primary-light));border-radius:50%;top:-15px;right:-15px;box-shadow:0 0 20px #6c5ce780;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}#start-screen h1{font-family:Montserrat,sans-serif;font-size:64px;font-weight:800;margin-bottom:10px;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 5px 15px rgba(108,92,231,.3);letter-spacing:2px}#start-screen p{font-size:18px;margin-bottom:40px;text-align:center;max-width:80%;color:var(--text-secondary);line-height:1.6}.controls-info{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:40px;width:100%;max-width:600px}.control-item{display:flex;flex-direction:column;align-items:center;background-color:#1e293b99;padding:15px;border-radius:12px;width:150px;transition:all .3s ease;border:1px solid rgba(255,255,255,.05)}.control-item:hover{transform:translateY(-5px);background-color:#1e293bcc;box-shadow:0 5px 15px #0003}.control-icon{font-size:24px;margin-bottom:10px}.control-text{font-size:14px;text-align:center;color:var(--text-secondary)}#game-over{display:none}#game-over h2{font-family:Montserrat,sans-serif;font-size:48px;margin-bottom:20px;color:var(--danger);text-shadow:0 0 10px rgba(255,107,107,.5)}.score-container{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:40px;background-color:#1e293b99;padding:20px 40px;border-radius:12px;border:1px solid rgba(255,255,255,.05)}#final-score{font-size:36px;font-weight:600}#high-score{font-size:24px;color:var(--primary-light)}.action-buttons{display:flex;gap:15px;flex-wrap:wrap;justify-content:center}button{background:linear-gradient(135deg,var(--primary),var(--primary-light));border:none;color:#fff;padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:18px;font-weight:600;margin:4px 2px;cursor:pointer;border-radius:12px;transition:all .3s;box-shadow:0 4px 15px #6c5ce74d;font-family:Poppins,sans-serif;letter-spacing:1px}button:hover{transform:translateY(-3px);box-shadow:0 7px 20px #6c5ce766}button:active{transform:translateY(1px)}#restart-button{background:linear-gradient(135deg,var(--primary),var(--primary-light))}#share-button{background:linear-gradient(135deg,var(--secondary),var(--success))}@media (max-width: 768px){#start-screen h1{font-size:48px}.controls-info{flex-direction:column;align-items:center}.control-item{width:80%;max-width:300px}button{padding:12px 24px;font-size:16px}}@media (max-width: 480px){#start-screen h1{font-size:36px}#start-screen p{font-size:16px}#game-over h2{font-size:36px}#final-score{font-size:28px}#high-score{font-size:20px}.score-container{padding:15px 30px}}.paddle-glow{position:absolute;background:radial-gradient(ellipse at center,rgba(108,92,231,.4) 0%,transparent 70%);border-radius:50%;pointer-events:none;z-index:-1}.ball-trail{position:absolute;background-color:#6c5ce71a;border-radius:50%;pointer-events:none;z-index:-1}.particle{position:absolute;background-color:var(--primary-light);border-radius:50%;pointer-events:none;z-index:1}