.lights-grid{display:grid;gap:8px;max-width:400px;margin:0 auto;padding:20px;background:linear-gradient(135deg,#2c3e50,#3498db);border-radius:15px;box-shadow:0 4px 15px #0003}.light{width:50px;height:50px;border-radius:12px;cursor:pointer;transition:all .3s ease;position:relative;border:3px solid #34495e;box-shadow:inset 0 2px 4px #0003 0 2px 8px #0000001a;display:flex;align-items:center;justify-content:center}.light-off{background:linear-gradient(135deg,#2c3e50,#34495e);border-color:#34495e;box-shadow:inset 0 2px 4px #0000004d 0 2px 4px #0003}.light-on{background:linear-gradient(135deg,#f39c12,#e74c3c,#9b59b6,#3498db,#2ecc71,#f1c40f);background-size:300% 300%;border-color:#f39c12;box-shadow:inset 0 2px 4px #ffffff4d 0 0 15px #f39c1299 0 0 25px #f39c1266 0 2px 8px #0003;animation:lightGlowShadow 2s ease-in-out infinite alternate}@keyframes lightGlowShadow{0%{box-shadow:inset 0 2px 4px #ffffff4d 0 0 15px #f39c1299 0 0 25px #f39c1266 0 2px 8px #0003}100%{box-shadow:inset 0 2px 4px #fff6 0 0 20px #f39c12cc 0 0 35px #f39c1299 0 2px 12px #0000004d}}.light:hover{transform:translateY(-2px) scale(1.05);box-shadow:inset 0 2px 4px #0003 0 4px 15px #3498db4d}.light-on:hover{transform:translateY(-2px) scale(1.08);box-shadow:inset 0 2px 4px #ffffff4d 0 0 20px #f39c12cc 0 0 35px #f39c1299 0 4px 15px #0000004d}.game-controls{background:#f8f9fa;padding:15px;border-radius:12px;margin-top:15px}.game-controls .btn{transition:all .3s ease}.game-controls .btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.lights-grid.win-effect{animation:winPulse 1s infinite}@keyframes winPulse{0%{transform:scale(1);box-shadow:0 4px 15px #0003}50%{transform:scale(1.02);box-shadow:0 6px 25px #2ecc7199 0 0 40px #2ecc7166}100%{transform:scale(1);box-shadow:0 4px 15px #0003}}.lights-out-stats .stat-number{color:#667eea}.light-on::before{content:'';position:absolute;top:50%;left:50%;width:8px;height:8px;background:#fffc;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 8px #fff9;animation:lightCore 1.5s ease-in-out infinite alternate}@keyframes lightCore{0%{opacity:.8;transform:translate(-50%,-50%) scale(1)}100%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}}.light-off::before{content:'';position:absolute;top:50%;left:50%;width:4px;height:4px;background:#ffffff1a;border-radius:50%;transform:translate(-50%,-50%)}@media (max-width: 768px){.lights-grid{max-width:350px;padding:15px;gap:6px}.light{border-radius:10px;border-width:2px}.game-controls{padding:10px;margin-top:10px}.game-controls .btn{padding:.4rem .8rem;font-size:.9rem}}@media (max-width: 480px){.lights-grid{max-width:280px;padding:10px;gap:4px}.light{border-radius:8px}.game-controls{padding:8px}.game-controls .btn{padding:.3rem .6rem;font-size:.8rem}}