.cell{width:100%;height:100%;box-sizing:border-box;transition:all .1s ease}.game-board{display:flex;justify-content:center;align-items:center;padding:20px}.board-grid{display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(20,1fr);gap:1px;background-color:#333;padding:2px;border:2px solid #666;border-radius:4px;width:300px;height:600px}@media (max-width: 768px){.board-grid{width:250px;height:500px}}@media (max-width: 480px){.board-grid{width:200px;height:400px}}.next-piece{display:flex;flex-direction:column;align-items:center;margin:20px}.next-piece h3{margin:0 0 10px;color:#333;font-size:18px}.next-piece-grid{display:grid;gap:1px;background-color:#333;padding:2px;border:1px solid #666;border-radius:4px;width:80px;height:80px}.score-board{display:flex;flex-direction:column;gap:10px;margin:20px;padding:15px;background-color:#f5f5f5;border-radius:8px;border:2px solid #ddd;min-width:150px}.score-item{display:flex;justify-content:space-between;align-items:center}.label{font-weight:700;color:#333;font-size:14px}.value{font-size:16px;color:#666;font-weight:700}.game-over-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.game-over-modal{background-color:#fff;padding:30px;border-radius:10px;text-align:center;box-shadow:0 4px 20px #0000004d}.game-over-modal h2{margin:0 0 15px;color:#333;font-size:28px}.game-over-modal p{margin:0 0 20px;color:#666;font-size:18px}.restart-button{background-color:#4caf50;color:#fff;border:none;padding:12px 24px;font-size:16px;border-radius:5px;cursor:pointer;transition:background-color .3s}.restart-button:hover{background-color:#45a049}.app{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;align-items:center;padding:20px;font-family:Arial,sans-serif}.game-container{display:flex;gap:20px;align-items:flex-start;margin-bottom:20px}.game-sidebar{display:flex;flex-direction:column;gap:20px}.game-main{position:relative}.start-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;justify-content:center;align-items:center;border-radius:4px}.start-message{background-color:#fff;padding:30px;border-radius:12px;text-align:center;box-shadow:0 8px 25px #0006;min-width:250px}.start-message h2{margin:0 0 20px;color:#333;font-size:32px;font-weight:700}.start-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:15px 30px;font-size:18px;font-weight:700;border-radius:8px;cursor:pointer;transition:all .3s ease;margin-bottom:15px;min-width:150px}.start-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.start-button:active{transform:translateY(0)}.start-message p{margin:0;color:#666;font-size:14px}.pause-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;border-radius:4px}.pause-message{background-color:#fff;padding:20px;border-radius:8px;text-align:center;box-shadow:0 4px 15px #0000004d}.pause-message h2{margin:0 0 10px;color:#333;font-size:24px}.pause-message p{margin:0;color:#666;font-size:16px}.controls-info{background-color:#ffffffe6;padding:15px;border-radius:8px;text-align:center;box-shadow:0 2px 10px #0000001a}.controls-info h3{margin:0 0 10px;color:#333;font-size:18px}.controls-info p{margin:0;color:#666;font-size:14px}@media (max-width: 768px){.game-container{flex-direction:column;align-items:center}.game-sidebar{flex-direction:row;justify-content:center;flex-wrap:wrap}.controls-info{max-width:100%;margin:0 10px}}@media (max-width: 480px){.app{padding:10px}.game-container{gap:10px}.controls-info{font-size:12px}}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0f0f0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}