:root{--wc-bg: #f0f2f5;--wc-bg-subtle: #f5f7fa;--wc-surface: #ffffff;--wc-surface-elevated: #ffffff;--wc-text: #2c3e50;--wc-text-secondary: #34495e;--wc-text-muted: #666666;--wc-border: #e0e0e0;--wc-divider: #e5e5e5;--wc-brand: #42b883;--wc-brand-hover: #3aa876;--wc-success: #42b883;--wc-warning: #ffc107;--wc-info: #2196f3;--wc-danger: #f44336;--wc-hover: #f5f5f5;--wc-selected: #e8f5e9;--wc-pressed: #e0e0e0;--wc-disabled: #cccccc;--wc-focus-ring: #42b883;--wc-overlay: rgba(0, 0, 0, .5);--wc-shadow: 0 2px 10px rgba(0, 0, 0, .1);--wc-on-brand: #ffffff;--wc-brand-dark: #35a070;--wc-brand-header: #42b883;--wc-brand-header-end: #35a070;--wc-control-bg: #ffffff;--wc-control-hover: #f1f5f9;--wc-board-light: #f0d9b5;--wc-board-dark: #b58863;--wc-signal-green: #42b883;--wc-signal-blue: #4285f4;--wc-signal-purple: #9c27b0;--wc-signal-yellow: #ffc107;--wc-signal-orange: #ffa500;--wc-signal-red: #f44336;--wc-signal-teal: #26a69a;--wc-signal-indigo: #5c6bc0;--wc-signal-rose: #ec407a;--wc-signal-slate: #546e7a;--color-background: var(--wc-bg);--color-text: var(--wc-text);--color-heading: var(--wc-text);--color-border: var(--wc-border);--section-gap: 160px}html[data-theme=dark]{--wc-bg: #1c1f26;--wc-bg-subtle: #22262e;--wc-surface: #242830;--wc-surface-elevated: #353c48;--wc-text: #e8eaed;--wc-text-secondary: #c5cad3;--wc-text-muted: #9aa0a6;--wc-border: #3d4450;--wc-divider: #3d4450;--wc-brand: #42b883;--wc-brand-hover: #3aa876;--wc-success: #42b883;--wc-warning: #ffc107;--wc-info: #64b5f6;--wc-danger: #ef5350;--wc-hover: #323844;--wc-selected: #1e3b32;--wc-pressed: #3a4150;--wc-disabled: #5c6370;--wc-focus-ring: #42b883;--wc-overlay: rgba(0, 0, 0, .62);--wc-shadow: 0 8px 24px rgba(0, 0, 0, .45);--wc-on-brand: #ffffff;--wc-brand-dark: #238564;--wc-brand-header: #238564;--wc-brand-header-end: #1a6b4e;--wc-control-bg: #18212d;--wc-control-hover: #303e4e;--color-background: var(--wc-bg);--color-text: var(--wc-text);--color-heading: var(--wc-text);--color-border: var(--wc-border);color-scheme:dark}html[data-theme=light]{color-scheme:light}input,select,textarea,button{color-scheme:inherit}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}b,strong{font-weight:700}html,body{min-height:100vh;background:var(--wc-bg);color:var(--wc-text)}body{transition:color .2s,background-color .2s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:focus-visible{outline:2px solid var(--wc-focus-ring);outline-offset:2px}#app{max-width:1440px;margin:0 auto;font-weight:400}a{text-decoration:none;color:#00bd7e;transition:.4s}@media (hover: hover){a:hover{background-color:#00bd7e33}}.chess-lesson{display:grid;grid-template-columns:300px 560px 300px;gap:2rem;height:600px;width:100%;padding:2rem;box-sizing:border-box}.chess-content{display:flex;justify-content:center;align-items:flex-start}.chessboard-container{display:flex;flex-direction:column;align-items:center;background:var(--wc-surface);border-radius:8px;box-shadow:var(--wc-shadow)}.learning-path,.lesson-description{background:var(--wc-surface);padding:2rem;border-radius:8px;box-shadow:var(--wc-shadow);height:fit-content;max-height:calc(100vh - 4rem);overflow-y:auto}.learning-path h3,.lesson-description h3{color:var(--wc-text);font-size:1.25rem;font-weight:600}.learning-path p,.lesson-description p{color:var(--wc-text-secondary);line-height:1.6;margin:0 0 .5rem}.objectives{background:var(--wc-bg-subtle);border-radius:6px}.objectives h4{color:var(--wc-text);margin:0 0 1rem;font-size:1.1rem;font-weight:600}.objectives ul{margin:0;padding-left:1.5rem}.objectives li{color:var(--wc-text-secondary);margin-bottom:.75rem;line-height:1.5}.placeholder-content{text-align:center;padding:3rem 2rem}.placeholder-content h3{margin:0 0 1rem;color:var(--wc-brand);font-size:1.5rem}.placeholder-content p{margin:0;font-size:1rem;color:var(--wc-text-muted)}.lesson-controls{display:flex;justify-content:center;gap:1rem;width:520px;margin-top:2rem}.submit-button,.skip-button{width:120px;padding:.75rem 0;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;text-align:center}.submit-button:disabled{background:var(--wc-disabled);cursor:not-allowed}.square-55d63{transition:background-color .2s ease-in-out}.white-1e1d7{background-color:#f0d9b5}.black-3c85d{background-color:#b58863}.completion-dialog-overlay[data-v-847f39ee]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--wc-overlay);display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.completion-dialog[data-v-847f39ee]{background:var(--wc-surface);padding:2rem;border-radius:12px;text-align:center;max-width:400px;width:100%;box-shadow:var(--wc-shadow)}.completion-dialog--guest[data-v-847f39ee]{max-width:420px;padding:1.75rem 1.5rem 1.5rem}.completion-dialog__title[data-v-847f39ee]{color:var(--wc-brand);margin:0 0 1.25rem;font-size:1.45rem;font-weight:700;line-height:1.25}.completion-dialog__message[data-v-847f39ee]{color:var(--wc-text-secondary);margin:0 0 1.5rem;line-height:1.5}.completion-dialog__stats[data-v-847f39ee]{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.25rem}.completion-dialog__stat[data-v-847f39ee]{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:1rem .75rem;background:var(--wc-bg-subtle);border:1px solid var(--wc-divider);border-left:4px solid var(--wc-brand);border-radius:8px}.completion-dialog__stat-value[data-v-847f39ee]{font-size:1.5rem;font-weight:700;color:var(--wc-text);line-height:1.2;font-variant-numeric:tabular-nums}.completion-dialog__stat-label[data-v-847f39ee]{font-size:.78rem;font-weight:500;color:var(--wc-text-muted);line-height:1.3}.completion-dialog__encourage[data-v-847f39ee]{margin:0 0 1.35rem;font-size:.92rem;line-height:1.5;color:var(--wc-text-secondary);text-align:center}.completion-dialog__actions[data-v-847f39ee]{display:flex;flex-direction:column;gap:.65rem}.completion-dialog__register[data-v-847f39ee]{display:block;width:100%;padding:.8rem 1.25rem;border:none;border-radius:6px;font-size:1rem;font-weight:600;font-family:inherit;text-align:center;text-decoration:none;color:var(--wc-on-brand);background:var(--wc-brand);cursor:pointer;transition:background-color .2s ease}.completion-dialog__register[data-v-847f39ee]:hover{background:var(--wc-brand-hover)}.completion-dialog__later[data-v-847f39ee]{width:100%;padding:.65rem 1rem;border:none;border-radius:6px;font-size:.9rem;font-family:inherit;color:var(--wc-text-muted);background:transparent;cursor:pointer;transition:color .2s ease,background-color .2s ease}.completion-dialog__later[data-v-847f39ee]:hover{color:var(--wc-text);background:var(--wc-hover)}.completion-dialog__ok[data-v-847f39ee]{background:var(--wc-brand);color:var(--wc-on-brand);border:none;padding:.75rem 2rem;border-radius:8px;font-size:1rem;cursor:pointer;transition:background-color .2s}.completion-dialog__ok[data-v-847f39ee]:hover{background:var(--wc-brand-hover)}.video-popup-overlay[data-v-29caad9a]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.video-popup-content[data-v-29caad9a]{position:relative;max-width:90vw;max-height:90vh;background:#fff;border-radius:8px;padding:20px;box-shadow:0 4px 6px #0000001a;display:flex;align-items:center;justify-content:center}.close-button[data-v-29caad9a]{position:absolute;top:10px;right:10px;background:#0009;border:none;border-radius:50%;width:36px;height:36px;font-size:28px;color:#fff;cursor:pointer;padding:0;line-height:1;z-index:1;display:flex;align-items:center;justify-content:center;transition:background .2s}.close-button[data-v-29caad9a]:hover{background:#000c}.popup-video[data-v-29caad9a]{max-width:100%;max-height:calc(90vh - 80px);width:auto;height:auto;border-radius:4px;display:block}@media (max-width: 768px){.video-popup-content[data-v-29caad9a]{max-width:95vw;max-height:85vh;padding:15px}.popup-video[data-v-29caad9a]{max-height:calc(85vh - 60px)}}.slides-root[data-v-e1ae113f]{display:flex;flex-direction:column;gap:12px}.toolbar[data-v-e1ae113f]{display:flex;align-items:center;justify-content:space-between;gap:16px}.nav[data-v-e1ae113f]{padding:12px 20px;font-size:1.25rem;font-weight:700;min-width:48px;color:#fff;background:#ffffff40;border:2px solid rgba(255,255,255,.5);border-radius:12px;cursor:pointer;transition:background .2s,border-color .2s}.nav[data-v-e1ae113f]:hover:not(:disabled){background:#fff6;border-color:#fffc}.nav[data-v-e1ae113f]:disabled{opacity:.35;cursor:not-allowed}.status[data-v-e1ae113f]{opacity:.9;font-weight:600}.stage[data-v-e1ae113f]{position:relative;display:grid;place-items:center;background:#0b0b0b;border-radius:12px;overflow:hidden;min-height:240px}.slide-img[data-v-e1ae113f]{width:100%;height:auto;max-height:75vh;object-fit:contain;display:block}.loading[data-v-e1ae113f],.error[data-v-e1ae113f]{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#00000059;color:#fff}.tutorial-container[data-v-e9d5b594]{display:block;font-family:Helvetica Neue,Arial,sans-serif;background:#2c3e50;color:#fff;padding:16px;border-radius:16px;width:100%;max-width:min(920px,100%);margin:0 auto;box-sizing:border-box;box-shadow:0 12px 40px #0000004d}.tutorial-container--boardless[data-v-e9d5b594]{max-width:min(420px,100%)}.tutorial-layout[data-v-e9d5b594]{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:16px;align-items:stretch;width:100%}.tutorial-container--boardless .tutorial-layout[data-v-e9d5b594]{grid-template-columns:1fr}.tutorial-container--boardless .tutorial-sidebar[data-v-e9d5b594]{height:auto;min-height:0}.board-wrapper[data-v-e9d5b594]{position:relative;width:100%;aspect-ratio:1;height:auto;border-radius:8px;overflow:hidden;box-shadow:0 8px 24px #0006}.tutorial-sidebar[data-v-e9d5b594]{display:flex;flex-direction:column;min-width:0;height:0;min-height:100%;overflow:hidden}.sidebar-scroll[data-v-e9d5b594]{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.instruction-card[data-v-e9d5b594]{text-align:left;background:#ffffff1a;padding:14px 16px;border-radius:12px;width:100%;margin:0;box-sizing:border-box;transition:all .3s ease}.tutorial-container--boardless .instruction-card[data-v-e9d5b594]{text-align:center}.instruction-card h3[data-v-e9d5b594]{margin:0 0 .5rem;font-size:1.1rem}.instruction-card p[data-v-e9d5b594]{margin:0;line-height:1.45;font-size:.95rem}.instruction-list[data-v-e9d5b594]{margin:0;padding-left:1.25rem;text-align:left;line-height:1.5;font-size:.95rem}.instruction-list li[data-v-e9d5b594]{margin-bottom:.65rem}.instruction-list li[data-v-e9d5b594]:last-child{margin-bottom:0}.prompt-question[data-v-e9d5b594],.finish-message[data-v-e9d5b594]{margin:0;line-height:1.55;font-size:1rem;text-align:center}.error-pulse[data-v-e9d5b594]{border:2px solid #e74c3c;animation:pulseBg-e9d5b594 1.5s infinite alternate}@keyframes pulseBg-e9d5b594{0%{box-shadow:0 0 4px #e74c3c66}to{box-shadow:0 0 15px #e74c3ccc}}.chessboard-mock[data-v-e9d5b594]{display:flex;flex-direction:column;width:100%;height:100%}.board-row[data-v-e9d5b594]{display:flex;flex:1}.square[data-v-e9d5b594]{flex:1;display:flex;align-items:center;justify-content:center;position:relative}.light-sq[data-v-e9d5b594]{background-color:#f0d9b5}.dark-sq[data-v-e9d5b594]{background-color:#b58863}.chess-piece-img[data-v-e9d5b594]{width:92%;height:92%;max-width:100%;max-height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:1}.animation-overlay[data-v-e9d5b594]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.tutorial-cursor[data-v-e9d5b594]{position:absolute;top:0;left:0;z-index:4;pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.45))}.tutorial-cursor-icon[data-v-e9d5b594]{display:block}.feedback-badge[data-v-e9d5b594]{position:absolute;bottom:20px;left:5%;width:90%;padding:12px;border-radius:8px;font-weight:700;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px;z-index:3;box-shadow:0 4px 15px #0003}.feedback-badge.success[data-v-e9d5b594]{background:#2ecc71;color:#fff}.feedback-badge.error[data-v-e9d5b594]{background:#e74c3c;color:#fff}.control-actions[data-v-e9d5b594]{display:flex;width:100%;justify-content:stretch;margin-top:12px;gap:10px;flex:0 0 auto}.control-actions--dual .btn[data-v-e9d5b594]{flex:1}.control-actions:not(.control-actions--dual) .btn[data-v-e9d5b594]{width:100%}.btn[data-v-e9d5b594]{padding:14px;border:none;border-radius:30px;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .1s,background-color .2s}.btn-primary[data-v-e9d5b594]{background:#23c1a1;color:#fff}.btn-primary[data-v-e9d5b594]:hover{background:#1eb092;transform:translateY(-1px)}.btn-secondary[data-v-e9d5b594]{background:#7f8c8d;color:#fff}.btn-secondary[data-v-e9d5b594]:hover{background:#6d7a7b;transform:translateY(-1px)}@media (max-width: 720px){.tutorial-container[data-v-e9d5b594]{display:flex;flex-direction:column;align-items:center;padding:12px;border-radius:12px;max-width:min(450px,100%)}.tutorial-layout[data-v-e9d5b594]{display:flex;flex-direction:column;align-items:center;gap:0;width:100%}.tutorial-sidebar[data-v-e9d5b594]{display:contents}.sidebar-scroll[data-v-e9d5b594]{order:1;flex:0 0 auto;width:100%;overflow:visible;min-height:0}.board-wrapper[data-v-e9d5b594]{order:2;width:100%;max-width:400px;margin:0 auto}.control-actions[data-v-e9d5b594]{order:3;margin-top:16px;gap:10px;width:100%}.instruction-card[data-v-e9d5b594]{text-align:center;padding:12px;margin-bottom:12px}.instruction-card h3[data-v-e9d5b594]{font-size:1rem}.instruction-card p[data-v-e9d5b594],.instruction-list[data-v-e9d5b594],.prompt-question[data-v-e9d5b594],.finish-message[data-v-e9d5b594]{font-size:.88rem}.feedback-badge[data-v-e9d5b594]{bottom:10px;padding:8px 10px;font-size:.85rem}.feedback-badge--top[data-v-e9d5b594]{top:10px;bottom:auto}.btn[data-v-e9d5b594]{padding:12px 10px;font-size:.9rem}}.tutorial-container[data-v-ac30fee9]{display:block;font-family:Helvetica Neue,Arial,sans-serif;background:#2c3e50;color:#fff;padding:16px;border-radius:16px;width:100%;max-width:min(920px,100%);margin:0 auto;box-sizing:border-box;box-shadow:0 12px 40px #0000004d}.tutorial-container--boardless[data-v-ac30fee9]{max-width:min(420px,100%)}.tutorial-layout[data-v-ac30fee9]{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:16px;align-items:stretch;width:100%}.tutorial-container--boardless .tutorial-layout[data-v-ac30fee9]{grid-template-columns:1fr}.tutorial-container--boardless .tutorial-sidebar[data-v-ac30fee9]{height:auto;min-height:0}.board-wrapper[data-v-ac30fee9]{position:relative;width:100%;aspect-ratio:1;height:auto;border-radius:8px;overflow:hidden;box-shadow:0 8px 24px #0006}.tutorial-sidebar[data-v-ac30fee9]{display:flex;flex-direction:column;min-width:0;height:0;min-height:100%;overflow:hidden}.sidebar-scroll[data-v-ac30fee9]{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.instruction-card[data-v-ac30fee9]{text-align:left;background:#ffffff1a;padding:14px 16px;border-radius:12px;width:100%;margin:0;box-sizing:border-box;transition:all .3s ease}.tutorial-container--boardless .instruction-card[data-v-ac30fee9]{text-align:center}.instruction-card h3[data-v-ac30fee9]{margin:0 0 .5rem;font-size:1.1rem}.instruction-card p[data-v-ac30fee9]{margin:0;line-height:1.45;font-size:.95rem}.instruction-list[data-v-ac30fee9]{margin:0;padding-left:1.25rem;text-align:left;line-height:1.5;font-size:.95rem}.instruction-list li[data-v-ac30fee9]{margin-bottom:.65rem}.instruction-list li[data-v-ac30fee9]:last-child{margin-bottom:0}.prompt-question[data-v-ac30fee9],.finish-message[data-v-ac30fee9]{margin:0;line-height:1.55;font-size:1rem;text-align:center}.error-pulse[data-v-ac30fee9]{border:2px solid #e74c3c;animation:pulseBg-ac30fee9 1.5s infinite alternate}@keyframes pulseBg-ac30fee9{0%{box-shadow:0 0 4px #e74c3c66}to{box-shadow:0 0 15px #e74c3ccc}}.chessboard-mock[data-v-ac30fee9]{display:flex;flex-direction:column;width:100%;height:100%}.board-row[data-v-ac30fee9]{display:flex;flex:1}.square[data-v-ac30fee9]{flex:1;display:flex;align-items:center;justify-content:center;position:relative}.light-sq[data-v-ac30fee9]{background-color:#f0d9b5}.dark-sq[data-v-ac30fee9]{background-color:#b58863}.square.sq-correct[data-v-ac30fee9]{background-color:#4caf50!important}.square.sq-incorrect[data-v-ac30fee9]{background-color:#f44336!important}.chess-piece-img[data-v-ac30fee9]{width:92%;height:92%;max-width:100%;max-height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:1}.animation-overlay[data-v-ac30fee9]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.tutorial-cursor[data-v-ac30fee9]{position:absolute;top:0;left:0;z-index:4;pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.45))}.tutorial-cursor-icon[data-v-ac30fee9]{display:block}.feedback-badge[data-v-ac30fee9]{position:absolute;bottom:20px;left:5%;width:90%;padding:12px;border-radius:8px;font-weight:700;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px;z-index:3;box-shadow:0 4px 15px #0003}.feedback-badge--top[data-v-ac30fee9]{top:12px;bottom:auto}.feedback-badge.success[data-v-ac30fee9]{background:#2ecc71;color:#fff}.feedback-badge.error[data-v-ac30fee9]{background:#e74c3c;color:#fff}.control-actions[data-v-ac30fee9]{display:flex;width:100%;justify-content:stretch;margin-top:12px;gap:10px;flex:0 0 auto}.control-actions--dual .btn[data-v-ac30fee9]{flex:1}.control-actions:not(.control-actions--dual) .btn[data-v-ac30fee9]{width:100%}.btn[data-v-ac30fee9]{padding:14px;border:none;border-radius:30px;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .1s,background-color .2s}.btn-primary[data-v-ac30fee9]{background:#23c1a1;color:#fff}.btn-primary[data-v-ac30fee9]:hover{background:#1eb092;transform:translateY(-1px)}.btn-secondary[data-v-ac30fee9]{background:#7f8c8d;color:#fff}.btn-secondary[data-v-ac30fee9]:hover{background:#6d7a7b;transform:translateY(-1px)}@media (max-width: 720px){.tutorial-container[data-v-ac30fee9]{display:flex;flex-direction:column;align-items:center;padding:12px;border-radius:12px;max-width:min(450px,100%)}.tutorial-layout[data-v-ac30fee9]{display:flex;flex-direction:column;align-items:center;gap:0;width:100%}.tutorial-sidebar[data-v-ac30fee9]{display:contents}.sidebar-scroll[data-v-ac30fee9]{order:1;flex:0 0 auto;width:100%;overflow:visible;min-height:0}.board-wrapper[data-v-ac30fee9]{order:2;width:100%;max-width:400px;margin:0 auto}.control-actions[data-v-ac30fee9]{order:3;margin-top:16px;gap:10px;width:100%}.instruction-card[data-v-ac30fee9]{text-align:center;padding:12px;margin-bottom:12px}.instruction-card h3[data-v-ac30fee9]{font-size:1rem}.instruction-card p[data-v-ac30fee9],.instruction-list[data-v-ac30fee9],.prompt-question[data-v-ac30fee9],.finish-message[data-v-ac30fee9]{font-size:.88rem}.feedback-badge[data-v-ac30fee9]{bottom:10px;padding:8px 10px;font-size:.85rem}.feedback-badge--top[data-v-ac30fee9]{top:10px;bottom:auto}.btn[data-v-ac30fee9]{padding:12px 10px;font-size:.9rem}}.tutorial-container[data-v-ee6df374]{display:block;font-family:Helvetica Neue,Arial,sans-serif;background:#2c3e50;color:#fff;padding:16px;border-radius:16px;width:100%;max-width:min(920px,100%);margin:0 auto;box-sizing:border-box;box-shadow:0 12px 40px #0000004d}.tutorial-container--boardless[data-v-ee6df374]{max-width:min(420px,100%)}.tutorial-layout[data-v-ee6df374]{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:16px;align-items:stretch;width:100%}.tutorial-container--boardless .tutorial-layout[data-v-ee6df374]{grid-template-columns:1fr}.tutorial-container--boardless .tutorial-sidebar[data-v-ee6df374]{height:auto;min-height:0}.board-wrapper[data-v-ee6df374]{position:relative;width:100%;aspect-ratio:1;height:auto;border-radius:8px;overflow:hidden;box-shadow:0 8px 24px #0006}.tutorial-sidebar[data-v-ee6df374]{display:flex;flex-direction:column;min-width:0;height:0;min-height:100%;overflow:hidden}.sidebar-scroll[data-v-ee6df374]{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.instruction-card[data-v-ee6df374]{text-align:left;background:#ffffff1a;padding:14px 16px;border-radius:12px;width:100%;margin:0;box-sizing:border-box;transition:all .3s ease}.tutorial-container--boardless .instruction-card[data-v-ee6df374]{text-align:center}.instruction-card h3[data-v-ee6df374]{margin:0 0 .5rem;font-size:1.1rem}.instruction-card p[data-v-ee6df374]{margin:0;line-height:1.45;font-size:.95rem}.instruction-list[data-v-ee6df374]{margin:0;padding-left:1.25rem;text-align:left;line-height:1.5;font-size:.95rem}.instruction-list li[data-v-ee6df374]{margin-bottom:.65rem}.instruction-list li[data-v-ee6df374]:last-child{margin-bottom:0}.prompt-question[data-v-ee6df374],.finish-message[data-v-ee6df374]{margin:0;line-height:1.55;font-size:1rem;text-align:center}.error-pulse[data-v-ee6df374]{border:2px solid #e74c3c;animation:pulseBg-ee6df374 1.5s infinite alternate}@keyframes pulseBg-ee6df374{0%{box-shadow:0 0 4px #e74c3c66}to{box-shadow:0 0 15px #e74c3ccc}}.chessboard-mock[data-v-ee6df374]{display:flex;flex-direction:column;width:100%;height:100%}.board-row[data-v-ee6df374]{display:flex;flex:1}.square[data-v-ee6df374]{flex:1;display:flex;align-items:center;justify-content:center;position:relative}.light-sq[data-v-ee6df374]{background-color:#f0d9b5}.dark-sq[data-v-ee6df374]{background-color:#b58863}.chess-piece-img[data-v-ee6df374]{width:92%;height:92%;max-width:100%;max-height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:1}.animation-overlay[data-v-ee6df374]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.tutorial-cursor[data-v-ee6df374]{position:absolute;top:0;left:0;z-index:4;pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.45))}.tutorial-cursor-icon[data-v-ee6df374]{display:block}.feedback-badge[data-v-ee6df374]{position:absolute;bottom:20px;left:5%;width:90%;padding:12px;border-radius:8px;font-weight:700;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px;z-index:3;box-shadow:0 4px 15px #0003}.feedback-badge.success[data-v-ee6df374]{background:#2ecc71;color:#fff}.feedback-badge.error[data-v-ee6df374]{background:#e74c3c;color:#fff}.control-actions[data-v-ee6df374]{display:flex;width:100%;justify-content:stretch;margin-top:12px;gap:10px;flex:0 0 auto}.control-actions--dual .btn[data-v-ee6df374]{flex:1}.control-actions:not(.control-actions--dual) .btn[data-v-ee6df374]{width:100%}.btn[data-v-ee6df374]{padding:14px;border:none;border-radius:30px;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .1s,background-color .2s}.btn-primary[data-v-ee6df374]{background:#23c1a1;color:#fff}.btn-primary[data-v-ee6df374]:hover{background:#1eb092;transform:translateY(-1px)}.btn-secondary[data-v-ee6df374]{background:#7f8c8d;color:#fff}.btn-secondary[data-v-ee6df374]:hover{background:#6d7a7b;transform:translateY(-1px)}@media (max-width: 720px){.tutorial-container[data-v-ee6df374]{display:flex;flex-direction:column;align-items:center;padding:12px;border-radius:12px;max-width:min(450px,100%)}.tutorial-layout[data-v-ee6df374]{display:flex;flex-direction:column;align-items:center;gap:0;width:100%}.tutorial-sidebar[data-v-ee6df374]{display:contents}.sidebar-scroll[data-v-ee6df374]{order:1;flex:0 0 auto;width:100%;overflow:visible;min-height:0}.board-wrapper[data-v-ee6df374]{order:2;width:100%;max-width:400px;margin:0 auto}.control-actions[data-v-ee6df374]{order:3;margin-top:16px;gap:10px;width:100%}.instruction-card[data-v-ee6df374]{text-align:center;padding:12px;margin-bottom:12px}.instruction-card h3[data-v-ee6df374]{font-size:1rem}.instruction-card p[data-v-ee6df374],.instruction-list[data-v-ee6df374],.prompt-question[data-v-ee6df374],.finish-message[data-v-ee6df374]{font-size:.88rem}.feedback-badge[data-v-ee6df374]{bottom:10px;padding:8px 10px;font-size:.85rem}.feedback-badge--top[data-v-ee6df374]{top:10px;bottom:auto}.btn[data-v-ee6df374]{padding:12px 10px;font-size:.9rem}}.tutorial-container[data-v-2ee2eabc]{display:block;font-family:Helvetica Neue,Arial,sans-serif;background:#2c3e50;color:#fff;padding:16px;border-radius:16px;width:100%;max-width:min(920px,100%);margin:0 auto;box-sizing:border-box;box-shadow:0 12px 40px #0000004d}.tutorial-container--boardless[data-v-2ee2eabc]{max-width:min(420px,100%)}.tutorial-layout[data-v-2ee2eabc]{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:16px;align-items:stretch;width:100%}.tutorial-container--boardless .tutorial-layout[data-v-2ee2eabc]{grid-template-columns:1fr}.tutorial-container--boardless .tutorial-sidebar[data-v-2ee2eabc]{height:auto;min-height:0}.board-wrapper[data-v-2ee2eabc]{position:relative;width:100%;aspect-ratio:1;height:auto;border-radius:8px;overflow:hidden;box-shadow:0 8px 24px #0006}.tutorial-sidebar[data-v-2ee2eabc]{display:flex;flex-direction:column;min-width:0;height:0;min-height:100%;overflow:hidden}.sidebar-scroll[data-v-2ee2eabc]{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.instruction-card[data-v-2ee2eabc]{text-align:left;background:#ffffff1a;padding:14px 16px;border-radius:12px;width:100%;margin:0;box-sizing:border-box;transition:all .3s ease}.tutorial-container--boardless .instruction-card[data-v-2ee2eabc]{text-align:center}.instruction-card h3[data-v-2ee2eabc]{margin:0 0 .5rem;font-size:1.1rem}.instruction-card p[data-v-2ee2eabc]{margin:0;line-height:1.45;font-size:.95rem}.instruction-list[data-v-2ee2eabc]{margin:0;padding-left:1.25rem;text-align:left;line-height:1.5;font-size:.95rem}.instruction-list li[data-v-2ee2eabc]{margin-bottom:.65rem}.instruction-list li[data-v-2ee2eabc]:last-child{margin-bottom:0}.prompt-question[data-v-2ee2eabc],.finish-message[data-v-2ee2eabc]{margin:0;line-height:1.55;font-size:1rem;text-align:center}.error-pulse[data-v-2ee2eabc]{border:2px solid #e74c3c;animation:pulseBg-2ee2eabc 1.5s infinite alternate}@keyframes pulseBg-2ee2eabc{0%{box-shadow:0 0 4px #e74c3c66}to{box-shadow:0 0 15px #e74c3ccc}}.chessboard-mock[data-v-2ee2eabc]{display:flex;flex-direction:column;width:100%;height:100%}.board-row[data-v-2ee2eabc]{display:flex;flex:1}.square[data-v-2ee2eabc]{flex:1;display:flex;align-items:center;justify-content:center;position:relative}.light-sq[data-v-2ee2eabc]{background-color:#f0d9b5}.dark-sq[data-v-2ee2eabc]{background-color:#b58863}.square.sq-correct[data-v-2ee2eabc]{background-color:#4caf50!important}.square.sq-incorrect[data-v-2ee2eabc]{background-color:#f44336!important}.chess-piece-img[data-v-2ee2eabc]{width:92%;height:92%;max-width:100%;max-height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:1}.animation-overlay[data-v-2ee2eabc]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.tutorial-cursor[data-v-2ee2eabc]{position:absolute;top:0;left:0;z-index:4;pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.45))}.tutorial-cursor-icon[data-v-2ee2eabc]{display:block}.feedback-badge[data-v-2ee2eabc]{position:absolute;bottom:20px;left:5%;width:90%;padding:12px;border-radius:8px;font-weight:700;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px;z-index:3;box-shadow:0 4px 15px #0003}.feedback-badge.success[data-v-2ee2eabc]{background:#2ecc71;color:#fff}.feedback-badge.error[data-v-2ee2eabc]{background:#e74c3c;color:#fff}.control-actions[data-v-2ee2eabc]{display:flex;width:100%;justify-content:stretch;margin-top:12px;gap:10px;flex:0 0 auto}.control-actions--dual .btn[data-v-2ee2eabc]{flex:1}.control-actions:not(.control-actions--dual) .btn[data-v-2ee2eabc]{width:100%}.btn[data-v-2ee2eabc]{padding:14px;border:none;border-radius:30px;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .1s,background-color .2s}.btn-primary[data-v-2ee2eabc]{background:#23c1a1;color:#fff}.btn-primary[data-v-2ee2eabc]:hover{background:#1eb092;transform:translateY(-1px)}.btn-secondary[data-v-2ee2eabc]{background:#7f8c8d;color:#fff}.btn-secondary[data-v-2ee2eabc]:hover{background:#6d7a7b;transform:translateY(-1px)}@media (max-width: 720px){.tutorial-container[data-v-2ee2eabc]{display:flex;flex-direction:column;align-items:center;padding:12px;border-radius:12px;max-width:min(450px,100%)}.tutorial-layout[data-v-2ee2eabc]{display:flex;flex-direction:column;align-items:center;gap:0;width:100%}.tutorial-sidebar[data-v-2ee2eabc]{display:contents}.sidebar-scroll[data-v-2ee2eabc]{order:1;flex:0 0 auto;width:100%;overflow:visible;min-height:0}.board-wrapper[data-v-2ee2eabc]{order:2;width:100%;max-width:400px;margin:0 auto}.control-actions[data-v-2ee2eabc]{order:3;margin-top:16px;gap:10px;width:100%}.instruction-card[data-v-2ee2eabc]{text-align:center;padding:12px;margin-bottom:12px}.instruction-card h3[data-v-2ee2eabc]{font-size:1rem}.instruction-card p[data-v-2ee2eabc],.instruction-list[data-v-2ee2eabc],.prompt-question[data-v-2ee2eabc],.finish-message[data-v-2ee2eabc]{font-size:.88rem}.feedback-badge[data-v-2ee2eabc]{bottom:10px;padding:8px 10px;font-size:.85rem}.feedback-badge--top[data-v-2ee2eabc]{top:10px;bottom:auto}.btn[data-v-2ee2eabc]{padding:12px 10px;font-size:.9rem}}.tutorial-container[data-v-170a9887]{display:block;font-family:Helvetica Neue,Arial,sans-serif;background:#2c3e50;color:#fff;padding:16px;border-radius:16px;width:100%;max-width:min(920px,100%);margin:0 auto;box-sizing:border-box;box-shadow:0 12px 40px #0000004d}.tutorial-container--boardless[data-v-170a9887]{max-width:min(420px,100%)}.tutorial-layout[data-v-170a9887]{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:16px;align-items:stretch;width:100%}.tutorial-container--boardless .tutorial-layout[data-v-170a9887]{grid-template-columns:1fr}.tutorial-container--boardless .tutorial-sidebar[data-v-170a9887]{height:auto;min-height:0}.board-wrapper[data-v-170a9887]{position:relative;width:100%;aspect-ratio:1;height:auto;border-radius:8px;overflow:hidden;box-shadow:0 8px 24px #0006}.tutorial-sidebar[data-v-170a9887]{display:flex;flex-direction:column;min-width:0;height:0;min-height:100%;overflow:hidden}.sidebar-scroll[data-v-170a9887]{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.instruction-card[data-v-170a9887]{text-align:left;background:#ffffff1a;padding:14px 16px;border-radius:12px;width:100%;margin:0;box-sizing:border-box;transition:all .3s ease}.tutorial-container--boardless .instruction-card[data-v-170a9887]{text-align:center}.instruction-card h3[data-v-170a9887]{margin:0 0 .5rem;font-size:1.1rem}.instruction-card p[data-v-170a9887]{margin:0;line-height:1.45;font-size:.95rem}.instruction-list[data-v-170a9887]{margin:0;padding-left:1.25rem;text-align:left;line-height:1.5;font-size:.95rem}.instruction-list li[data-v-170a9887]{margin-bottom:.65rem}.instruction-list li[data-v-170a9887]:last-child{margin-bottom:0}.prompt-question[data-v-170a9887],.finish-message[data-v-170a9887]{margin:0;line-height:1.55;font-size:1rem;text-align:center}.error-pulse[data-v-170a9887]{border:2px solid #e74c3c;animation:pulseBg-170a9887 1.5s infinite alternate}@keyframes pulseBg-170a9887{0%{box-shadow:0 0 4px #e74c3c66}to{box-shadow:0 0 15px #e74c3ccc}}.chessboard-mock[data-v-170a9887]{display:flex;flex-direction:column;width:100%;height:100%}.board-row[data-v-170a9887]{display:flex;flex:1}.square[data-v-170a9887]{flex:1;display:flex;align-items:center;justify-content:center;position:relative}.light-sq[data-v-170a9887]{background-color:#f0d9b5}.dark-sq[data-v-170a9887]{background-color:#b58863}.chess-piece-img[data-v-170a9887]{width:92%;height:92%;max-width:100%;max-height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:1}.animation-overlay[data-v-170a9887]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.tutorial-cursor[data-v-170a9887]{position:absolute;top:0;left:0;z-index:4;pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.45))}.tutorial-cursor-icon[data-v-170a9887]{display:block}.feedback-badge[data-v-170a9887]{position:absolute;bottom:20px;left:5%;width:90%;padding:12px;border-radius:8px;font-weight:700;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px;z-index:3;box-shadow:0 4px 15px #0003}.feedback-badge.success[data-v-170a9887]{background:#2ecc71;color:#fff}.feedback-badge.error[data-v-170a9887]{background:#e74c3c;color:#fff}.control-actions[data-v-170a9887]{display:flex;width:100%;justify-content:stretch;margin-top:12px;gap:10px;flex:0 0 auto}.control-actions--dual .btn[data-v-170a9887]{flex:1}.control-actions:not(.control-actions--dual) .btn[data-v-170a9887]{width:100%}.btn[data-v-170a9887]{padding:14px;border:none;border-radius:30px;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .1s,background-color .2s}.btn-primary[data-v-170a9887]{background:#23c1a1;color:#fff}.btn-primary[data-v-170a9887]:hover{background:#1eb092;transform:translateY(-1px)}.btn-secondary[data-v-170a9887]{background:#7f8c8d;color:#fff}.btn-secondary[data-v-170a9887]:hover{background:#6d7a7b;transform:translateY(-1px)}@media (max-width: 720px){.tutorial-container[data-v-170a9887]{display:flex;flex-direction:column;align-items:center;padding:12px;border-radius:12px;max-width:min(450px,100%)}.tutorial-layout[data-v-170a9887]{display:flex;flex-direction:column;align-items:center;gap:0;width:100%}.tutorial-sidebar[data-v-170a9887]{display:contents}.sidebar-scroll[data-v-170a9887]{order:1;flex:0 0 auto;width:100%;overflow:visible;min-height:0}.board-wrapper[data-v-170a9887]{order:2;width:100%;max-width:400px;margin:0 auto}.control-actions[data-v-170a9887]{order:3;margin-top:16px;gap:10px;width:100%}.instruction-card[data-v-170a9887]{text-align:center;padding:12px;margin-bottom:12px}.instruction-card h3[data-v-170a9887]{font-size:1rem}.instruction-card p[data-v-170a9887],.instruction-list[data-v-170a9887],.prompt-question[data-v-170a9887],.finish-message[data-v-170a9887]{font-size:.88rem}.feedback-badge[data-v-170a9887]{bottom:10px;padding:8px 10px;font-size:.85rem}.feedback-badge--top[data-v-170a9887]{top:10px;bottom:auto}.btn[data-v-170a9887]{padding:12px 10px;font-size:.9rem}}.tutorial-container[data-v-568328e5]{display:block;font-family:Helvetica Neue,Arial,sans-serif;background:#2c3e50;color:#fff;padding:16px;border-radius:16px;width:100%;max-width:min(920px,100%);margin:0 auto;box-sizing:border-box;box-shadow:0 12px 40px #0000004d}.tutorial-container--boardless[data-v-568328e5]{max-width:min(420px,100%)}.tutorial-layout[data-v-568328e5]{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:16px;align-items:stretch;width:100%}.tutorial-container--boardless .tutorial-layout[data-v-568328e5]{grid-template-columns:1fr}.tutorial-container--boardless .tutorial-sidebar[data-v-568328e5]{height:auto;min-height:0}.board-wrapper[data-v-568328e5]{position:relative;width:100%;aspect-ratio:1;height:auto;border-radius:8px;overflow:hidden;box-shadow:0 8px 24px #0006}.tutorial-sidebar[data-v-568328e5]{display:flex;flex-direction:column;min-width:0;height:0;min-height:100%;overflow:hidden}.sidebar-scroll[data-v-568328e5]{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.instruction-card[data-v-568328e5]{text-align:left;background:#ffffff1a;padding:14px 16px;border-radius:12px;width:100%;margin:0;box-sizing:border-box;transition:all .3s ease}.tutorial-container--boardless .instruction-card[data-v-568328e5]{text-align:center}.instruction-card h3[data-v-568328e5]{margin:0 0 .5rem;font-size:1.1rem}.instruction-card p[data-v-568328e5]{margin:0;line-height:1.45;font-size:.95rem}.instruction-list[data-v-568328e5]{margin:0;padding-left:1.25rem;text-align:left;line-height:1.5;font-size:.95rem}.instruction-list li[data-v-568328e5]{margin-bottom:.65rem}.instruction-list li[data-v-568328e5]:last-child{margin-bottom:0}.prompt-question[data-v-568328e5],.finish-message[data-v-568328e5]{margin:0;line-height:1.55;font-size:1rem;text-align:center}.error-pulse[data-v-568328e5]{border:2px solid #e74c3c;animation:pulseBg-568328e5 1.5s infinite alternate}@keyframes pulseBg-568328e5{0%{box-shadow:0 0 4px #e74c3c66}to{box-shadow:0 0 15px #e74c3ccc}}.chessboard-mock[data-v-568328e5]{display:flex;flex-direction:column;width:100%;height:100%}.board-row[data-v-568328e5]{display:flex;flex:1}.square[data-v-568328e5]{flex:1;display:flex;align-items:center;justify-content:center;position:relative}.light-sq[data-v-568328e5]{background-color:#f0d9b5}.dark-sq[data-v-568328e5]{background-color:#b58863}.chess-piece-img[data-v-568328e5]{width:92%;height:92%;max-width:100%;max-height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:1}.animation-overlay[data-v-568328e5]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.tutorial-cursor[data-v-568328e5]{position:absolute;top:0;left:0;z-index:4;pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.45))}.tutorial-cursor-icon[data-v-568328e5]{display:block}.feedback-badge[data-v-568328e5]{position:absolute;bottom:20px;left:5%;width:90%;padding:12px;border-radius:8px;font-weight:700;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px;z-index:3;box-shadow:0 4px 15px #0003}.feedback-badge--top[data-v-568328e5]{top:12px;bottom:auto}.feedback-badge.success[data-v-568328e5]{background:#2ecc71;color:#fff}.feedback-badge.error[data-v-568328e5]{background:#e74c3c;color:#fff}.control-actions[data-v-568328e5]{display:flex;width:100%;justify-content:stretch;margin-top:12px;gap:10px;flex:0 0 auto}.control-actions--dual .btn[data-v-568328e5]{flex:1}.control-actions:not(.control-actions--dual) .btn[data-v-568328e5]{width:100%}.btn[data-v-568328e5]{padding:14px;border:none;border-radius:30px;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .1s,background-color .2s}.btn-primary[data-v-568328e5]{background:#23c1a1;color:#fff}.btn-primary[data-v-568328e5]:hover{background:#1eb092;transform:translateY(-1px)}.btn-secondary[data-v-568328e5]{background:#7f8c8d;color:#fff}.btn-secondary[data-v-568328e5]:hover{background:#6d7a7b;transform:translateY(-1px)}@media (max-width: 720px){.tutorial-container[data-v-568328e5]{display:flex;flex-direction:column;align-items:center;padding:12px;border-radius:12px;max-width:min(450px,100%)}.tutorial-layout[data-v-568328e5]{display:flex;flex-direction:column;align-items:center;gap:0;width:100%}.tutorial-sidebar[data-v-568328e5]{display:contents}.sidebar-scroll[data-v-568328e5]{order:1;flex:0 0 auto;width:100%;overflow:visible;min-height:0}.board-wrapper[data-v-568328e5]{order:2;width:100%;max-width:400px;margin:0 auto}.control-actions[data-v-568328e5]{order:3;margin-top:16px;gap:10px;width:100%}.instruction-card[data-v-568328e5]{text-align:center;padding:12px;margin-bottom:12px}.instruction-card h3[data-v-568328e5]{font-size:1rem}.instruction-card p[data-v-568328e5],.instruction-list[data-v-568328e5],.prompt-question[data-v-568328e5],.finish-message[data-v-568328e5]{font-size:.88rem}.feedback-badge[data-v-568328e5]{bottom:10px;padding:8px 10px;font-size:.85rem}.feedback-badge--top[data-v-568328e5]{top:10px;bottom:auto}.btn[data-v-568328e5]{padding:12px 10px;font-size:.9rem}}.tutorial-container[data-v-a08c64b4]{display:block;font-family:Helvetica Neue,Arial,sans-serif;background:#2c3e50;color:#fff;padding:16px;border-radius:16px;width:100%;max-width:min(920px,100%);margin:0 auto;box-sizing:border-box;box-shadow:0 12px 40px #0000004d}.tutorial-container--boardless[data-v-a08c64b4]{max-width:min(420px,100%)}.tutorial-layout[data-v-a08c64b4]{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:16px;align-items:stretch;width:100%}.tutorial-container--boardless .tutorial-layout[data-v-a08c64b4]{grid-template-columns:1fr}.tutorial-container--boardless .tutorial-sidebar[data-v-a08c64b4]{height:auto;min-height:0}.board-wrapper[data-v-a08c64b4]{position:relative;width:100%;aspect-ratio:1;height:auto;border-radius:8px;overflow:hidden;box-shadow:0 8px 24px #0006}.tutorial-sidebar[data-v-a08c64b4]{display:flex;flex-direction:column;min-width:0;height:0;min-height:100%;overflow:hidden}.sidebar-scroll[data-v-a08c64b4]{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.instruction-card[data-v-a08c64b4]{text-align:left;background:#ffffff1a;padding:14px 16px;border-radius:12px;width:100%;margin:0;box-sizing:border-box;transition:all .3s ease}.tutorial-container--boardless .instruction-card[data-v-a08c64b4]{text-align:center}.instruction-card h3[data-v-a08c64b4]{margin:0 0 .5rem;font-size:1.1rem}.instruction-card p[data-v-a08c64b4]{margin:0;line-height:1.45;font-size:.95rem}.instruction-list[data-v-a08c64b4]{margin:0;padding-left:1.25rem;text-align:left;line-height:1.5;font-size:.95rem}.instruction-list li[data-v-a08c64b4]{margin-bottom:.65rem}.instruction-list li[data-v-a08c64b4]:last-child{margin-bottom:0}.prompt-question[data-v-a08c64b4],.finish-message[data-v-a08c64b4]{margin:0;line-height:1.55;font-size:1rem;text-align:center}.error-pulse[data-v-a08c64b4]{border:2px solid #e74c3c;animation:pulseBg-a08c64b4 1.5s infinite alternate}@keyframes pulseBg-a08c64b4{0%{box-shadow:0 0 4px #e74c3c66}to{box-shadow:0 0 15px #e74c3ccc}}.chessboard-mock[data-v-a08c64b4]{display:flex;flex-direction:column;width:100%;height:100%}.board-row[data-v-a08c64b4]{display:flex;flex:1}.square[data-v-a08c64b4]{flex:1;display:flex;align-items:center;justify-content:center;position:relative}.light-sq[data-v-a08c64b4]{background-color:#f0d9b5}.dark-sq[data-v-a08c64b4]{background-color:#b58863}.square.sq-correct[data-v-a08c64b4]{background-color:#4caf50!important}.square.sq-missed[data-v-a08c64b4]{background-color:#ffc107!important}.square.sq-incorrect[data-v-a08c64b4]{background-color:#f44336!important}.chess-piece-img[data-v-a08c64b4]{width:92%;height:92%;max-width:100%;max-height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:1}.animation-overlay[data-v-a08c64b4]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.tutorial-cursor[data-v-a08c64b4]{position:absolute;top:0;left:0;z-index:4;pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.45))}.tutorial-cursor-icon[data-v-a08c64b4]{display:block}.feedback-badge[data-v-a08c64b4]{position:absolute;bottom:20px;left:5%;width:90%;padding:12px;border-radius:8px;font-weight:700;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px;z-index:3;box-shadow:0 4px 15px #0003}.feedback-badge.success[data-v-a08c64b4]{background:#2ecc71;color:#fff}.feedback-badge.error[data-v-a08c64b4]{background:#e74c3c;color:#fff}.control-actions[data-v-a08c64b4]{display:flex;width:100%;justify-content:stretch;margin-top:12px;gap:10px;flex:0 0 auto}.control-actions--dual .btn[data-v-a08c64b4]{flex:1}.control-actions:not(.control-actions--dual) .btn[data-v-a08c64b4]{width:100%}.btn[data-v-a08c64b4]{padding:14px;border:none;border-radius:30px;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .1s,background-color .2s}.btn-primary[data-v-a08c64b4]{background:#23c1a1;color:#fff}.btn-primary[data-v-a08c64b4]:hover{background:#1eb092;transform:translateY(-1px)}.btn-secondary[data-v-a08c64b4]{background:#7f8c8d;color:#fff}.btn-secondary[data-v-a08c64b4]:hover{background:#6d7a7b;transform:translateY(-1px)}@media (max-width: 720px){.tutorial-container[data-v-a08c64b4]{display:flex;flex-direction:column;align-items:center;padding:12px;border-radius:12px;max-width:min(450px,100%)}.tutorial-layout[data-v-a08c64b4]{display:flex;flex-direction:column;align-items:center;gap:0;width:100%}.tutorial-sidebar[data-v-a08c64b4]{display:contents}.sidebar-scroll[data-v-a08c64b4]{order:1;flex:0 0 auto;width:100%;overflow:visible;min-height:0}.board-wrapper[data-v-a08c64b4]{order:2;width:100%;max-width:400px;margin:0 auto}.control-actions[data-v-a08c64b4]{order:3;margin-top:16px;gap:10px;width:100%}.instruction-card[data-v-a08c64b4]{text-align:center;padding:12px;margin-bottom:12px}.instruction-card h3[data-v-a08c64b4]{font-size:1rem}.instruction-card p[data-v-a08c64b4],.instruction-list[data-v-a08c64b4],.prompt-question[data-v-a08c64b4],.finish-message[data-v-a08c64b4]{font-size:.88rem}.feedback-badge[data-v-a08c64b4]{bottom:10px;padding:8px 10px;font-size:.85rem}.feedback-badge--top[data-v-a08c64b4]{top:10px;bottom:auto}.btn[data-v-a08c64b4]{padding:12px 10px;font-size:.9rem}}.tutorial-container[data-v-4330dd3a]{display:block;font-family:Helvetica Neue,Arial,sans-serif;background:#2c3e50;color:#fff;padding:16px;border-radius:16px;width:100%;max-width:min(920px,100%);margin:0 auto;box-sizing:border-box;box-shadow:0 12px 40px #0000004d}.tutorial-container--boardless[data-v-4330dd3a]{max-width:min(420px,100%)}.tutorial-layout[data-v-4330dd3a]{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:16px;align-items:stretch;width:100%}.tutorial-container--boardless .tutorial-layout[data-v-4330dd3a]{grid-template-columns:1fr}.tutorial-container--boardless .tutorial-sidebar[data-v-4330dd3a]{height:auto;min-height:0}.board-wrapper[data-v-4330dd3a]{position:relative;width:100%;aspect-ratio:1;height:auto;border-radius:8px;overflow:hidden;box-shadow:0 8px 24px #0006}.tutorial-sidebar[data-v-4330dd3a]{display:flex;flex-direction:column;min-width:0;height:0;min-height:100%;overflow:hidden}.sidebar-scroll[data-v-4330dd3a]{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.instruction-card[data-v-4330dd3a]{text-align:left;background:#ffffff1a;padding:14px 16px;border-radius:12px;width:100%;margin:0;box-sizing:border-box;transition:all .3s ease}.tutorial-container--boardless .instruction-card[data-v-4330dd3a]{text-align:center}.instruction-card h3[data-v-4330dd3a]{margin:0 0 .5rem;font-size:1.1rem}.instruction-card p[data-v-4330dd3a]{margin:0;line-height:1.45;font-size:.95rem}.instruction-list[data-v-4330dd3a]{margin:0;padding-left:1.25rem;text-align:left;line-height:1.5;font-size:.95rem}.instruction-list li[data-v-4330dd3a]{margin-bottom:.65rem}.instruction-list li[data-v-4330dd3a]:last-child{margin-bottom:0}.prompt-question[data-v-4330dd3a],.finish-message[data-v-4330dd3a]{margin:0;line-height:1.55;font-size:1rem;text-align:center}.error-pulse[data-v-4330dd3a]{border:2px solid #e74c3c;animation:pulseBg-4330dd3a 1.5s infinite alternate}@keyframes pulseBg-4330dd3a{0%{box-shadow:0 0 4px #e74c3c66}to{box-shadow:0 0 15px #e74c3ccc}}.chessboard-mock[data-v-4330dd3a]{display:flex;flex-direction:column;width:100%;height:100%}.board-row[data-v-4330dd3a]{display:flex;flex:1}.square[data-v-4330dd3a]{flex:1;display:flex;align-items:center;justify-content:center;position:relative}.light-sq[data-v-4330dd3a]{background-color:#f0d9b5}.dark-sq[data-v-4330dd3a]{background-color:#b58863}.square.sq-correct[data-v-4330dd3a]{background-color:#4caf50!important}.square.sq-missed[data-v-4330dd3a]{background-color:#ffc107!important}.square.sq-incorrect[data-v-4330dd3a]{background-color:#f44336!important}.chess-piece-img[data-v-4330dd3a]{width:92%;height:92%;max-width:100%;max-height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:1}.animation-overlay[data-v-4330dd3a]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.tutorial-cursor[data-v-4330dd3a]{position:absolute;top:0;left:0;z-index:4;pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.45))}.tutorial-cursor-icon[data-v-4330dd3a]{display:block}.feedback-badge[data-v-4330dd3a]{position:absolute;bottom:20px;left:5%;width:90%;padding:12px;border-radius:8px;font-weight:700;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px;z-index:3;box-shadow:0 4px 15px #0003}.feedback-badge.success[data-v-4330dd3a]{background:#2ecc71;color:#fff}.feedback-badge.error[data-v-4330dd3a]{background:#e74c3c;color:#fff}.control-actions[data-v-4330dd3a]{display:flex;width:100%;justify-content:stretch;margin-top:12px;gap:10px;flex:0 0 auto}.control-actions--dual .btn[data-v-4330dd3a]{flex:1}.control-actions:not(.control-actions--dual) .btn[data-v-4330dd3a]{width:100%}.btn[data-v-4330dd3a]{padding:14px;border:none;border-radius:30px;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .1s,background-color .2s}.btn-primary[data-v-4330dd3a]{background:#23c1a1;color:#fff}.btn-primary[data-v-4330dd3a]:hover{background:#1eb092;transform:translateY(-1px)}.btn-secondary[data-v-4330dd3a]{background:#7f8c8d;color:#fff}.btn-secondary[data-v-4330dd3a]:hover{background:#6d7a7b;transform:translateY(-1px)}@media (max-width: 720px){.tutorial-container[data-v-4330dd3a]{display:flex;flex-direction:column;align-items:center;padding:12px;border-radius:12px;max-width:min(450px,100%)}.tutorial-layout[data-v-4330dd3a]{display:flex;flex-direction:column;align-items:center;gap:0;width:100%}.tutorial-sidebar[data-v-4330dd3a]{display:contents}.sidebar-scroll[data-v-4330dd3a]{order:1;flex:0 0 auto;width:100%;overflow:visible;min-height:0}.board-wrapper[data-v-4330dd3a]{order:2;width:100%;max-width:400px;margin:0 auto}.control-actions[data-v-4330dd3a]{order:3;margin-top:16px;gap:10px;width:100%}.instruction-card[data-v-4330dd3a]{text-align:center;padding:12px;margin-bottom:12px}.instruction-card h3[data-v-4330dd3a]{font-size:1rem}.instruction-card p[data-v-4330dd3a],.instruction-list[data-v-4330dd3a],.prompt-question[data-v-4330dd3a],.finish-message[data-v-4330dd3a]{font-size:.88rem}.feedback-badge[data-v-4330dd3a]{bottom:10px;padding:8px 10px;font-size:.85rem}.feedback-badge--top[data-v-4330dd3a]{top:10px;bottom:auto}.btn[data-v-4330dd3a]{padding:12px 10px;font-size:.9rem}}.tutorial-container[data-v-61a3ba5f]{display:block;font-family:Helvetica Neue,Arial,sans-serif;background:#2c3e50;color:#fff;padding:16px;border-radius:16px;width:100%;max-width:min(920px,100%);margin:0 auto;box-sizing:border-box;box-shadow:0 12px 40px #0000004d}.tutorial-container--boardless[data-v-61a3ba5f]{max-width:min(420px,100%)}.tutorial-layout[data-v-61a3ba5f]{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:16px;align-items:stretch;width:100%}.tutorial-container--boardless .tutorial-layout[data-v-61a3ba5f]{grid-template-columns:1fr}.tutorial-container--boardless .tutorial-sidebar[data-v-61a3ba5f]{height:auto;min-height:0}.board-wrapper[data-v-61a3ba5f]{position:relative;width:100%;aspect-ratio:1;height:auto;border-radius:8px;overflow:hidden;box-shadow:0 8px 24px #0006}.tutorial-sidebar[data-v-61a3ba5f]{display:flex;flex-direction:column;min-width:0;height:0;min-height:100%;overflow:hidden}.sidebar-scroll[data-v-61a3ba5f]{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.instruction-card[data-v-61a3ba5f]{text-align:left;background:#ffffff1a;padding:14px 16px;border-radius:12px;width:100%;margin:0;box-sizing:border-box;transition:all .3s ease}.tutorial-container--boardless .instruction-card[data-v-61a3ba5f]{text-align:center}.instruction-card h3[data-v-61a3ba5f]{margin:0 0 .5rem;font-size:1.1rem}.instruction-card p[data-v-61a3ba5f]{margin:0;line-height:1.45;font-size:.95rem}.instruction-list[data-v-61a3ba5f]{margin:0;padding-left:1.25rem;text-align:left;line-height:1.5;font-size:.95rem}.instruction-list li[data-v-61a3ba5f]{margin-bottom:.65rem}.instruction-list li[data-v-61a3ba5f]:last-child{margin-bottom:0}.prompt-question[data-v-61a3ba5f],.finish-message[data-v-61a3ba5f]{margin:0;line-height:1.55;font-size:1rem;text-align:center}.error-pulse[data-v-61a3ba5f]{border:2px solid #e74c3c;animation:pulseBg-61a3ba5f 1.5s infinite alternate}@keyframes pulseBg-61a3ba5f{0%{box-shadow:0 0 4px #e74c3c66}to{box-shadow:0 0 15px #e74c3ccc}}.chessboard-mock[data-v-61a3ba5f]{display:flex;flex-direction:column;width:100%;height:100%}.board-row[data-v-61a3ba5f]{display:flex;flex:1}.square[data-v-61a3ba5f]{flex:1;display:flex;align-items:center;justify-content:center;position:relative}.light-sq[data-v-61a3ba5f]{background-color:#f0d9b5}.dark-sq[data-v-61a3ba5f]{background-color:#b58863}.square.sq-correct[data-v-61a3ba5f]{background-color:#4caf50!important}.square.sq-missed[data-v-61a3ba5f]{background-color:#ffc107!important}.chess-piece-img[data-v-61a3ba5f]{width:92%;height:92%;max-width:100%;max-height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:1}.animation-overlay[data-v-61a3ba5f]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.tutorial-cursor[data-v-61a3ba5f]{position:absolute;top:0;left:0;z-index:4;pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.45))}.tutorial-cursor-icon[data-v-61a3ba5f]{display:block}.feedback-badge[data-v-61a3ba5f]{position:absolute;bottom:20px;left:5%;width:90%;padding:12px;border-radius:8px;font-weight:700;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px;z-index:3;box-shadow:0 4px 15px #0003}.feedback-badge.success[data-v-61a3ba5f]{background:#2ecc71;color:#fff}.feedback-badge.error[data-v-61a3ba5f]{background:#e74c3c;color:#fff}.control-actions[data-v-61a3ba5f]{display:flex;width:100%;justify-content:stretch;margin-top:12px;gap:10px;flex:0 0 auto}.control-actions--dual .btn[data-v-61a3ba5f]{flex:1}.control-actions:not(.control-actions--dual) .btn[data-v-61a3ba5f]{width:100%}.btn[data-v-61a3ba5f]{padding:12px 14px;border:none;border-radius:30px;font-size:.95rem;font-weight:700;cursor:pointer;transition:transform .1s,background-color .2s}.btn-primary[data-v-61a3ba5f]{background:#23c1a1;color:#fff}.btn-primary[data-v-61a3ba5f]:hover{background:#1eb092;transform:translateY(-1px)}.btn-secondary[data-v-61a3ba5f]{background:#7f8c8d;color:#fff}.btn-secondary[data-v-61a3ba5f]:hover{background:#6d7a7b;transform:translateY(-1px)}@media (max-width: 720px){.tutorial-container[data-v-61a3ba5f]{display:flex;flex-direction:column;align-items:center;padding:12px;border-radius:12px;max-width:min(450px,100%)}.tutorial-layout[data-v-61a3ba5f]{display:flex;flex-direction:column;align-items:center;gap:0;width:100%}.tutorial-sidebar[data-v-61a3ba5f]{display:contents}.sidebar-scroll[data-v-61a3ba5f]{order:1;flex:0 0 auto;width:100%;overflow:visible;min-height:0}.board-wrapper[data-v-61a3ba5f]{order:2;width:100%;max-width:400px;margin:0 auto}.control-actions[data-v-61a3ba5f]{order:3;margin-top:16px;gap:10px;width:100%}.instruction-card[data-v-61a3ba5f]{text-align:center;padding:12px;margin-bottom:12px}.instruction-card h3[data-v-61a3ba5f]{font-size:1rem}.instruction-card p[data-v-61a3ba5f],.instruction-list[data-v-61a3ba5f],.prompt-question[data-v-61a3ba5f],.finish-message[data-v-61a3ba5f]{font-size:.88rem}.feedback-badge[data-v-61a3ba5f]{bottom:10px;padding:8px 10px;font-size:.85rem}.btn[data-v-61a3ba5f]{padding:12px 10px;font-size:.9rem}}.tutorial-container[data-v-d25a40b0]{display:block;font-family:Helvetica Neue,Arial,sans-serif;background:#2c3e50;color:#fff;padding:16px;border-radius:16px;width:100%;max-width:min(920px,100%);margin:0 auto;box-sizing:border-box;box-shadow:0 12px 40px #0000004d}.tutorial-container--boardless[data-v-d25a40b0]{max-width:min(420px,100%)}.tutorial-layout[data-v-d25a40b0]{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:16px;align-items:stretch;width:100%}.tutorial-container--boardless .tutorial-layout[data-v-d25a40b0]{grid-template-columns:1fr}.tutorial-container--boardless .tutorial-sidebar[data-v-d25a40b0]{height:auto;min-height:0}.board-wrapper[data-v-d25a40b0]{position:relative;width:100%;aspect-ratio:1;height:auto;border-radius:8px;overflow:hidden;box-shadow:0 8px 24px #0006}.board-column[data-v-d25a40b0]{position:relative;display:flex;flex-direction:column;gap:10px;width:100%;min-width:0}.board-controls[data-v-d25a40b0]{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%}.board-btn[data-v-d25a40b0]{padding:.65rem 1.5rem;border:none;border-radius:8px;font-size:.95rem;font-weight:700;cursor:pointer;font-family:inherit;transition:background-color .2s ease}.board-btn-skip[data-v-d25a40b0]{background:#e0e0e0;color:#666}.board-btn-skip[data-v-d25a40b0]:hover{background:#d0d0d0}.board-btn-next[data-v-d25a40b0]{background:#42b883;color:#fff;margin-left:auto}.board-btn-next[data-v-d25a40b0]:hover{background:#3aa876}.tutorial-sidebar[data-v-d25a40b0]{display:flex;flex-direction:column;min-width:0;height:0;min-height:100%;overflow:hidden}.sidebar-scroll[data-v-d25a40b0]{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.instruction-card[data-v-d25a40b0]{text-align:left;background:#ffffff1a;padding:14px 16px;border-radius:12px;width:100%;margin:0;box-sizing:border-box;transition:all .3s ease}.tutorial-container--boardless .instruction-card[data-v-d25a40b0]{text-align:center}.instruction-card h3[data-v-d25a40b0]{margin:0 0 .5rem;font-size:1.1rem}.instruction-card p[data-v-d25a40b0]{margin:0;line-height:1.45;font-size:.95rem}.instruction-after[data-v-d25a40b0]{margin-top:.75rem!important}.instruction-list[data-v-d25a40b0]{margin:0;padding-left:1.25rem;text-align:left;line-height:1.5;font-size:.95rem}.instruction-list li[data-v-d25a40b0]{margin-bottom:.55rem}.instruction-list li[data-v-d25a40b0]:last-child{margin-bottom:0}.prompt-question[data-v-d25a40b0],.finish-message[data-v-d25a40b0]{margin:0;line-height:1.55;font-size:1rem;text-align:center}.error-pulse[data-v-d25a40b0]{border:2px solid #e74c3c;animation:pulseBg-d25a40b0 1.5s infinite alternate}@keyframes pulseBg-d25a40b0{0%{box-shadow:0 0 4px #e74c3c66}to{box-shadow:0 0 15px #e74c3ccc}}.chessboard-mock[data-v-d25a40b0]{display:flex;flex-direction:column;width:100%;height:100%}.board-row[data-v-d25a40b0]{display:flex;flex:1}.square[data-v-d25a40b0]{flex:1;display:flex;align-items:center;justify-content:center;position:relative}.light-sq[data-v-d25a40b0]{background-color:#f0d9b5}.dark-sq[data-v-d25a40b0]{background-color:#b58863}.chess-piece-img[data-v-d25a40b0]{width:92%;height:92%;max-width:100%;max-height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:1}.animation-overlay[data-v-d25a40b0]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.tutorial-cursor[data-v-d25a40b0]{position:absolute;top:0;left:0;z-index:4;pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.45))}.tutorial-cursor-icon[data-v-d25a40b0]{display:block}.feedback-badge[data-v-d25a40b0]{position:absolute;bottom:20px;left:5%;width:90%;padding:12px;border-radius:8px;font-weight:700;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px;z-index:3;box-shadow:0 4px 15px #0003}.feedback-badge.success[data-v-d25a40b0]{background:#2ecc71;color:#fff}.feedback-badge.error[data-v-d25a40b0]{background:#e74c3c;color:#fff}.control-actions[data-v-d25a40b0]{display:flex;width:100%;justify-content:stretch;margin-top:12px;gap:10px;flex:0 0 auto}.control-actions--dual .btn[data-v-d25a40b0]{flex:1}.control-actions:not(.control-actions--dual) .btn[data-v-d25a40b0]{width:100%}.btn[data-v-d25a40b0]{padding:14px;border:none;border-radius:30px;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .1s,background-color .2s}.btn-primary[data-v-d25a40b0]{background:#23c1a1;color:#fff}.btn-primary[data-v-d25a40b0]:hover{background:#1eb092;transform:translateY(-1px)}.btn-secondary[data-v-d25a40b0]{background:#7f8c8d;color:#fff}.btn-secondary[data-v-d25a40b0]:hover{background:#6d7a7b;transform:translateY(-1px)}@media (max-width: 720px){.tutorial-container[data-v-d25a40b0]{display:flex;flex-direction:column;align-items:center;padding:12px;border-radius:12px;max-width:min(450px,100%)}.tutorial-layout[data-v-d25a40b0]{display:flex;flex-direction:column;align-items:center;gap:0;width:100%}.tutorial-sidebar[data-v-d25a40b0]{display:contents}.sidebar-scroll[data-v-d25a40b0]{order:1;flex:0 0 auto;width:100%;overflow:visible;min-height:0}.board-column[data-v-d25a40b0]{order:2;width:100%;max-width:400px;margin:0 auto}.board-wrapper[data-v-d25a40b0]{width:100%;max-width:none;margin:0}.board-controls[data-v-d25a40b0]{gap:8px}.board-btn[data-v-d25a40b0]{padding:.65rem 1rem;font-size:.9rem}.control-actions[data-v-d25a40b0]{order:3;margin-top:16px;gap:10px;width:100%}.instruction-card[data-v-d25a40b0]{text-align:center;padding:12px;margin-bottom:12px}.instruction-card h3[data-v-d25a40b0]{font-size:1rem}.instruction-card p[data-v-d25a40b0],.instruction-list[data-v-d25a40b0],.prompt-question[data-v-d25a40b0],.finish-message[data-v-d25a40b0]{font-size:.88rem}.feedback-badge[data-v-d25a40b0]{bottom:10px;padding:8px 10px;font-size:.85rem}.btn[data-v-d25a40b0]{padding:12px 10px;font-size:.9rem}}.tutorial-container[data-v-30f993ee]{display:block;font-family:Helvetica Neue,Arial,sans-serif;background:#2c3e50;color:#fff;padding:16px;border-radius:16px;width:100%;max-width:min(920px,100%);margin:0 auto;box-sizing:border-box;box-shadow:0 12px 40px #0000004d}.tutorial-container--boardless[data-v-30f993ee]{max-width:min(420px,100%)}.tutorial-layout[data-v-30f993ee]{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:16px;align-items:stretch;width:100%}.tutorial-container--boardless .tutorial-layout[data-v-30f993ee]{grid-template-columns:1fr}.tutorial-container--boardless .tutorial-sidebar[data-v-30f993ee]{height:auto;min-height:0}.board-wrapper[data-v-30f993ee]{position:relative;width:100%;aspect-ratio:1;height:auto;border-radius:8px;overflow:hidden;box-shadow:0 8px 24px #0006}.tutorial-sidebar[data-v-30f993ee]{display:flex;flex-direction:column;min-width:0;height:0;min-height:100%;overflow:hidden}.sidebar-scroll[data-v-30f993ee]{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.instruction-card[data-v-30f993ee]{text-align:left;background:#ffffff1a;padding:14px 16px;border-radius:12px;width:100%;margin:0;box-sizing:border-box;transition:all .3s ease}.tutorial-container--boardless .instruction-card[data-v-30f993ee]{text-align:center}.instruction-card h3[data-v-30f993ee]{margin:0 0 .5rem;font-size:1.1rem}.instruction-card p[data-v-30f993ee]{margin:0;line-height:1.45;font-size:.95rem}.instruction-list[data-v-30f993ee]{margin:0;padding-left:1.25rem;text-align:left;line-height:1.5;font-size:.95rem}.instruction-list li[data-v-30f993ee]{margin-bottom:.65rem}.instruction-list li[data-v-30f993ee]:last-child{margin-bottom:0}.prompt-question[data-v-30f993ee],.finish-message[data-v-30f993ee]{margin:0;line-height:1.55;font-size:1rem;text-align:center}.error-pulse[data-v-30f993ee]{border:2px solid #e74c3c;animation:pulseBg-30f993ee 1.5s infinite alternate}@keyframes pulseBg-30f993ee{0%{box-shadow:0 0 4px #e74c3c66}to{box-shadow:0 0 15px #e74c3ccc}}.chessboard-mock[data-v-30f993ee]{display:flex;flex-direction:column;width:100%;height:100%}.board-row[data-v-30f993ee]{display:flex;flex:1}.square[data-v-30f993ee]{flex:1;display:flex;align-items:center;justify-content:center;position:relative}.light-sq[data-v-30f993ee]{background-color:#f0d9b5}.dark-sq[data-v-30f993ee]{background-color:#b58863}.square.sq-correct[data-v-30f993ee]{box-shadow:inset 0 0 14px 8px #4caf50f2,inset 0 0 28px 12px #2e7d328c!important}.square.sq-missed[data-v-30f993ee]{box-shadow:inset 0 0 14px 8px #ffc107f2,inset 0 0 28px 12px #f59e0b8c!important}.square.sq-incorrect[data-v-30f993ee]{box-shadow:inset 0 0 14px 8px #f44336f2,inset 0 0 28px 12px #b71c1c8c!important}.chess-piece-img[data-v-30f993ee]{width:92%;height:92%;max-width:100%;max-height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:1}.animation-overlay[data-v-30f993ee]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.tutorial-cursor[data-v-30f993ee]{position:absolute;top:0;left:0;z-index:4;pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.45))}.tutorial-cursor-icon[data-v-30f993ee]{display:block}.feedback-badge[data-v-30f993ee]{position:absolute;bottom:20px;left:5%;width:90%;padding:12px;border-radius:8px;font-weight:700;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px;z-index:3;box-shadow:0 4px 15px #0003}.feedback-badge.success[data-v-30f993ee]{background:#2ecc71;color:#fff}.feedback-badge.error[data-v-30f993ee]{background:#e74c3c;color:#fff}.control-actions[data-v-30f993ee]{display:flex;width:100%;justify-content:stretch;margin-top:12px;gap:10px;flex:0 0 auto}.control-actions--dual .btn[data-v-30f993ee]{flex:1}.control-actions:not(.control-actions--dual) .btn[data-v-30f993ee]{width:100%}.btn[data-v-30f993ee]{padding:14px;border:none;border-radius:30px;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .1s,background-color .2s}.btn-primary[data-v-30f993ee]{background:#23c1a1;color:#fff}.btn-primary[data-v-30f993ee]:hover{background:#1eb092;transform:translateY(-1px)}.btn-secondary[data-v-30f993ee]{background:#7f8c8d;color:#fff}.btn-secondary[data-v-30f993ee]:hover{background:#6d7a7b;transform:translateY(-1px)}@media (max-width: 720px){.tutorial-container[data-v-30f993ee]{display:flex;flex-direction:column;align-items:center;padding:12px;border-radius:12px;max-width:min(450px,100%)}.tutorial-layout[data-v-30f993ee]{display:flex;flex-direction:column;align-items:center;gap:0;width:100%}.tutorial-sidebar[data-v-30f993ee]{display:contents}.sidebar-scroll[data-v-30f993ee]{order:1;flex:0 0 auto;width:100%;overflow:visible;min-height:0}.board-wrapper[data-v-30f993ee]{order:2;width:100%;max-width:400px;margin:0 auto}.control-actions[data-v-30f993ee]{order:3;margin-top:16px;gap:10px;width:100%}.instruction-card[data-v-30f993ee]{text-align:center;padding:12px;margin-bottom:12px}.instruction-card h3[data-v-30f993ee]{font-size:1rem}.instruction-card p[data-v-30f993ee],.instruction-list[data-v-30f993ee],.prompt-question[data-v-30f993ee],.finish-message[data-v-30f993ee]{font-size:.88rem}.feedback-badge[data-v-30f993ee]{bottom:10px;padding:8px 10px;font-size:.85rem}.feedback-badge--top[data-v-30f993ee]{top:10px;bottom:auto}.btn[data-v-30f993ee]{padding:12px 10px;font-size:.9rem}}.tutorial-container[data-v-d69590a9]{display:block;font-family:Helvetica Neue,Arial,sans-serif;background:#2c3e50;color:#fff;padding:16px;border-radius:16px;width:100%;max-width:min(920px,100%);margin:0 auto;box-sizing:border-box;box-shadow:0 12px 40px #0000004d}.tutorial-container--boardless[data-v-d69590a9]{max-width:min(420px,100%)}.tutorial-layout[data-v-d69590a9]{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:16px;align-items:stretch;width:100%}.tutorial-container--boardless .tutorial-layout[data-v-d69590a9]{grid-template-columns:1fr}.tutorial-container--boardless .tutorial-sidebar[data-v-d69590a9]{height:auto;min-height:0}.board-wrapper[data-v-d69590a9]{position:relative;width:100%;aspect-ratio:1;height:auto;border-radius:8px;overflow:hidden;box-shadow:0 8px 24px #0006}.tutorial-sidebar[data-v-d69590a9]{display:flex;flex-direction:column;min-width:0;height:0;min-height:100%;overflow:hidden}.sidebar-scroll[data-v-d69590a9]{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.instruction-card[data-v-d69590a9]{text-align:left;background:#ffffff1a;padding:14px 16px;border-radius:12px;width:100%;margin:0;box-sizing:border-box;transition:all .3s ease}.tutorial-container--boardless .instruction-card[data-v-d69590a9]{text-align:center}.instruction-card h3[data-v-d69590a9]{margin:0 0 .5rem;font-size:1.1rem}.instruction-card p[data-v-d69590a9]{margin:0;line-height:1.45;font-size:.95rem}.instruction-list[data-v-d69590a9]{margin:0;padding-left:1.25rem;text-align:left;line-height:1.5;font-size:.95rem}ul.instruction-list[data-v-d69590a9]{list-style:disc}.instruction-list li[data-v-d69590a9]{margin-bottom:.65rem}.instruction-list li[data-v-d69590a9]:last-child{margin-bottom:0}.prompt-question[data-v-d69590a9],.finish-message[data-v-d69590a9]{margin:0;line-height:1.55;font-size:1rem;text-align:center}.error-pulse[data-v-d69590a9]{border:2px solid #e74c3c;animation:pulseBg-d69590a9 1.5s infinite alternate}@keyframes pulseBg-d69590a9{0%{box-shadow:0 0 4px #e74c3c66}to{box-shadow:0 0 15px #e74c3ccc}}.chessboard-mock[data-v-d69590a9]{display:flex;flex-direction:column;width:100%;height:100%}.board-row[data-v-d69590a9]{display:flex;flex:1}.square[data-v-d69590a9]{flex:1;display:flex;align-items:center;justify-content:center;position:relative}.light-sq[data-v-d69590a9]{background-color:#f0d9b5}.dark-sq[data-v-d69590a9]{background-color:#b58863}.square.sq-correct[data-v-d69590a9]{box-shadow:inset 0 0 14px 8px #4caf50f2,inset 0 0 28px 12px #2e7d328c!important}.square.sq-missed[data-v-d69590a9]{box-shadow:inset 0 0 14px 8px #ffc107f2,inset 0 0 28px 12px #f59e0b8c!important}.square.sq-incorrect[data-v-d69590a9]{box-shadow:inset 0 0 14px 8px #f44336f2,inset 0 0 28px 12px #b71c1c8c!important}.chess-piece-img[data-v-d69590a9]{width:92%;height:92%;max-width:100%;max-height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:1}.animation-overlay[data-v-d69590a9]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.tutorial-cursor[data-v-d69590a9]{position:absolute;top:0;left:0;z-index:4;pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.45))}.tutorial-cursor-icon[data-v-d69590a9]{display:block}.feedback-badge[data-v-d69590a9]{position:absolute;bottom:20px;left:5%;width:90%;padding:12px;border-radius:8px;font-weight:700;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px;z-index:3;box-shadow:0 4px 15px #0003}.feedback-badge.success[data-v-d69590a9]{background:#2ecc71;color:#fff}.feedback-badge.error[data-v-d69590a9]{background:#e74c3c;color:#fff}.control-actions[data-v-d69590a9]{display:flex;width:100%;justify-content:stretch;margin-top:12px;gap:10px;flex:0 0 auto}.control-actions--dual .btn[data-v-d69590a9]{flex:1}.control-actions:not(.control-actions--dual) .btn[data-v-d69590a9]{width:100%}.btn[data-v-d69590a9]{padding:14px;border:none;border-radius:30px;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .1s,background-color .2s}.btn-primary[data-v-d69590a9]{background:#23c1a1;color:#fff}.btn-primary[data-v-d69590a9]:hover{background:#1eb092;transform:translateY(-1px)}.btn-secondary[data-v-d69590a9]{background:#7f8c8d;color:#fff}.btn-secondary[data-v-d69590a9]:hover{background:#6d7a7b;transform:translateY(-1px)}@media (max-width: 720px){.tutorial-container[data-v-d69590a9]{display:flex;flex-direction:column;align-items:center;padding:12px;border-radius:12px;max-width:min(450px,100%)}.tutorial-layout[data-v-d69590a9]{display:flex;flex-direction:column;align-items:center;gap:0;width:100%}.tutorial-sidebar[data-v-d69590a9]{display:contents}.sidebar-scroll[data-v-d69590a9]{order:1;flex:0 0 auto;width:100%;overflow:visible;min-height:0}.board-wrapper[data-v-d69590a9]{order:2;width:100%;max-width:400px;margin:0 auto}.control-actions[data-v-d69590a9]{order:3;margin-top:16px;gap:10px;width:100%}.instruction-card[data-v-d69590a9]{text-align:center;padding:12px;margin-bottom:12px}.instruction-card h3[data-v-d69590a9]{font-size:1rem}.instruction-card p[data-v-d69590a9],.instruction-list[data-v-d69590a9],.prompt-question[data-v-d69590a9],.finish-message[data-v-d69590a9]{font-size:.88rem}.feedback-badge[data-v-d69590a9]{bottom:10px;padding:8px 10px;font-size:.85rem}.feedback-badge--top[data-v-d69590a9]{top:10px;bottom:auto}.btn[data-v-d69590a9]{padding:12px 10px;font-size:.9rem}}.tutorial-container[data-v-c958ac46]{display:block;font-family:Helvetica Neue,Arial,sans-serif;background:#2c3e50;color:#fff;padding:16px;border-radius:16px;width:100%;max-width:min(920px,100%);margin:0 auto;box-sizing:border-box;box-shadow:0 12px 40px #0000004d}.tutorial-container--boardless[data-v-c958ac46]{max-width:min(420px,100%)}.tutorial-layout[data-v-c958ac46]{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:16px;align-items:stretch;width:100%}.tutorial-container--boardless .tutorial-layout[data-v-c958ac46]{grid-template-columns:1fr}.tutorial-container--boardless .tutorial-sidebar[data-v-c958ac46]{height:auto;min-height:0}.board-wrapper[data-v-c958ac46]{position:relative;width:100%;aspect-ratio:1;height:auto;border-radius:8px;overflow:hidden;box-shadow:0 8px 24px #0006}.tutorial-sidebar[data-v-c958ac46]{display:flex;flex-direction:column;min-width:0;height:0;min-height:100%;overflow:hidden}.sidebar-scroll[data-v-c958ac46]{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.instruction-card[data-v-c958ac46]{text-align:left;background:#ffffff1a;padding:14px 16px;border-radius:12px;width:100%;margin:0;box-sizing:border-box;transition:all .3s ease}.tutorial-container--boardless .instruction-card[data-v-c958ac46]{text-align:center}.instruction-card h3[data-v-c958ac46]{margin:0 0 .5rem;font-size:1.1rem}.instruction-card p[data-v-c958ac46]{margin:0;line-height:1.45;font-size:.95rem}.instruction-list[data-v-c958ac46]{margin:0;padding-left:1.25rem;text-align:left;line-height:1.5;font-size:.95rem}ul.instruction-list[data-v-c958ac46]{list-style:disc}.instruction-list li[data-v-c958ac46]{margin-bottom:.65rem}.instruction-list li[data-v-c958ac46]:last-child{margin-bottom:0}.prompt-question[data-v-c958ac46],.finish-message[data-v-c958ac46]{margin:0;line-height:1.55;font-size:1rem;text-align:center}.error-pulse[data-v-c958ac46]{border:2px solid #e74c3c;animation:pulseBg-c958ac46 1.5s infinite alternate}@keyframes pulseBg-c958ac46{0%{box-shadow:0 0 4px #e74c3c66}to{box-shadow:0 0 15px #e74c3ccc}}.chessboard-mock[data-v-c958ac46]{display:flex;flex-direction:column;width:100%;height:100%}.board-row[data-v-c958ac46]{display:flex;flex:1}.square[data-v-c958ac46]{flex:1;display:flex;align-items:center;justify-content:center;position:relative}.light-sq[data-v-c958ac46]{background-color:#f0d9b5}.dark-sq[data-v-c958ac46]{background-color:#b58863}.square.sq-correct[data-v-c958ac46]{box-shadow:inset 0 0 14px 8px #4caf50f2,inset 0 0 28px 12px #2e7d328c!important}.square.sq-missed[data-v-c958ac46]{box-shadow:inset 0 0 14px 8px #ffc107f2,inset 0 0 28px 12px #f59e0b8c!important}.square.sq-incorrect[data-v-c958ac46]{box-shadow:inset 0 0 14px 8px #f44336f2,inset 0 0 28px 12px #b71c1c8c!important}.chess-piece-img[data-v-c958ac46]{width:92%;height:92%;max-width:100%;max-height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:1}.animation-overlay[data-v-c958ac46]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.tutorial-cursor[data-v-c958ac46]{position:absolute;top:0;left:0;z-index:4;pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.45))}.tutorial-cursor-icon[data-v-c958ac46]{display:block}.feedback-badge[data-v-c958ac46]{position:absolute;bottom:20px;left:5%;width:90%;padding:12px;border-radius:8px;font-weight:700;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px;z-index:3;box-shadow:0 4px 15px #0003}.feedback-badge--top[data-v-c958ac46]{top:12px;bottom:auto}.feedback-badge.success[data-v-c958ac46]{background:#2ecc71;color:#fff}.feedback-badge.error[data-v-c958ac46]{background:#e74c3c;color:#fff}.control-actions[data-v-c958ac46]{display:flex;width:100%;justify-content:stretch;margin-top:12px;gap:10px;flex:0 0 auto}.control-actions--dual .btn[data-v-c958ac46]{flex:1}.control-actions:not(.control-actions--dual) .btn[data-v-c958ac46]{width:100%}.btn[data-v-c958ac46]{padding:14px;border:none;border-radius:30px;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .1s,background-color .2s}.btn-primary[data-v-c958ac46]{background:#23c1a1;color:#fff}.btn-primary[data-v-c958ac46]:hover{background:#1eb092;transform:translateY(-1px)}.btn-secondary[data-v-c958ac46]{background:#7f8c8d;color:#fff}.btn-secondary[data-v-c958ac46]:hover{background:#6d7a7b;transform:translateY(-1px)}@media (max-width: 720px){.tutorial-container[data-v-c958ac46]{display:flex;flex-direction:column;align-items:center;padding:12px;border-radius:12px;max-width:min(450px,100%)}.tutorial-layout[data-v-c958ac46]{display:flex;flex-direction:column;align-items:center;gap:0;width:100%}.tutorial-sidebar[data-v-c958ac46]{display:contents}.sidebar-scroll[data-v-c958ac46]{order:1;flex:0 0 auto;width:100%;overflow:visible;min-height:0}.board-wrapper[data-v-c958ac46]{order:2;width:100%;max-width:400px;margin:0 auto}.control-actions[data-v-c958ac46]{order:3;margin-top:16px;gap:10px;width:100%}.instruction-card[data-v-c958ac46]{text-align:center;padding:12px;margin-bottom:12px}.instruction-card h3[data-v-c958ac46]{font-size:1rem}.instruction-card p[data-v-c958ac46],.instruction-list[data-v-c958ac46],.prompt-question[data-v-c958ac46],.finish-message[data-v-c958ac46]{font-size:.88rem}.feedback-badge[data-v-c958ac46]{bottom:10px;padding:8px 10px;font-size:.85rem}.feedback-badge--top[data-v-c958ac46]{top:10px;bottom:auto}.btn[data-v-c958ac46]{padding:12px 10px;font-size:.9rem}}.tutorial-container[data-v-b3a88926]{display:block;font-family:Helvetica Neue,Arial,sans-serif;background:#2c3e50;color:#fff;padding:16px;border-radius:16px;width:100%;max-width:min(920px,100%);margin:0 auto;box-sizing:border-box;box-shadow:0 12px 40px #0000004d}.tutorial-container--boardless[data-v-b3a88926]{max-width:min(420px,100%)}.tutorial-layout[data-v-b3a88926]{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:16px;align-items:stretch;width:100%}.tutorial-container--boardless .tutorial-layout[data-v-b3a88926]{grid-template-columns:1fr}.tutorial-container--boardless .tutorial-sidebar[data-v-b3a88926]{height:auto;min-height:0}.board-wrapper[data-v-b3a88926]{position:relative;width:100%;aspect-ratio:1;height:auto;border-radius:8px;overflow:hidden;box-shadow:0 8px 24px #0006}.tutorial-sidebar[data-v-b3a88926]{display:flex;flex-direction:column;min-width:0;height:0;min-height:100%;overflow:hidden}.sidebar-scroll[data-v-b3a88926]{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.instruction-card[data-v-b3a88926]{text-align:left;background:#ffffff1a;padding:14px 16px;border-radius:12px;width:100%;margin:0;box-sizing:border-box;transition:all .3s ease}.tutorial-container--boardless .instruction-card[data-v-b3a88926]{text-align:center}.instruction-card h3[data-v-b3a88926]{margin:0 0 .5rem;font-size:1.1rem}.instruction-card p[data-v-b3a88926]{margin:0;line-height:1.45;font-size:.95rem}.instruction-list[data-v-b3a88926]{margin:0;padding-left:1.25rem;text-align:left;line-height:1.5;font-size:.95rem}ul.instruction-list[data-v-b3a88926]{list-style:disc}.instruction-list li[data-v-b3a88926]{margin-bottom:.65rem}.instruction-list li[data-v-b3a88926]:last-child{margin-bottom:0}.prompt-question[data-v-b3a88926],.finish-message[data-v-b3a88926]{margin:0;line-height:1.55;font-size:1rem;text-align:center}.error-pulse[data-v-b3a88926]{border:2px solid #e74c3c;animation:pulseBg-b3a88926 1.5s infinite alternate}@keyframes pulseBg-b3a88926{0%{box-shadow:0 0 4px #e74c3c66}to{box-shadow:0 0 15px #e74c3ccc}}.chessboard-mock[data-v-b3a88926]{display:flex;flex-direction:column;width:100%;height:100%}.board-row[data-v-b3a88926]{display:flex;flex:1}.square[data-v-b3a88926]{flex:1;display:flex;align-items:center;justify-content:center;position:relative}.light-sq[data-v-b3a88926]{background-color:#f0d9b5}.dark-sq[data-v-b3a88926]{background-color:#b58863}.square.sq-correct[data-v-b3a88926]{box-shadow:inset 0 0 14px 8px #4caf50f2,inset 0 0 28px 12px #2e7d328c!important}.square.sq-missed[data-v-b3a88926]{box-shadow:inset 0 0 14px 8px #ffc107f2,inset 0 0 28px 12px #f59e0b8c!important}.square.sq-incorrect[data-v-b3a88926]{box-shadow:inset 0 0 14px 8px #f44336f2,inset 0 0 28px 12px #b71c1c8c!important}.chess-piece-img[data-v-b3a88926]{width:92%;height:92%;max-width:100%;max-height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:1}.animation-overlay[data-v-b3a88926]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.tutorial-cursor[data-v-b3a88926]{position:absolute;top:0;left:0;z-index:4;pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.45))}.tutorial-cursor-icon[data-v-b3a88926]{display:block}.feedback-badge[data-v-b3a88926]{position:absolute;bottom:20px;left:5%;width:90%;padding:12px;border-radius:8px;font-weight:700;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px;z-index:3;box-shadow:0 4px 15px #0003}.feedback-badge--top[data-v-b3a88926]{top:12px;bottom:auto}.feedback-badge.success[data-v-b3a88926]{background:#2ecc71;color:#fff}.feedback-badge.error[data-v-b3a88926]{background:#e74c3c;color:#fff}.control-actions[data-v-b3a88926]{display:flex;width:100%;justify-content:stretch;margin-top:12px;gap:10px;flex:0 0 auto}.control-actions--dual .btn[data-v-b3a88926]{flex:1}.control-actions:not(.control-actions--dual) .btn[data-v-b3a88926]{width:100%}.btn[data-v-b3a88926]{padding:14px;border:none;border-radius:30px;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .1s,background-color .2s}.btn-primary[data-v-b3a88926]{background:#23c1a1;color:#fff}.btn-primary[data-v-b3a88926]:hover{background:#1eb092;transform:translateY(-1px)}.btn-secondary[data-v-b3a88926]{background:#7f8c8d;color:#fff}.btn-secondary[data-v-b3a88926]:hover{background:#6d7a7b;transform:translateY(-1px)}@media (max-width: 720px){.tutorial-container[data-v-b3a88926]{display:flex;flex-direction:column;align-items:center;padding:12px;border-radius:12px;max-width:min(450px,100%)}.tutorial-layout[data-v-b3a88926]{display:flex;flex-direction:column;align-items:center;gap:0;width:100%}.tutorial-sidebar[data-v-b3a88926]{display:contents}.sidebar-scroll[data-v-b3a88926]{order:1;flex:0 0 auto;width:100%;overflow:visible;min-height:0}.board-wrapper[data-v-b3a88926]{order:2;width:100%;max-width:400px;margin:0 auto}.control-actions[data-v-b3a88926]{order:3;margin-top:16px;gap:10px;width:100%}.instruction-card[data-v-b3a88926]{text-align:center;padding:12px;margin-bottom:12px}.instruction-card h3[data-v-b3a88926]{font-size:1rem}.instruction-card p[data-v-b3a88926],.instruction-list[data-v-b3a88926],.prompt-question[data-v-b3a88926],.finish-message[data-v-b3a88926]{font-size:.88rem}.feedback-badge[data-v-b3a88926]{bottom:10px;padding:8px 10px;font-size:.85rem}.feedback-badge--top[data-v-b3a88926]{top:10px;bottom:auto}.btn[data-v-b3a88926]{padding:12px 10px;font-size:.9rem}}.tutorial-container[data-v-7c2d7c3c]{display:block;font-family:Helvetica Neue,Arial,sans-serif;background:#2c3e50;color:#fff;padding:16px;border-radius:16px;width:100%;max-width:min(920px,100%);margin:0 auto;box-sizing:border-box;box-shadow:0 12px 40px #0000004d}.tutorial-container--boardless[data-v-7c2d7c3c]{max-width:min(420px,100%)}.tutorial-layout[data-v-7c2d7c3c]{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:16px;align-items:stretch;width:100%}.tutorial-container--boardless .tutorial-layout[data-v-7c2d7c3c]{grid-template-columns:1fr}.board-wrapper[data-v-7c2d7c3c]{position:relative;width:100%;aspect-ratio:1;height:auto;border-radius:8px;overflow:hidden;box-shadow:0 8px 24px #0006}.board-column[data-v-7c2d7c3c]{position:relative;display:flex;flex-direction:column;overflow:visible}.chessboard-mock[data-v-7c2d7c3c]{position:relative;width:100%;height:100%;display:flex;flex-direction:column}.board-row[data-v-7c2d7c3c]{display:flex;flex:1}.square[data-v-7c2d7c3c]{flex:1;display:flex;align-items:center;justify-content:center;position:relative}.light-sq[data-v-7c2d7c3c]{background-color:#f0d9b5}.dark-sq[data-v-7c2d7c3c]{background-color:#b58863}.square.sq-correct[data-v-7c2d7c3c]{box-shadow:inset 0 0 14px 8px #4caf50f2,inset 0 0 28px 12px #2e7d328c!important}.square.sq-missed[data-v-7c2d7c3c]{box-shadow:inset 0 0 14px 8px #ffc107f2,inset 0 0 28px 12px #ffa00080!important}.square.sq-incorrect[data-v-7c2d7c3c]{box-shadow:inset 0 0 14px 8px #f44336f2,inset 0 0 28px 12px #b71c1c8c!important}.chess-piece-img[data-v-7c2d7c3c]{width:92%;height:92%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:1}.animation-overlay[data-v-7c2d7c3c]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.tutorial-cursor[data-v-7c2d7c3c]{position:absolute;top:0;left:0;width:28px;height:28px;z-index:5;pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.45))}.tutorial-cursor-icon[data-v-7c2d7c3c]{display:block}.feedback-badge[data-v-7c2d7c3c]{position:absolute;bottom:20px;left:5%;width:90%;padding:12px;border-radius:8px;font-weight:700;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px;z-index:3}.feedback-badge.success[data-v-7c2d7c3c]{background:#2ecc71;color:#fff}.feedback-badge.error[data-v-7c2d7c3c]{background:#e74c3c;color:#fff}.tutorial-sidebar[data-v-7c2d7c3c]{display:flex;flex-direction:column;min-height:0}.sidebar-scroll[data-v-7c2d7c3c]{overflow:auto;flex:1}.instruction-card h3[data-v-7c2d7c3c]{margin:0 0 8px}.instruction-list[data-v-7c2d7c3c]{margin:8px 0;padding-left:1.2em}.instruction-after[data-v-7c2d7c3c]{margin-top:8px}.prompt-question[data-v-7c2d7c3c],.finish-message[data-v-7c2d7c3c]{font-size:1.05rem}.control-actions[data-v-7c2d7c3c]{display:flex;width:100%;justify-content:stretch;margin-top:12px;gap:10px}.nav-btn[data-v-7c2d7c3c]{flex:1;padding:10px 14px;border:none;border-radius:8px;cursor:pointer;font-weight:600}.nav-btn-back[data-v-7c2d7c3c]{background:#4a6278;color:#fff}.nav-btn-next[data-v-7c2d7c3c]{background:#42b883;color:#fff}.board-controls[data-v-7c2d7c3c]{display:flex;gap:8px;margin-top:8px;position:relative;z-index:3}.board-btn[data-v-7c2d7c3c]{flex:1;padding:8px 12px;border:none;border-radius:8px;cursor:pointer;font-weight:600}.board-btn-skip[data-v-7c2d7c3c]{background:#4a6278;color:#fff}.board-btn-next[data-v-7c2d7c3c]{background:#42b883;color:#fff}@media (max-width: 720px){.tutorial-layout[data-v-7c2d7c3c]{grid-template-columns:1fr}}.tutorial-container[data-v-1a7de825]{display:block;font-family:Helvetica Neue,Arial,sans-serif;background:#2c3e50;color:#fff;padding:16px;border-radius:16px;width:100%;max-width:min(920px,100%);margin:0 auto;box-sizing:border-box;box-shadow:0 12px 40px #0000004d}.tutorial-container--boardless[data-v-1a7de825]{max-width:min(420px,100%)}.tutorial-layout[data-v-1a7de825]{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:16px;align-items:stretch;width:100%}.tutorial-container--boardless .tutorial-layout[data-v-1a7de825]{grid-template-columns:1fr}.tutorial-container--boardless .tutorial-sidebar[data-v-1a7de825]{height:auto;min-height:0}.board-wrapper[data-v-1a7de825]{position:relative;width:100%;aspect-ratio:1;height:auto;border-radius:8px;overflow:hidden;box-shadow:0 8px 24px #0006}.tutorial-sidebar[data-v-1a7de825]{display:flex;flex-direction:column;min-width:0;height:0;min-height:100%;overflow:hidden}.sidebar-scroll[data-v-1a7de825]{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.instruction-card[data-v-1a7de825]{text-align:left;background:#ffffff1a;padding:14px 16px;border-radius:12px;width:100%;margin:0;box-sizing:border-box;transition:all .3s ease}.tutorial-container--boardless .instruction-card[data-v-1a7de825]{text-align:center}.instruction-card h3[data-v-1a7de825]{margin:0 0 .5rem;font-size:1.1rem}.instruction-card p[data-v-1a7de825]{margin:0;line-height:1.45;font-size:.95rem}.instruction-list[data-v-1a7de825]{margin:0;padding-left:1.25rem;text-align:left;line-height:1.5;font-size:.95rem}.instruction-list li[data-v-1a7de825]{margin-bottom:.65rem}.instruction-list li[data-v-1a7de825]:last-child{margin-bottom:0}.prompt-question[data-v-1a7de825],.finish-message[data-v-1a7de825]{margin:0;line-height:1.55;font-size:1rem;text-align:center}.error-pulse[data-v-1a7de825]{border:2px solid #e74c3c;animation:pulseBg-1a7de825 1.5s infinite alternate}@keyframes pulseBg-1a7de825{0%{box-shadow:0 0 4px #e74c3c66}to{box-shadow:0 0 15px #e74c3ccc}}.chessboard-mock[data-v-1a7de825]{display:flex;flex-direction:column;width:100%;height:100%}.board-row[data-v-1a7de825]{display:flex;flex:1}.square[data-v-1a7de825]{flex:1;display:flex;align-items:center;justify-content:center;position:relative}.light-sq[data-v-1a7de825]{background-color:#f0d9b5}.dark-sq[data-v-1a7de825]{background-color:#b58863}.square.sq-correct[data-v-1a7de825]{box-shadow:inset 0 0 14px 8px #4caf50f2,inset 0 0 28px 12px #2e7d328c!important}.square.sq-missed[data-v-1a7de825]{box-shadow:inset 0 0 14px 8px #ffc107f2,inset 0 0 28px 12px #f59e0b8c!important}.square.sq-incorrect[data-v-1a7de825]{box-shadow:inset 0 0 14px 8px #f44336f2,inset 0 0 28px 12px #b71c1c8c!important}.chess-piece-img[data-v-1a7de825]{width:92%;height:92%;max-width:100%;max-height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:1}.animation-overlay[data-v-1a7de825]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.tutorial-cursor[data-v-1a7de825]{position:absolute;top:0;left:0;z-index:4;pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.45))}.tutorial-cursor-icon[data-v-1a7de825]{display:block}.feedback-badge[data-v-1a7de825]{position:absolute;bottom:20px;left:5%;width:90%;padding:12px;border-radius:8px;font-weight:700;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px;z-index:3;box-shadow:0 4px 15px #0003}.feedback-badge.success[data-v-1a7de825]{background:#2ecc71;color:#fff}.feedback-badge.error[data-v-1a7de825]{background:#e74c3c;color:#fff}.control-actions[data-v-1a7de825]{display:flex;width:100%;justify-content:stretch;margin-top:12px;gap:10px;flex:0 0 auto}.control-actions--dual .btn[data-v-1a7de825]{flex:1}.control-actions:not(.control-actions--dual) .btn[data-v-1a7de825]{width:100%}.btn[data-v-1a7de825]{padding:14px;border:none;border-radius:30px;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .1s,background-color .2s}.btn-primary[data-v-1a7de825]{background:#23c1a1;color:#fff}.btn-primary[data-v-1a7de825]:hover{background:#1eb092;transform:translateY(-1px)}.btn-secondary[data-v-1a7de825]{background:#7f8c8d;color:#fff}.btn-secondary[data-v-1a7de825]:hover{background:#6d7a7b;transform:translateY(-1px)}@media (max-width: 720px){.tutorial-container[data-v-1a7de825]{display:flex;flex-direction:column;align-items:center;padding:12px;border-radius:12px;max-width:min(450px,100%)}.tutorial-layout[data-v-1a7de825]{display:flex;flex-direction:column;align-items:center;gap:0;width:100%}.tutorial-sidebar[data-v-1a7de825]{display:contents}.sidebar-scroll[data-v-1a7de825]{order:1;flex:0 0 auto;width:100%;overflow:visible;min-height:0}.board-wrapper[data-v-1a7de825]{order:2;width:100%;max-width:400px;margin:0 auto}.control-actions[data-v-1a7de825]{order:3;margin-top:16px;gap:10px;width:100%}.instruction-card[data-v-1a7de825]{text-align:center;padding:12px;margin-bottom:12px}.instruction-card h3[data-v-1a7de825]{font-size:1rem}.instruction-card p[data-v-1a7de825],.instruction-list[data-v-1a7de825],.prompt-question[data-v-1a7de825],.finish-message[data-v-1a7de825]{font-size:.88rem}.feedback-badge[data-v-1a7de825]{bottom:10px;padding:8px 10px;font-size:.85rem}.feedback-badge--top[data-v-1a7de825]{top:10px;bottom:auto}.btn[data-v-1a7de825]{padding:12px 10px;font-size:.9rem}}.interactive-tutorial-cta[data-v-e77944fd]{display:flex;align-items:center;gap:.8rem;width:100%;margin:.75rem 0 0;padding:.8rem .9rem;border:1px solid var(--wc-border);border-left:4px solid var(--wc-info);border-radius:8px;cursor:pointer;text-align:left;font-family:inherit;color:var(--wc-text);background:var(--wc-surface-elevated);box-shadow:var(--wc-shadow);transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}.interactive-tutorial-cta[data-v-e77944fd]:hover{background:var(--wc-hover);border-color:var(--wc-info);border-left-color:var(--wc-info);box-shadow:var(--wc-shadow)}.interactive-tutorial-cta[data-v-e77944fd]:active{background:var(--wc-pressed)}.interactive-tutorial-cta[data-v-e77944fd]:focus-visible{outline:2px solid var(--wc-focus-ring);outline-offset:2px}.interactive-tutorial-cta__icon[data-v-e77944fd]{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;color:var(--wc-info);background:var(--wc-pressed)}.interactive-tutorial-cta__text[data-v-e77944fd]{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem}.interactive-tutorial-cta__title[data-v-e77944fd]{font-size:.92rem;font-weight:600;line-height:1.3;color:var(--wc-text)}.interactive-tutorial-cta__hint[data-v-e77944fd]{font-size:.8rem;font-weight:400;line-height:1.35;color:var(--wc-text-muted)}.interactive-tutorial-cta__chevron[data-v-e77944fd]{flex-shrink:0;display:flex;color:var(--wc-text-muted)}.interactive-tutorial-cta--compact[data-v-e77944fd]{gap:.45rem;margin-top:0;padding:.45rem .55rem;border-left-width:3px;border-radius:6px}.interactive-tutorial-cta--compact .interactive-tutorial-cta__icon[data-v-e77944fd]{width:28px;height:28px;border-radius:6px}.interactive-tutorial-cta--compact .interactive-tutorial-cta__icon svg[data-v-e77944fd]{width:18px;height:18px}.interactive-tutorial-cta--compact .interactive-tutorial-cta__text[data-v-e77944fd]{gap:.1rem}.interactive-tutorial-cta--compact .interactive-tutorial-cta__title[data-v-e77944fd]{font-size:.78rem;line-height:1.25}.interactive-tutorial-cta--compact .interactive-tutorial-cta__hint[data-v-e77944fd]{font-size:.68rem;line-height:1.25}.interactive-tutorial-cta--compact .interactive-tutorial-cta__chevron svg[data-v-e77944fd]{width:14px;height:14px}.chess-lesson{display:grid;grid-template-columns:auto 1fr;gap:2rem;padding:1rem;height:600px!important;max-width:1400px;margin:0 auto;touch-action:none;overflow:hidden}.chess-lesson:not(.mobile-view){height:600px!important;max-height:600px!important}.chess-lesson.mobile-view{display:flex;flex-direction:column;padding:0;height:auto!important;touch-action:none}.chess-content{display:flex;justify-content:center;align-items:flex-start;height:fit-content;touch-action:none}.mobile-view .chess-content{width:100%;touch-action:none}.chessboard-container{display:flex;flex-direction:column;align-items:center;height:fit-content;touch-action:none}.mobile-view .chessboard-container{width:100%;box-sizing:border-box;touch-action:none}.mobile-view .board-container{max-width:100%;overflow:hidden}.mobile-view #board{max-width:100%;box-sizing:border-box}.learning-path,.lesson-description{background:var(--wc-surface);padding:1.5rem;border-radius:8px;box-shadow:var(--wc-shadow);height:100%;max-height:600px;overflow-y:auto;align-self:start}.learning-path h3,.lesson-description h3{color:var(--wc-text);margin:0 0 1rem;font-size:1.1rem}.learning-path p,.lesson-description p{color:var(--wc-text-secondary);line-height:1.5;margin:0 0 1rem}.objectives{background:var(--wc-bg-subtle);border-radius:6px;height:200px;overflow:hidden}.intro-video{width:100%;height:100%;object-fit:cover;border-radius:6px}.objectives h4{color:var(--wc-text);margin:0 0 .5rem;font-size:1rem}.objectives ul{margin:0;padding-left:1.25rem}.objectives li{color:var(--wc-text-secondary);margin-bottom:.5rem;line-height:1.4}.placeholder-content{text-align:center}.placeholder-content h3{margin:0 0 .5rem;color:var(--wc-brand)}.placeholder-content p{margin:0;font-size:.9rem}.lesson-controls{display:flex;justify-content:space-between;margin-top:1rem}.mobile-view .lesson-controls{max-width:100%;box-sizing:border-box}.submit-button,.skip-button{padding:.75rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s}.mobile-view .submit-button,.mobile-view .skip-button{padding:.75rem 1rem;font-size:.9rem}.submit-button{background:var(--wc-brand);color:var(--wc-on-brand)}.submit-button:disabled{background:#a8d5c2;cursor:not-allowed}.submit-button:not(:disabled):hover{background:var(--wc-brand-hover)}.skip-button{background:var(--wc-surface-elevated);color:var(--wc-text);border:1px solid var(--wc-border)}.skip-button:hover{background:var(--wc-hover);color:var(--wc-text);border-color:var(--wc-text-muted)}:deep(.square-55d63){transition:background-color .2s ease-in-out}:deep(.white-1e1d7){background-color:#f0d9b5}:deep(.black-3c85d){background-color:#b58863}:deep(.piece-417db){background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important;transition:background-image .1s ease-in-out;touch-action:none}:deep(.square-55d63){position:relative;touch-action:none}:deep(.piece-square){will-change:transform;transform:translateZ(0);touch-action:none}:deep(.board-b72b1){touch-action:none}:deep(.piece-417db[class*="wP"]:not([style*="background-image"])){background-color:#ffffffb3!important}:deep(.piece-417db[class*="wR"]:not([style*="background-image"])){background-color:#ffffffb3!important}:deep(.piece-417db[class*="wN"]:not([style*="background-image"])){background-color:#ffffffb3!important}:deep(.piece-417db[class*="wB"]:not([style*="background-image"])){background-color:#ffffffb3!important}:deep(.piece-417db[class*="wQ"]:not([style*="background-image"])){background-color:#ffffffb3!important}:deep(.piece-417db[class*="wK"]:not([style*="background-image"])){background-color:#ffffffb3!important}:deep(.piece-417db[class*="bP"]:not([style*="background-image"])){background-color:#000000b3!important}:deep(.piece-417db[class*="bR"]:not([style*="background-image"])){background-color:#000000b3!important}:deep(.piece-417db[class*="bN"]:not([style*="background-image"])){background-color:#000000b3!important}:deep(.piece-417db[class*="bB"]:not([style*="background-image"])){background-color:#000000b3!important}:deep(.piece-417db[class*="bQ"]:not([style*="background-image"])){background-color:#000000b3!important}:deep(.piece-417db[class*="bK"]:not([style*="background-image"])){background-color:#000000b3!important}@media (max-width: 767px){.chess-lesson{padding:.5rem;gap:1rem}.chessboard-container{padding:0}}.loading-pieces{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--wc-surface);padding:1rem;border-radius:8px;display:flex;flex-direction:column;align-items:center;box-shadow:var(--wc-shadow);z-index:100}.loading-spinner{border:3px solid var(--wc-border);border-top:3px solid var(--wc-brand);border-radius:50%;width:24px;height:24px;animation:spin 1s linear infinite;margin-bottom:.5rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.feedback-message{position:relative;background:transparent;color:var(--wc-on-brand);border-radius:8px;padding:.75rem 2.5rem .75rem 1rem;margin-top:.5rem;text-align:center;font-weight:700;box-shadow:0 2px 8px #0003;animation:fadeIn .3s ease-in-out;max-width:100%;box-sizing:border-box;font-size:.95rem;line-height:1.4}.feedback-message:before{content:"";position:absolute;top:-10px;left:50%;transform:translate(-50%);border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid transparent}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-feedback{position:fixed;top:30px;left:1rem;right:1rem;width:auto;max-width:none;margin:0;z-index:1001;box-shadow:0 4px 12px #00000040;animation:mobileFeedbackFadeIn .3s ease-in-out}.mobile-feedback:before{display:none}@keyframes mobileFeedbackFadeIn{0%{opacity:0}to{opacity:1}}.success-feedback{background:var(--wc-brand)}.success-feedback:before{border-bottom-color:var(--wc-brand)}.error-feedback{background:var(--wc-danger);color:var(--wc-on-brand)}.error-feedback:before{border-bottom-color:var(--wc-danger)}.info-feedback{background:var(--wc-info);color:var(--wc-on-brand)}.info-feedback:before{border-bottom-color:var(--wc-info)}.feedback-icon{display:inline-block;margin-right:.5rem;font-weight:700;font-size:1.1em}.feedback-close-button{position:absolute;top:.5rem;right:.5rem;background:none;border:none;color:var(--wc-on-brand);font-size:24px;cursor:pointer;padding:0;line-height:1;opacity:.8;transition:opacity .2s;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.feedback-close-button:hover{opacity:1}.feedback-close-button span{display:inline-block;line-height:1;font-weight:700}.button-spacer{width:120px}.stats{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.chess-lesson.mobile-view .stats{gap:.25rem;flex-wrap:wrap;justify-content:center;margin-bottom:0}.stat{display:flex;flex-direction:column;align-items:center;background:var(--wc-surface-elevated);border:1px solid var(--wc-border);padding:.75rem;border-radius:8px;box-shadow:var(--wc-shadow)}.chess-lesson.mobile-view .stat{min-width:70px;padding:.5rem .25rem;font-size:.8rem;min-height:44px;touch-action:manipulation}.stat-label{font-size:.8rem;color:var(--wc-text-muted);margin-bottom:.25rem}.chess-lesson.mobile-view .stat-label{font-size:.7rem}.stat-value{font-size:1rem;font-weight:700;color:var(--wc-brand)}.chess-lesson.mobile-view .stat-value{font-size:.9rem}.mobile-lesson-link{padding:.15rem .75rem 0;background:var(--wc-bg-subtle);border-bottom:none}.mobile-lesson-link .tutorial-link{font-size:.95rem}.mobile-stats{padding:.2rem .75rem .35rem;background:var(--wc-bg-subtle);border-bottom:1px solid var(--wc-divider)}.chess-lesson.mobile-view .mobile-stats .stats{margin-bottom:0}.board-container{position:relative;display:inline-block}.board-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10;border-radius:8px}.overlay-message{color:var(--wc-on-brand);font-size:1.2rem;font-weight:500;text-align:center;padding:20px}.clear-button[data-v-edc33e6b]{background-color:#f44336;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s}.clear-button[data-v-edc33e6b]:hover:not(:disabled){background-color:#d32f2f}.clear-button[data-v-edc33e6b]:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.lesson-controls[data-v-edc33e6b]{display:flex;align-items:center;margin-top:10px;justify-content:space-between;width:100%}.button-left[data-v-edc33e6b]{display:flex;justify-content:flex-start;flex:1}.button-center[data-v-edc33e6b]{display:flex;justify-content:center;flex:1}.button-right[data-v-edc33e6b]{display:flex;justify-content:flex-end;flex:1}.tutorial-link[data-v-edc33e6b]{display:inline-block;color:var(--waychess-primary, #2563eb);text-decoration:underline;cursor:pointer;font-weight:500}.tutorial-link[data-v-edc33e6b]:hover{color:var(--waychess-primary-hover, #1d4ed8)}.polish-video-link[data-v-edc33e6b]{display:block;margin-top:.75rem}.slides-popup-overlay[data-v-edc33e6b]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.slides-popup-content[data-v-edc33e6b]{position:relative;max-width:90vw;max-height:90vh;background:#1a1a1a;border-radius:12px;padding:20px 56px 20px 20px;box-shadow:0 4px 24px #0006;overflow:auto}.slides-close-button[data-v-edc33e6b]{position:absolute;top:10px;right:10px;background:#fff3;border:none;border-radius:50%;width:36px;height:36px;font-size:28px;color:#fff;cursor:pointer;padding:0;line-height:1;z-index:1;display:flex;align-items:center;justify-content:center}.slides-close-button[data-v-edc33e6b]:hover{background:#ffffff4d}.interactive-tutorial-overlay[data-v-edc33e6b]{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:1100;padding:max(.5rem,env(safe-area-inset-top,0px)) max(.5rem,env(safe-area-inset-right,0px)) max(.5rem,env(safe-area-inset-bottom,0px)) max(.5rem,env(safe-area-inset-left,0px));box-sizing:border-box;overflow:hidden}.interactive-tutorial-dialog[data-v-edc33e6b]{position:relative;width:100%;max-width:min(450px,calc(100vw - 1rem));max-height:95vh;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box}.interactive-tutorial-dialog--wide[data-v-edc33e6b]{max-width:min(920px,calc(100vw - 1rem));overflow-y:hidden}@media (max-width: 720px){.interactive-tutorial-dialog--wide[data-v-edc33e6b]{max-width:min(450px,calc(100vw - 1rem));overflow-y:auto}}@media (max-width: 480px){.interactive-tutorial-overlay[data-v-edc33e6b]{align-items:flex-start;padding-top:max(.75rem,env(safe-area-inset-top,0px))}.interactive-tutorial-dialog[data-v-edc33e6b]{max-width:calc(100vw - .75rem);max-height:calc(100vh - 1.5rem)}.interactive-tutorial-dialog--wide[data-v-edc33e6b]{max-width:calc(100vw - .75rem);overflow-y:auto}}.interactive-tutorial-close[data-v-edc33e6b]{position:absolute;top:8px;right:8px;z-index:2;width:36px;height:36px;border:none;border-radius:50%;background:#ffffff40;color:#fff;font-size:1.5rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.interactive-tutorial-close[data-v-edc33e6b]:hover{background:#fff6}.dialog-overlay[data-v-8528277c]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--wc-overlay);display:flex;justify-content:center;align-items:center;z-index:1000}.dialog[data-v-8528277c]{background:var(--wc-surface);border-radius:16px;width:90%;max-width:400px;box-shadow:var(--wc-shadow)}.dialog-header[data-v-8528277c]{padding:1rem 1.5rem;border-bottom:1px solid var(--wc-divider);display:flex;justify-content:space-between;align-items:center}.dialog-header h3[data-v-8528277c]{margin:0;font-size:1.25rem;color:var(--wc-brand)}.close-button[data-v-8528277c]{background:none;border:none;font-size:1.5rem;color:var(--wc-text-muted);cursor:pointer;padding:.5rem;line-height:1}.close-button[data-v-8528277c]:hover{color:var(--wc-brand)}.close-button[data-v-8528277c]:focus-visible{outline:2px solid var(--wc-focus-ring);outline-offset:2px;border-radius:4px}.dialog-content[data-v-8528277c]{padding:1.5rem}.dialog-content p[data-v-8528277c]{margin:0;color:var(--wc-text-secondary);font-size:1rem;line-height:1.5}.dialog-footer[data-v-8528277c]{padding:1rem 1.5rem;border-top:1px solid var(--wc-divider);display:flex;justify-content:flex-end}.primary-button[data-v-8528277c]{background-color:var(--wc-brand);border:none;border-bottom:4px solid var(--wc-brand-hover);border-radius:12px;color:var(--wc-on-brand);font-weight:700;text-transform:uppercase;font-size:15px;letter-spacing:.8px;padding:13px 16px;cursor:pointer;transition:background-color .2s}.primary-button[data-v-8528277c]:hover{background-color:var(--wc-brand-hover)}.learning-path[data-v-5b3dd94f]{padding:2rem;background:var(--wc-hover);border-radius:8px;box-sizing:border-box}.learning-path.mobile[data-v-5b3dd94f]{padding:1rem;border-radius:0}.header[data-v-5b3dd94f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.mobile .header[data-v-5b3dd94f]{margin-bottom:1rem}.title[data-v-5b3dd94f]{color:var(--wc-text);font-size:1.8rem;margin:0}.mobile .title[data-v-5b3dd94f]{font-size:1.5rem}.chapter[data-v-5b3dd94f]{margin-bottom:2rem}.mobile .chapter[data-v-5b3dd94f]{margin-bottom:1.5rem}.chapter.locked[data-v-5b3dd94f]{opacity:.7}.chapter-title[data-v-5b3dd94f]{display:flex;align-items:center;margin-bottom:.25rem;color:var(--wc-text)}.stars-row[data-v-5b3dd94f]{display:flex;gap:2px;margin-bottom:.75rem;padding-left:calc(30px + 1rem)}.stars-row--with-tooltip[data-v-5b3dd94f]{position:relative}.stars-tooltip[data-v-5b3dd94f]{position:absolute;left:0;bottom:100%;margin-bottom:6px;padding:6px 10px;background:#1f2937;color:var(--wc-on-brand);font-size:.8rem;border-radius:6px;white-space:pre-line;max-width:260px;min-width:200px;box-shadow:0 4px 12px #00000026;z-index:10000;pointer-events:none;visibility:hidden;opacity:0;transition:opacity .15s ease,visibility .15s ease}.stars-row--with-tooltip:hover .stars-tooltip[data-v-5b3dd94f]{visibility:visible;opacity:1}.stars-row-level[data-v-5b3dd94f]{padding-left:.5rem;margin-top:.25rem;margin-bottom:.5rem}.mobile .stars-row[data-v-5b3dd94f]{padding-left:calc(24px + 1rem)}.star[data-v-5b3dd94f]{font-size:1rem;color:var(--wc-text-muted);opacity:1}.star.filled[data-v-5b3dd94f]{opacity:1}html[data-theme=dark] .star.filled[data-v-5b3dd94f]{text-shadow:0 0 2px rgba(243,246,250,.4)}.chapter-number[data-v-5b3dd94f]{background:var(--wc-brand);color:var(--wc-on-brand);width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:1rem;font-weight:700}.mobile .chapter-number[data-v-5b3dd94f]{width:24px;height:24px;font-size:.9rem}.lessons[data-v-5b3dd94f]{display:flex;flex-direction:column;gap:.5rem;padding-left:2rem}.mobile .lessons[data-v-5b3dd94f]{padding-left:2rem}.lesson-container[data-v-5b3dd94f]{display:flex;flex-direction:column;gap:.5rem}.level-header[data-v-5b3dd94f]{font-weight:700;color:var(--wc-text);font-size:1rem;margin-top:1rem;margin-bottom:.5rem;padding-left:.5rem}.mobile .level-header[data-v-5b3dd94f]{font-size:.9rem;margin-top:.75rem}.lesson-button[data-v-5b3dd94f]{display:flex;align-items:center;padding:1rem;border:1px solid var(--wc-border);background:var(--wc-surface-elevated);border-radius:8px;cursor:pointer;width:100%;text-align:left;transition:all .2s;color:var(--wc-text)}.mobile .lesson-button[data-v-5b3dd94f]{padding:.75rem;font-size:.9rem}.lesson-button[data-v-5b3dd94f]:hover:not(:disabled){background:var(--wc-selected)}.lesson-button.selected[data-v-5b3dd94f]{background:var(--wc-brand);color:var(--wc-on-brand);border-color:var(--wc-brand)}.lesson-button.completed[data-v-5b3dd94f]{border-left:4px solid var(--wc-brand)}.lesson-button[data-v-5b3dd94f]:disabled{cursor:not-allowed;background:var(--wc-pressed)}.lesson-number[data-v-5b3dd94f]{font-weight:700;margin-right:1rem;color:inherit}.tasks[data-v-5b3dd94f]{display:flex;flex-direction:column;gap:.5rem;padding-left:2rem}.task-button[data-v-5b3dd94f]{display:flex;align-items:center;padding:.75rem;border:none;background:var(--wc-bg-subtle);border-radius:8px;cursor:pointer;width:100%;text-align:left;transition:all .2s;font-size:.9rem;justify-content:space-between}.task-button[data-v-5b3dd94f]:hover{background:var(--wc-selected)}.task-button.selected[data-v-5b3dd94f]{background:var(--wc-brand);color:var(--wc-on-brand)}.task-button.completed[data-v-5b3dd94f]{border-left:4px solid var(--wc-brand)}.task-number[data-v-5b3dd94f]{font-weight:700;margin-right:1rem;color:inherit}.tasks-mobile[data-v-5b3dd94f]{padding-left:1rem;margin-top:.5rem;margin-bottom:.5rem}.task-button-mobile[data-v-5b3dd94f]{padding:.5rem;font-size:.85rem;background:var(--wc-surface-elevated)}.task-button-mobile[data-v-5b3dd94f]:hover{background:var(--wc-pressed)}.task-button-mobile.selected[data-v-5b3dd94f]{background:var(--wc-brand);color:var(--wc-on-brand)}.task-progress[data-v-5b3dd94f]{margin-left:auto;padding-left:1rem;font-size:.8rem;color:var(--wc-text-muted)}.task-button.selected .task-progress[data-v-5b3dd94f]{color:var(--wc-on-brand)}.lock-icon[data-v-5b3dd94f]{margin-left:8px;color:var(--wc-text-muted)}.lesson-button.locked[data-v-5b3dd94f],.task-button.locked[data-v-5b3dd94f]{cursor:not-allowed;opacity:.7}.subscription-status[data-v-ffe2b3e8]{padding:.1rem 1rem;border-radius:8px;background:var(--wc-bg-subtle);display:inline-flex;align-items:center;gap:.5rem}.status[data-v-ffe2b3e8]{display:flex;align-items:center;gap:.5rem}.status.premium[data-v-ffe2b3e8]{color:var(--wc-brand)}.status-icon[data-v-ffe2b3e8]{font-size:1.2rem}.loading[data-v-ffe2b3e8]{color:var(--wc-text-muted);font-style:italic}.dark-mode-toggle[data-v-9efcc21d]{display:flex;align-items:center;justify-content:flex-start;gap:.75rem;width:100%;padding:.75rem 1rem;border:none;background:none;color:var(--wc-text);font:inherit;font-size:.9rem;text-align:left;cursor:pointer}.dark-mode-toggle[data-v-9efcc21d]:hover{background:var(--wc-hover)}.dark-mode-toggle__label[data-v-9efcc21d]{min-width:0}.dark-mode-toggle__track[data-v-9efcc21d]{position:relative;flex-shrink:0;width:40px;height:22px;border-radius:999px;background:var(--wc-disabled);transition:background-color .15s ease}.dark-mode-toggle[aria-checked=true] .dark-mode-toggle__track[data-v-9efcc21d]{background:var(--wc-brand)}.dark-mode-toggle__thumb[data-v-9efcc21d]{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--wc-on-brand);box-shadow:0 1px 3px #00000040;transition:transform .15s ease}.dark-mode-toggle[aria-checked=true] .dark-mode-toggle__thumb[data-v-9efcc21d]{transform:translate(18px)}.dark-mode-toggle[data-v-9efcc21d]:focus-visible{outline:2px solid var(--wc-focus-ring);outline-offset:-2px}body{margin:0;background:var(--wc-bg);color:var(--wc-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.cc-revoke,.cc-revoke.cc-bottom,.cc-revoke.cc-right,.cc-window.cc-revoke,.cc-revoke.cc-animate,div[class*=cc-revoke],div[id*=cookieconsent][class*=revoke]{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}.app-container[data-v-e52c43ed]{position:relative;min-height:100vh;padding-top:40px;overflow-x:hidden}.menu-bar[data-v-e52c43ed]{position:fixed;top:0;left:0;right:0;height:40px;background-color:var(--wc-surface);box-shadow:var(--wc-shadow);display:flex;justify-content:space-between;align-items:center;padding:0 1rem;z-index:1000;width:100%;box-sizing:border-box}.logo[data-v-e52c43ed]{font-weight:700;font-size:1.2rem;color:var(--wc-brand);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:50%;text-decoration:none;transition:opacity .2s}.logo[data-v-e52c43ed]:hover{opacity:.8}@media (max-width: 767px){.logo[data-v-e52c43ed]{font-size:1rem;max-width:40%}.menu-bar[data-v-e52c43ed]{padding:0 .5rem}.menu-actions[data-v-e52c43ed]{justify-content:flex-end}.menu-toggle[data-v-e52c43ed]{padding:.25rem}main[data-v-e52c43ed]{padding:.5rem}.desktop-only[data-v-e52c43ed]{display:none!important}.mobile-only[data-v-e52c43ed]{display:flex!important}}.menu-actions[data-v-e52c43ed]{display:flex;align-items:center;gap:1rem;flex-shrink:0}.profile-icon[data-v-e52c43ed]{display:flex;align-items:center;justify-content:center;gap:6px;padding:.5rem;border-radius:4px;background-color:var(--wc-hover);color:var(--wc-text-muted);cursor:pointer;transition:background-color .2s}.profile-icon[data-v-e52c43ed]:hover{background-color:var(--wc-pressed)}.user-menu[data-v-e52c43ed]{position:relative}.menu-toggle[data-v-e52c43ed]{display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:4px;background-color:var(--wc-hover);color:var(--wc-text-muted);cursor:pointer;transition:background-color .2s;border:none}.menu-toggle[data-v-e52c43ed]:hover{background-color:var(--wc-pressed)}.user-menu-dropdown[data-v-e52c43ed]{position:absolute;top:100%;right:0;margin-top:.5rem;background:var(--wc-surface-elevated);border:1px solid var(--wc-border);border-radius:8px;box-shadow:var(--wc-shadow);overflow:hidden;min-width:180px}.menu-item[data-v-e52c43ed]{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;border:none;background:none;text-align:left;cursor:pointer;transition:background-color .2s;color:var(--wc-text);font-size:.9rem}a.menu-item[data-v-e52c43ed]{text-decoration:none}.menu-item[data-v-e52c43ed]:hover{background:var(--wc-hover)}.menu-item svg[data-v-e52c43ed]{flex-shrink:0}.menu-item .flag-icon[data-v-e52c43ed]{flex-shrink:0;width:16px;height:12px}@media (min-width: 768px){.mobile-only[data-v-e52c43ed]{display:none!important}}.guest-auth-actions[data-v-e52c43ed]{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;justify-content:flex-end}.landing-login-link[data-v-e52c43ed]{font-size:.875rem;font-weight:600;color:var(--wc-text);text-decoration:none;white-space:nowrap;padding:.35rem .15rem;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}.landing-login-link[data-v-e52c43ed]:hover{color:var(--wc-brand);border-bottom-color:color-mix(in srgb,var(--wc-brand) 35%,transparent)}@media (max-width: 767px){.guest-auth-actions[data-v-e52c43ed]{gap:.35rem}.guest-auth-actions .login-button[data-v-e52c43ed]{padding:.35rem .55rem;font-size:.78rem}.landing-login-link[data-v-e52c43ed]{font-size:.72rem;padding:.25rem .1rem}}.login-button[data-v-e52c43ed]{display:flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:6px;background-color:var(--wc-brand);color:var(--wc-on-brand);cursor:pointer;transition:background-color .2s;border:none;font-weight:600;font-size:.9rem;text-decoration:none}.login-button[data-v-e52c43ed]:hover{background-color:var(--wc-brand-hover)}.sign-out-text[data-v-e52c43ed]{font-size:.85rem;font-weight:500}.language-selector[data-v-e52c43ed]{position:relative}.language-toggle[data-v-e52c43ed]{padding:.25rem;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s;width:32px;height:24px}.language-toggle[data-v-e52c43ed]:hover{opacity:.8}.language-menu[data-v-e52c43ed]{position:absolute;top:100%;right:0;margin-top:.5rem;background:var(--wc-surface-elevated);border:1px solid var(--wc-border);border-radius:8px;box-shadow:var(--wc-shadow);overflow:hidden}.language-option[data-v-e52c43ed]{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1.5rem;border:none;background:none;text-align:left;cursor:pointer;transition:background-color .2s;color:var(--wc-text);white-space:nowrap}.language-option[data-v-e52c43ed]:hover{background:var(--wc-hover)}.language-option.active[data-v-e52c43ed]{background:var(--wc-selected);color:var(--wc-brand);font-weight:700}.flag-icon[data-v-e52c43ed]{flex-shrink:0}main[data-v-e52c43ed]{margin:0 auto;padding:1rem}.content[data-v-e52c43ed]{display:flex;gap:2rem;justify-content:center;align-items:flex-start}.content.mobile-view[data-v-e52c43ed]{flex-direction:column;padding:0}.learning-path-container[data-v-e52c43ed],.chessboard-container[data-v-e52c43ed]{width:100%}.mobile-lesson-title[data-v-e52c43ed]{font-size:1.1rem;text-align:center;margin:.3rem 0 .5rem;color:var(--wc-text)}@media (min-width: 768px){.learning-path-container[data-v-e52c43ed],.chessboard-container[data-v-e52c43ed]{width:auto}}.loading-overlay[data-v-e52c43ed]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--wc-bg);display:flex;justify-content:center;align-items:center;z-index:1000}.loading-spinner[data-v-e52c43ed]{width:50px;height:50px;border:5px solid var(--wc-border);border-top:5px solid var(--wc-brand);border-radius:50%;animation:spin-e52c43ed 1s linear infinite}@keyframes spin-e52c43ed{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sound-toggle[data-v-e52c43ed]{display:flex;align-items:center;justify-content:center;padding:.25rem;background:transparent;border:none;cursor:pointer;color:var(--wc-text-muted);transition:color .2s}.sound-toggle[data-v-e52c43ed]:hover{color:var(--wc-brand)}.sound-toggle[data-v-e52c43ed]:focus-visible,.menu-toggle[data-v-e52c43ed]:focus-visible,.language-toggle[data-v-e52c43ed]:focus-visible{outline:2px solid var(--wc-focus-ring);outline-offset:2px}.premium-button[data-v-e52c43ed]{background-color:var(--wc-brand);color:var(--wc-on-brand);padding:.5rem 1rem;border-radius:4px;text-decoration:none;font-weight:700;font-size:.9rem;transition:background-color .2s;white-space:nowrap}.premium-button[data-v-e52c43ed]:hover{background-color:var(--wc-brand-hover)}@media (max-width: 767px){.premium-button[data-v-e52c43ed]{padding:.4rem .8rem;font-size:.8rem}}