@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-0a88e916],[data-v-0a88e916]::backdrop,[data-v-0a88e916]:after,[data-v-0a88e916]:before{--tw-font-weight:initial}}}.structure-game[data-v-0a88e916]{gap:8px;width:100%}.menu-area[data-v-0a88e916],.results-area[data-v-0a88e916],.structure-game[data-v-0a88e916]{display:flex;flex:1;flex-direction:column;min-height:calc(var(--spacing,.25rem)*0)}.menu-area[data-v-0a88e916],.results-area[data-v-0a88e916]{align-items:center;gap:12px;justify-content:center;text-align:center}.menu-intro[data-v-0a88e916]{font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,1.55556));--tw-font-weight:var(--font-weight-semibold,600);color:var(--piano-text-primary);font-weight:var(--font-weight-semibold,600)}.menu-sub[data-v-0a88e916]{color:var(--piano-text-secondary)}.menu-sub[data-v-0a88e916],.restart-btn[data-v-0a88e916],.start-btn[data-v-0a88e916]{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857))}.restart-btn[data-v-0a88e916],.start-btn[data-v-0a88e916]{align-items:center;cursor:pointer;gap:calc(var(--spacing,.25rem)*2);--tw-border-style:none;padding-block:calc(var(--spacing,.25rem)*2.5);padding-inline:calc(var(--spacing,.25rem)*6);--tw-font-weight:var(--font-weight-bold,700);background:var(--piano-gold);border-radius:3.40282e+38px;border-style:none;color:#1a1a2e;display:inline-flex;font-weight:var(--font-weight-bold,700);transition:transform .2s}.restart-btn[data-v-0a88e916]:hover,.start-btn[data-v-0a88e916]:hover{transform:translateY(-2px)}.game-area[data-v-0a88e916]{display:flex;flex:1;flex-direction:column;gap:10px;min-height:calc(var(--spacing,.25rem)*0)}.top-controls[data-v-0a88e916]{align-items:center;display:flex;flex-shrink:0;gap:calc(var(--spacing,.25rem)*3);justify-content:center}.round-label[data-v-0a88e916]{color:var(--piano-text-secondary)}.round-label[data-v-0a88e916],.score-label[data-v-0a88e916]{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,1.33333))}.score-label[data-v-0a88e916]{--tw-font-weight:var(--font-weight-bold,700);color:var(--piano-gold);font-weight:var(--font-weight-bold,700)}.prompt[data-v-0a88e916]{border-radius:calc(var(--ui-radius)*2);--tw-font-weight:var(--font-weight-semibold,600);background:#c6a75e14;border:1px solid #c6a75e40;color:var(--piano-text-primary);font-size:14px;font-weight:var(--font-weight-semibold,600);padding:6px 12px}.prompt[data-v-0a88e916],.sub-prompt[data-v-0a88e916]{flex-shrink:0;text-align:center}.sub-prompt[data-v-0a88e916]{color:var(--piano-text-secondary);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857))}.listen-area[data-v-0a88e916]{align-items:center;display:flex;flex-shrink:0;justify-content:center}.play-btn[data-v-0a88e916]{align-items:center;cursor:pointer;gap:calc(var(--spacing,.25rem)*2);--tw-border-style:none;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));padding-block:calc(var(--spacing,.25rem)*2);padding-inline:calc(var(--spacing,.25rem)*5);--tw-font-weight:var(--font-weight-bold,700);background:var(--piano-gold);border-radius:3.40282e+38px;border-style:none;color:#1a1a2e;display:inline-flex;font-weight:var(--font-weight-bold,700)}.play-btn[data-v-0a88e916]:hover{opacity:.92}.options-grid[data-v-0a88e916]{display:grid;flex-shrink:0;gap:calc(var(--spacing,.25rem)*2);width:100%}.options-grid.cols-2[data-v-0a88e916]{grid-template-columns:repeat(2,1fr)}.options-grid.cols-3[data-v-0a88e916]{grid-template-columns:repeat(3,1fr)}.option-btn[data-v-0a88e916]{align-items:center;border-radius:calc(var(--ui-radius)*3);cursor:pointer;font-size:var(--text-sm,.875rem);gap:calc(var(--spacing,.25rem)*1);justify-content:center;line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));padding-block:calc(var(--spacing,.25rem)*3);padding-inline:calc(var(--spacing,.25rem)*3);--tw-font-weight:var(--font-weight-semibold,600);background:var(--piano-bg-secondary);border:1.5px solid var(--piano-border);color:var(--piano-text-primary);display:flex;flex-direction:column;font-weight:var(--font-weight-semibold,600);transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)))}.option-btn[data-v-0a88e916]:not(:disabled):hover{border-color:var(--piano-gold);color:var(--piano-gold)}.option-btn.correct[data-v-0a88e916]{background:#22c55e2e;border-color:#22c55e;color:#22c55e}.option-btn.wrong[data-v-0a88e916]{background:#ef44442e;border-color:#ef4444;color:#ef4444}.opt-title[data-v-0a88e916]{font-size:15px}.opt-sub[data-v-0a88e916]{font-size:11px;opacity:.7}.option-pair[data-v-0a88e916]{display:flex;flex-direction:column}.option-pair[data-v-0a88e916],.play-mini-btn[data-v-0a88e916]{gap:calc(var(--spacing,.25rem)*1)}.play-mini-btn[data-v-0a88e916]{align-items:center;background:0 0;border:1px solid var(--piano-border);border-radius:3.40282e+38px;color:var(--piano-text-secondary);cursor:pointer;display:inline-flex;font-size:var(--text-xs,.75rem);justify-content:center;line-height:var(--tw-leading,var(--text-xs--line-height,1.33333));padding-block:calc(var(--spacing,.25rem)*1);padding-inline:calc(var(--spacing,.25rem)*2)}.play-mini-btn[data-v-0a88e916]:not(:disabled):hover{border-color:var(--piano-gold);color:var(--piano-gold)}.blocks-row[data-v-0a88e916]{flex-shrink:0;gap:calc(var(--spacing,.25rem)*3);justify-content:center}.block-wrap[data-v-0a88e916],.blocks-row[data-v-0a88e916]{align-items:center;display:flex}.block-wrap[data-v-0a88e916]{flex-direction:column;gap:calc(var(--spacing,.25rem)*1)}.block-listen[data-v-0a88e916]{background:0 0;border:1px solid var(--piano-border);border-radius:3.40282e+38px;color:var(--piano-text-secondary);height:calc(var(--spacing,.25rem)*8);width:calc(var(--spacing,.25rem)*8)}.block-btn[data-v-0a88e916],.block-listen[data-v-0a88e916]{align-items:center;cursor:pointer;display:inline-flex;justify-content:center}.block-btn[data-v-0a88e916]{background:var(--piano-bg-secondary);border:1.5px solid var(--piano-gold);border-radius:calc(var(--ui-radius)*3);color:var(--piano-gold);font-family:Times New Roman,Times,serif;font-size:22px;font-weight:700;height:calc(var(--spacing,.25rem)*14);width:calc(var(--spacing,.25rem)*14)}.block-btn[data-v-0a88e916]:not(:disabled):hover{transform:translateY(-2px)}.user-order[data-v-0a88e916]{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:calc(var(--spacing,.25rem)*2);justify-content:center}.order-label[data-v-0a88e916]{color:var(--piano-text-secondary);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857))}.order-chip[data-v-0a88e916]{align-items:center;background:var(--piano-bg-secondary);border:1px solid var(--piano-border);border-radius:calc(var(--ui-radius)*2);color:var(--piano-gold);display:inline-flex;font-weight:700;height:calc(var(--spacing,.25rem)*8);justify-content:center;width:calc(var(--spacing,.25rem)*8)}.order-chip.correct[data-v-0a88e916]{border-color:#22c55e;color:#22c55e}.order-chip.wrong[data-v-0a88e916]{border-color:#ef4444;color:#ef4444}.order-empty[data-v-0a88e916]{color:var(--piano-text-secondary);font-size:var(--text-xs,.75rem);font-style:italic;line-height:var(--tw-leading,var(--text-xs--line-height,1.33333));opacity:.6}.correction[data-v-0a88e916]{color:var(--piano-text-primary);flex-shrink:0;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));text-align:center}.action-row[data-v-0a88e916]{align-items:center;display:flex;flex-shrink:0;gap:calc(var(--spacing,.25rem)*2);justify-content:center}.ghost-btn[data-v-0a88e916]{align-items:center;cursor:pointer;font-size:var(--text-xs,.75rem);gap:calc(var(--spacing,.25rem)*1);line-height:var(--tw-leading,var(--text-xs--line-height,1.33333));padding-block:calc(var(--spacing,.25rem)*1.5);padding-inline:calc(var(--spacing,.25rem)*3);--tw-font-weight:var(--font-weight-semibold,600);background:var(--piano-bg-secondary);border:1px solid var(--piano-border);border-radius:3.40282e+38px;color:var(--piano-text-secondary);display:inline-flex;font-weight:var(--font-weight-semibold,600)}.ghost-btn[data-v-0a88e916]:not(:disabled):hover{border-color:var(--piano-gold);color:var(--piano-gold)}.ghost-btn[data-v-0a88e916]:disabled{cursor:not-allowed;opacity:.4}.validate-btn[data-v-0a88e916]{align-items:center;cursor:pointer;gap:calc(var(--spacing,.25rem)*2);--tw-border-style:none;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));padding-block:calc(var(--spacing,.25rem)*2);padding-inline:calc(var(--spacing,.25rem)*5);--tw-font-weight:var(--font-weight-bold,700);background:var(--piano-gold);border-radius:3.40282e+38px;border-style:none;color:#1a1a2e;display:inline-flex;font-weight:var(--font-weight-bold,700)}.validate-btn[data-v-0a88e916]:disabled{cursor:not-allowed;opacity:.4}.next-row[data-v-0a88e916]{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:calc(var(--spacing,.25rem)*2)}.feedback[data-v-0a88e916]{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600)}.feedback.ok[data-v-0a88e916]{color:#22c55e}.feedback.ko[data-v-0a88e916]{color:#ef4444}.next-btn[data-v-0a88e916]{align-items:center;cursor:pointer;gap:calc(var(--spacing,.25rem)*2);--tw-border-style:none;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));padding-block:calc(var(--spacing,.25rem)*2);padding-inline:calc(var(--spacing,.25rem)*5);--tw-font-weight:var(--font-weight-bold,700);background:var(--piano-gold);border-radius:3.40282e+38px;border-style:none;color:#1a1a2e;display:inline-flex;font-weight:var(--font-weight-bold,700)}.results-card[data-v-0a88e916]{align-items:center;background:var(--piano-bg-secondary);border:1px solid var(--piano-border);border-radius:calc(var(--ui-radius)*4);display:flex;flex-direction:column;gap:calc(var(--spacing,.25rem)*3);padding:calc(var(--spacing,.25rem)*6)}.results-emoji[data-v-0a88e916]{font-size:44px}.results-title[data-v-0a88e916]{font-size:var(--text-2xl,1.5rem);line-height:var(--tw-leading,var(--text-2xl--line-height,1.33333));--tw-font-weight:var(--font-weight-bold,700);color:var(--piano-gold);font-weight:var(--font-weight-bold,700)}.results-message[data-v-0a88e916]{color:var(--piano-text-secondary);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857))}@media(max-width:640px){.options-grid.cols-3[data-v-0a88e916]{grid-template-columns:repeat(2,1fr)}}@property --tw-font-weight{syntax:"*";inherits:false}