:root{color-scheme:dark;font-family:Microsoft YaHei,PingFang SC,Noto Sans SC,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#0a0a1a;color:#fafafa}.tetris-wrapper{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;gap:1rem}.tetris-title{font-size:2rem;font-weight:700;letter-spacing:.1em;background:linear-gradient(135deg,#00d4ff,#b040ff,#ff4040);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tetris-container{display:flex;gap:1.5rem;align-items:flex-start}.tetris-board{position:relative;width:300px;background:#112;border:2px solid #333;border-radius:4px;overflow:hidden}.tetris-row{display:flex}.tetris-cell{width:30px;height:30px;border:1px solid rgba(255,255,255,.05)}.tetris-cell.filled{border:1px solid rgba(255,255,255,.3);box-shadow:inset 0 0 6px #ffffff26}.tetris-cell.ghost{background:#ffffff14;border:1px dashed rgba(255,255,255,.15)}.tetris-sidebar{display:flex;flex-direction:column;gap:1rem;min-width:140px}.info-box,.controls-box{background:#112;border:1px solid #333;border-radius:4px;padding:.75rem}.info-label{font-size:.75rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}.info-value{font-size:1.5rem;font-weight:700;font-variant-numeric:tabular-nums;color:#00d4ff}.next-grid{display:flex;flex-direction:column;align-items:center}.next-grid .tetris-cell{width:22px;height:22px}.controls-box .control-row{font-size:.8rem;color:#fff9;padding:.15rem 0}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10}.overlay-text{font-size:1.5rem;font-weight:700;color:#fff}.overlay-sub{font-size:.9rem;color:#fff9;margin-top:.5rem}@media(max-width:600px){.tetris-board{width:220px}.tetris-cell{width:22px;height:22px}.next-grid .tetris-cell{width:16px;height:16px}.tetris-title{font-size:1.5rem}}