*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:transparent;height:100vh;overflow:hidden}#gameContainer{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;gap:16px;padding:12px;background:#000c;border-radius:15px;box-shadow:0 20px 40px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#gameCanvas{width:40vmin;height:80vmin;max-height:80vh;background:#000;border:3px solid #fff;border-radius:10px;box-shadow:0 0 20px #fff3}#bottomUI{display:flex;flex-direction:column;align-items:center;gap:12px}#gameUI{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;width:100%;max-width:220px;color:#fff;font-size:14px;font-weight:600}#gameUI>div{background:#ffffff14;padding:6px;border-radius:6px;text-align:center;border:1px solid rgba(255,255,255,.18)}#connectionStatus{font-size:11px;font-weight:500}#connectionStatus.connected{background:#00ff0014;color:#0f0;border-color:#00ff0040}#connectionStatus.connecting{background:#ffa50014;color:orange;border-color:#ffa50040}#connectionStatus.disconnected,#connectionStatus.error{background:#ff000014;color:red;border-color:#ff000040}#nextPiece{color:#fff;text-align:center}#nextPiece h3{margin-bottom:4px;font-size:12px;font-weight:600}#nextCanvas{width:64px;height:64px;background:#00000073;border:2px solid rgba(255,255,255,.25);border-radius:6px}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:100;border-radius:15px}.overlay.hidden{display:none}.game-start-content,.game-over-content,.pause-content,.loading-content{text-align:center;color:#fff;background:#ffffff1a;padding:24px;border-radius:15px;border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.game-start-content h1{font-size:3em;margin-bottom:20px;background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4);background-size:400% 400%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:rainbow 3s ease-in-out infinite}@keyframes rainbow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.controls-section{margin:20px 0;padding:20px;background:#0000004d;border-radius:10px}.controls-section h3{margin-bottom:15px;color:#4ecdc4;font-size:1.2em}.controls-grid{display:flex;flex-direction:column;gap:10px;text-align:left}.control-item{display:flex;align-items:center;gap:15px}.key{background:linear-gradient(145deg,#2a2a2a,#1a1a1a);color:#fff;padding:8px 12px;border-radius:6px;font-family:monospace;font-weight:700;min-width:60px;text-align:center;border:1px solid #444;box-shadow:0 2px 4px #0000004d}.action{color:#fff;font-size:.9em}.game-btn{padding:15px 30px;font-size:1.2em;font-weight:700;color:#fff;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;margin:10px 0;box-shadow:0 4px 15px #0000004d}.start-btn{background:linear-gradient(45deg,#4ecdc4,#44a08d)}.start-btn:hover{background:linear-gradient(45deg,#44a08d,#4ecdc4);transform:translateY(-2px);box-shadow:0 6px 20px #0006}.retry-btn{background:linear-gradient(45deg,#ff6b6b,#ee5a24)}.retry-btn:hover{background:linear-gradient(45deg,#ee5a24,#ff6b6b);transform:translateY(-2px);box-shadow:0 6px 20px #0006}.difficulty-info,.restart-hint{margin-top:10px;font-size:.9em;opacity:.8}.game-over-content h2,.pause-content h2{font-size:2em;margin-bottom:20px}.game-over-content p{margin:10px 0;font-size:1.1em}#finalScore,#finalLines{color:#4ecdc4;font-weight:700}@media (max-width: 768px){#gameContainer{flex-direction:column;gap:10px;padding:10px}#gameCanvas{width:60vw;height:120vw;max-height:none}#gameUI{grid-template-columns:repeat(2,1fr);width:100%;max-width:none}.game-start-content h1{font-size:2em}.controls-grid{align-items:center}.control-item{justify-content:space-between}}@keyframes lineClear{0%{background-color:#fff}50%{background-color:transparent}to{background-color:#fff}}.line-clear{animation:lineClear .5s ease-in-out}