.tetris-container[data-v-f7aa36d1]{display:flex;justify-content:center;padding:20px}.game-layout[data-v-f7aa36d1]{display:flex;justify-content:center;gap:20px;width:100%;max-width:1200px}.left-panel[data-v-f7aa36d1]{flex:0 0 250px;display:flex;flex-direction:column;gap:20px}.game-title[data-v-f7aa36d1]{font-size:2.5em;color:#343a40;margin-bottom:20px;text-align:left}.game-area[data-v-f7aa36d1]{display:flex;gap:20px}.game-board[data-v-f7aa36d1]{border:2px solid #333;background-color:#f0f0f0;box-shadow:0 0 10px #0000001a;height:720px;display:flex;flex-direction:column}.side-panel[data-v-f7aa36d1]{display:flex;flex-direction:column;align-items:center;gap:10px}.row[data-v-f7aa36d1]{display:flex;flex:1}.cell[data-v-f7aa36d1]{width:30px;height:30px;border:1px solid rgba(204,204,204,.5);box-sizing:border-box;transition:all .3s ease}.cell.filled[data-v-f7aa36d1]{border:1px solid rgba(0,0,0,.2)}.cell.suggested[data-v-f7aa36d1]{position:relative}.cell.suggested[data-v-f7aa36d1]:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:2px dashed #28a745;box-shadow:inset 0 0 5px #28a745;pointer-events:none}.controls-area[data-v-f7aa36d1]{display:flex;flex-direction:column;gap:10px}button[data-v-f7aa36d1]{padding:10px 20px;font-size:16px;background-color:#28a745;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:all .3s ease}button[data-v-f7aa36d1]:hover{background-color:#218838}button[data-v-f7aa36d1]:disabled{background-color:#6c757d;cursor:not-allowed}.next-piece[data-v-f7aa36d1]{margin-top:20px;text-align:center}.next-piece-preview[data-v-f7aa36d1]{display:inline-block;border:2px solid #333;background-color:#f0f0f0;padding:10px}.next-piece-preview .cell[data-v-f7aa36d1]{width:15px;height:15px}.game-controls[data-v-f7aa36d1]{margin-top:20px}.mode-description[data-v-f7aa36d1]{font-size:.9em;color:#666;margin-top:5px}.instructions[data-v-f7aa36d1]{background-color:#f8f9fa;padding:20px;border-radius:10px;box-shadow:0 0 10px #0000001a}.instructions h3[data-v-f7aa36d1]{color:#343a40;margin-bottom:10px}.instructions ul[data-v-f7aa36d1]{list-style-type:none;padding:0}.instructions li[data-v-f7aa36d1]{margin-bottom:5px}.instructions p[data-v-f7aa36d1]{margin-top:10px;font-style:italic}.game-controls label[data-v-f7aa36d1]{display:flex;align-items:center;margin-bottom:5px}.game-controls input[type=checkbox][data-v-f7aa36d1]{margin-right:10px}@keyframes dotPieceBlink-f7aa36d1{0%{opacity:1;box-shadow:0 0 10px #ffd700cc}50%{opacity:.6;box-shadow:0 0 20px gold}to{opacity:1;box-shadow:0 0 10px #ffd700cc}}.cell.dot-piece[data-v-f7aa36d1]{animation:dotPieceBlink-f7aa36d1 1s infinite;border:2px solid #FFD700;z-index:1;position:relative}.cell.dot-piece[data-v-f7aa36d1]:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border:2px solid transparent;border-radius:2px;animation:dotPieceGlow-f7aa36d1 1s infinite}@keyframes dotPieceGlow-f7aa36d1{0%{border-color:#ffd70080;box-shadow:0 0 5px #ffd70080}50%{border-color:gold;box-shadow:0 0 15px #ffd700cc}to{border-color:#ffd70080;box-shadow:0 0 5px #ffd70080}}.next-piece-preview .cell.dot-piece[data-v-f7aa36d1]{animation:dotPieceBlink-f7aa36d1 1s infinite;border:1px solid #FFD700}.cell.filled.dot-piece[data-v-f7aa36d1]{border:2px solid #FFD700}.cell.filled.dot-piece[data-v-f7aa36d1]:not(.current){animation:none;box-shadow:none}@media (max-width: 768px){.tetris-container[data-v-f7aa36d1]{padding:10px}.game-layout[data-v-f7aa36d1]{flex-direction:column;align-items:center}.left-panel[data-v-f7aa36d1]{flex:none;width:100%;max-width:400px;order:2}.game-area[data-v-f7aa36d1]{width:100%;justify-content:center;order:1}.game-board[data-v-f7aa36d1]{height:600px;width:auto}.cell[data-v-f7aa36d1]{width:25px;height:25px}.mobile-controls[data-v-f7aa36d1]{width:100%;max-width:400px;margin-top:20px;order:3}.mobile-controls-row[data-v-f7aa36d1]{display:flex;justify-content:center;gap:10px;margin-bottom:10px}.mobile-btn[data-v-f7aa36d1]{width:60px;height:60px;font-size:24px;border-radius:50%;background-color:#28a745cc;border:none;color:#fff;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.mobile-btn[data-v-f7aa36d1]:active{background-color:#28a745;transform:scale(.95)}.game-title[data-v-f7aa36d1]{font-size:2em;text-align:center;margin:10px 0}.instructions[data-v-f7aa36d1]{display:none}.side-panel[data-v-f7aa36d1]{flex-direction:row;justify-content:space-around;width:100%;margin-top:10px}.next-piece[data-v-f7aa36d1]{margin-top:0}}@media (max-width: 768px){body[data-v-f7aa36d1]{overflow:hidden;position:fixed;width:100%;height:100%}}@media (max-width: 768px) and (orientation: landscape){.game-layout[data-v-f7aa36d1]{flex-direction:row}.left-panel[data-v-f7aa36d1]{order:1;width:200px}.game-area[data-v-f7aa36d1]{order:2}.mobile-controls[data-v-f7aa36d1]{order:3;width:200px}.cell[data-v-f7aa36d1]{width:20px;height:20px}}.top-buttons[data-v-f7aa36d1]{display:flex;gap:10px;justify-content:center;margin-bottom:15px}.info-btn[data-v-f7aa36d1]{padding:8px 15px;font-size:14px;background-color:#6c757d;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:all .3s ease}.info-btn[data-v-f7aa36d1]:hover{background-color:#5a6268}.modal[data-v-f7aa36d1]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-f7aa36d1]{background-color:#fff;padding:20px;border-radius:10px;max-width:90%;max-height:90vh;overflow-y:auto;position:relative;width:400px}.close-btn[data-v-f7aa36d1]{margin-top:20px;padding:8px 20px;background-color:#28a745;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:all .3s ease}.close-btn[data-v-f7aa36d1]:hover{background-color:#218838}.settings-controls[data-v-f7aa36d1]{display:flex;flex-direction:column;gap:15px}.settings-controls label[data-v-f7aa36d1]{display:flex;flex-direction:column;gap:5px}.setting-description[data-v-f7aa36d1]{font-size:.9em;color:#666;margin:0}@media (max-width: 768px){.modal-content[data-v-f7aa36d1]{width:90%;max-height:80vh;padding:15px}.top-buttons[data-v-f7aa36d1]{margin-bottom:10px}.info-btn[data-v-f7aa36d1]{padding:6px 12px;font-size:12px}.settings-controls label[data-v-f7aa36d1]{font-size:14px}.setting-description[data-v-f7aa36d1]{font-size:12px}}.menu-button-container[data-v-f7aa36d1]{width:100%;display:flex;justify-content:center;margin-bottom:15px}.menu-btn[data-v-f7aa36d1]{padding:8px 20px;font-size:16px;background-color:#6c757d;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:all .3s ease;width:100%;max-width:150px}.menu-btn[data-v-f7aa36d1]:hover{background-color:#5a6268}.menu-modal[data-v-f7aa36d1]{max-width:300px}.menu-buttons[data-v-f7aa36d1]{display:flex;flex-direction:column;gap:15px;margin:20px 0}.menu-option-btn[data-v-f7aa36d1]{padding:12px 20px;font-size:16px;background-color:#28a745;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:all .3s ease}.menu-option-btn[data-v-f7aa36d1]:hover:not(:disabled){background-color:#218838;transform:scale(1.02)}.menu-option-btn[data-v-f7aa36d1]:disabled{background-color:#6c757d;cursor:not-allowed}@media (max-width: 768px){.menu-button-container[data-v-f7aa36d1]{top:10px;left:10px}.menu-btn[data-v-f7aa36d1]{padding:8px 15px;font-size:14px}.menu-option-btn[data-v-f7aa36d1]{padding:10px 15px;font-size:14px}.menu-modal[data-v-f7aa36d1]{width:80%;max-width:280px}}.left-panel[data-v-f7aa36d1]{display:none}@media (orientation: landscape){.side-panel[data-v-f7aa36d1]{padding:5px}.menu-btn[data-v-f7aa36d1]{padding:5px 10px;font-size:12px;max-width:100px}}#app{font-family:Arial,sans-serif;text-align:center;margin-top:50px}