*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background:linear-gradient(135deg,#fff 0,#fff 100%);min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px}.container{background:#fff;border-radius:15px;box-shadow:0 10px 40px rgba(0,0,0,.3);padding:30px;max-width:1200px;width:100%}.game-header{text-align:center;margin-bottom:30px}.game-header h1{color:#333;font-size:2.5em;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.game-stats{display:flex;justify-content:center;gap:40px;margin-bottom:20px}.stat{display:flex;align-items:center;gap:10px;font-size:1.2em}.stat .label{color:#666;font-weight:700}.stat .value{color:#667eea;font-weight:700;font-size:1.3em;min-width:60px;text-align:right}.game-main{display:flex;gap:30px;align-items:flex-start;margin-bottom:30px}.game-left{flex:0 0 auto;display:flex;justify-content:center}.game-right{flex:1;display:flex;flex-direction:column;gap:20px}.game-board{display:flex;justify-content:center;margin-bottom:0}#gameCanvas{border:3px solid #333;background-color:#1a1a1a;border-radius:8px;box-shadow:0 5px 20px rgba(0,0,0,.2);max-width:100%;height:auto;display:block;touch-action:none}.game-controls{display:flex;flex-direction:column;gap:10px;margin-bottom:0}.btn{padding:12px 24px;font-size:1em;border:none;border-radius:8px;cursor:pointer;font-weight:700;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;width:100%}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.2)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:#667eea;color:#fff}.btn-primary:hover:not(:disabled){background-color:#5568d3}.btn-warning{background-color:#f59e0b;color:#fff}.btn-warning:hover:not(:disabled){background-color:#d97706}.btn-success{background-color:#10b981;color:#fff}.btn-success:hover:not(:disabled){background-color:#059669}.btn-danger{background-color:#ef4444;color:#fff}.btn-danger:hover:not(:disabled){background-color:#dc2626}.btn-secondary{background-color:#6b7280;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#4b5563}.game-info{background-color:#f3f4f6;padding:20px;border-radius:8px;border-left:4px solid #667eea}.game-info p{color:#333;font-weight:700;margin-bottom:10px}.game-info ul{list-style-position:inside;color:#666}.game-info li{margin-bottom:8px;line-height:1.5}.mobile-controls{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:20px;max-width:300px;margin-left:auto;margin-right:auto}.mobile-controls.hidden{display:none}.mobile-row{display:flex;gap:10px;grid-column:1/-1;justify-content:center}.mobile-btn{width:60px;height:60px;border:2px solid #667eea;background-color:#667eea;color:#fff;border-radius:8px;cursor:pointer;font-size:1.5em;font-weight:700;touch-action:manipulation;transition:all .2s ease}.mobile-btn:hover{background-color:#5568d3;transform:scale(1.05)}.mobile-btn:active{transform:scale(.95);background-color:#4a5ac2}.mobile-btn-up{grid-column:2}.mobile-btn-down{grid-column:2}.info-desktop{display:inline}.info-mobile{display:none}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:1000}.modal.hidden{display:none}.modal-content{background:#fff;padding:40px;border-radius:15px;text-align:center;box-shadow:0 10px 40px rgba(0,0,0,.4);animation:slideIn .3s ease}@keyframes slideIn{from{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-content h2{color:#ef4444;font-size:2.5em;margin-bottom:30px;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.game-over-stats{margin-bottom:30px}.game-over-stats p{font-size:1.2em;color:#333;margin-bottom:15px}.game-over-stats span{color:#667eea;font-weight:700;font-size:1.3em}.modal-buttons{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}@media (max-width:900px){.game-main{flex-direction:column;align-items:center;gap:20px}.game-right{width:100%;max-width:500px}.container{padding:20px}}@media (max-width:768px){.container{padding:15px;max-width:100%}.game-header h1{font-size:2em}.game-stats{gap:30px;flex-direction:row}.stat{font-size:1em}.btn{padding:10px 20px;font-size:.9em}.game-info{padding:15px;font-size:.95em}.game-info li{margin-bottom:6px}}@media (max-width:600px){body{padding:10px}.container{padding:15px;border-radius:10px}.game-header{margin-bottom:20px}.game-header h1{font-size:1.8em;margin-bottom:15px}.game-stats{gap:20px;flex-direction:column;align-items:center}.stat{font-size:.95em}.game-main{flex-direction:column;align-items:center;gap:15px;margin-bottom:20px}.game-left{width:100%}.game-board{width:100%}#gameCanvas{width:100%;border-width:2px}.game-right{width:100%;max-width:100%;gap:15px}.game-controls{gap:8px}.btn{padding:10px 16px;font-size:.85em;letter-spacing:.5px}.game-info{padding:12px;font-size:.9em;border-left-width:3px}.game-info p{margin-bottom:8px;font-size:.95em}.game-info ul{list-style-position:outside;padding-left:15px}.game-info li{margin-bottom:5px;line-height:1.4}.info-desktop{display:none}.info-mobile{display:inline}.mobile-controls{display:grid;margin-top:15px}.mobile-btn{width:50px;height:50px;font-size:1.2em}.modal-content{padding:25px 20px;margin:20px}.modal-content h2{font-size:1.8em;margin-bottom:20px}.game-over-stats p{font-size:1em;margin-bottom:10px}.modal-buttons{flex-direction:column;gap:10px}.modal-buttons .btn{width:100%}}@media (max-width:400px){.game-header h1{font-size:1.5em;margin-bottom:12px}.game-stats{gap:15px}.stat{font-size:.9em}.stat .value{font-size:1.1em}.game-board{width:100%}#gameCanvas{border-width:2px}.game-info{padding:10px;font-size:.85em}.game-info p{font-size:.9em;margin-bottom:6px}.game-info ul{padding-left:12px}.game-info li{margin-bottom:4px;font-size:.85em;line-height:1.3}.btn{padding:8px 12px;font-size:.75em}.mobile-btn{width:45px;height:45px;font-size:1em;gap:6px}.mobile-controls{gap:8px}.mobile-row{gap:8px}.modal-content{padding:20px 15px;margin:15px;border-radius:12px}.modal-content h2{font-size:1.5em;margin-bottom:15px}.game-over-stats p{font-size:.95em}.game-over-stats span{font-size:1.1em}}@media (max-width:320px){.container{padding:10px}.game-header h1{font-size:1.3em}.stat{font-size:.85em;gap:5px}.game-info{font-size:.8em;padding:8px}.btn{padding:6px 10px;font-size:.7em}.mobile-btn{width:40px;height:40px;font-size:.9em}}footer{width:100%;bottom:0;left:0;right:0;background:#494a5a00;color:#fff;text-align:center;padding:60px 90px;box-sizing:border-box;margin:0}footer .container{max-width:100%;margin:0;padding:0}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:60px;margin-bottom:60px;text-align:left}.footer-column{padding:0 15px}.footer-column h3{font-size:18px;margin-bottom:15px;color:gold}.footer-column p{font-size:14px;line-height:1.6}.copyright{border-top:1px solid rgba(255,255,255,.2);padding-top:20px;font-size:14px}