[data-v-0d3bd2a6] .canvas-container{align-items:center;display:flex;gap:16px;justify-content:center;padding:12px}[data-v-0d3bd2a6] .canvas-container:not(:has(.tetris-hold)):not(:has(.tetris-next)){justify-content:center}[data-v-0d3bd2a6] .canvas-container:not(:has(.tetris-hold)):not(:has(.tetris-next)) .tetris-board-wrapper{margin:0 auto}.tetris-hold[data-v-0d3bd2a6]{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;flex-shrink:0;gap:8px;min-width:100px;padding:12px}.tetris-box-title[data-v-0d3bd2a6]{color:var(--primary);font-size:11px;font-weight:600;letter-spacing:1px}.tetris-box-content canvas[data-v-0d3bd2a6]{background:var(--bg-primary);border-radius:8px;display:block}.tetris-hold-used[data-v-0d3bd2a6]{color:var(--text-secondary);font-size:10px}.tetris-next[data-v-0d3bd2a6]{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;flex-shrink:0;gap:8px;max-height:100%;min-width:100px;overflow-y:auto;padding:12px}.tetris-next[data-v-0d3bd2a6],.tetris-next-list[data-v-0d3bd2a6]{display:flex;flex-direction:column}.tetris-next-list[data-v-0d3bd2a6]{gap:6px}.tetris-next-item canvas[data-v-0d3bd2a6]{background:var(--bg-primary);border-radius:6px;display:block}.tetris-board-wrapper[data-v-0d3bd2a6]{border-radius:8px;box-shadow:0 0 20px #0000004d;flex:none;height:640px;max-height:calc(100vh - 200px);max-width:100%;overflow:hidden;position:relative;width:320px}[data-v-0d3bd2a6] .game-canvas{background:var(--bg-primary);display:block;height:100%!important;width:100%!important}.effect-canvas[data-v-0d3bd2a6]{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.game-overlay[data-v-0d3bd2a6]{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;display:flex;inset:0;justify-content:center;position:absolute;z-index:10}.overlay-content[data-v-0d3bd2a6]{padding:24px;text-align:center}.overlay-content h2[data-v-0d3bd2a6]{color:var(--text-primary);font-size:24px;font-weight:700;margin-bottom:16px}.tetris-game-over-icon[data-v-0d3bd2a6]{font-size:48px;margin-bottom:8px}.tetris-final-score[data-v-0d3bd2a6]{color:var(--accent);font-size:32px;font-weight:700;margin-bottom:16px}.tetris-stats-grid[data-v-0d3bd2a6]{display:flex;gap:16px;justify-content:center;margin-bottom:20px}.tetris-stat-item[data-v-0d3bd2a6]{align-items:center;background:var(--bg-tertiary);border-radius:8px;display:flex;flex-direction:column;padding:8px 16px}.tetris-stat-item .label[data-v-0d3bd2a6]{color:var(--text-secondary);font-size:11px}.tetris-stat-item .value[data-v-0d3bd2a6]{color:var(--text-primary);font-size:18px;font-weight:600}.tetris-stars[data-v-0d3bd2a6]{display:flex;gap:8px;justify-content:center;margin:16px 0}.tetris-stars .icon[data-v-0d3bd2a6]{font-size:28px}.star-filled[data-v-0d3bd2a6]{color:#fbbf24}.star-empty[data-v-0d3bd2a6]{color:var(--text-secondary)}.tetris-combo[data-v-0d3bd2a6]{left:50%;pointer-events:none;position:absolute;top:30%;transform:translate(-50%)}.tetris-combo-text[data-v-0d3bd2a6]{animation:comboPop-0d3bd2a6 .5s ease-out;color:var(--accent);font-size:24px;font-weight:700;text-shadow:0 0 20px var(--accent)}@keyframes comboPop-0d3bd2a6{0%{opacity:0;transform:scale(.5)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.tetris-clear-line[data-v-0d3bd2a6]{animation:clearFlash-0d3bd2a6 .3s ease-out forwards;background:linear-gradient(90deg,transparent,#fff,transparent);left:0;opacity:.8;position:absolute;right:0}@keyframes clearFlash-0d3bd2a6{0%{opacity:.8;transform:scaleX(0)}50%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1.5)}}.tetris-controls-hint[data-v-0d3bd2a6]{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;padding:8px 16px}.tetris-hint-item[data-v-0d3bd2a6]{align-items:center;color:var(--text-secondary);display:flex;font-size:11px;gap:4px}.tetris-hint-item kbd[data-v-0d3bd2a6]{background:var(--bg-tertiary);border-radius:4px;font-family:monospace;font-size:10px;padding:2px 6px}.tetris-mobile-controls[data-v-0d3bd2a6]{display:flex;flex-direction:column;gap:12px;max-width:400px;padding:12px 16px;width:100%}.tetris-mobile-row[data-v-0d3bd2a6]{display:flex;gap:16px;justify-content:center}.tetris-mobile-btn[data-v-0d3bd2a6]{align-items:center;background:#3b82f626;border:2px solid var(--primary);border-radius:50%;color:var(--primary);cursor:pointer;display:flex;font-size:22px;height:64px;justify-content:center;transition:all .1s;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:64px}.tetris-mobile-btn[data-v-0d3bd2a6]:active{background:var(--primary);color:#fff;transform:scale(.95)}.tetris-mobile-btn-direction[data-v-0d3bd2a6]{background:#3b82f633;border-width:3px;font-size:28px;height:72px;width:72px}.tetris-mobile-btn-rotate[data-v-0d3bd2a6]{background:#8b5cf626;border-color:var(--secondary);color:var(--secondary)}.tetris-mobile-btn-rotate[data-v-0d3bd2a6]:active{background:var(--secondary);color:#fff}.tetris-mobile-btn-action[data-v-0d3bd2a6]{background:#ec489926;border-color:var(--accent);color:var(--accent)}.tetris-mobile-btn-action[data-v-0d3bd2a6]:active{background:var(--accent);color:#fff}.mode-card.locked[data-v-0d3bd2a6]{cursor:not-allowed;opacity:.5;position:relative}.tetris-lock-overlay[data-v-0d3bd2a6]{align-items:center;background:#0000004d;border-radius:10px;display:flex;inset:0;justify-content:center;position:absolute}.tetris-lock-overlay .icon[data-v-0d3bd2a6]{color:var(--text-secondary);font-size:24px}.tetris-card-stars[data-v-0d3bd2a6]{display:flex;gap:2px}.tetris-card-stars .icon[data-v-0d3bd2a6]{font-size:12px}.tetris-scoring[data-v-0d3bd2a6]{display:flex;flex-direction:column;gap:8px}.tetris-score-row[data-v-0d3bd2a6]{background:var(--bg-tertiary);border-radius:8px;display:flex;font-size:13px;justify-content:space-between;padding:8px 12px}.tetris-score-row.highlight[data-v-0d3bd2a6]{background:#f59e0b1a;color:#fbbf24}.tetris-tips[data-v-0d3bd2a6]{list-style:none;margin:0;padding:0}.tetris-tips li[data-v-0d3bd2a6]{border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:13px;padding:8px 0}.tetris-tips li[data-v-0d3bd2a6]:last-child{border-bottom:none}.tetris-title-section[data-v-0d3bd2a6]{margin-bottom:32px;text-align:center}.tetris-logo[data-v-0d3bd2a6]{display:flex;gap:8px;justify-content:center;margin-bottom:16px}.tetris-logo-block[data-v-0d3bd2a6]{animation:logoPulse-0d3bd2a6 2s ease-in-out infinite;animation-delay:var(--delay);background:var(--color);border-radius:4px;box-shadow:0 0 10px var(--color);height:24px;width:24px}@keyframes logoPulse-0d3bd2a6{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.tetris-main-title[data-v-0d3bd2a6]{background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;font-size:48px;font-weight:900;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:4px;margin:0}.tetris-subtitle[data-v-0d3bd2a6]{color:var(--text-secondary);font-size:16px;letter-spacing:8px;margin:8px 0 0}.tetris-mode-section[data-v-0d3bd2a6]{margin-bottom:32px;max-width:400px;width:100%}.tetris-section-label[data-v-0d3bd2a6]{color:var(--text-secondary);font-size:12px;letter-spacing:2px;margin-bottom:16px;text-align:center;text-transform:uppercase}.tetris-mode-cards[data-v-0d3bd2a6]{display:flex;flex-direction:column;gap:12px}.tetris-mode-card[data-v-0d3bd2a6]{align-items:center;background:var(--bg-tertiary);border:2px solid transparent;border-radius:16px;cursor:pointer;display:flex;gap:16px;padding:20px;position:relative;transition:all .3s ease}.tetris-mode-card[data-v-0d3bd2a6]:hover{border-color:var(--border-color);transform:translateY(-2px)}.tetris-mode-card.active[data-v-0d3bd2a6]{background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border-color:var(--primary);box-shadow:0 0 20px #3b82f633}.tetris-mode-icon[data-v-0d3bd2a6]{align-items:center;background:var(--bg-secondary);border-radius:12px;color:var(--primary);display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.tetris-mode-icon.level[data-v-0d3bd2a6]{color:var(--accent)}.tetris-mode-info[data-v-0d3bd2a6]{flex:1;text-align:left}.tetris-mode-name[data-v-0d3bd2a6]{color:var(--text-primary);font-size:18px;font-weight:700;margin-bottom:4px}.tetris-mode-desc[data-v-0d3bd2a6]{color:var(--text-secondary);font-size:13px}.tetris-mode-check[data-v-0d3bd2a6]{color:var(--primary);font-size:24px}.tetris-start-section[data-v-0d3bd2a6]{flex-direction:column;margin-bottom:24px}.tetris-start-btn[data-v-0d3bd2a6],.tetris-start-section[data-v-0d3bd2a6]{align-items:center;display:flex;justify-content:center}.tetris-start-btn[data-v-0d3bd2a6]{background:linear-gradient(135deg,var(--primary),var(--primary-dark));border:none;border-radius:16px;box-shadow:0 4px 20px #3b82f666;color:#fff;cursor:pointer;font-size:18px;font-weight:700;gap:12px;padding:18px 48px;position:relative;transition:all .3s ease}.tetris-start-btn[data-v-0d3bd2a6]:hover{box-shadow:0 6px 30px #3b82f699;transform:translateY(-2px)}.tetris-start-btn[data-v-0d3bd2a6]:active{transform:translateY(0)}.tetris-start-btn .icon[data-v-0d3bd2a6]{font-size:24px}.tetris-key-hint[data-v-0d3bd2a6]{background:#fff3;border-radius:6px;color:#fffc;font-family:monospace;font-size:11px;padding:4px 8px;position:absolute;right:16px}.tetris-start-hint[data-v-0d3bd2a6]{color:var(--text-secondary);font-size:12px;margin-top:12px}.apply-btn[data-v-0d3bd2a6]{align-items:center;background:var(--primary);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:14px;transition:all .2s;width:100%}.apply-btn[data-v-0d3bd2a6]:hover{background:var(--primary-dark)}.apply-btn[data-v-0d3bd2a6]:disabled{cursor:not-allowed;opacity:.5}.size-btn[data-v-0d3bd2a6]{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;gap:8px;justify-content:center;padding:12px;transition:all .2s;width:100%}.size-btn[data-v-0d3bd2a6]:hover{background:var(--bg-secondary)}.mode-grid[data-v-0d3bd2a6]{display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.mode-card[data-v-0d3bd2a6]{align-items:center;background:var(--bg-tertiary);border:2px solid transparent;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:16px 8px;transition:all .2s}.mode-card[data-v-0d3bd2a6]:hover{border-color:var(--border-color)}.mode-card.active[data-v-0d3bd2a6]{background:#3b82f61a;border-color:var(--primary)}.mode-card .icon[data-v-0d3bd2a6]{color:var(--primary-light);font-size:24px}.mode-card span[data-v-0d3bd2a6]{font-size:14px;font-weight:500}.option-list[data-v-0d3bd2a6]{display:flex;flex-direction:column;gap:12px}.option-item[data-v-0d3bd2a6]{align-items:center;cursor:pointer;display:flex;justify-content:space-between}.option-item span[data-v-0d3bd2a6]{font-size:14px}.option-item input[data-v-0d3bd2a6]{display:none}.toggle[data-v-0d3bd2a6]{background:var(--bg-tertiary);border-radius:12px;height:24px;position:relative;transition:all .2s;width:44px}.toggle[data-v-0d3bd2a6]:after{background:#fff;border-radius:50%;content:"";height:20px;left:2px;position:absolute;top:2px;transition:all .2s;width:20px}.option-item input:checked+.toggle[data-v-0d3bd2a6]{background:var(--primary)}.option-item input:checked+.toggle[data-v-0d3bd2a6]:after{left:22px}.help-section[data-v-0d3bd2a6]{margin-bottom:24px}.help-section[data-v-0d3bd2a6]:last-child{margin-bottom:0}.help-section h4[data-v-0d3bd2a6]{color:var(--text-secondary);font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.control-grid[data-v-0d3bd2a6]{display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.control-item[data-v-0d3bd2a6]{align-items:center;background:var(--bg-tertiary);border-radius:8px;display:flex;flex-direction:column;gap:4px;padding:10px}.control-item kbd[data-v-0d3bd2a6]{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;font-family:monospace;font-size:12px;padding:2px 8px}.control-item span[data-v-0d3bd2a6]{color:var(--text-secondary);font-size:11px}.setting-group[data-v-0d3bd2a6]{margin-bottom:24px}.setting-group h4[data-v-0d3bd2a6]{color:var(--text-secondary);font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}[data-v-0d3bd2a6] .info-item.powerup{animation:glow-0d3bd2a6 1s ease-in-out infinite;color:#f59e0b}@keyframes glow-0d3bd2a6{0%,to{opacity:1}50%{opacity:.7}}[data-v-0d3bd2a6] .stat-pill.combo.active{background:linear-gradient(135deg,#f59e0b33,#f59e0b1a);color:#f59e0b}@media(max-width:768px){[data-v-0d3bd2a6] .canvas-container{align-items:stretch;border-radius:12px;flex-direction:row;gap:6px;height:auto;max-height:none;max-width:100%;min-height:0;padding:8px}.tetris-board-wrapper[data-v-0d3bd2a6]{aspect-ratio:10/20;flex:1;height:auto;max-height:70vh;max-width:55vw;order:1;width:auto}.tetris-hold[data-v-0d3bd2a6]{align-self:center;flex-direction:column;gap:4px;min-width:auto;order:0;padding:6px 4px;width:auto}.tetris-hold .tetris-box-content[data-v-0d3bd2a6],.tetris-hold .tetris-box-content canvas[data-v-0d3bd2a6]{height:45px;width:45px}.tetris-next[data-v-0d3bd2a6]{align-self:center;max-height:none;max-width:60px;min-width:auto;order:2;overflow-x:hidden;overflow-y:auto;padding:6px 4px;width:auto}.tetris-next[data-v-0d3bd2a6],.tetris-next-list[data-v-0d3bd2a6]{flex-direction:column;gap:4px}.tetris-next-item[data-v-0d3bd2a6],.tetris-next-item canvas[data-v-0d3bd2a6]{height:34px;width:45px}.control-grid[data-v-0d3bd2a6],.mode-grid[data-v-0d3bd2a6]{grid-template-columns:repeat(2,1fr)}.tetris-controls-hint[data-v-0d3bd2a6]{font-size:10px;gap:8px;padding:6px 10px}.tetris-hint-item kbd[data-v-0d3bd2a6]{font-size:9px;padding:1px 4px}.tetris-main-title[data-v-0d3bd2a6]{font-size:32px}.tetris-subtitle[data-v-0d3bd2a6]{font-size:14px;letter-spacing:4px}.tetris-mode-card[data-v-0d3bd2a6]{padding:14px}.tetris-mode-icon[data-v-0d3bd2a6]{font-size:20px;height:40px;width:40px}.tetris-mode-name[data-v-0d3bd2a6]{font-size:16px}.tetris-mode-desc[data-v-0d3bd2a6]{font-size:11px}.tetris-start-btn[data-v-0d3bd2a6]{font-size:16px;padding:14px 36px}.tetris-mobile-controls[data-v-0d3bd2a6]{gap:8px;padding:8px}.tetris-mobile-row[data-v-0d3bd2a6]{gap:16px}.tetris-mobile-btn[data-v-0d3bd2a6]{font-size:20px;height:60px;width:60px}.tetris-mobile-btn-direction[data-v-0d3bd2a6]{font-size:26px;height:70px;width:70px}}@media(max-width:480px){[data-v-0d3bd2a6] .canvas-container{border-radius:10px;border-width:1px;gap:4px;max-height:none;max-width:100%;padding:4px}.tetris-board-wrapper[data-v-0d3bd2a6]{max-height:65vh;max-width:60vw}.tetris-hold[data-v-0d3bd2a6]{gap:2px;padding:3px 4px}.tetris-hold .tetris-box-content[data-v-0d3bd2a6],.tetris-hold .tetris-box-content canvas[data-v-0d3bd2a6]{height:36px;width:36px}.tetris-next[data-v-0d3bd2a6]{gap:2px;max-width:48px;padding:3px 4px}.tetris-next-item[data-v-0d3bd2a6],.tetris-next-item canvas[data-v-0d3bd2a6]{height:27px;width:36px}.tetris-box-title[data-v-0d3bd2a6]{font-size:8px}.tetris-board-wrapper[data-v-0d3bd2a6]{height:196vw;max-height:72vh;max-width:360px;width:98vw}.tetris-title-section[data-v-0d3bd2a6]{margin-bottom:16px}.tetris-main-title[data-v-0d3bd2a6]{font-size:24px;letter-spacing:2px}.tetris-subtitle[data-v-0d3bd2a6]{font-size:11px;letter-spacing:4px}.tetris-logo[data-v-0d3bd2a6]{gap:4px}.tetris-logo-block[data-v-0d3bd2a6]{height:14px;width:14px}.tetris-mode-section[data-v-0d3bd2a6]{margin-bottom:16px;max-width:100%}.tetris-mode-card[data-v-0d3bd2a6]{gap:8px;padding:10px}.tetris-mode-icon[data-v-0d3bd2a6]{font-size:14px;height:28px;width:28px}.tetris-mode-name[data-v-0d3bd2a6]{font-size:13px}.tetris-mode-desc[data-v-0d3bd2a6]{font-size:10px}.tetris-start-btn[data-v-0d3bd2a6]{font-size:14px;padding:10px 24px}.tetris-start-btn .icon[data-v-0d3bd2a6]{font-size:16px}.tetris-key-hint[data-v-0d3bd2a6]{display:none}.tetris-start-hint[data-v-0d3bd2a6]{font-size:9px;margin-top:6px}.tetris-stats-grid[data-v-0d3bd2a6]{gap:6px}.tetris-stat-item[data-v-0d3bd2a6]{padding:6px 10px}.tetris-stat-item .label[data-v-0d3bd2a6]{font-size:10px}.tetris-stat-item .value[data-v-0d3bd2a6]{font-size:14px}.tetris-final-score[data-v-0d3bd2a6]{font-size:20px}.tetris-game-over-icon[data-v-0d3bd2a6]{font-size:32px}.tetris-controls-hint[data-v-0d3bd2a6]{gap:6px;padding:6px 10px}.tetris-hint-item[data-v-0d3bd2a6]{font-size:9px}.tetris-hint-item kbd[data-v-0d3bd2a6]{font-size:8px;padding:1px 3px}.tetris-mobile-controls[data-v-0d3bd2a6]{gap:6px;padding:6px}.tetris-mobile-row[data-v-0d3bd2a6]{gap:12px}.tetris-mobile-btn[data-v-0d3bd2a6]{font-size:16px;height:48px;width:48px}.tetris-mobile-btn-direction[data-v-0d3bd2a6]{font-size:22px;height:56px;width:56px}}[data-v-0d3bd2a6] .theme-classic .tetris-main-title{background:linear-gradient(135deg,#1e293b,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-v-0d3bd2a6] .theme-classic .tetris-mode-card.active{background:linear-gradient(135deg,#3b82f626,#3b82f60d)}[data-v-0d3bd2a6] .theme-neon .tetris-main-title{background:linear-gradient(135deg,#0f8,#0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-v-0d3bd2a6] .theme-neon .tetris-logo-block{box-shadow:0 0 20px var(--color)}[data-v-0d3bd2a6] .theme-neon .tetris-mode-card.active{border-color:#0f8;box-shadow:0 0 30px #00ff884d}[data-v-0d3bd2a6] .theme-neon .tetris-start-btn{background:linear-gradient(135deg,#0f8,#00a0ff);box-shadow:0 4px 20px #0f86}
