:root{--color-I: #00FFFF;--color-O: #FFFF00;--color-T: #800080;--color-S: #00FF00;--color-Z: #FF0000;--color-J: #0000FF;--color-L: #FFA500;--color-G: #808080;--color-empty: #1a1a1a;--bg-color: #0d0d0d;--text-color: #e0e0e0;--border-color: #333;--accent-color: #6a0dad;--accent-light: #9333ea;--font-size-small: .8rem;--font-size-medium: 1rem;--font-size-large: 1.2rem;--font-size-xl: 2rem;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:"Press Start 2P",cursive,Arial,sans-serif;background-color:var(--bg-color);color:var(--text-color);display:flex;justify-content:center;align-items:center;min-height:100vh;overflow:hidden}#root,.App{width:100%;height:100%;display:flex;justify-content:center;align-items:center}h1,h2,h3,h4,h5,h6{color:var(--accent-light);margin-bottom:var(--spacing-md)}button{background-color:var(--accent-color);color:var(--text-color);border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:5px;cursor:pointer;font-size:var(--font-size-medium);transition:background-color .2s ease-in-out}button:hover{background-color:var(--accent-light)}button:disabled{background-color:var(--border-color);cursor:not-allowed}._App_qsxjq_3{display:flex;flex-direction:row;align-items:flex-start;gap:var(--spacing-lg);padding:var(--spacing-lg);background-color:var(--bg-color);border-radius:8px;box-shadow:0 0 30px #0ff9,inset 0 0 15px #00ffff4d}._gameContainer_qsxjq_14{display:flex;flex-direction:column;align-items:center}._sidebar_qsxjq_20{display:flex;flex-direction:column;gap:var(--spacing-md);min-width:150px;align-items:center}._infoPanel_qsxjq_28{background-color:#1c1c1c;border:2px solid var(--border-color);border-radius:5px;padding:var(--spacing-sm) var(--spacing-md);text-align:center;box-shadow:inset 0 0 5px #0ff3;width:100%}._infoPanel_qsxjq_28 p{margin-bottom:var(--spacing-xs);font-size:var(--font-size-medium)}._infoPanel_qsxjq_28 span{color:var(--accent-light);font-weight:700}._gameOver_qsxjq_48{color:var(--color-Z);font-size:var(--font-size-xl);font-weight:700;text-shadow:0 0 10px var(--color-Z);margin-top:var(--spacing-md)}._controls_qsxjq_56{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md);width:100%}._controls_qsxjq_56 button{width:100%}._board_1uujj_3{--cell-size: 30px;display:grid;background-color:var(--color-empty);border:4px solid var(--border-color);border-radius:5px;box-shadow:0 0 20px #0ff6,inset 0 0 10px #0ff3;overflow:hidden}._cell_1eop7_3{width:var(--cell-size);height:var(--cell-size);background-color:var(--color-empty);border:1px solid var(--bg-color);box-sizing:border-box}._I_1eop7_11{background-color:var(--color-I);border-color:var(--color-I);box-shadow:0 0 8px var(--color-I)}._O_1eop7_12{background-color:var(--color-O);border-color:var(--color-O);box-shadow:0 0 8px var(--color-O)}._T_1eop7_13{background-color:var(--color-T);border-color:var(--color-T);box-shadow:0 0 8px var(--color-T)}._S_1eop7_14{background-color:var(--color-S);border-color:var(--color-S);box-shadow:0 0 8px var(--color-S)}._Z_1eop7_15{background-color:var(--color-Z);border-color:var(--color-Z);box-shadow:0 0 8px var(--color-Z)}._J_1eop7_16{background-color:var(--color-J);border-color:var(--color-J);box-shadow:0 0 8px var(--color-J)}._L_1eop7_17{background-color:var(--color-L);border-color:var(--color-L);box-shadow:0 0 8px var(--color-L)}._G_1eop7_18{background-color:var(--color-G);border-color:var(--color-G);opacity:.4}._empty_1eop7_20{background-color:var(--color-empty);border-color:#ffffff1a}._I_1eop7_11,._O_1eop7_12,._T_1eop7_13,._S_1eop7_14,._Z_1eop7_15,._J_1eop7_16,._L_1eop7_17{animation:_glow_1eop7_1 1.5s ease-in-out infinite alternate}@keyframes _glow_1eop7_1{0%{box-shadow:0 0 5px var(--border-color),0 0 10px var(--border-color)}to{box-shadow:0 0 10px var(--border-color),0 0 20px var(--border-color),0 0 30px var(--border-color)}}._previewContainer_1fejx_3{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:var(--spacing-md);padding:var(--spacing-sm);background-color:#1c1c1c;border:2px solid var(--border-color);border-radius:5px;box-shadow:inset 0 0 5px #0ff3}._previewContainer_1fejx_3 h3{font-size:var(--font-size-medium);margin-bottom:var(--spacing-sm);color:var(--text-color)}._grid_1fejx_22{display:grid;grid-template-columns:repeat(4,var(--cell-size, 20px));grid-template-rows:repeat(4,var(--cell-size, 20px));gap:1px;background-color:var(--color-empty);border:1px solid var(--border-color)}._grid_1fejx_22 ._cell_1fejx_31{--cell-size: 20px}