body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);margin:0;overflow:hidden;position:fixed;width:100%;height:100%;touch-action:manipulation}.tetris-app{height:100vh;height:100dvh;display:grid;grid-template-rows:1fr;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2)}.game-container{height:100%;display:grid;grid-template-rows:auto 1fr auto auto;gap:8px;padding:8px;max-width:400px;margin:0 auto;width:100%}.game-header{text-align:center;color:#fff;padding:8px;background:#ffffff1a;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.game-header h1{font-size:clamp(1.5rem,5vw,2rem);margin-bottom:12px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stat{display:flex;flex-direction:column;align-items:center;gap:4px}.stat span:first-child{font-size:.875rem;opacity:.8;font-weight:500}.stat span:last-child{font-size:1.25rem;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.game-area{display:grid;grid-template-columns:1fr auto;gap:12px;min-height:0;flex:1}.sidebar{display:flex;flex-direction:column;width:80px}.next-piece{background:#ffffff1a;border-radius:12px;padding:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center}.next-piece h3{color:#fff;font-size:.875rem;margin-bottom:8px;font-weight:600}.preview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#fff3;border-radius:6px;padding:6px}.preview-cell{aspect-ratio:1;border-radius:2px;border:1px solid rgba(255,255,255,.1)}.game-board{position:relative;background:#0000004d;border-radius:12px;padding:8px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);touch-action:none;-webkit-user-select:none;user-select:none}.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:3px;background:#ffffff0d;transition:all .1s ease}.board-cell[style*="background-color: #"]{border:2px solid rgba(255,255,255,.3);box-shadow:inset 0 0 8px #fff3}.game-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;border-radius:12px;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.game-overlay h2{font-size:clamp(1.5rem,6vw,2.5rem);margin-bottom:16px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.game-overlay p{font-size:1.25rem;margin-bottom:24px;opacity:.9}.restart-btn,.pause-btn{background:linear-gradient(135deg,#ff6b6b,#ff8e8e);border:none;color:#fff;padding:16px 32px;border-radius:25px;font-size:1.125rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff6b6b4d;text-transform:uppercase;letter-spacing:1px}.restart-btn:hover,.pause-btn:hover,.restart-btn:active,.pause-btn:active{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b66}.controls{display:grid;gap:12px;padding:8px}.control-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.control-row:last-child{grid-template-columns:2fr 1fr}.control-btn{min-height:56px;background:#ffffff26;border:2px solid rgba(255,255,255,.2);color:#fff;border-radius:12px;font-size:1.25rem;font-weight:700;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);touch-action:manipulation;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center}.control-btn:hover,.control-btn:active{background:#ffffff40;border-color:#fff6;transform:scale(.98)}.control-btn.wide{font-size:1rem;text-transform:uppercase;letter-spacing:1px}.instructions{text-align:center;color:#fff;padding:8px;font-size:.875rem;opacity:.8;line-height:1.4}.instructions p{margin:2px 0}@media (min-width: 768px){.game-container{max-width:500px;padding:16px;gap:12px}.game-area{grid-template-columns:auto 1fr;gap:20px}.sidebar{width:100px;order:2}.game-board{order:1;padding:12px}.controls{grid-template-columns:repeat(4,1fr);gap:12px}.control-row{display:contents}.control-btn{min-height:60px}.instructions{font-size:1rem}}@media (min-width: 1024px){.game-container{max-width:600px;padding:24px}.game-area{gap:24px}.sidebar{width:120px}.next-piece,.game-board{padding:16px}.controls{gap:16px}.control-btn{min-height:64px;font-size:1.375rem}}@media (max-height: 600px) and (orientation: landscape){.game-container{grid-template-rows:auto 1fr auto;padding:4px;gap:4px}.game-header{padding:4px}.game-header h1{font-size:1.25rem;margin-bottom:8px}.stats{gap:8px}.stat span:first-child{font-size:.75rem}.stat span:last-child{font-size:1rem}.controls{grid-template-columns:repeat(5,1fr);gap:4px;padding:4px}.control-row{display:contents}.control-btn{min-height:44px;font-size:1rem}.instructions{display:none}}@media (max-width: 350px){.game-container{padding:4px;gap:6px}.game-header{padding:6px}.stats{gap:8px}.stat span:last-child{font-size:1rem}.controls{gap:6px;padding:4px}.control-btn{min-height:48px;font-size:1.125rem}}.control-btn:focus{outline:3px solid rgba(255,255,255,.6);outline-offset:2px}.restart-btn:focus,.pause-btn:focus{outline:3px solid rgba(255,107,107,.6);outline-offset:2px}.game-board,.controls,.stats,.instructions{-webkit-user-select:none;-moz-user-select:none;user-select:none}.board-cell{transition:background-color .1s ease,border-color .1s ease}@supports (padding: env(safe-area-inset-top)){.game-container{padding-top:max(8px,env(safe-area-inset-top));padding-bottom:max(8px,env(safe-area-inset-bottom));padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;margin:0;padding:0;position:fixed;width:100%;touch-action:manipulation}#root{height:100vh;height:100dvh;width:100%;overflow:hidden}body{overscroll-behavior:none;-webkit-overflow-scrolling:touch}html{overscroll-behavior-y:contain}input,select,textarea{font-size:16px}button{border:none;outline:none;background:none;padding:0;margin:0;font-family:inherit;cursor:pointer}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}*{scroll-behavior:smooth}@media (prefers-contrast: high){:root{--border-opacity: .8;--text-opacity: 1}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}