.stacking-game-container[data-v-56f9d1c7]{background:linear-gradient(to bottom right,#f8fafc,#eff6ff,#eef2ff);min-height:100vh;padding:8rem 2rem 2rem;position:relative}.dark .stacking-game-container[data-v-56f9d1c7]{background:linear-gradient(to bottom right,#0d1117,#161b22,#1a1f2e)}.game-layout[data-v-56f9d1c7]{box-sizing:border-box;display:flex;flex-direction:column;gap:1.5rem}@media(min-width:768px){.game-layout[data-v-56f9d1c7]{display:flex;flex-direction:row;flex-wrap:wrap;gap:1.5rem;justify-content:center}}@media(min-width:1280px){.game-layout[data-v-56f9d1c7]{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:nowrap;gap:1.5rem;justify-content:center}}.mode-tabs[data-v-56f9d1c7]{background:#fff;border-radius:1rem;box-shadow:0 4px 20px #00000014;box-sizing:border-box;display:flex;gap:1rem;margin:0 auto 2rem;max-width:800px;padding:.5rem}.dark .mode-tabs[data-v-56f9d1c7]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#161b22cc}.mode-tab[data-v-56f9d1c7]{align-items:center;background:#fffc;border:1px solid #e2e8f0;border-radius:.75rem;cursor:pointer;display:flex;flex:1;font-size:1rem;font-weight:600;gap:.625rem;justify-content:center;min-height:3rem;padding:.75rem;transition:all .3s ease}.dark .mode-tab[data-v-56f9d1c7]{background:#33415599;border-color:#475569cc}.mode-tab[data-v-56f9d1c7]:hover{background:#f1f5f9;border-color:#cbd5e1}.dark .mode-tab[data-v-56f9d1c7]:hover{background:#475569cc;border-color:#64748be6}.mode-tab-active[data-v-56f9d1c7]{background:linear-gradient(135deg,#3b82f6,#6366f1)!important;border-color:#3b82f6;box-shadow:0 4px 15px #3b82f64d}.dark .mode-tab-active[data-v-56f9d1c7]{background:linear-gradient(135deg,#60a5fa,#818cf8)!important;border-color:#60a5fa}.tab-icon[data-v-56f9d1c7]{align-items:center;color:#64748b;display:flex;height:1.375rem;justify-content:center;width:1.375rem}.tab-icon svg[data-v-56f9d1c7]{height:100%;width:100%}.dark .tab-icon[data-v-56f9d1c7]{color:#94a3b8}.mode-tab:hover .tab-icon[data-v-56f9d1c7]{color:#3b82f6}.dark .mode-tab:hover .tab-icon[data-v-56f9d1c7]{color:#60a5fa}.mode-tab-active .tab-icon[data-v-56f9d1c7]{color:#fff!important}.tab-text[data-v-56f9d1c7]{color:#64748b;font-size:1rem;font-weight:700;-webkit-hyphens:auto;hyphens:auto;text-align:center;word-break:break-word}.dark .tab-text[data-v-56f9d1c7]{color:#94a3b8}.mode-tab:hover .tab-text[data-v-56f9d1c7]{color:#3b82f6}.dark .mode-tab:hover .tab-text[data-v-56f9d1c7]{color:#60a5fa}.mode-tab-active .tab-text[data-v-56f9d1c7]{color:#fff!important}.game-header[data-v-56f9d1c7]{margin-bottom:2rem;text-align:center}.game-title[data-v-56f9d1c7]{align-items:center;display:flex;font-weight:800;gap:.5rem;justify-content:center;margin-bottom:.5rem}.game-title[data-v-56f9d1c7],.title-icon[data-v-56f9d1c7]{font-size:2.5rem}.title-text[data-v-56f9d1c7]{background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:transparent}.dark .title-text[data-v-56f9d1c7]{background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;background-clip:text}.game-subtitle[data-v-56f9d1c7]{color:#64748b;font-size:1rem}.dark .game-subtitle[data-v-56f9d1c7]{color:#94a3b8}.stats-grid[data-v-56f9d1c7]{display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:1.5rem}.stat-card[data-v-56f9d1c7]{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:1rem;display:flex;gap:1rem;padding:1.25rem;transition:all .2s}.dark .stat-card[data-v-56f9d1c7]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#161b22cc;border-color:#47556980}.stat-card[data-v-56f9d1c7]:hover{box-shadow:0 10px 30px #0000001a;transform:translateY(-2px)}.dark .stat-card[data-v-56f9d1c7]:hover{box-shadow:0 10px 30px #0000004d}.stat-icon[data-v-56f9d1c7]{font-size:2rem}.stat-content[data-v-56f9d1c7]{display:flex;flex-direction:column;gap:.25rem}.stat-label[data-v-56f9d1c7]{color:#64748b;font-size:.75rem;font-weight:500}.dark .stat-label[data-v-56f9d1c7]{color:#94a3b8}.stat-value[data-v-56f9d1c7]{color:#1e293b;font-size:1.75rem;font-weight:700}.dark .stat-value[data-v-56f9d1c7]{color:#f1f5f9}.stat-unit[data-v-56f9d1c7]{font-size:1rem;font-weight:500;margin-left:.25rem}.stability-good[data-v-56f9d1c7]{color:#10b981}.stability-medium[data-v-56f9d1c7]{color:#f59e0b}.stability-poor[data-v-56f9d1c7]{color:#ef4444}.replay-banner[data-v-56f9d1c7]{border-radius:2rem;bottom:1.25rem;box-shadow:0 4px 20px #0006;cursor:default;font-size:.8125rem;font-weight:500;left:50%;max-width:80%;padding:.5rem 1.25rem;pointer-events:auto;position:absolute;text-align:center;transform:translate(-50%);word-break:break-word;z-index:100}.panel-disabled[data-v-56f9d1c7]{opacity:.35;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.replay-mode-badge[data-v-56f9d1c7]{background:#dde8f8;border:1px solid #a0b8e0;border-radius:.375rem;color:#4a6090;font-size:.75rem;font-weight:600;letter-spacing:.02em;margin-bottom:.5rem;padding:.375rem .75rem;text-align:center}.dark .replay-mode-badge[data-v-56f9d1c7]{background:#1e2a40;border-color:#3a5080;color:#8aa0d8}.replay-banner-playing[data-v-56f9d1c7]{background:#dde8f8;border:1px solid #a0b8e0;color:#4a6090}.dark .replay-banner-playing[data-v-56f9d1c7]{background:#1e2a40;border-color:#3a5080;color:#8aa0d8}.replay-banner-done[data-v-56f9d1c7]{background:#d8f0e4;border:1px solid #80c8a0;color:#207850;cursor:pointer}.dark .replay-banner-done[data-v-56f9d1c7]{background:#1a2e22;border-color:#2e5a3a;color:#5acea0}.replay-banner-failed[data-v-56f9d1c7]{background:#f5dede;border:1px solid #d09090;color:#a03030;cursor:pointer}.dark .replay-banner-failed[data-v-56f9d1c7]{background:#2e1a1a;border-color:#5a2e2e;color:#e07070}.canvas-container[data-v-56f9d1c7]{background:#fff;border:3px solid #e2e8f0;border-radius:1rem;box-shadow:0 20px 60px #0000001a;overflow:hidden;position:relative}.dark .canvas-container[data-v-56f9d1c7]{background:#161b2299;border-color:#47556980;box-shadow:0 20px 60px #0006}.canvas-container canvas[data-v-56f9d1c7]:not(.preview-canvas){background:#f4f4f4!important}.dark .canvas-container canvas[data-v-56f9d1c7]:not(.preview-canvas){background:#161b22!important}.canvas-scrollbar[data-v-56f9d1c7]{bottom:2px;pointer-events:all;position:absolute;right:0;top:2px;width:6px;z-index:20}.scrollbar-track[data-v-56f9d1c7]{background:#64646426;border-radius:3px;height:100%;position:relative;transition:background .2s ease;width:100%}.scrollbar-track[data-v-56f9d1c7]:hover{background:#64646440}.dark .scrollbar-track[data-v-56f9d1c7]{background:#50505033}.dark .scrollbar-track[data-v-56f9d1c7]:hover{background:#5050504d}.scrollbar-thumb[data-v-56f9d1c7]{background:#78787880;border-radius:3px;cursor:grab;left:0;min-height:50px;position:absolute;top:0;transition:background .2s ease,transform .1s ease;width:100%}.scrollbar-thumb[data-v-56f9d1c7]:hover{background:#8c8c8ca6}.scrollbar-thumb[data-v-56f9d1c7]:active{background:#646464bf;cursor:grabbing}.dark .scrollbar-thumb[data-v-56f9d1c7]{background:#64646480}.dark .scrollbar-thumb[data-v-56f9d1c7]:hover{background:#787878a6}.minimap-container[data-v-56f9d1c7]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border:2px solid #e2e8f0;border-radius:.5rem;box-shadow:0 4px 12px #00000026;left:12px;overflow:hidden;position:absolute;top:12px;z-index:15}.dark .minimap-container[data-v-56f9d1c7]{background:#1e293be6;border-color:#47556999;box-shadow:0 4px 12px #0006}.minimap-canvas[data-v-56f9d1c7]{background:#f8fafc4d;display:block}.dark .minimap-canvas[data-v-56f9d1c7]{background:#0f172a4d}.minimap-viewport[data-v-56f9d1c7]{background:#3b82f626;bottom:0;box-shadow:inset 0 0 0 2px #3b82f6b3;cursor:grab;left:0;pointer-events:all;position:absolute;right:0;transition:top .1s ease,height .1s ease,bottom .1s ease,background .2s ease,box-shadow .2s ease}.minimap-viewport[data-v-56f9d1c7]:hover{background:#3b82f640;box-shadow:inset 0 0 0 2px #3b82f6e6}.minimap-viewport[data-v-56f9d1c7]:active{background:#3b82f64d;cursor:grabbing}.dark .minimap-viewport[data-v-56f9d1c7]{background:#60a5fa26;box-shadow:inset 0 0 0 2px #60a5fab3}.dark .minimap-viewport[data-v-56f9d1c7]:hover{background:#60a5fa40;box-shadow:inset 0 0 0 2px #60a5fae6}.dark .minimap-viewport[data-v-56f9d1c7]:active{background:#60a5fa4d}canvas[data-v-56f9d1c7]{display:block}.cursor-crosshair[data-v-56f9d1c7]{cursor:none!important}.cursor-grabbing[data-v-56f9d1c7]{cursor:grabbing!important}.floating-preview[data-v-56f9d1c7]{pointer-events:none;position:absolute;z-index:50}.preview-block[data-v-56f9d1c7]{box-shadow:0 4px 20px #0000004d}.preview-canvas[data-v-56f9d1c7]{filter:drop-shadow(0 4px 20px rgba(0,0,0,.3));transition:transform .2s ease}.canvas-hint[data-v-56f9d1c7]{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;display:flex;inset:0;justify-content:center;pointer-events:none;position:absolute}.dark .canvas-hint[data-v-56f9d1c7]{background:#161b22e6}.hint-content[data-v-56f9d1c7]{color:#64748b;text-align:center}.dark .hint-content[data-v-56f9d1c7]{color:#94a3b8}.hint-icon[data-v-56f9d1c7]{animation:bounce-56f9d1c7 2s infinite;height:clamp(2rem,5.5vw,3rem);margin:0 auto clamp(.5rem,2vw,1rem);opacity:.5;width:clamp(2rem,5.5vw,3rem)}@keyframes bounce-56f9d1c7{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.control-panel[data-v-56f9d1c7],.info-panel[data-v-56f9d1c7]{display:flex;flex-direction:column;gap:1.5rem;width:100%}.game-canvas-wrapper[data-v-56f9d1c7]{flex-shrink:0;width:100%}@media(min-width:768px){.info-panel[data-v-56f9d1c7]{flex-shrink:0;width:240px}.control-panel[data-v-56f9d1c7]{flex-shrink:0;width:260px}.game-canvas-wrapper[data-v-56f9d1c7]{flex:1;max-width:700px;min-width:500px}}@media(min-width:768px)and (max-width:1023px){.game-layout[data-v-56f9d1c7]{align-items:center;flex-direction:column}.game-canvas-wrapper[data-v-56f9d1c7]{min-width:unset}.control-panel[data-v-56f9d1c7],.game-canvas-wrapper[data-v-56f9d1c7]{max-width:700px;width:100%}}@media(min-width:1024px)and (max-width:1279px){.control-panel[data-v-56f9d1c7]{flex-shrink:0;width:280px}.game-canvas-wrapper[data-v-56f9d1c7]{flex:1;max-width:700px;min-width:450px}}@media(min-width:1280px){.info-panel[data-v-56f9d1c7]{background:transparent!important;box-shadow:none!important;height:auto!important;left:auto!important;margin-top:0!important;overflow-y:visible!important;padding:0!important;position:static!important;top:auto!important;transition:none!important;width:260px;z-index:auto!important}.control-panel[data-v-56f9d1c7]{width:260px}.game-canvas-wrapper[data-v-56f9d1c7]{flex:0 0 700px;width:700px}}.drawer-close-btn[data-v-56f9d1c7],.drawer-overlay[data-v-56f9d1c7],.info-drawer-trigger[data-v-56f9d1c7]{display:none}@media(max-width:767px){.game-layout[data-v-56f9d1c7]{flex-direction:column;gap:1rem}.game-canvas-wrapper[data-v-56f9d1c7]{min-width:unset!important;order:1;width:100%!important}.control-panel[data-v-56f9d1c7]{order:2;width:100%!important}.info-panel[data-v-56f9d1c7]{order:3}}@media(max-width:1279px){.info-drawer-trigger[data-v-56f9d1c7]{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:50%;box-shadow:0 4px 12px #00000026;cursor:pointer;display:flex;height:48px;justify-content:center;left:1rem;position:fixed;top:50%;transform:translateY(-50%);transition:all .3s ease;width:48px;z-index:205}.info-drawer-trigger[data-v-56f9d1c7]:hover{background:#f8fafc;box-shadow:0 6px 16px #0003;transform:translateY(-50%) scale(1.05)}.drawer-icon[data-v-56f9d1c7]{color:#3b82f6;height:24px;stroke-width:2;width:24px}.dark .info-drawer-trigger[data-v-56f9d1c7]{background:#161b22f2;border-color:#374151}.dark .info-drawer-trigger[data-v-56f9d1c7]:hover{background:#1f2937f2}.drawer-overlay[data-v-56f9d1c7]{animation:fadeIn-56f9d1c7 .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:block;left:0;position:fixed;right:0;top:6rem;z-index:200}@keyframes fadeIn-56f9d1c7{0%{opacity:0}to{opacity:1}}.info-panel[data-v-56f9d1c7]{background:#fff;box-shadow:4px 0 24px #00000026;height:calc(100vh - 6rem);left:-100%;margin-top:0!important;max-width:85vw;overflow-y:auto;padding:5rem 1.5rem 1.5rem;position:fixed;top:6rem;transition:left .3s cubic-bezier(.4,0,.2,1);width:320px;z-index:210}.info-panel.drawer-open[data-v-56f9d1c7]{left:0}.dark .info-panel[data-v-56f9d1c7]{background:#161b22fa;border-right:1px solid #374151}.drawer-close-btn[data-v-56f9d1c7]{align-items:center;background:#f1f5f9;border:none;border-radius:.5rem;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s ease;width:36px;z-index:10}.drawer-close-btn[data-v-56f9d1c7]:hover{background:#e2e8f0;transform:rotate(90deg)}.drawer-close-btn svg[data-v-56f9d1c7]{color:#64748b;height:20px;stroke-width:2;width:20px}.dark .drawer-close-btn[data-v-56f9d1c7]{background:#334155cc}.dark .drawer-close-btn[data-v-56f9d1c7]:hover{background:#475569e6}.dark .drawer-close-btn svg[data-v-56f9d1c7]{color:#94a3b8}}.record-item[data-v-56f9d1c7]{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;display:flex;justify-content:space-between;padding:.75rem}.dark .record-item[data-v-56f9d1c7]{background:#1e293b80;border-color:#47556980}.record-label[data-v-56f9d1c7]{align-items:center;color:#64748b;display:flex;font-size:.875rem;font-weight:500;gap:.5rem}.dark .record-label[data-v-56f9d1c7]{color:#94a3b8}.record-icon[data-v-56f9d1c7]{flex-shrink:0;height:1rem;width:1rem}.record-value[data-v-56f9d1c7]{color:#1e293b;font-size:1.125rem;font-weight:700}.dark .record-value[data-v-56f9d1c7]{color:#f1f5f9}.panel-section[data-v-56f9d1c7]{background:#fff;border:2px solid #e2e8f0;border-radius:1rem;padding:1.5rem}.dark .panel-section[data-v-56f9d1c7]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#161b22cc;border-color:#47556980}.section-title[data-v-56f9d1c7]{align-items:center;color:#1e293b;display:flex;font-size:1rem;font-weight:700;gap:.5rem;-webkit-hyphens:auto;hyphens:auto;margin-bottom:1rem;word-break:break-word}.dark .section-title[data-v-56f9d1c7]{color:#f1f5f9}.section-icon[data-v-56f9d1c7]{color:#3b82f6;height:1.25rem;width:1.25rem}.dark .section-icon[data-v-56f9d1c7]{color:#60a5fa}.shapes-grid[data-v-56f9d1c7]{display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr);max-height:300px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.shapes-grid[data-v-56f9d1c7]::-webkit-scrollbar{display:none}.shape-card[data-v-56f9d1c7]{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:.75rem;cursor:pointer;display:flex;flex-direction:column;gap:.75rem;padding:1rem;position:relative;transition:all .2s}.dark .shape-card[data-v-56f9d1c7]{background:#1e293b80;border-color:#47556980}.shape-card[data-v-56f9d1c7]:hover:not(:disabled){background:#eff6ff;border-color:#3b82f6;transform:translateY(-2px)}.dark .shape-card[data-v-56f9d1c7]:hover:not(:disabled){background:#3b82f61a;border-color:#60a5fa}.shape-card.shape-active[data-v-56f9d1c7]{background:#dbeafe;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.dark .shape-card.shape-active[data-v-56f9d1c7]{background:#3b82f633;border-color:#60a5fa}.shape-card[data-v-56f9d1c7]:disabled{cursor:not-allowed;opacity:.5}.shape-preview-container[data-v-56f9d1c7]{align-items:center;display:flex;height:60px;justify-content:center;width:60px}.shape-preview[data-v-56f9d1c7],.shape-preview-canvas[data-v-56f9d1c7]{transition:transform .2s}.shape-card:hover .shape-preview[data-v-56f9d1c7],.shape-card:hover .shape-preview-canvas[data-v-56f9d1c7]{transform:scale(1.1)}.shape-name[data-v-56f9d1c7]{align-items:center;color:#475569;display:flex;font-size:.875rem;font-weight:600;height:2.5em;justify-content:center;text-align:center;width:100%;word-break:break-word}.dark .shape-name[data-v-56f9d1c7]{color:#cbd5e1}.shape-check[data-v-56f9d1c7]{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;display:flex;font-size:.75rem;font-weight:700;height:1.5rem;justify-content:center;position:absolute;right:.5rem;top:.5rem;width:1.5rem}.dark .shape-check[data-v-56f9d1c7]{background:#60a5fa}.shape-usage-badge[data-v-56f9d1c7]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#10b98199;border-radius:.375rem;color:#fff;font-size:.75rem;font-weight:700;left:.5rem;padding:.25rem .5rem;position:absolute;top:.5rem;z-index:10}.dark .shape-usage-badge[data-v-56f9d1c7]{background:#0596694d}.shape-card.shape-disabled[data-v-56f9d1c7]{background:#f1f5f9;border-color:#cbd5e1;cursor:not-allowed;opacity:.4}.dark .shape-card.shape-disabled[data-v-56f9d1c7]{background:#0f172a80;border-color:#33415580}.shape-card.shape-disabled .shape-usage-badge[data-v-56f9d1c7]{background:#ef444499}.dark .shape-card.shape-disabled .shape-usage-badge[data-v-56f9d1c7]{background:#dc262699}.shape-card.shape-disabled[data-v-56f9d1c7]:hover{background:#f1f5f9;border-color:#cbd5e1;transform:none}.dark .shape-card.shape-disabled[data-v-56f9d1c7]:hover{background:#0f172a80;border-color:#33415580}.turn-indicator[data-v-56f9d1c7]{margin-top:1rem}.turn-card[data-v-56f9d1c7]{align-items:center;border:2px solid;border-radius:.75rem;display:flex;gap:1rem;padding:1.25rem;transition:all .3s}.turn-card.turn-player[data-v-56f9d1c7]{background:linear-gradient(135deg,#3b82f61a,#6366f11a);border-color:#3b82f6}.dark .turn-card.turn-player[data-v-56f9d1c7]{background:linear-gradient(135deg,#3b82f633,#6366f133);border-color:#60a5fa}.turn-card.turn-ai[data-v-56f9d1c7]{animation:pulse-glow-56f9d1c7 2s ease-in-out infinite;background:linear-gradient(135deg,#8b5cf61a,#a855f71a);border-color:#8b5cf6}.dark .turn-card.turn-ai[data-v-56f9d1c7]{background:linear-gradient(135deg,#8b5cf633,#a855f733);border-color:#a78bfa}@keyframes pulse-glow-56f9d1c7{0%,to{box-shadow:0 0 20px #8b5cf64d}50%{box-shadow:0 0 30px #8b5cf680}}.turn-icon[data-v-56f9d1c7]{font-size:2.5rem;line-height:1}.turn-info[data-v-56f9d1c7]{flex:1}.turn-player[data-v-56f9d1c7]{color:#1e293b;font-size:1.125rem;font-weight:700;margin-bottom:.25rem}.dark .turn-player[data-v-56f9d1c7]{color:#f1f5f9}.turn-status[data-v-56f9d1c7]{color:#64748b;font-size:.875rem}.dark .turn-status[data-v-56f9d1c7]{color:#cbd5e1}.action-buttons[data-v-56f9d1c7]{display:flex;flex-direction:column;gap:.75rem}.action-btn[data-v-56f9d1c7]{align-items:center;border:none;border-radius:.75rem;cursor:pointer;display:flex;font-size:.9375rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem;transition:all .2s}.btn-icon[data-v-56f9d1c7]{height:1.25rem;width:1.25rem}.btn-place[data-v-56f9d1c7]{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.btn-place[data-v-56f9d1c7]:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 10px 30px #3b82f64d;transform:translateY(-2px)}.btn-ai[data-v-56f9d1c7]{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.btn-ai[data-v-56f9d1c7]:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 10px 30px #8b5cf64d;transform:translateY(-2px)}.action-btn[data-v-56f9d1c7]:disabled{background:#cbd5e1;cursor:not-allowed;transform:none}.dark .action-btn[data-v-56f9d1c7]:disabled{background:#47556980}.game-info[data-v-56f9d1c7]{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#bfdbfe}.dark .game-info[data-v-56f9d1c7]{background:linear-gradient(135deg,#3b82f61a,#2563eb1a);border-color:#60a5fa33}.panel-section.ai-leaderboard[data-v-56f9d1c7]{background:#f5f6f8!important;border:1px solid #dde0e8!important;border-radius:.875rem!important;box-shadow:0 2px 12px #00000014,0 1px 3px #0000000d!important}.dark .panel-section.ai-leaderboard[data-v-56f9d1c7]{background:#1e2128!important;border:1px solid #383c45!important;box-shadow:0 2px 12px #0006,0 1px 3px #0000004d!important}.ai-leaderboard[data-v-56f9d1c7]{max-height:85vh;overflow-x:hidden;overflow-y:auto;position:relative}.ai-leaderboard[data-v-56f9d1c7]:before{background:linear-gradient(90deg,transparent,#dde0e8 20%,#dde0e8 80%,transparent);border-radius:.875rem .875rem 0 0;content:"";height:1px;left:0;position:absolute;right:0;top:0}.dark .ai-leaderboard[data-v-56f9d1c7]:before{background:linear-gradient(90deg,transparent,#3a3d45 20%,#3a3d45 80%,transparent)}.ai-leaderboard .section-title[data-v-56f9d1c7]{color:#4a4d58;font-size:.75rem;font-weight:600;letter-spacing:.1em;margin-bottom:1rem;text-transform:uppercase}.ai-leaderboard .section-icon[data-v-56f9d1c7]{color:#9098a8}.dark .ai-leaderboard .section-title[data-v-56f9d1c7]{color:#d8dae0}.dark .ai-leaderboard .section-icon[data-v-56f9d1c7]{color:#7a7d88}.player-progress[data-v-56f9d1c7]{background:none;border:none;display:flex;gap:.5rem;margin-bottom:1rem;padding:0}.progress-item[data-v-56f9d1c7]{background:#fff;border:1px solid #dde0e8;border-radius:.5rem;border-top:2px solid #e0e3ea;display:flex;flex:1;flex-direction:column;justify-content:space-between;min-height:5.5rem;min-width:0;overflow:hidden;padding:.75rem .5rem;text-align:center}.progress-item[data-v-56f9d1c7]:first-child{border-top-color:#c8962a}.progress-item[data-v-56f9d1c7]:last-child{border-top-color:#5a6890}.progress-label[data-v-56f9d1c7]{color:#7a7e8a;display:block;font-size:.6875rem;font-weight:500;-webkit-hyphens:auto;hyphens:auto;letter-spacing:.01em;line-height:1.3;margin-bottom:.375rem;word-break:break-word}.progress-value[data-v-56f9d1c7]{color:#c8962a;display:block;font-size:1.625rem;font-weight:700;letter-spacing:-.02em;line-height:1}.progress-item:last-child .progress-value[data-v-56f9d1c7]{color:#5a6890}.dark .progress-item[data-v-56f9d1c7]{background:#2a2d35;border-color:#3a3d45 #44474f #44474f;overflow:hidden}.dark .progress-item[data-v-56f9d1c7]:first-child{border-top-color:#c8962a}.dark .progress-item[data-v-56f9d1c7]:last-child{border-top-color:#5a6890}.dark .progress-label[data-v-56f9d1c7]{color:#9ea2ac}.dark .progress-value[data-v-56f9d1c7]{color:#e8b840}.dark .progress-item:last-child .progress-value[data-v-56f9d1c7]{color:#8aa0d8}.ai-ranking-list[data-v-56f9d1c7]{display:flex;flex-direction:column;gap:8px}.ai-rank-item[data-v-56f9d1c7]{align-items:center;background:#fff;border:1px solid #dde0e8;border-radius:.375rem;cursor:default;display:flex;gap:.75rem;padding:.625rem .75rem;position:relative;transition:background .15s,border-color .15s}.dark .ai-rank-item[data-v-56f9d1c7]{background:#2a2d35;border-color:#44474f}.ai-rank-item.unlocked[data-v-56f9d1c7]{cursor:pointer}.ai-rank-item.unlocked[data-v-56f9d1c7]:hover{background:#eef0f5;border-color:#c8ccd8}.dark .ai-rank-item.unlocked[data-v-56f9d1c7]:hover{background:#32353e;border-color:#52555e}.ai-rank-item[data-v-56f9d1c7]:not(.unlocked){opacity:.55}.rank-badge[data-v-56f9d1c7]{align-items:center;background:#eef0f5;border:1px solid #d0d3dc;border-radius:.3125rem;display:flex;flex-shrink:0;height:2rem;justify-content:center;width:2rem}.dark .rank-badge[data-v-56f9d1c7]{background:#2a2d35;border-color:#363940}.rank-icon[data-v-56f9d1c7]{height:1rem;width:1rem}.rank-badge.rank-1[data-v-56f9d1c7]{background:#fff8e6;border-color:#d4b060}.rank-badge.rank-1 .rank-icon[data-v-56f9d1c7]{color:#d4a030}.rank-badge.rank-2[data-v-56f9d1c7]{background:#f0f1f5;border-color:#b0b4c0}.rank-badge.rank-2 .rank-icon[data-v-56f9d1c7]{color:#888c98}.rank-badge.rank-3[data-v-56f9d1c7]{background:#fff0e6;border-color:#c0906a}.rank-badge.rank-3 .rank-icon[data-v-56f9d1c7]{color:#b07040}.dark .rank-badge.rank-1[data-v-56f9d1c7]{background:#28220e;border-color:#6a5420}.dark .rank-badge.rank-2[data-v-56f9d1c7]{background:#26292f;border-color:#46494f}.dark .rank-badge.rank-2 .rank-icon[data-v-56f9d1c7]{color:#a8aab2}.dark .rank-badge.rank-3[data-v-56f9d1c7]{background:#241810;border-color:#5a3820}.rank-number[data-v-56f9d1c7]{color:#7a7e8a;font-size:.875rem;font-variant-numeric:tabular-nums;font-weight:700}.dark .rank-number[data-v-56f9d1c7]{color:#8a8e9a}.ai-info[data-v-56f9d1c7]{display:flex;flex:1;flex-direction:column;gap:.25rem;min-width:0}.ai-name-row[data-v-56f9d1c7]{align-items:center;display:flex;gap:.375rem}.ai-avatar[data-v-56f9d1c7]{flex-shrink:0;font-size:1rem;line-height:1}.ai-name[data-v-56f9d1c7]{color:#2a2d38;font-size:.875rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark .ai-name[data-v-56f9d1c7]{color:#eceef5}.lock-icon[data-v-56f9d1c7],.unlock-icon[data-v-56f9d1c7]{flex-shrink:0;height:.8125rem;margin-left:auto;width:.8125rem}.unlock-icon[data-v-56f9d1c7]{color:#5aaa70;opacity:.9}.lock-icon[data-v-56f9d1c7]{color:#9aa0b0}.ai-provider[data-v-56f9d1c7]{color:#8a909e;font-size:.6875rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.dark .unlock-icon[data-v-56f9d1c7]{color:#6aaa80}.dark .ai-provider[data-v-56f9d1c7],.dark .lock-icon[data-v-56f9d1c7]{color:#7a7e8a}.ai-stats[data-v-56f9d1c7],.stat-row[data-v-56f9d1c7]{display:flex;min-width:0;overflow:hidden}.stat-row[data-v-56f9d1c7]{align-items:center;color:#6a6e7a;flex-wrap:wrap;font-size:.7rem;gap:.25rem}.ai-stats .stat-row svg[data-v-56f9d1c7]{color:#9098a8;flex-shrink:0;height:.6875rem;width:.6875rem}.stat-label[data-v-56f9d1c7]{color:#8a8e9a;font-size:.6rem;font-weight:400;white-space:nowrap}.stat-text[data-v-56f9d1c7]{color:#4a4d58;font-size:.6875rem;font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}.stat-stability[data-v-56f9d1c7]{color:#28b478}.stat-separator[data-v-56f9d1c7]{color:#c8ccd8;flex-shrink:0;font-size:.6rem}.stat-chip[data-v-56f9d1c7]{align-items:center;display:inline-flex;gap:.2rem;white-space:nowrap}.dark .stat-row[data-v-56f9d1c7]{color:#a8acb8}.dark .ai-stats .stat-row svg[data-v-56f9d1c7]{color:#7a7e8a}.dark .stat-label[data-v-56f9d1c7]{color:#6a6e7a}.dark .stat-text[data-v-56f9d1c7]{color:#b8bcc8}.dark .stat-stability[data-v-56f9d1c7]{color:#34d399}.dark .stat-separator[data-v-56f9d1c7]{color:#3a3d45;flex-shrink:0}.ai-locked[data-v-56f9d1c7]{display:flex;flex-direction:column;gap:.3rem}.locked-hint[data-v-56f9d1c7]{color:#a0882a;font-size:.6875rem;font-weight:500;letter-spacing:.02em}.dark .locked-hint[data-v-56f9d1c7]{color:#9a8840}.locked-progress[data-v-56f9d1c7]{align-items:center;display:flex;gap:.5rem}.lock-bar[data-v-56f9d1c7]{background:#b0b8cc;border-radius:9999px;flex:1;height:4px;overflow:hidden}.lock-fill[data-v-56f9d1c7]{background:linear-gradient(90deg,#7880a0,#a0a8c0);border-radius:9999px;height:100%;transition:width .4s ease}.lock-text[data-v-56f9d1c7]{color:#7a7e8a;font-size:.6875rem;font-variant-numeric:tabular-nums;font-weight:600;min-width:2rem;text-align:right}.dark .lock-bar[data-v-56f9d1c7]{background:#454850}.dark .lock-fill[data-v-56f9d1c7]{background:linear-gradient(90deg,#505570,#6a7090)}.dark .lock-text[data-v-56f9d1c7]{color:#8a8e9a}.ai-rank-item.tier-legend.unlocked .ai-name[data-v-56f9d1c7]{color:#c89820}.ai-rank-item.tier-diamond.unlocked .ai-name[data-v-56f9d1c7]{color:#5870b0}.ai-rank-item.tier-gold.unlocked .ai-name[data-v-56f9d1c7]{color:#c08820}.ai-rank-item.tier-silver.unlocked .ai-name[data-v-56f9d1c7]{color:#707280}.ai-rank-item.tier-bronze.unlocked .ai-name[data-v-56f9d1c7]{color:#a06030}.dark .ai-rank-item.tier-legend.unlocked .ai-name[data-v-56f9d1c7]{color:#e8b840}.dark .ai-rank-item.tier-diamond.unlocked .ai-name[data-v-56f9d1c7]{color:#a0b4e0}.dark .ai-rank-item.tier-gold.unlocked .ai-name[data-v-56f9d1c7]{color:#d4a030}.dark .ai-rank-item.tier-silver.unlocked .ai-name[data-v-56f9d1c7]{color:#c0c2cc}.dark .ai-rank-item.tier-bronze.unlocked .ai-name[data-v-56f9d1c7]{color:#c88050}.ai-leaderboard[data-v-56f9d1c7]::-webkit-scrollbar{width:3px}.ai-leaderboard[data-v-56f9d1c7]::-webkit-scrollbar-track{background:transparent}.ai-leaderboard[data-v-56f9d1c7]::-webkit-scrollbar-thumb{background:#c8ccd8;border-radius:9999px}.ai-leaderboard[data-v-56f9d1c7]::-webkit-scrollbar-thumb:hover{background:#a8adb8}.dark .ai-leaderboard[data-v-56f9d1c7]::-webkit-scrollbar-thumb{background:#363940}.dark .ai-leaderboard[data-v-56f9d1c7]::-webkit-scrollbar-thumb:hover{background:#4a4d55}.info-content[data-v-56f9d1c7]{display:flex;flex-direction:column;gap:.5rem}.info-item[data-v-56f9d1c7]{color:#475569;font-size:.875rem;line-height:1.5;padding-left:1em;text-indent:-1em}.dark .info-item[data-v-56f9d1c7]{color:#cbd5e1}.ai-thinking-badge[data-v-56f9d1c7]{animation:slideDown-56f9d1c7 .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#8b5cf6f2;border-radius:clamp(.625rem,2vw,1rem);box-shadow:0 8px 32px #8b5cf666;left:50%;padding:clamp(.5rem,1.8vw,1rem) clamp(.75rem,2.5vw,1.5rem);position:absolute;top:clamp(.5rem,2vw,1rem);transform:translate(-50%);white-space:nowrap;z-index:100}.dark .ai-thinking-badge[data-v-56f9d1c7]{background:#8b5cf6e6}.ai-thinking-content[data-v-56f9d1c7]{align-items:center;display:flex;gap:clamp(.5rem,1.8vw,1rem)}.thinking-spinner-small[data-v-56f9d1c7]{animation:spin-56f9d1c7 1s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;height:clamp(20px,5vw,32px);width:clamp(20px,5vw,32px)}.ai-thinking-text[data-v-56f9d1c7]{flex:1}.ai-thinking-title[data-v-56f9d1c7]{color:#fff;font-size:clamp(.8125rem,2.2vw,1rem);font-weight:700;margin-bottom:.25rem}.ai-thinking-phase[data-v-56f9d1c7]{color:#ffffffe6;font-size:clamp(.6875rem,1.8vw,.875rem)}.ai-progress-circle[data-v-56f9d1c7]{background:#fff3;border-radius:50%;font-size:clamp(.6875rem,1.8vw,.875rem);font-weight:700;height:clamp(32px,8vw,48px);justify-content:center;width:clamp(32px,8vw,48px)}.ai-progress-circle[data-v-56f9d1c7],.camera-mode-hint[data-v-56f9d1c7]{align-items:center;color:#fff;display:flex}.camera-mode-hint[data-v-56f9d1c7]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#3b82f6f2;border-radius:clamp(.5rem,1.5vw,.75rem);box-shadow:0 4px 16px #3b82f64d;cursor:pointer;font-size:clamp(.75rem,1.8vw,.875rem);font-weight:600;gap:clamp(.375rem,1vw,.5rem);left:clamp(8px,2vw,12px);padding:clamp(.5rem,1.5vw,.75rem) clamp(.75rem,2.2vw,1.25rem);position:absolute;top:clamp(100px,25vw,144px);transition:opacity .2s ease,transform .2s ease;will-change:opacity,transform;z-index:100}.camera-mode-hint[data-v-56f9d1c7]:hover{background:#3b82f6;box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.dark .camera-mode-hint[data-v-56f9d1c7]{background:#3b82f6e6}.camera-icon[data-v-56f9d1c7]{height:clamp(16px,3.5vw,20px);stroke-width:2.5;width:clamp(16px,3.5vw,20px)}.ai-thinking-card-old[data-v-56f9d1c7]{background:#fff;border-radius:1.5rem;box-shadow:0 25px 50px #0000004d;min-width:400px;padding:3rem;text-align:center}.dark .ai-thinking-card[data-v-56f9d1c7]{background:#161b22f2;border:2px solid rgba(71,85,105,.5)}.thinking-animation[data-v-56f9d1c7]{height:80px;margin:0 auto 2rem;position:relative;width:80px}.thinking-spinner[data-v-56f9d1c7]{animation:spin-56f9d1c7 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#8b5cf6;height:80px;width:80px}.thinking-pulse[data-v-56f9d1c7]{animation:pulse-56f9d1c7 2s ease-in-out infinite;border:4px solid #8b5cf6;border-radius:50%;inset:0;position:absolute}.thinking-title[data-v-56f9d1c7]{color:#1e293b;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.dark .thinking-title[data-v-56f9d1c7]{color:#f1f5f9}.thinking-subtitle[data-v-56f9d1c7]{color:#64748b;margin-bottom:1.5rem}.dark .thinking-subtitle[data-v-56f9d1c7]{color:#94a3b8}.thinking-progress[data-v-56f9d1c7]{align-items:center;display:flex;gap:1rem}.progress-bar[data-v-56f9d1c7]{background:#e2e8f0;border-radius:4px;flex:1;height:8px;overflow:hidden}.dark .progress-bar[data-v-56f9d1c7]{background:#47556980}.progress-fill[data-v-56f9d1c7]{background:linear-gradient(90deg,#8b5cf6,#7c3aed);border-radius:4px;height:100%;transition:width .2s}.progress-text[data-v-56f9d1c7]{color:#1e293b;font-weight:700;min-width:3rem}.dark .progress-text[data-v-56f9d1c7]{color:#f1f5f9}@media(max-width:640px){.stacking-game-container[data-v-56f9d1c7]{padding:7rem .5rem .5rem}.game-layout[data-v-56f9d1c7]{gap:.75rem}.mode-tabs[data-v-56f9d1c7]{flex-direction:row;padding:.25rem}.mode-tab[data-v-56f9d1c7]{flex:1;min-height:unset;padding:.3rem .375rem}.tab-icon[data-v-56f9d1c7]{display:none}.tab-text[data-v-56f9d1c7]{font-size:.8rem;-webkit-hyphens:auto;hyphens:auto;line-height:1.2;text-align:center;word-break:break-word}.game-header[data-v-56f9d1c7]{margin-bottom:.5rem}.game-title[data-v-56f9d1c7]{font-size:1.75rem}.game-subtitle[data-v-56f9d1c7]{font-size:.875rem}.stats-grid[data-v-56f9d1c7]{display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:.75rem}.stats-grid-puzzle[data-v-56f9d1c7]{grid-template-columns:repeat(4,1fr)}.stat-card[data-v-56f9d1c7]{align-items:center;flex-direction:row;gap:.375rem;height:auto;justify-content:center;min-height:auto;padding:.375rem .5rem}.stat-icon[data-v-56f9d1c7]{flex-shrink:0;font-size:1rem;line-height:1}.stat-content[data-v-56f9d1c7]{display:flex;flex-direction:column;gap:.125rem;min-width:0;text-align:left}.stat-label[data-v-56f9d1c7]{font-size:.5625rem;-webkit-hyphens:auto;hyphens:auto;line-height:1.2;max-width:100%;overflow:visible;white-space:normal;word-break:break-word}.stat-value[data-v-56f9d1c7]{font-size:1rem;font-weight:700;line-height:1.2;white-space:nowrap}.stat-unit[data-v-56f9d1c7]{font-size:.625rem;line-height:1}.canvas-container[data-v-56f9d1c7]{border-width:2px;max-width:100%;width:100%}canvas[data-v-56f9d1c7]:not(.preview-canvas){height:auto!important;max-width:100%;width:100%!important}.minimap-container[data-v-56f9d1c7]{border-width:1px;left:8px;top:8px}.minimap-viewport[data-v-56f9d1c7]{border-width:1px}.shapes-grid[data-v-56f9d1c7]{gap:.375rem;grid-template-columns:repeat(3,1fr);max-height:200px;padding:.25rem}.shape-card[data-v-56f9d1c7]{gap:.25rem;min-height:auto;padding:.4rem}.shape-preview-container[data-v-56f9d1c7]{height:36px;width:36px}.shape-preview-canvas[data-v-56f9d1c7]{height:36px!important;width:36px!important}.shape-name[data-v-56f9d1c7]{font-size:.65rem}.panel-section[data-v-56f9d1c7]{gap:.75rem;padding:.875rem}button[data-v-56f9d1c7]{min-height:44px}.puzzle-card[data-v-56f9d1c7]{min-height:200px}.puzzle-start-btn[data-v-56f9d1c7]{font-size:.9375rem;min-height:48px}.section-title[data-v-56f9d1c7]{font-size:.875rem}.info-item[data-v-56f9d1c7]{font-size:.8125rem}.game-header[data-v-56f9d1c7]{gap:.375rem;padding:.875rem}.rotation-controls[data-v-56f9d1c7]{flex-wrap:nowrap;gap:.5rem}.rotation-btn[data-v-56f9d1c7]{flex:0 0 auto;font-size:.8125rem;min-height:44px;padding:.625rem .75rem}.rotation-btn .btn-icon[data-v-56f9d1c7]{height:18px;width:18px}.rotation-btn span[data-v-56f9d1c7]{display:none}.rotation-display[data-v-56f9d1c7]{flex:1 1 auto;gap:.375rem}.rotation-preview[data-v-56f9d1c7]{height:60px;width:60px}.angle-input[data-v-56f9d1c7]{padding:.375rem .25rem;width:3.5rem}.angle-input[data-v-56f9d1c7],.angle-unit[data-v-56f9d1c7]{font-size:1.125rem}.control-panel[data-v-56f9d1c7],.info-panel[data-v-56f9d1c7]{gap:1rem}.mode-tabs[data-v-56f9d1c7]{gap:.375rem;margin-bottom:0;padding:.375rem}.mode-tab[data-v-56f9d1c7]{gap:.5rem;min-height:36px;padding:.5rem .875rem}.record-item[data-v-56f9d1c7]{padding:.625rem .75rem}.ai-rank-item[data-v-56f9d1c7]{gap:.625rem;padding:.75rem}.hint-icon[data-v-56f9d1c7]{height:1.5rem;margin:0 auto .25rem;width:1.5rem}.hint-content p[data-v-56f9d1c7]{font-size:.6875rem}.hint-content .text-xs[data-v-56f9d1c7]{font-size:.5625rem}.waiting-settle-badge[data-v-56f9d1c7]{border-radius:1rem;font-size:.625rem;gap:.375rem;padding:.25rem .625rem;top:.5rem}.settling-spinner[data-v-56f9d1c7]{border-width:2px;height:12px;width:12px}.ai-thinking-badge[data-v-56f9d1c7]{border-radius:.5rem;padding:.375rem .625rem;top:.5rem}.ai-thinking-content[data-v-56f9d1c7]{gap:.375rem}.thinking-spinner-small[data-v-56f9d1c7]{border-width:2px;height:16px;width:16px}.ai-thinking-title[data-v-56f9d1c7]{font-size:.6875rem;margin-bottom:0}.ai-thinking-phase[data-v-56f9d1c7]{font-size:.5625rem}.ai-progress-circle[data-v-56f9d1c7]{font-size:.5625rem;height:26px;width:26px}.camera-mode-hint[data-v-56f9d1c7]{border-radius:.375rem;font-size:.625rem;gap:.25rem;left:6px;padding:.375rem .625rem;top:95px}.camera-icon[data-v-56f9d1c7]{height:14px;width:14px}.simulation-badge[data-v-56f9d1c7]{border-radius:1rem;font-size:.625rem;gap:.375rem;padding:.25rem .625rem;top:.5rem}.countdown-number[data-v-56f9d1c7]{font-size:.75rem;height:20px;width:20px}.game-over-notification[data-v-56f9d1c7]{border-radius:.5rem;gap:.25rem;padding:.375rem .75rem;top:.5rem}.notification-title[data-v-56f9d1c7]{font-size:.9375rem}.notification-stats[data-v-56f9d1c7]{font-size:.6875rem;gap:.5rem}.center-button-container[data-v-56f9d1c7]{gap:.5rem}.center-restart-btn[data-v-56f9d1c7]{border-radius:.5rem;font-size:.8125rem;padding:.5rem 1.25rem}.center-back-btn[data-v-56f9d1c7]{border-radius:.5rem;font-size:.75rem;padding:.5rem 1rem}.center-back-btn .btn-icon[data-v-56f9d1c7]{height:.875rem;width:.875rem}.mode-switch-content[data-v-56f9d1c7]{border-radius:.625rem;padding:1rem}.mode-switch-title[data-v-56f9d1c7]{font-size:1.25rem;margin-bottom:.75rem}.mode-switch-text[data-v-56f9d1c7]{font-size:.75rem;margin:.25rem 0}.mode-switch-btn[data-v-56f9d1c7]{font-size:.8125rem;min-height:36px;padding:.5rem 1rem}}@media(min-width:641px)and (max-width:768px){.stacking-game-container[data-v-56f9d1c7]{padding:6rem 1rem 1rem}.game-layout[data-v-56f9d1c7]{gap:1.25rem}.stats-grid[data-v-56f9d1c7]{gap:.875rem;grid-template-columns:repeat(2,1fr)}.shapes-grid[data-v-56f9d1c7]{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.game-title[data-v-56f9d1c7]{font-size:2rem}}@media(min-width:769px)and (max-width:1023px){.stacking-game-container[data-v-56f9d1c7]{padding:7rem 1.5rem 1.5rem}.game-layout[data-v-56f9d1c7]{gap:1.5rem}.stats-grid[data-v-56f9d1c7]{gap:1rem;grid-template-columns:repeat(3,1fr)}.shapes-grid[data-v-56f9d1c7]{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.game-title[data-v-56f9d1c7]{font-size:2.25rem}}@media(min-width:1440px){.game-layout[data-v-56f9d1c7]{gap:2rem;grid-template-columns:250px 1fr 250px}.stat-card[data-v-56f9d1c7]{padding:1.5rem}.stat-icon[data-v-56f9d1c7]{font-size:2.5rem}.panel-section[data-v-56f9d1c7]{padding:1.75rem}}.rotation-controls[data-v-56f9d1c7]{align-items:flex-end;display:flex;gap:1rem}.rotation-btn[data-v-56f9d1c7]{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:.75rem;color:#475569;cursor:pointer;display:flex;flex:1;flex-direction:column;font-size:.75rem;font-weight:600;gap:.5rem;-webkit-hyphens:auto;hyphens:auto;justify-content:center;min-height:80px;padding:.75rem;text-align:center;transition:all .2s;word-break:break-word}.dark .rotation-btn[data-v-56f9d1c7]{background:#1e293b80;border-color:#47556980;color:#cbd5e1}.rotation-btn[data-v-56f9d1c7]:hover:not(:disabled){background:#eff6ff;border-color:#3b82f6;color:#3b82f6;transform:translateY(-2px)}.dark .rotation-btn[data-v-56f9d1c7]:hover:not(:disabled){background:#3b82f61a;border-color:#60a5fa;color:#60a5fa}.rotation-btn[data-v-56f9d1c7]:active:not(:disabled){transform:translateY(0)}.rotation-btn[data-v-56f9d1c7]:disabled{cursor:not-allowed;opacity:.4}.rotation-btn .btn-icon[data-v-56f9d1c7]{height:1.5rem;width:1.5rem}.rotation-display[data-v-56f9d1c7]{align-items:center;display:flex;flex-direction:column;gap:.5rem;min-width:80px}.rotation-angle-input[data-v-56f9d1c7]{align-items:center;display:flex;gap:.25rem;position:relative}.angle-input[data-v-56f9d1c7]{background:#fff;border:2px solid #cbd5e1;border-radius:.375rem;color:#3b82f6;font-size:1.25rem;font-variant-numeric:tabular-nums;font-weight:700;outline:none;padding:.25rem .5rem;text-align:center;transition:all .2s ease;width:4rem}.angle-input[data-v-56f9d1c7]:focus,.angle-input[data-v-56f9d1c7]:hover:not(:disabled){border-color:#3b82f6}.angle-input[data-v-56f9d1c7]:focus{box-shadow:0 0 0 3px #3b82f61a}.angle-input[data-v-56f9d1c7]:disabled{background:#f1f5f9;cursor:not-allowed;opacity:.4}.dark .angle-input[data-v-56f9d1c7]{background:#1e293b;border-color:#475569;color:#60a5fa}.dark .angle-input[data-v-56f9d1c7]:hover:not(:disabled){border-color:#60a5fa}.dark .angle-input[data-v-56f9d1c7]:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}.dark .angle-input[data-v-56f9d1c7]:disabled{background:#0f172a}.angle-unit[data-v-56f9d1c7]{color:#3b82f6;font-size:1.25rem;font-weight:700}.dark .angle-unit[data-v-56f9d1c7]{color:#60a5fa}.angle-input[data-v-56f9d1c7]::-webkit-inner-spin-button,.angle-input[data-v-56f9d1c7]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.angle-input[type=number][data-v-56f9d1c7]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.rotation-preview[data-v-56f9d1c7]{align-items:center;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:.5rem;display:flex;height:80px;justify-content:center;width:80px}.dark .rotation-preview[data-v-56f9d1c7]{background:#1e293b4d;border-color:#47556980}.rotation-preview-canvas[data-v-56f9d1c7]{display:block}.waiting-settle-badge[data-v-56f9d1c7]{align-items:center;animation:slideDown-56f9d1c7 .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fbbf24f2;border-radius:2rem;box-shadow:0 4px 20px #fbbf2466;color:#fff;display:flex;font-size:clamp(.75rem,2vw,.9375rem);font-weight:600;gap:clamp(.5rem,1.5vw,.75rem);left:50%;padding:clamp(.375rem,1.5vw,.75rem) clamp(.75rem,2.5vw,1.5rem);position:absolute;top:clamp(.5rem,2vw,1rem);transform:translate(-50%);z-index:100}.dark .waiting-settle-badge[data-v-56f9d1c7]{background:#f59e0bf2}@keyframes slideDown-56f9d1c7{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.settling-spinner[data-v-56f9d1c7]{animation:spin-56f9d1c7 .8s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;height:clamp(14px,3.5vw,20px);width:clamp(14px,3.5vw,20px)}@keyframes spin-56f9d1c7{to{transform:rotate(1turn)}}.simulation-badge[data-v-56f9d1c7]{align-items:center;animation:slideDown-56f9d1c7 .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#667eeaf2;border-radius:2rem;box-shadow:0 4px 20px #667eea66;color:#fff;display:flex;font-size:clamp(.75rem,2vw,.9375rem);font-weight:600;gap:clamp(.5rem,1.5vw,.75rem);left:50%;padding:clamp(.375rem,1.5vw,.75rem) clamp(.75rem,2.5vw,1.5rem);position:absolute;top:clamp(.5rem,2vw,1rem);transform:translate(-50%);z-index:100}.dark .simulation-badge[data-v-56f9d1c7]{background:#4f46e5f2}.countdown-number[data-v-56f9d1c7]{align-items:center;animation:pulse-56f9d1c7 1s ease-in-out infinite;background:#fff;border-radius:50%;color:#667eea;display:flex;font-size:clamp(.875rem,2.5vw,1.25rem);font-weight:700;height:clamp(24px,6vw,32px);justify-content:center;width:clamp(24px,6vw,32px)}.dark .countdown-number[data-v-56f9d1c7]{color:#4f46e5}@keyframes pulse-56f9d1c7{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.game-over-overlay[data-v-56f9d1c7]{align-items:center;animation:overlayFadeIn-56f9d1c7 .5s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff8c;display:flex;flex-direction:column;justify-content:center;inset:0;position:absolute;z-index:100}.dark .game-over-overlay[data-v-56f9d1c7]{background:#000000b3}@keyframes overlayFadeIn-56f9d1c7{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:1}}.game-over-notification[data-v-56f9d1c7]{align-items:center;animation:slideDown-56f9d1c7 .5s cubic-bezier(.34,1.56,.64,1) .2s both;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd9;border:1px solid #e2e8f0;border-radius:.875rem;box-shadow:0 4px 20px #0000000f;display:flex;flex-direction:column;gap:clamp(.375rem,1.2vw,.75rem);left:50%;max-width:90%;padding:clamp(.625rem,1.8vw,1rem) clamp(1rem,2.5vw,1.5rem);position:absolute;text-align:center;top:clamp(.5rem,1.8vw,1rem);transform:translate(-50%);z-index:102}.dark .game-over-notification[data-v-56f9d1c7]{-webkit-backdrop-filter:none;backdrop-filter:none;background:transparent;border:none;border-radius:0;box-shadow:none;padding:0}.notification-title[data-v-56f9d1c7]{color:#dc2626;font-size:clamp(1.125rem,4vw,1.75rem);font-weight:800;text-shadow:none}.dark .notification-title[data-v-56f9d1c7]{color:#f87171;text-shadow:0 2px 8px rgba(0,0,0,.5)}.notification-title-success[data-v-56f9d1c7]{color:#059669!important}.dark .notification-title-success[data-v-56f9d1c7]{color:#34d399!important}.notification-stats[data-v-56f9d1c7]{color:#334155;display:flex;flex-wrap:wrap;font-size:clamp(.75rem,2.2vw,1rem);gap:clamp(.75rem,2.5vw,1.5rem);justify-content:center}.dark .notification-stats[data-v-56f9d1c7]{color:#f1f5f9}.notification-stats span[data-v-56f9d1c7]{font-weight:700;text-shadow:none}.dark .notification-stats span[data-v-56f9d1c7]{text-shadow:0 1px 4px rgba(0,0,0,.2)}.center-button-container[data-v-56f9d1c7]{animation:buttonFadeIn-56f9d1c7 .5s cubic-bezier(.34,1.56,.64,1) .4s both;display:flex;flex-wrap:wrap;gap:clamp(.5rem,2vw,1rem);justify-content:center;left:50%;max-width:90%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:102}@keyframes buttonFadeIn-56f9d1c7{0%{opacity:0;transform:translate(-50%,-50%) scale(.8) translateY(20px)}to{opacity:1;transform:translate(-50%,-50%) scale(1) translateY(0)}}.center-restart-btn[data-v-56f9d1c7]{background:#ef4444;border:none;border-radius:.75rem;box-shadow:0 4px 16px #ef44444d;color:#fff;cursor:pointer;font-size:clamp(.9375rem,2.5vw,1.25rem);font-weight:700;-webkit-hyphens:auto;hyphens:auto;padding:clamp(.625rem,2vw,1rem) clamp(1.25rem,4vw,2.5rem);text-align:center;transition:all .2s ease;word-break:break-word}.dark .center-restart-btn[data-v-56f9d1c7]{background:#dc2626;box-shadow:0 8px 24px #dc262680}.center-restart-btn[data-v-56f9d1c7]:hover{box-shadow:0 8px 24px #ef444466;transform:translateY(-3px)}.dark .center-restart-btn[data-v-56f9d1c7]:hover{box-shadow:0 12px 32px #dc262699}.center-restart-btn[data-v-56f9d1c7]:active{transform:translateY(-1px)}.center-back-btn[data-v-56f9d1c7]{align-items:center;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:.75rem;box-shadow:0 4px 16px #0000000f;color:#475569;cursor:pointer;display:flex;font-size:clamp(.8125rem,2.2vw,1.125rem);font-weight:700;gap:.5rem;-webkit-hyphens:auto;hyphens:auto;padding:clamp(.625rem,2vw,1rem) clamp(1.25rem,4vw,2.5rem);text-align:center;transition:all .2s ease;word-break:break-word}.dark .center-back-btn[data-v-56f9d1c7]{background:linear-gradient(135deg,#475569,#334155);border:none;box-shadow:0 8px 24px #47556980;color:#fff}.center-back-btn[data-v-56f9d1c7]:hover{background:#e2e8f0;box-shadow:0 6px 20px #0000001a;transform:translateY(-3px)}.dark .center-back-btn[data-v-56f9d1c7]:hover{background:linear-gradient(135deg,#526278,#3d4f63);box-shadow:0 12px 32px #47556999}.center-back-btn[data-v-56f9d1c7]:active{transform:translateY(-1px)}.center-back-btn .btn-icon[data-v-56f9d1c7]{height:1.25rem;width:1.25rem}.mode-switch-overlay[data-v-56f9d1c7]{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff6;border-radius:1rem;display:flex;justify-content:center;inset:0;position:absolute;z-index:103}.dark .mode-switch-overlay[data-v-56f9d1c7]{background:#0006}.mode-switch-content[data-v-56f9d1c7]{background:#ffffffeb;border:1px solid rgba(0,0,0,.1);border-radius:1rem;box-shadow:0 8px 32px #0000001f;color:#1e293b;margin:0 auto;max-width:90%;padding:clamp(1.25rem,3.5vw,2rem);text-align:center}.dark .mode-switch-content[data-v-56f9d1c7]{background:#ffffff1a;border:1px solid hsla(0,0%,100%,.2);box-shadow:none;color:#fff}.mode-switch-title[data-v-56f9d1c7]{background:linear-gradient(135deg,#e040a0,#e04050);-webkit-background-clip:text;background-clip:text;font-size:clamp(1.375rem,4.5vw,2.5rem);font-weight:700;margin-bottom:clamp(.75rem,2.5vw,1.5rem);-webkit-text-fill-color:transparent}.dark .mode-switch-title[data-v-56f9d1c7]{background:linear-gradient(135deg,#f093fb,#f5576c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.mode-switch-text[data-v-56f9d1c7]{color:#475569;font-size:clamp(.875rem,2.5vw,1.125rem);margin:clamp(.25rem,.8vw,.5rem) 0}.mode-switch-buttons[data-v-56f9d1c7]{display:flex;flex-wrap:wrap;gap:clamp(.625rem,2vw,1rem);justify-content:center;margin-top:clamp(1rem,2.5vw,1.5rem)}.dark .mode-switch-text[data-v-56f9d1c7]{color:#ffffffe6}.mode-switch-btn[data-v-56f9d1c7]{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:.5rem;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;flex:1;font-size:clamp(.875rem,2.5vw,1.125rem);font-weight:600;-webkit-hyphens:auto;hyphens:auto;padding:clamp(.5rem,1.5vw,.75rem) clamp(.75rem,2.5vw,1.5rem);text-align:center;transition:all .3s ease;word-break:break-word}.mode-switch-btn[data-v-56f9d1c7]:hover{box-shadow:0 6px 20px #667eea99;transform:translateY(-2px)}.mode-switch-btn[data-v-56f9d1c7]:active{transform:translateY(0)}.mode-switch-btn.btn-cancel[data-v-56f9d1c7]{background:#ef4444}.mode-switch-btn.btn-cancel[data-v-56f9d1c7]:hover{box-shadow:0 6px 20px #ef444499}.puzzle-selector .game-header[data-v-56f9d1c7]{margin-bottom:2rem;margin-left:auto;margin-right:auto;text-align:center}@media(min-width:1024px){.puzzle-selector .game-header[data-v-56f9d1c7]{max-width:calc(100% - 560px - 3rem)}}.puzzle-selector-icon[data-v-56f9d1c7]{font-size:2.5rem;margin-right:.5rem;vertical-align:middle}.puzzle-selector-title[data-v-56f9d1c7]{align-items:center;background:linear-gradient(135deg,#f59e0b,#ef4444);-webkit-background-clip:text;background-clip:text;color:transparent;display:flex;font-size:2rem;font-weight:800;justify-content:center;margin-bottom:.5rem;text-align:center}.dark .puzzle-selector-title[data-v-56f9d1c7]{background:linear-gradient(135deg,#fbbf24,#f87171);-webkit-background-clip:text;background-clip:text}.puzzle-selector-subtitle[data-v-56f9d1c7]{color:#6b7280;font-size:1rem;margin:0;text-align:center}.dark .puzzle-selector-subtitle[data-v-56f9d1c7]{color:#9ca3af}.puzzle-grid[data-v-56f9d1c7]{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin:0 auto;max-width:1400px;padding:0 2rem}.puzzle-card[data-v-56f9d1c7]{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #93c5fd;border-radius:1rem;box-shadow:0 2px 8px #3b82f614,0 4px 16px #3b82f60d,inset 0 1px #ffffffe6;cursor:pointer;display:flex;flex-direction:column;gap:.875rem;height:400px;overflow:hidden;padding:1rem;position:relative;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.dark .puzzle-card[data-v-56f9d1c7]{background:linear-gradient(135deg,#111827e6,#1f2937d9);border-color:#3b82f680;box-shadow:0 2px 8px #0006,0 4px 16px #0000004d,inset 0 1px #3b82f626}.puzzle-card[data-v-56f9d1c7]:hover{border-color:#a78bfa;box-shadow:0 16px 40px #6366f133,0 20px 60px #8b5cf626,inset 0 1px #a78bfa4d;transform:translateY(-8px) scale(1.03)}.dark .puzzle-card[data-v-56f9d1c7]:hover{border-color:#a78bfab3;box-shadow:0 16px 40px #8b5cf659,0 20px 60px #a78bfa40,inset 0 1px #a78bfa66}.puzzle-header[data-v-56f9d1c7]{align-items:flex-start;display:flex;gap:.75rem;justify-content:space-between;min-height:3rem}.puzzle-name[data-v-56f9d1c7]{background:linear-gradient(135deg,#1e40af,#3b82f6);-webkit-background-clip:text;background-clip:text;color:#0f172a;flex:1;font-size:1.05rem;font-weight:800;line-height:1.3}.dark .puzzle-name[data-v-56f9d1c7],.puzzle-name[data-v-56f9d1c7]{-webkit-text-fill-color:transparent}.dark .puzzle-name[data-v-56f9d1c7]{background:linear-gradient(135deg,#93c5fd,#dbeafe);-webkit-background-clip:text;background-clip:text}.puzzle-difficulty[data-v-56f9d1c7]{align-items:center;display:flex;flex-shrink:0;gap:.5rem}.puzzle-difficulty .star[data-v-56f9d1c7]{display:inline-block;font-size:.75rem}.puzzle-difficulty .star.diff-easy[data-v-56f9d1c7]{filter:hue-rotate(90deg) brightness(1.1)}.puzzle-difficulty .star.diff-medium[data-v-56f9d1c7]{filter:hue-rotate(30deg)}.puzzle-difficulty .star.diff-hard[data-v-56f9d1c7]{filter:hue-rotate(-20deg) saturate(1.5)}.puzzle-difficulty .star.diff-hell[data-v-56f9d1c7]{filter:hue-rotate(-60deg) saturate(2) brightness(.9)}.puzzle-difficulty .star.diff-nightmare[data-v-56f9d1c7]{filter:hue-rotate(-90deg) saturate(2.5) brightness(.8)}.difficulty-label[data-v-56f9d1c7]{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);border-radius:.375rem;box-shadow:0 1px 3px #0000001a;color:#475569;font-size:.625rem;font-weight:700;-webkit-hyphens:auto;hyphens:auto;letter-spacing:.025em;line-height:1.3;padding:.25rem .5rem;text-align:center;word-break:break-word}.diff-easy~.difficulty-label[data-v-56f9d1c7]{background:linear-gradient(135deg,#86efac,#22c55e);color:#14532d;text-shadow:0 1px 2px hsla(0,0%,100%,.3)}.diff-medium~.difficulty-label[data-v-56f9d1c7]{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#78350f;text-shadow:0 1px 2px hsla(0,0%,100%,.3)}.diff-hard~.difficulty-label[data-v-56f9d1c7]{background:linear-gradient(135deg,#fb7185,#f43f5e);color:#881337;text-shadow:0 1px 2px hsla(0,0%,100%,.3)}.diff-hell~.difficulty-label[data-v-56f9d1c7]{background:linear-gradient(135deg,#dc2626,#991b1b);color:#ffe4e6;text-shadow:0 1px 2px rgba(0,0,0,.3)}.diff-nightmare~.difficulty-label[data-v-56f9d1c7]{background:linear-gradient(135deg,#a78bfa,#7c3aed);color:#f5f3ff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.puzzle-description[data-v-56f9d1c7]{color:#475569;flex:1;font-size:.8125rem;font-weight:500;line-height:1.5;margin:0}.puzzle-card:hover .puzzle-description[data-v-56f9d1c7]{color:#1e3a8a}.dark .puzzle-description[data-v-56f9d1c7]{color:#9ca3af}.dark .puzzle-card:hover .puzzle-description[data-v-56f9d1c7]{color:#bfdbfe}.puzzle-info[data-v-56f9d1c7]{display:flex;gap:.75rem}.puzzle-stat[data-v-56f9d1c7]{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;border-radius:.5rem;box-shadow:0 1px 3px #3b82f61a;display:flex;flex:1;flex-direction:column;gap:.25rem;padding:.625rem .75rem;transition:all .3s ease}.puzzle-card:hover .puzzle-stat[data-v-56f9d1c7]{background:linear-gradient(135deg,#e9d5ff,#d8b4fe);border-color:#a78bfa;box-shadow:0 2px 6px #8b5cf633}.dark .puzzle-stat[data-v-56f9d1c7]{background:linear-gradient(135deg,#1e3a8a4d,#3b82f626);border-color:#3b82f64d;box-shadow:0 1px 3px #0000004d}.dark .puzzle-card:hover .puzzle-stat[data-v-56f9d1c7]{background:linear-gradient(135deg,#6d28d940,#8b5cf626);border-color:#8b5cf666;box-shadow:0 2px 6px #8b5cf64d}.puzzle-label[data-v-56f9d1c7]{color:#1e40af;font-size:.65rem;font-weight:600;-webkit-hyphens:auto;hyphens:auto;letter-spacing:.03em;line-height:1.3;word-break:break-word}.puzzle-card:hover .puzzle-label[data-v-56f9d1c7]{color:#6d28d9}.dark .puzzle-label[data-v-56f9d1c7]{color:#93c5fd}.dark .puzzle-card:hover .puzzle-label[data-v-56f9d1c7]{color:#c4b5fd}.puzzle-value[data-v-56f9d1c7]{background:linear-gradient(135deg,#3b82f6,#6366f1);-webkit-background-clip:text;background-clip:text;font-size:1rem;font-weight:800}.dark .puzzle-value[data-v-56f9d1c7],.puzzle-value[data-v-56f9d1c7]{-webkit-text-fill-color:transparent}.dark .puzzle-value[data-v-56f9d1c7]{background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;background-clip:text}.puzzle-start-btn[data-v-56f9d1c7]{background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#a855f7);border:none;border-radius:.625rem;box-shadow:0 4px 12px #8b5cf666,inset 0 1px #fff3;color:#fff;cursor:pointer;font-size:.875rem;font-weight:700;letter-spacing:.05em;padding:.75rem;text-transform:uppercase;transition:all .3s cubic-bezier(.34,1.56,.64,1);width:100%}.puzzle-start-btn[data-v-56f9d1c7]:hover{background:linear-gradient(135deg,#6366f1,#8b5cf6 40%,#a855f7);box-shadow:0 8px 24px #8b5cf699,inset 0 1px #ffffff4d;transform:translateY(-3px) scale(1.02)}.puzzle-start-btn[data-v-56f9d1c7]:active{box-shadow:0 4px 12px #8b5cf680,inset 0 1px #fff3;transform:translateY(-1px) scale(1)}.puzzle-preview[data-v-56f9d1c7]{align-items:center;background:#f4f4f4;border:2px solid #bfdbfe;border-radius:.625rem;box-shadow:0 2px 8px #3b82f614,inset 0 1px 2px #3b82f614;display:flex;height:160px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.puzzle-card:hover .puzzle-preview[data-v-56f9d1c7]{border-color:#a78bfa;box-shadow:0 4px 12px #8b5cf633,inset 0 1px 2px #8b5cf626}.dark .puzzle-preview[data-v-56f9d1c7]{background:#f4f4f4;border-color:#3b82f64d;box-shadow:0 2px 8px #0006,inset 0 1px 2px #3b82f61a}.dark .puzzle-card:hover .puzzle-preview[data-v-56f9d1c7]{border-color:#8b5cf680;box-shadow:0 4px 12px #8b5cf64d,inset 0 1px 2px #8b5cf633}.puzzle-preview-img[data-v-56f9d1c7]{border-radius:6px;display:block;height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.puzzle-preview-placeholder[data-v-56f9d1c7]{align-items:center;display:flex;flex-direction:column;gap:6px;height:100%;justify-content:center;opacity:.4;width:100%}.placeholder-icon[data-v-56f9d1c7]{font-size:28px;line-height:1}.placeholder-text[data-v-56f9d1c7]{color:#64748b;font-size:12px}.puzzle-preview-canvas[data-v-56f9d1c7]{display:block;height:100%;-o-object-fit:fill;object-fit:fill;width:100%}.stats-grid-puzzle[data-v-56f9d1c7]{grid-template-columns:repeat(4,1fr)}.stat-remaining .stat-value[data-v-56f9d1c7]{color:#f59e0b}.stat-target .stat-value[data-v-56f9d1c7]{color:#10b981}.puzzle-back-container[data-v-56f9d1c7]{display:flex;justify-content:center;margin-top:-1rem}.puzzle-back-btn[data-v-56f9d1c7]{align-items:center;background:transparent;border:none;color:#64748b;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.4rem;padding:.5rem .75rem;transition:all .2s ease}.dark .puzzle-back-btn[data-v-56f9d1c7]{color:#94a3b8}.puzzle-back-btn[data-v-56f9d1c7]:hover{color:#475569;transform:translate(-2px)}.dark .puzzle-back-btn[data-v-56f9d1c7]:hover{color:#cbd5e1}.puzzle-back-btn[data-v-56f9d1c7]:active{opacity:.7;transform:translate(0)}.puzzle-back-btn .btn-icon[data-v-56f9d1c7]{height:1rem;transition:transform .2s ease;width:1rem}.puzzle-back-btn:hover .btn-icon[data-v-56f9d1c7]{transform:translate(-2px)}.dark .puzzle-back-btn.puzzle-back-btn-exit-replay[data-v-56f9d1c7],.puzzle-back-btn.puzzle-back-btn-exit-replay[data-v-56f9d1c7]{color:#d95555}.dark .puzzle-back-btn.puzzle-back-btn-exit-replay[data-v-56f9d1c7]:hover,.puzzle-back-btn.puzzle-back-btn-exit-replay[data-v-56f9d1c7]:hover{color:#e86666}@media(max-width:1024px){.puzzle-grid[data-v-56f9d1c7]{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:0 1.5rem}@media(min-width:641px){.stats-grid-puzzle[data-v-56f9d1c7]{grid-template-columns:repeat(2,1fr)}}}.dev-panel[data-v-56f9d1c7]{background:#f8fafc;border:2px solid #e2e8f0;border-radius:1rem;display:flex;flex-direction:column;gap:.5rem;margin-top:1rem;padding:1rem}.dark .dev-panel[data-v-56f9d1c7]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#161b22cc;border-color:#47556980}.dev-panel-title[data-v-56f9d1c7]{align-items:center;border-bottom:1px solid #e2e8f0;color:#475569;display:flex;font-size:.875rem;font-weight:700;gap:.4rem;margin-bottom:.25rem;padding-bottom:.5rem}.dark .dev-panel-title[data-v-56f9d1c7]{border-bottom-color:#47556980;color:#94a3b8}.dev-physics[data-v-56f9d1c7]{border-bottom:1px solid #e2e8f0;display:flex;flex-direction:column;gap:.4rem;margin-bottom:.25rem;padding:.5rem 0}.dev-physics-title[data-v-56f9d1c7]{color:#475569;font-size:.75rem;font-weight:700;margin-bottom:.2rem}.dev-physics-row[data-v-56f9d1c7]{align-items:center;display:flex;gap:.5rem}.dev-physics-row label[data-v-56f9d1c7]{color:#64748b;flex-shrink:0;font-size:.7rem;width:90px}.dev-physics-row input[type=range][data-v-56f9d1c7]{accent-color:#6366f1;flex:1}.dark .dev-physics[data-v-56f9d1c7]{border-bottom-color:#47556980}.dark .dev-physics-row label[data-v-56f9d1c7],.dark .dev-physics-title[data-v-56f9d1c7]{color:#94a3b8}.dev-section-label[data-v-56f9d1c7]{color:#94a3b8;font-size:.7rem;font-weight:600;letter-spacing:.05em;margin-top:.25rem;text-transform:uppercase}.dark .dev-section-label[data-v-56f9d1c7]{color:#64748b}.dev-row[data-v-56f9d1c7]{display:flex;gap:.5rem}.dev-btn[data-v-56f9d1c7]{align-items:center;background:#fff;border:1.5px solid #cbd5e1;border-radius:.5rem;color:#334155;cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:500;gap:.35rem;justify-content:center;padding:.45rem .75rem;transition:all .15s;white-space:nowrap}.dev-btn[data-v-56f9d1c7]:hover:not(:disabled){background:#f1f5f9;border-color:#94a3b8;color:#1e293b}.dark .dev-btn[data-v-56f9d1c7]{background:#33415580;border-color:#475569b3;color:#cbd5e1}.dark .dev-btn[data-v-56f9d1c7]:hover:not(:disabled){background:#475569b3;border-color:#94a3b8;color:#f1f5f9}.dev-btn-icon[data-v-56f9d1c7]{font-size:1rem;line-height:1}.dev-btn-text[data-v-56f9d1c7]{font-size:.82rem}.dev-btn-badge[data-v-56f9d1c7]{background:#3b82f6;border-radius:999px;color:#fff;font-size:.65rem;font-weight:700;line-height:1.4;padding:.05rem .35rem}.dev-btn-disabled[data-v-56f9d1c7]{cursor:not-allowed;opacity:.35}.dev-btn-wide[data-v-56f9d1c7]{flex:1}.dev-btn-full[data-v-56f9d1c7]{width:100%}.dev-btn-active-blue[data-v-56f9d1c7]{background:#eff6ff!important;border-color:#3b82f6!important;color:#1d4ed8!important;font-weight:600!important}.dark .dev-btn-active-blue[data-v-56f9d1c7]{background:#3b82f633!important;border-color:#3b82f6!important;color:#93c5fd!important}.dev-btn-active-yellow[data-v-56f9d1c7]{background:#fefce8!important;border-color:#eab308!important;color:#854d0e!important;font-weight:600!important}.dark .dev-btn-active-yellow[data-v-56f9d1c7]{background:#eab30826!important;border-color:#eab308!important;color:#fde68a!important}.dev-btn-export[data-v-56f9d1c7]{background:#f5f3ff;border-color:#a78bfa;color:#6d28d9;font-weight:600;padding:.55rem .75rem}.dev-btn-export[data-v-56f9d1c7]:hover{background:#ede9fe!important;border-color:#7c3aed!important;color:#5b21b6!important}.dark .dev-btn-export[data-v-56f9d1c7]{background:#6d28d926;border-color:#a78bfa66;color:#c4b5fd}.dark .dev-btn-export[data-v-56f9d1c7]:hover{background:#6d28d940!important;border-color:#a78bfa!important;color:#ddd6fe!important}.dev-btn-svg[data-v-56f9d1c7]{flex-shrink:0;height:1rem;width:1rem}.dev-save-grid[data-v-56f9d1c7]{display:grid;gap:.4rem;grid-template-columns:repeat(3,1fr)}.dev-save-slot[data-v-56f9d1c7]{display:flex;flex-direction:column;gap:.25rem}.dev-save-btn[data-v-56f9d1c7]{background:#f0fdf4;border:1.5px solid #86efac;border-radius:.5rem;color:#15803d;cursor:pointer;font-size:.78rem;font-weight:600;padding:.4rem 0;text-align:center;transition:all .15s}.dev-save-btn[data-v-56f9d1c7]:hover{background:#dcfce7;border-color:#4ade80}.dark .dev-save-btn[data-v-56f9d1c7]{background:#22c55e1a;border-color:#4ade8059;color:#86efac}.dark .dev-save-btn[data-v-56f9d1c7]:hover{background:#22c55e33;border-color:#4ade80}.dev-load-btn[data-v-56f9d1c7]{background:#fff;border:1.5px solid #e2e8f0;border-radius:.5rem;color:#475569;cursor:pointer;display:block;font-size:.68rem;line-height:1.2;min-height:2rem;overflow:hidden;padding:.35rem .25rem;text-align:center;text-overflow:ellipsis;transition:all .15s;white-space:nowrap}.dev-load-btn[data-v-56f9d1c7]:not(:disabled):hover{background:#f1f5f9;border-color:#94a3b8;color:#1e293b}.dark .dev-load-btn[data-v-56f9d1c7]{background:#33415566;border-color:#47556999;color:#94a3b8}.dark .dev-load-btn[data-v-56f9d1c7]:not(:disabled):hover{background:#47556999;border-color:#94a3b8;color:#e2e8f0}.dev-load-btn-empty[data-v-56f9d1c7]{background:#f8fafc;border-color:#cbd5e1;border-style:dashed;color:#94a3b8;cursor:not-allowed}.dark .dev-load-btn-empty[data-v-56f9d1c7]{background:#1e293b66;border-color:#475569;color:#64748b}.dev-load-btn-filled[data-v-56f9d1c7]{background:#fff;border-color:#93c5fd;color:#1e40af;cursor:pointer}.dev-load-btn-filled[data-v-56f9d1c7]:hover{background:#eff6ff;border-color:#3b82f6}.dark .dev-load-btn-filled[data-v-56f9d1c7]{background:#3b82f61a;border-color:#93c5fd66;color:#93c5fd}.dark .dev-load-btn-filled[data-v-56f9d1c7]:hover{background:#3b82f633;border-color:#60a5fa}.export-button-container[data-v-56f9d1c7]{display:flex;justify-content:center;margin-top:1rem}.export-puzzle-btn[data-v-56f9d1c7]{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:.75rem;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.export-puzzle-btn[data-v-56f9d1c7]:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.export-puzzle-btn[data-v-56f9d1c7]:active{box-shadow:0 2px 8px #667eea4d;transform:translateY(0)}.export-puzzle-btn .btn-icon[data-v-56f9d1c7]{height:1.25rem;width:1.25rem}@media(max-width:768px){.export-puzzle-btn[data-v-56f9d1c7]{font-size:.875rem;padding:.625rem 1.25rem}}.strategy-modal-overlay[data-v-56f9d1c7]{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.strategy-modal[data-v-56f9d1c7]{background:#fff;border:1px solid #dde0e8;border-radius:.75rem;box-shadow:0 24px 64px #00000026;max-height:85vh;max-width:480px;overflow-y:auto;padding:1.5rem;position:relative;width:92%}.dark .strategy-modal[data-v-56f9d1c7]{background:#1e2128;border-color:#383c45;box-shadow:0 24px 64px #0009}.strategy-header[data-v-56f9d1c7]{align-items:center;border-bottom:1px solid #e8eaf0;display:flex;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:1rem}.dark .strategy-header[data-v-56f9d1c7]{border-bottom-color:#2e3138}.strategy-header-info[data-v-56f9d1c7]{align-items:center;display:flex;gap:.75rem}.strategy-avatar[data-v-56f9d1c7]{font-size:1.75rem;line-height:1}.strategy-name[data-v-56f9d1c7]{color:#1e2130;font-size:1rem;font-weight:700}.dark .strategy-name[data-v-56f9d1c7]{color:#eceef5}.strategy-provider[data-v-56f9d1c7]{color:#7a7e8a;font-size:.6875rem;font-weight:500;letter-spacing:.04em;margin-top:.2rem;text-transform:uppercase}.close-btn-x[data-v-56f9d1c7]{align-items:center;background:#f0f2f5;border:1px solid #dde0e8;border-radius:.375rem;color:#7a7e8a;cursor:pointer;display:flex;flex-shrink:0;font-size:.875rem;height:1.75rem;justify-content:center;transition:all .15s;width:1.75rem}.close-btn-x[data-v-56f9d1c7]:hover{background:#e4e7ef;color:#2a2d38}.dark .close-btn-x[data-v-56f9d1c7]{background:#2a2d35;border-color:#44474f}.dark .close-btn-x[data-v-56f9d1c7]:hover{background:#32363f;color:#eceef5}.strategy-stats[data-v-56f9d1c7]{display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:1.25rem}.stat-item-modal[data-v-56f9d1c7]{align-items:center;background:#f5f6f8;border:1px solid #dde0e8;border-radius:.5rem;display:flex;flex-direction:column;gap:.25rem;padding:.75rem .5rem;text-align:center}.dark .stat-item-modal[data-v-56f9d1c7]{background:#2a2d35;border-color:#44474f}.stat-label-modal[data-v-56f9d1c7]{color:#7a7e8a;font-size:.625rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.stat-value-modal[data-v-56f9d1c7]{color:#4a6090;font-size:1.375rem;font-variant-numeric:tabular-nums;font-weight:700;line-height:1}.dark .stat-value-modal[data-v-56f9d1c7]{color:#8aa0d8}.stat-value-green[data-v-56f9d1c7]{color:#28a878}.dark .stat-value-green[data-v-56f9d1c7]{color:#5acea0}.stat-unit-modal[data-v-56f9d1c7]{color:#8a8e9a;font-size:.625rem;font-weight:400}.strategy-section[data-v-56f9d1c7]{margin-bottom:1.125rem}.strategy-section-title[data-v-56f9d1c7]{color:#8a909e;font-size:.6875rem;font-weight:600;letter-spacing:.06em;margin-bottom:.625rem;text-transform:uppercase}.dark .strategy-section-title[data-v-56f9d1c7]{color:#7a7e8a}.comparison-grid[data-v-56f9d1c7]{display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr)}.comparison-item[data-v-56f9d1c7]{align-items:center;background:#f5f6f8;border:1px solid #dde0e8;border-radius:.5rem;display:flex;flex-direction:column;gap:.25rem;padding:.625rem .5rem;text-align:center}.dark .comparison-item[data-v-56f9d1c7]{background:#2a2d35;border-color:#44474f}.comparison-label[data-v-56f9d1c7]{color:#8a8e9a;font-size:.625rem;font-weight:500}.dark .comparison-label[data-v-56f9d1c7]{color:#7a7e8a}.comparison-value[data-v-56f9d1c7]{color:#4a4d58;font-size:.9375rem;font-variant-numeric:tabular-nums;font-weight:700}.dark .comparison-value[data-v-56f9d1c7]{color:#b8bcc8}.comparison-positive[data-v-56f9d1c7]{color:#28a878}.comparison-negative[data-v-56f9d1c7]{color:#d05050}.dark .comparison-positive[data-v-56f9d1c7]{color:#5acea0}.dark .comparison-negative[data-v-56f9d1c7]{color:#e07070}.strategy-desc-list[data-v-56f9d1c7]{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.strategy-desc-list li[data-v-56f9d1c7]{color:#4a4d58;font-size:.8125rem;line-height:1.6;padding-left:1rem;position:relative}.dark .strategy-desc-list li[data-v-56f9d1c7]{color:#b8bcc8}.strategy-desc-list li[data-v-56f9d1c7]:before{color:#c0c4d0;content:"—";left:0;position:absolute}.dark .strategy-desc-list li[data-v-56f9d1c7]:before{color:#44474f}.strategy-solution-img[data-v-56f9d1c7]{border-radius:.5rem;display:block;margin-top:.5rem;width:100%}.strategy-actions[data-v-56f9d1c7]{display:flex;gap:.5rem;margin-top:1.25rem}.strategy-replay-btn[data-v-56f9d1c7]{background:#e8edf8;border:1px solid #b8c8e8;border-radius:.5rem;color:#4a6090;cursor:pointer;flex:1;font-size:.875rem;font-weight:600;padding:.625rem;transition:background .15s,color .15s}.strategy-replay-btn[data-v-56f9d1c7]:hover{background:#d8e4f5;color:#3a5080}.dark .strategy-replay-btn[data-v-56f9d1c7]{background:#2a3448;border-color:#3a4a68;color:#8aa0d8}.dark .strategy-replay-btn[data-v-56f9d1c7]:hover{background:#32405a;color:#a8bce8}.strategy-close-btn[data-v-56f9d1c7]{background:#f0f2f5;border:1px solid #dde0e8;border-radius:.5rem;color:#6a6e7a;cursor:pointer;flex:1;font-size:.875rem;font-weight:500;padding:.625rem;transition:background .15s,color .15s}.strategy-close-btn[data-v-56f9d1c7]:hover{background:#e4e7ef;color:#2a2d38}.dark .strategy-close-btn[data-v-56f9d1c7]{background:#2a2d35;border-color:#44474f;color:#9ea2ac}.dark .strategy-close-btn[data-v-56f9d1c7]:hover{background:#32363f;color:#eceef5}@media(max-width:640px){.comparison-grid[data-v-56f9d1c7],.strategy-stats[data-v-56f9d1c7]{grid-template-columns:1fr}.strategy-modal[data-v-56f9d1c7]{border-radius:.625rem}.comparison-grid[data-v-56f9d1c7],.strategy-stats[data-v-56f9d1c7]{grid-template-columns:1fr 1fr 1fr}.strategy-modal[data-v-56f9d1c7]{padding:1rem}.puzzle-grid[data-v-56f9d1c7]{gap:.875rem;grid-template-columns:1fr;padding:0 1rem}.puzzle-card[data-v-56f9d1c7]{gap:.625rem;padding:.75rem}}.joystick-preview[data-v-56f9d1c7]{pointer-events:none;position:absolute;z-index:50}.joystick-controller[data-v-56f9d1c7]{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(0deg,#fffffffa,#fffffff2);border-top:1px solid rgba(0,0,0,.1);bottom:0;box-shadow:0 -4px 20px #0000001a;display:none;flex-direction:row;gap:.5rem;height:120px;justify-content:space-between;left:0;padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom,0px));position:fixed;right:0;z-index:1000}.dark .joystick-controller[data-v-56f9d1c7]{background:linear-gradient(0deg,#161b22fa,#161b22f2);border-top-color:#ffffff1a;box-shadow:0 -4px 20px #0000004d}@media(max-width:767px){.joystick-controller[data-v-56f9d1c7]{display:flex}}.joystick-btn[data-v-56f9d1c7]{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;gap:2px;height:auto;justify-content:center;min-height:48px;padding:6px 4px;transition:all .15s ease;width:48px}.joystick-btn svg[data-v-56f9d1c7]{height:20px;width:20px}.joystick-btn-label[data-v-56f9d1c7]{font-size:10px;font-weight:500;-webkit-hyphens:auto;hyphens:auto;line-height:1.2;text-align:center;word-break:break-word}.joystick-btn[data-v-56f9d1c7]:active{transform:scale(.95)}.joystick-cancel[data-v-56f9d1c7]{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.dark .joystick-cancel[data-v-56f9d1c7]{box-shadow:0 4px 12px #ef444466}.dark .joystick-cancel[data-v-56f9d1c7]:active{box-shadow:0 2px 8px #ef444466}.joystick-confirm[data-v-56f9d1c7]{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.dark .joystick-confirm[data-v-56f9d1c7]{box-shadow:0 4px 12px #22c55e66}.dark .joystick-confirm[data-v-56f9d1c7]:active{box-shadow:0 2px 8px #22c55e66}.joystick-rotate[data-v-56f9d1c7]{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569}.dark .joystick-rotate[data-v-56f9d1c7]{background:linear-gradient(135deg,#374151,#1f2937);box-shadow:0 2px 8px #0000004d;color:#e2e8f0}.joystick-rotate[data-v-56f9d1c7]:active{background:linear-gradient(135deg,#e2e8f0,#cbd5e1)}.dark .joystick-rotate[data-v-56f9d1c7]:active{background:linear-gradient(135deg,#4b5563,#374151)}.joystick-pad[data-v-56f9d1c7]{flex:1;max-width:120px}.joystick-base[data-v-56f9d1c7],.joystick-pad[data-v-56f9d1c7]{align-items:center;display:flex;justify-content:center}.joystick-base[data-v-56f9d1c7]{background:linear-gradient(145deg,#e2e8f0,#f8fafc);border-radius:50%;box-shadow:inset 0 2px 8px #00000026,0 2px 4px #0000000d;height:90px;position:relative;width:90px}.dark .joystick-base[data-v-56f9d1c7]{background:linear-gradient(145deg,#1f2937,#374151);box-shadow:inset 0 2px 8px #0006,0 2px 4px #0003}.joystick-stick[data-v-56f9d1c7]{align-items:center;background:linear-gradient(145deg,#3b82f6,#2563eb);border-radius:50%;box-shadow:0 4px 12px #3b82f680,inset 0 1px 2px #ffffff4d;cursor:grab;display:flex;height:50px;justify-content:center;touch-action:none;transition:box-shadow .15s ease;width:50px}.joystick-stick-label[data-v-56f9d1c7]{color:#fff;font-size:10px;font-weight:600;pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.3);-webkit-user-select:none;-moz-user-select:none;user-select:none}.joystick-stick[data-v-56f9d1c7]:active{box-shadow:0 6px 16px #3b82f699,inset 0 1px 2px #ffffff4d;cursor:grabbing}.dark .joystick-stick[data-v-56f9d1c7]{background:linear-gradient(145deg,#60a5fa,#3b82f6);box-shadow:0 4px 12px #60a5fa80,inset 0 1px 2px #fff3}.joystick-base[data-v-56f9d1c7]:before{border:2px dashed rgba(148,163,184,.3);border-radius:50%;content:"";height:70px;pointer-events:none;position:absolute;width:70px}.dark .joystick-base[data-v-56f9d1c7]:before{border-color:#94a3b833}