@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap";html,body{margin:0;padding:0;width:100%;height:100%;background:#000;font-family:Inter,system-ui,-apple-system,sans-serif;color:#fff;overflow:hidden;overscroll-behavior:none}#root{width:100%;height:100%}*{box-sizing:border-box}.cell{width:auto;border-radius:6px;box-shadow:inset 0 0 14px #fff6}.cell.empty{background:#0003;border:1px solid rgba(255,255,255,.05)!important;box-shadow:none}.board{display:grid;height:min(85vh,800px);width:auto;background:#0a0a1e99;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:12px;padding:10px;box-shadow:0 8px 32px #0000005e;border:1px solid rgba(255,255,255,.1);aspect-ratio:10 / 20}.display{display:flex;align-items:center;margin:0 0 20px;padding:20px;border:2px solid rgba(255,255,255,.1);min-height:30px;width:100%;border-radius:12px;color:#fff;background:#0a0a1e80;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:1rem;letter-spacing:1px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 16px #0003;text-transform:uppercase;font-weight:600;box-sizing:border-box}.display.game-over{color:#ff4e4e;border-color:#ff4e4e80;box-shadow:0 4px 16px #ff4e4e33}.tetris-wrapper{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;outline:none;background:radial-gradient(circle at center,#1e1b4b,#000);overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}.tetris{display:flex;align-items:flex-start;padding:20px;background:#ffffff08;border-radius:20px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 50px #00000080;max-width:95vw;width:auto;justify-content:center;position:relative}.board-container{position:relative;display:flex;justify-content:center}.stats-header{display:none}.sidebar{width:200px;display:flex;flex-direction:column;padding:0 0 0 20px}.start-btn{box-sizing:border-box;margin:0 0 20px;padding:20px;min-height:30px;width:100%;border-radius:12px;border:none;color:#fff;background:linear-gradient(135deg,#6366f1,#a855f7);font-family:Inter,system-ui,sans-serif;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #a855f766;text-transform:uppercase;letter-spacing:2px}.start-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #a855f799}.start-btn:active{transform:translateY(1px)}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:12px;z-index:10}.overlay-btn{width:auto;min-width:150px;padding:15px 30px;margin:0}.game-over-text{color:#ff4e4e;font-family:Inter,sans-serif;text-transform:uppercase;letter-spacing:3px;text-shadow:0 0 20px rgba(255,78,78,.8);margin-bottom:20px}@media(max-width:768px){.tetris-wrapper{background:#000}.tetris{flex-direction:column;align-items:center;padding:10px;gap:15px;width:100vw;height:100vh;max-width:none;border-radius:0;border:none;box-shadow:none;justify-content:flex-start}.sidebar{display:none}.stats-header{display:flex;width:100%;justify-content:space-between;padding:0 10px;gap:10px;margin-top:env(safe-area-inset-top,10px)}.stats-header .display{margin:0;padding:10px;font-size:.9rem;flex:1;justify-content:center}.board-container{width:100%;flex:1;height:100%}.board-container .board{height:100%;max-height:calc(100vh - 130px - env(safe-area-inset-bottom,20px));margin:0 auto}}.App{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden}