*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}body{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(180deg,#6dd5fa,#2980b9);overflow:hidden;transition:background .3s ease}#game-container{position:relative;width:420px;height:600px;background:#fff;overflow:hidden;border-radius:14px;box-shadow:0 12px 30px #00000040}#gameCanvas{display:block;width:100%;height:100%;background:linear-gradient(180deg,#4ec0ca,#87ceeb 60%,tan)}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#0009;color:#fff;text-align:center;z-index:10;transition:opacity .3s ease;pointer-events:auto}.screen.hidden{display:none}.screen h1{font-size:36px;font-weight:700;margin-bottom:15px}.screen p{font-size:16px;margin-bottom:20px;color:#f1f1f1}.screen button,.screen .difficulty-btn{pointer-events:auto}#difficulty-buttons{display:flex;gap:12px;margin-bottom:20px}.difficulty-btn{padding:10px 18px;border:none;border-radius:8px;background:#3498db;color:#fff;font-size:15px;cursor:pointer;transition:all .25s ease}.difficulty-btn:hover{background:#2980b9;transform:scale(1.05)}.difficulty-btn.selected{background:#f1c40f;color:#000}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#fffffff7;border-radius:12px;padding:24px;text-align:center;z-index:50;display:flex;flex-direction:column;justify-content:center;align-items:center}.overlay.hidden{display:none}.overlay h2{color:#333;margin-bottom:12px;font-size:20px}.skins-list{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:15px 0}.skin-card{font-family:"Press Start 2P",cursive;font-size:14px;text-align:center;width:100px;padding:10px;border-radius:10px;border:2px solid transparent;background:#fafafa;cursor:pointer;transition:.2s}.skin-card:hover{transform:scale(1.05);border-color:#3498db}.skin-card.selected{border-color:#2ecc71;box-shadow:0 4px 12px #2ecc714d}.skin-card.locked{opacity:.6;filter:grayscale(.4)}.selection-footer{display:flex;justify-content:space-between;width:100%;max-width:360px;margin-top:10px;font-size:14px;color:#333}#confirm-skin{padding:10px 16px;border:none;border-radius:8px;background:#27ae60;color:#fff;font-weight:600;cursor:pointer;transition:all .25s ease}#confirm-skin:hover{background:#219150;transform:scale(1.05)}#score{position:absolute;top:30px;left:50%;transform:translate(-50%);color:#fff;font-size:38px;font-weight:700;text-shadow:2px 2px 10px rgba(0,0,0,.3);z-index:5}.hud{position:absolute;top:15px;right:15px;display:flex;align-items:center;gap:10px;z-index:15;margin:10px}.coin-display{background:#ffffffd9;color:#333;padding:6px 10px;border-radius:999px;font-size:14px;font-weight:600}#game-over-screen h1{color:#e74c3c}#restart-btn{background:#e74c3c;padding:12px 28px;border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:.25s ease}#restart-btn:hover{background:#c0392b;transform:scale(1.05)}#theme-toggle{position:absolute;bottom:20px;left:50%;transform:translate(-50%);padding:10px 20px;font-size:16px;background:#ff6b6b;color:#fff;border:none;border-radius:6px;cursor:pointer;z-index:9999;pointer-events:auto}#theme-toggle:hover{background:#2c3e50;transform:translate(-50%) scale(1.05)}.challenges-btn{position:absolute;bottom:20px;right:20px;padding:10px 16px;font-size:14px;background:#9b59b6;color:#fff;border:none;border-radius:6px;cursor:pointer;z-index:9999;pointer-events:auto;transition:all .3s ease}.challenges-btn:hover{background:#8e44ad;transform:scale(1.05)}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:10000;transition:opacity .3s ease}.modal.hidden{display:none}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:80vh;overflow-y:auto;box-shadow:0 20px 40px #0000004d;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:2px solid #ecf0f1;background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff;border-radius:12px 12px 0 0}.modal-header h2{margin:0;font-size:24px;font-weight:700}.close-btn{background:none;border:none;font-size:28px;color:#fff;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s ease}.close-btn:hover{background:#fff3}.modal-body{padding:20px}.streak-info{display:flex;justify-content:space-between;margin-bottom:20px;padding:15px;background:linear-gradient(135deg,#f39c12,#e67e22);border-radius:8px;color:#fff;font-weight:600}.streak-display,.total-coins{font-size:16px}.challenges-list{display:flex;flex-direction:column;gap:15px}.challenge-card{border:2px solid #ecf0f1;border-radius:10px;padding:15px;background:#f8f9fa;transition:all .3s ease;position:relative;overflow:hidden}.challenge-card:hover{border-color:#3498db;transform:translateY(-2px);box-shadow:0 4px 12px #3498db33}.challenge-card.completed{background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff;border-color:#27ae60}.challenge-card.completed:after{content:"✅";position:absolute;top:10px;right:15px;font-size:20px}.challenge-header{display:flex;align-items:center;margin-bottom:10px}.challenge-icon{font-size:24px;margin-right:10px}.challenge-title{font-size:18px;font-weight:700;color:#2c3e50;margin:0}.challenge-card.completed .challenge-title{color:#fff}.challenge-description{font-size:14px;color:#7f8c8d;margin-bottom:10px}.challenge-card.completed .challenge-description{color:#ffffffe6}.challenge-progress{margin-bottom:10px}.progress-bar{width:100%;height:8px;background:#ecf0f1;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#3498db,#2ecc71);border-radius:4px;transition:width .3s ease}.progress-text{font-size:12px;color:#7f8c8d;margin-top:5px;text-align:center}.challenge-card.completed .progress-text{color:#ffffffe6}.challenge-reward{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:600}.reward-coins{color:#f39c12}.streak-bonus{color:#e74c3c;font-size:12px}.claim-btn{background:#27ae60;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s ease}.claim-btn:hover{background:#219150;transform:scale(1.05)}.claim-btn:disabled{background:#95a5a6;cursor:not-allowed;transform:none}.no-challenges{text-align:center;color:#7f8c8d;font-style:italic;padding:40px 20px}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@media (max-width: 480px){#game-container{width:95vw;height:85vh;border-radius:12px}.screen h1{font-size:28px}button{font-size:14px}}