.game-wrapper{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a0a0f,#1a1a2e,#0a0a0f);overflow:hidden}.game-container{width:100%;height:100%;max-width:800px;max-height:600px;position:relative;display:flex;align-items:center;justify-content:center}.game-container canvas{display:block;max-width:100%;max-height:100%}.loading{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-family:Orbitron,Arial,sans-serif}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,215,0,.3);border-top-color:gold;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0a0a0fe6;color:#fff;font-family:Orbitron,Arial,sans-serif;padding:20px;text-align:center;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.title{font-size:48px;font-weight:900;margin:0 0 10px;background:linear-gradient(135deg,gold,#ff6b35);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(255,215,0,.5);letter-spacing:4px}.subtitle{font-size:16px;color:#888;margin:0 0 30px}.btn{padding:16px 48px;font-size:18px;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:2px;margin:8px;min-width:200px;min-height:48px}.btn-primary{background:linear-gradient(135deg,gold,#ff6b35);color:#000;box-shadow:0 4px 20px #ffd70066}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 25px #ffd70080}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:transparent;color:#fff;border:2px solid #444}.btn-secondary:hover{border-color:#666;background:#ffffff1a}.btn-daily{background:linear-gradient(135deg,#0cf,#08c);color:#000;box-shadow:0 4px 20px #0cf6}.btn-daily:hover{transform:translateY(-2px);box-shadow:0 6px 25px #00ccff80}.daily-score{font-size:14px;color:#0cf;margin-top:8px}.high-score{margin-top:20px;font-size:14px;color:gold}.instructions{margin-top:30px;padding:20px;background:#ffffff0d;border-radius:12px;max-width:300px}.instructions p{margin:8px 0;font-size:14px;color:#aaa}.instructions .hint-new{color:#fa0;animation:hintPulse 2s ease-in-out infinite}@keyframes hintPulse{0%,to{opacity:.8}50%{opacity:1}}.gameover-title{font-size:36px;font-weight:900;margin:0 0 30px;color:#ff6b35;text-shadow:0 0 20px rgba(255,107,53,.5)}.stats{display:flex;gap:30px;margin-bottom:20px}.stat{display:flex;flex-direction:column;align-items:center;padding:15px 25px;background:#ffffff0d;border-radius:12px}.stat-label{font-size:12px;color:#888;text-transform:uppercase;letter-spacing:1px;margin-bottom:5px}.stat-value{font-size:28px;font-weight:700;color:gold}.new-record{font-size:24px;font-weight:700;color:#0f8;margin:10px 0 20px;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.paused-overlay h2{font-size:36px;margin-bottom:30px;color:#fff}.mute-btn{position:absolute;top:10px;right:10px;width:44px;height:44px;border:none;border-radius:8px;background:#ffffff1a;color:#fff;font-size:20px;cursor:pointer;z-index:100;transition:background .2s ease;display:flex;align-items:center;justify-content:center}.mute-btn:hover{background:#fff3}.stats-row{display:flex;gap:20px;margin-top:20px}.max-level{font-size:14px;color:#93f}.level-reached{font-size:20px;color:#888;margin-bottom:20px;text-transform:uppercase;letter-spacing:2px}.crystal-value{color:#0f8!important}.new-level{font-size:20px;font-weight:700;color:#93f;margin:10px 0;animation:pulse 1s ease-in-out infinite}.leaderboard-rank{font-size:18px;font-weight:700;color:gold;margin:10px 0;animation:pulse 1s ease-in-out infinite}.stats-title{font-size:28px;font-weight:900;margin:0 0 30px;color:gold;text-transform:uppercase;letter-spacing:3px}.stats-btn{margin-top:10px;padding:12px 24px;font-size:14px}.lifetime-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;max-width:350px;margin-bottom:30px}.lifetime-stat{display:flex;flex-direction:column;align-items:center;padding:15px;background:#ffffff0d;border-radius:10px;border:1px solid rgba(255,255,255,.1)}.lifetime-label{font-size:10px;color:#888;text-transform:uppercase;letter-spacing:1px;margin-bottom:5px}.lifetime-value{font-size:22px;font-weight:700;color:gold}.secondary-stats{gap:20px;margin-bottom:15px}.small-stat{padding:10px 20px}.small-stat .stat-label{font-size:10px}.small-stat .stat-value{font-size:20px}.close-call-value{color:#0cf!important}.combo-value{color:#0f0!important}.time-value{color:#fa0!important}.gameover-buttons{display:flex;flex-direction:column;gap:10px;align-items:center}.btn-revive{background:linear-gradient(135deg,#0f8,#0c6);color:#000;box-shadow:0 4px 20px #0f86;animation:revivePulse 1.5s ease-in-out infinite}.btn-revive:hover{transform:translateY(-2px);box-shadow:0 6px 25px #00ff8880}@keyframes revivePulse{0%,to{box-shadow:0 4px 20px #0f86}50%{box-shadow:0 4px 30px #00ff88b3}}.achievements-overlay{overflow-y:auto}.achievements-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;max-width:400px;max-height:300px;overflow-y:auto;margin-bottom:15px;padding:5px}.achievement{display:flex;align-items:center;gap:10px;padding:10px;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1);transition:all .2s ease}.achievement.unlocked{border-color:gold;background:#ffd7001a}.achievement.locked{opacity:.5}.achievement-icon{font-size:24px;min-width:32px;text-align:center}.achievement-info{display:flex;flex-direction:column;text-align:left}.achievement-name{font-size:12px;font-weight:700;color:#fff}.achievement-desc{font-size:9px;color:#888}.achievement-progress{font-size:14px;color:gold;margin-bottom:15px}.achievement-popup{position:fixed;top:60px;left:50%;transform:translate(-50%);z-index:1000;animation:slideDown .5s ease,fadeOut .5s ease 2.5s forwards}.achievement-popup-content{display:flex;align-items:center;gap:12px;padding:12px 20px;background:linear-gradient(135deg,#ffd700e6,#ff8c00e6);border-radius:12px;box-shadow:0 4px 20px #ffd70080}.achievement-popup-icon{font-size:32px}.achievement-popup-text{display:flex;flex-direction:column}.achievement-popup-title{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#0009}.achievement-popup-name{font-size:16px;font-weight:700;color:#000}@keyframes slideDown{0%{transform:translate(-50%) translateY(-100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes fadeOut{to{opacity:0}}.leaderboard-list{display:flex;flex-direction:column;gap:8px;max-width:350px;margin-bottom:20px}.leaderboard-entry{display:grid;grid-template-columns:40px 1fr 1fr 80px;gap:10px;align-items:center;padding:10px 15px;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.leaderboard-entry.top-three{border-color:gold;background:#ffd7001a}.leaderboard-rank-num{font-size:16px;font-weight:700;color:gold}.leaderboard-score{font-size:18px;font-weight:700;color:#fff}.leaderboard-details{font-size:12px;color:#888}.leaderboard-date{font-size:11px;color:#666;text-align:right}.pause-level-name{font-size:14px;color:#888;margin-bottom:20px;text-transform:uppercase;letter-spacing:2px}.pause-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:25px;max-width:320px}.pause-stat{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background:#ffffff0d;border-radius:8px}.pause-label{font-size:11px;color:#888;text-transform:uppercase;letter-spacing:1px}.pause-value{font-size:18px;font-weight:700;color:gold}@media(max-width:600px){.title{font-size:32px;letter-spacing:2px}.subtitle{font-size:14px}.btn{padding:14px 36px;font-size:16px;min-width:180px}.stats{flex-direction:column;gap:10px}.stat{flex-direction:row;justify-content:space-between;min-width:200px}.stat-label{margin-bottom:0;margin-right:15px}.lifetime-stats{grid-template-columns:1fr;max-width:250px}.lifetime-stat{flex-direction:row;justify-content:space-between}.lifetime-label{margin-bottom:0}.secondary-stats{flex-direction:row;gap:10px}.pause-stats{grid-template-columns:1fr;max-width:200px}.leaderboard-list{max-width:300px}.leaderboard-entry{grid-template-columns:35px 1fr 80px;gap:5px;padding:8px 10px}.leaderboard-date{display:none}}