.sokoban-page[data-v-6d750902]{max-width:680px;margin:0 auto;padding:24px 20px 60px}.page-header[data-v-6d750902]{text-align:center;margin-bottom:24px}.page-title[data-v-6d750902]{color:var(--vt-text);margin:0 0 8px;font-size:28px;font-weight:800}.page-desc[data-v-6d750902]{color:var(--vt-text-secondary);margin:0;font-size:14px}.level-bar[data-v-6d750902]{justify-content:center;align-items:center;gap:12px;margin-bottom:16px;display:flex}.level-select[data-v-6d750902]{width:200px}.game-info[data-v-6d750902]{border-radius:var(--vt-radius);background:var(--vt-bg-card);border:1px solid var(--vt-border);justify-content:center;align-items:center;gap:20px;margin-bottom:16px;padding:12px 0;display:flex}.info-item[data-v-6d750902]{flex-direction:column;align-items:center;gap:4px;display:flex}.info-label[data-v-6d750902]{color:var(--vt-text-muted);font-size:12px;font-weight:500}.info-value[data-v-6d750902]{color:var(--vt-text);font-size:18px;font-weight:700}.info-value.highlight[data-v-6d750902]{color:var(--vt-primary)}.progress-bar[data-v-6d750902]{background:var(--vt-border);border-radius:4px;width:60px;height:8px;overflow:hidden}.progress-fill[data-v-6d750902]{background:linear-gradient(90deg, var(--vt-primary), var(--vt-success));border-radius:4px;height:100%;transition:width .3s}.game-board-wrapper[data-v-6d750902]{-webkit-user-select:none;user-select:none;touch-action:none;justify-content:center;margin-bottom:16px;display:flex}.game-board[data-v-6d750902]{border-radius:var(--vt-radius);background:var(--vt-bg-card);border:2px solid var(--vt-border);box-shadow:var(--vt-shadow-md);flex-direction:column;padding:6px;display:inline-flex;position:relative}.board-row[data-v-6d750902]{display:flex}.board-cell[data-v-6d750902]{font-size:calc(var(--cell-size) * .55);border-radius:4px;justify-content:center;align-items:center;transition:background .15s;display:flex;position:relative}.cell-empty[data-v-6d750902]{visibility:hidden;background:0 0}.cell-wall[data-v-6d750902]{background:#374151;border-radius:3px;box-shadow:inset 0 1px 3px #0006}.wall-icon[data-v-6d750902]{font-size:calc(var(--cell-size) * .5);filter:brightness(.8)}.cell-floor[data-v-6d750902]{background:var(--vt-bg-hover)}.cell-target[data-v-6d750902]{background:#6366f11a;border:2px dashed #6366f166}.target-mark[data-v-6d750902]{font-size:calc(var(--cell-size) * .45);opacity:.6;position:absolute}.cell-box[data-v-6d750902]{background:#f59e0b1f;border-radius:6px}.box-icon[data-v-6d750902]{font-size:calc(var(--cell-size) * .55);filter:drop-shadow(0 2px 4px #0003)}.cell-box-on-target[data-v-6d750902]{background:#10b98126;border:2px solid #10b98166;border-radius:6px}.box-icon.on-target[data-v-6d750902]{font-size:calc(var(--cell-size) * .55)}.player-emoji[data-v-6d750902]{font-size:calc(var(--cell-size) * .55);filter:drop-shadow(0 2px 4px #6366f166);z-index:2}.player-emoji.on-target[data-v-6d750902]{filter:drop-shadow(0 2px 4px #10b98166)}.complete-overlay[data-v-6d750902]{border-radius:var(--vt-radius);z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.complete-content[data-v-6d750902]{text-align:center;color:#fff}.complete-emoji[data-v-6d750902]{font-size:48px;animation:.5s bounce-in-6d750902}.complete-text[data-v-6d750902]{margin:8px 0;font-size:24px;font-weight:800}.complete-steps[data-v-6d750902]{color:#fffc;margin-bottom:16px;font-size:16px}.complete-actions[data-v-6d750902]{justify-content:center;gap:12px;display:flex}.complete-fade-enter-active[data-v-6d750902],.complete-fade-leave-active[data-v-6d750902]{transition:opacity .3s}.complete-fade-enter-from[data-v-6d750902],.complete-fade-leave-to[data-v-6d750902]{opacity:0}@keyframes bounce-in-6d750902{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}.action-bar[data-v-6d750902]{justify-content:center;gap:12px;margin-bottom:20px;display:flex}.mobile-controls[data-v-6d750902]{justify-content:center;margin-bottom:24px;display:flex}.d-pad[data-v-6d750902]{grid-template-rows:repeat(3,52px);grid-template-columns:repeat(3,52px);gap:4px;display:grid}.d-btn[data-v-6d750902]{border:1px solid var(--vt-border);background:var(--vt-bg-card);width:52px;height:52px;color:var(--vt-text);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;justify-content:center;align-items:center;font-size:20px;font-weight:700;transition:all .15s;display:flex}.d-btn[data-v-6d750902]:hover{background:var(--vt-primary-light);border-color:var(--vt-primary);color:var(--vt-primary)}.d-btn[data-v-6d750902]:active{background:var(--vt-primary);color:#fff;transform:scale(.92)}.d-up[data-v-6d750902]{grid-area:1/2}.d-left[data-v-6d750902]{grid-area:2/1}.d-center[data-v-6d750902]{grid-area:2/2;font-size:16px}.d-right[data-v-6d750902]{grid-area:2/3}.d-down[data-v-6d750902]{grid-area:3/2}.help-section[data-v-6d750902]{margin-top:8px}.help-card[data-v-6d750902]{background:var(--vt-bg-card);border:1px solid var(--vt-border);border-radius:var(--vt-radius);padding:20px}.help-card h3[data-v-6d750902]{color:var(--vt-text);margin:0 0 12px;font-size:16px;font-weight:700}.help-grid[data-v-6d750902]{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:16px;display:grid}.help-item[data-v-6d750902]{color:var(--vt-text-secondary);align-items:center;gap:8px;font-size:13px;display:flex}kbd[data-v-6d750902]{background:var(--vt-bg-hover);border:1px solid var(--vt-border);color:var(--vt-text);border-radius:4px;padding:2px 6px;font-family:inherit;font-size:12px}.legend-grid[data-v-6d750902]{grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:12px;display:grid}.legend-item[data-v-6d750902]{color:var(--vt-text-secondary);align-items:center;gap:4px;font-size:13px;display:flex}.legend-item span[data-v-6d750902]{font-size:18px}.help-tip[data-v-6d750902]{color:var(--vt-text-muted);border-top:1px solid var(--vt-border-light);margin:0;padding-top:8px;font-size:13px}@media (width<=600px){.sokoban-page[data-v-6d750902]{padding:16px 12px 40px}.page-title[data-v-6d750902]{font-size:22px}.game-info[data-v-6d750902]{gap:12px;padding:8px 0}.info-value[data-v-6d750902]{font-size:15px}.level-bar[data-v-6d750902]{flex-wrap:wrap}.level-select[data-v-6d750902]{width:160px}.legend-grid[data-v-6d750902]{grid-template-columns:repeat(3,1fr)}.help-grid[data-v-6d750902]{grid-template-columns:1fr}}