.game-control-btn{padding:12px 24px;font-size:16px;font-weight:700;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s,transform .1s;min-width:120px}.game-control-btn:focus-visible{outline:2px solid #00f5ff;outline-offset:2px;box-shadow:0 0 8px #00f5ff80}.game-control-btn-start{background-color:#0c6;color:#fff}.game-control-btn-start:hover{background-color:#0a5}.game-control-btn-start:active{transform:scale(.98)}.game-control-btn-pause{background-color:#f90;color:#fff}.game-control-btn-pause:hover{background-color:#d80}.game-control-btn-pause:active{transform:scale(.98)}.game-control-btn-disabled{background-color:#666;color:#999;cursor:not-allowed}.game-control-btn-disabled:hover{background-color:#666}.touch-controls{display:none;flex-direction:column;gap:12px;margin-top:24px;padding:16px;background-color:#1a1a2e;border:2px solid #4a4a8a;border-radius:8px;width:100%;max-width:300px}@media(max-width:600px),(pointer:coarse){.touch-controls{display:flex}}.touch-controls-row{display:flex;justify-content:center;gap:12px}.touch-controls-main{gap:8px}.touch-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;min-width:64px;min-height:64px;border:none;border-radius:8px;background-color:#2a2a4e;color:#fff;font-size:24px;cursor:pointer;transition:background-color .15s,transform .1s;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.touch-btn:active{background-color:#4a4a8a;transform:scale(.95)}.touch-btn:disabled{opacity:.4;cursor:not-allowed}.touch-btn:disabled:active{transform:none;background-color:#2a2a4e}.touch-btn:focus-visible{outline:2px solid #00f5ff;outline-offset:2px}.touch-btn-icon{font-size:28px;line-height:1}.touch-btn-label{font-size:10px;margin-top:4px;text-transform:uppercase;letter-spacing:.5px}.touch-btn-rotate{background-color:#3a3a6e}.touch-btn-rotate:active:not(:disabled){background-color:#5a5a9e}.touch-btn-drop{background-color:#f60}.touch-btn-drop:active:not(:disabled){background-color:#f83}.touch-btn-left,.touch-btn-right{flex:1;max-width:80px}.touch-btn-down{flex:1.5;max-width:100px;background-color:#0a5}.touch-btn-down:active:not(:disabled){background-color:#0c6}*{margin:0;padding:0;box-sizing:border-box}body{background:#1a1a2e;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;display:flex;justify-content:center;align-items:center}#root{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:20px}.game-container{display:flex;flex-direction:row;gap:20px;align-items:flex-start}.board{display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(20,1fr);border:2px solid #4a4a6a;background:#0f0f23;box-shadow:0 0 20px #00f5ff33}.cell{width:24px;height:24px;border:1px solid #333;background:#16213e}.cell[data-type=I]{background:#00f5ff;box-shadow:0 0 8px #00f5ff,inset 0 0 4px #ffffff4d;border-color:#00d4dd}.cell[data-type=O]{background:#ff0;box-shadow:0 0 8px #ff0,inset 0 0 4px #ffffff4d;border-color:#dd0}.cell[data-type=T]{background:#f0f;box-shadow:0 0 8px #f0f,inset 0 0 4px #ffffff4d;border-color:#d0d}.cell[data-type=S]{background:#0f0;box-shadow:0 0 8px #0f0,inset 0 0 4px #ffffff4d;border-color:#0d0}.cell[data-type=Z]{background:red;box-shadow:0 0 8px red,inset 0 0 4px #ffffff4d;border-color:#d00}.cell[data-type=J]{background:#00f;box-shadow:0 0 8px #00f,inset 0 0 4px #ffffff4d;border-color:#00d}.cell[data-type=L]{background:#ff8000;box-shadow:0 0 8px #ff8000,inset 0 0 4px #ffffff4d;border-color:#dd7000}.side-panel{width:180px;display:flex;flex-direction:column;gap:16px}.next-piece-container{background:#16213e;border:2px solid #4a4a6a;border-radius:8px;padding:12px}.next-piece-container h3{font-size:14px;text-align:center;margin-bottom:8px;color:#aaa;text-transform:uppercase;letter-spacing:1px}.next-piece-grid{display:grid;grid-template-columns:repeat(4,20px);grid-template-rows:repeat(4,20px);gap:1px;justify-content:center}.next-piece-grid .cell{width:20px;height:20px;background:#0f0f23;border:1px solid #333}.game-info{background:#16213e;border:2px solid #4a4a6a;border-radius:8px;padding:16px}.game-info-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #333}.game-info-item:last-child{border-bottom:none}.game-info-label{font-size:12px;color:#888;text-transform:uppercase;letter-spacing:1px}.game-info-value{font-size:20px;font-weight:700;color:#00f5ff}.game-controls{display:flex;flex-direction:column;gap:8px}.btn{padding:12px 16px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;transition:all .2s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.btn:active{transform:translateY(0)}.btn-start{background:linear-gradient(135deg,#00c853,#00e676);color:#fff}.btn-start:hover{background:linear-gradient(135deg,#00e676,#69f0ae)}.btn-pause{background:linear-gradient(135deg,#ffc107,#ffca28);color:#333}.btn-pause:hover{background:linear-gradient(135deg,#ffca28,#ffd54f)}.btn-restart{background:linear-gradient(135deg,#f44336,#ff5722);color:#fff}.btn-restart:hover{background:linear-gradient(135deg,#ff5722,#ff7043)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.board-wrapper{position:relative}.game-over-overlay{position:absolute;inset:0;background:#000c;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10}.game-over-overlay h2{font-size:28px;color:#f44;text-transform:uppercase;letter-spacing:2px;margin-bottom:16px;text-shadow:0 0 10px #ff4444}.game-over-overlay .final-score{font-size:18px;color:#fff;margin-bottom:20px}.game-over-overlay .btn{min-width:120px}.pause-overlay{position:absolute;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:10}.pause-overlay h2{font-size:32px;color:#ffc107;text-transform:uppercase;letter-spacing:3px;text-shadow:0 0 10px #ffc107}.controls-help{margin-top:24px;background:#16213e;border:1px solid #4a4a6a;border-radius:8px;padding:16px 24px}.controls-help h4{font-size:12px;color:#888;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;text-align:center}.controls-help-list{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.control-item{display:flex;align-items:center;gap:6px;font-size:13px}.key{background:#333;border:1px solid #555;border-radius:4px;padding:4px 8px;font-family:monospace;font-size:12px;color:#fff;min-width:28px;text-align:center}.control-item span:last-child{color:#aaa}@keyframes line-clear{0%{background:#fff;transform:scaleY(1)}50%{background:#00f5ff}to{background:transparent;transform:scaleY(0)}}.cell.clearing{animation:line-clear .3s ease-out forwards}.game-title{font-size:36px;font-weight:700;text-align:center;margin-bottom:20px;background:linear-gradient(135deg,#00f5ff,#f0f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;letter-spacing:4px;text-transform:uppercase}@media(max-width:600px){.game-container{flex-direction:column;align-items:center}.side-panel{width:100%;max-width:260px;flex-direction:row;flex-wrap:wrap;justify-content:center}.next-piece-container,.game-info,.game-controls{flex:1;min-width:120px}.controls-help-list{flex-direction:column;align-items:center}}