body{margin:0;padding:0;background:linear-gradient(135deg,#1e1e2e,#2a2d47);color:#fff;font-family:Arial,sans-serif;overflow:hidden;position:fixed;width:100%;height:100%}.tetris-app{width:100%;height:100vh;height:100dvh;display:flex;justify-content:center;align-items:center;padding:8px;background:linear-gradient(135deg,#1e1e2e,#2a2d47)}.game-container{width:100%;max-width:420px;height:100%;display:grid;grid-template-rows:auto auto 1fr auto auto auto;gap:12px;padding:12px;background:#0003;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.game-header{text-align:center}.game-header h1{font-size:clamp(1.5rem,6vw,2rem);margin-bottom:8px;background:linear-gradient(45deg,#00f0f0,#f0f000);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 20px rgba(0,240,240,.5)}.game-stats{display:flex;justify-content:space-between;gap:8px}.stat{flex:1;background:#0000004d;padding:6px;border-radius:8px;text-align:center;border:1px solid rgba(255,255,255,.1)}.stat-label{display:block;font-size:.7rem;opacity:.8;margin-bottom:2px}.stat-value{display:block;font-size:clamp(.9rem,3vw,1.1rem);font-weight:700;color:#00f0f0}.game-board-container{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:start;justify-content:center;min-height:0}.game-board{display:grid;grid-template-rows:repeat(20,1fr);gap:1px;background:#000;border:2px solid #444;border-radius:8px;padding:4px;width:100%;max-width:250px;aspect-ratio:.5;margin:0 auto}.board-row{display:grid;grid-template-columns:repeat(10,1fr);gap:1px}.board-cell{aspect-ratio:1;border:1px solid rgba(255,255,255,.1);border-radius:2px;transition:all .1s ease}.next-piece-container{background:#0000004d;padding:8px;border-radius:8px;border:1px solid rgba(255,255,255,.1);min-width:80px;text-align:center}.next-piece-container h3{font-size:.8rem;margin-bottom:8px;color:#00f0f0}.next-piece{display:grid;gap:1px;justify-content:center}.next-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1px}.next-cell{width:12px;height:12px;border-radius:2px;border:1px solid rgba(255,255,255,.1)}.game-controls{display:flex;flex-direction:column;gap:8px;align-items:center}.control-btn{width:100%;max-width:200px;padding:12px 24px;font-size:1rem;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:1px;min-height:44px;touch-action:manipulation}.start-btn,.restart-btn{background:linear-gradient(45deg,#00f000,#00a000);color:#fff;box-shadow:0 4px 15px #00f0004d}.start-btn:hover,.restart-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00f00066}.pause-btn,.resume-btn{background:linear-gradient(45deg,#f0a000,#a07000);color:#fff;box-shadow:0 4px 15px #f0a0004d}.pause-btn:hover,.resume-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f0a00066}.game-over{text-align:center;padding:16px;background:#ff00001a;border-radius:8px;border:1px solid rgba(255,0,0,.3)}.game-over h2{font-size:1.5rem;color:#f44;margin-bottom:8px}.game-over p{margin-bottom:12px;font-size:1.1rem}.touch-controls{display:grid;gap:8px;justify-content:center}.touch-row{display:flex;gap:8px;justify-content:center}.touch-btn{width:60px;height:60px;border:2px solid rgba(255,255,255,.3);background:#0000004d;color:#fff;border-radius:12px;font-size:1.5rem;font-weight:700;cursor:pointer;transition:all .1s ease;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.touch-btn:active{transform:scale(.95);background:#00f0f04d;border-color:#00f0f0}.rotate-btn{background:#a000f033;border-color:#a000f066}.rotate-btn:active{background:#a000f066;border-color:#a000f0}.instructions{text-align:center;font-size:.7rem;opacity:.7;line-height:1.4}.instructions p{margin-bottom:4px}@media (min-width: 768px){.tetris-app{padding:16px}.game-container{max-width:500px;padding:24px;gap:16px}.game-header h1{font-size:2.5rem;margin-bottom:16px}.stat{padding:12px}.stat-label{font-size:.8rem;margin-bottom:4px}.stat-value{font-size:1.2rem}.game-board{max-width:300px;padding:6px;gap:2px}.board-cell{border-radius:3px}.next-piece-container{padding:12px;min-width:100px}.next-piece-container h3{font-size:1rem;margin-bottom:12px}.next-cell{width:16px;height:16px}.control-btn{padding:16px 32px;font-size:1.1rem;min-height:48px}.game-over{padding:24px}.game-over h2{font-size:2rem;margin-bottom:12px}.game-over p{font-size:1.2rem;margin-bottom:16px}.touch-btn{width:80px;height:80px;font-size:2rem;border-radius:16px}.instructions{font-size:.9rem}.touch-controls{display:none}}@media (min-width: 1024px){.game-container{max-width:600px}.game-board-container{gap:24px}.game-board{max-width:350px}.next-piece-container{min-width:120px}}@keyframes piecePlace{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes lineClear{0%{opacity:1;background-color:#fff}50%{opacity:.5;background-color:#ff0}to{opacity:0}}@media (prefers-contrast: high){.game-container{border:2px solid white;background:#000}.board-cell{border:1px solid white}.touch-btn{border:2px solid white;background:#000}}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}.touch-btn:active{transform:none}}:root{font-family:Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#1e1e2e;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{box-sizing:border-box;margin:0;padding:0}html{height:100%;overflow:hidden}body{margin:0;padding:0;min-width:320px;height:100%;overflow:hidden;position:fixed;width:100%;background:linear-gradient(135deg,#1e1e2e,#2a2d47);font-size:16px}#root{width:100%;height:100%;overflow:hidden}button{border:none;background:none;cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none}button:focus{outline:2px solid #00f0f0;outline-offset:2px}input,select,textarea{font-size:16px;font-family:inherit}.safe-area-top{padding-top:env(safe-area-inset-top,0)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom,0)}.safe-area-left{padding-left:env(safe-area-inset-left,0)}.safe-area-right{padding-right:env(safe-area-inset-right,0)}.game-board,.touch-controls,.board-cell,.touch-btn{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}html{scroll-behavior:smooth}:focus{outline:2px solid #00f0f0;outline-offset:2px}@media (prefers-contrast: high){:root{filter:contrast(150%)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}