@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-0aef7ef2],[data-v-0aef7ef2]::backdrop,[data-v-0aef7ef2]:after,[data-v-0aef7ef2]:before{--tw-font-weight:initial;--tw-duration:initial;--tw-ease:initial;--tw-border-style:solid;--tw-leading:initial}}}.game-container[data-v-0aef7ef2]{background:var(--piano-bg-primary);border:1px solid var(--piano-border);border-radius:calc(var(--ui-radius)*3);flex:1;flex-direction:column;min-height:calc(var(--spacing,.25rem)*0);overflow:hidden;padding:calc(var(--spacing,.25rem)*3)}.game-container[data-v-0aef7ef2],.game-header[data-v-0aef7ef2]{display:flex;gap:calc(var(--spacing,.25rem)*2)}.game-header[data-v-0aef7ef2]{flex-direction:column}.score-row[data-v-0aef7ef2]{gap:calc(var(--spacing,.25rem)*3)}.score-badge[data-v-0aef7ef2],.score-row[data-v-0aef7ef2]{align-items:center;display:flex}.score-badge[data-v-0aef7ef2]{font-size:var(--text-sm,.875rem);gap:calc(var(--spacing,.25rem)*1.5);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));padding-block:calc(var(--spacing,.25rem)*1);padding-inline:calc(var(--spacing,.25rem)*3);--tw-font-weight:var(--font-weight-bold,700);background:var(--piano-gold-light,#d4af3726);border-radius:3.40282e+38px;color:var(--piano-gold);flex-shrink:0;font-weight:var(--font-weight-bold,700)}.score-icon[data-v-0aef7ef2]{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,1.5))}.progress-bar-wrapper[data-v-0aef7ef2]{background:var(--piano-bg-secondary);border-radius:3.40282e+38px;flex:1;height:calc(var(--spacing,.25rem)*2);overflow:hidden}.progress-bar[data-v-0aef7ef2]{height:100%;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)));--tw-duration:.5s;--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));background:var(--piano-gold);border-radius:3.40282e+38px;transition-duration:.5s;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1))}.event-source[data-v-0aef7ef2]{display:flex;flex-shrink:0;justify-content:center;padding-block:calc(var(--spacing,.25rem)*1)}.event-chip[data-v-0aef7ef2]{align-items:center;border-radius:calc(var(--ui-radius)*3);cursor:grab;gap:calc(var(--spacing,.25rem)*.5);padding-block:calc(var(--spacing,.25rem)*2);padding-inline:calc(var(--spacing,.25rem)*5);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)));--tw-duration:.2s;background:var(--piano-bg-elevated);border:2px solid var(--piano-gold);box-shadow:0 4px 12px #00000026;color:var(--piano-text-primary);display:flex;flex-direction:column;max-width:320px;text-align:center;touch-action:none;transition-duration:.2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.event-chip[data-v-0aef7ef2]:hover{box-shadow:0 6px 20px #0003;transform:scale(1.03)}.chip-selected[data-v-0aef7ef2]{animation:pulse-glow-0aef7ef2 1.2s ease-in-out infinite;box-shadow:0 0 16px #d4af3766}.chip-dragging[data-v-0aef7ef2]{cursor:grabbing;opacity:.4}.chip-icon[data-v-0aef7ef2]{color:var(--piano-gold);font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,1.4))}.chip-name[data-v-0aef7ef2]{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700)}.hint-btn[data-v-0aef7ef2]{cursor:pointer;--tw-border-style:none;background:var(--piano-bg-secondary);border-style:none;border:1px solid var(--piano-border);border-radius:3.40282e+38px;color:var(--piano-text-secondary);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,1.33333));padding-block:calc(var(--spacing,.25rem)*.5);padding-inline:calc(var(--spacing,.25rem)*2);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)))}.hint-btn[data-v-0aef7ef2]:hover{border-color:var(--piano-gold);color:var(--piano-gold)}.chip-hint-text[data-v-0aef7ef2]{color:var(--piano-gold);opacity:.8}.chip-action[data-v-0aef7ef2],.chip-hint-text[data-v-0aef7ef2]{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,1.33333))}.chip-action[data-v-0aef7ef2]{color:var(--piano-text-secondary)}.arrow-timeline[data-v-0aef7ef2],.chip-action[data-v-0aef7ef2]{margin-top:calc(var(--spacing,.25rem)*1)}.arrow-timeline[data-v-0aef7ef2]{align-items:stretch;display:flex;flex:1;gap:calc(var(--spacing,.25rem)*0);min-height:calc(var(--spacing,.25rem)*0)}.arrow-label[data-v-0aef7ef2]{align-items:center;color:var(--piano-text-secondary);display:flex;flex-direction:column;flex-shrink:0;font-size:.65rem;font-weight:700;gap:calc(var(--spacing,.25rem)*1);justify-content:center;letter-spacing:.06em;padding-inline:calc(var(--spacing,.25rem)*2);text-transform:uppercase}.arrow-label-icon[data-v-0aef7ef2]{color:var(--piano-gold);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,1.5))}.arrow-body[data-v-0aef7ef2]{flex:1;min-width:calc(var(--spacing,.25rem)*0);overflow:hidden;padding:8px 0;position:relative}.arrow-line[data-v-0aef7ef2]{background:linear-gradient(90deg,var(--piano-gold)0,var(--piano-gold)100%);height:3px;left:calc(var(--spacing,.25rem)*0);position:absolute;right:calc(var(--spacing,.25rem)*0);top:50%}@supports (color:color-mix(in lab,red,red)){.arrow-line[data-v-0aef7ef2]{background:linear-gradient(90deg,var(--piano-gold)0,color-mix(in srgb,var(--piano-gold)40%,transparent)100%)}}.arrow-line[data-v-0aef7ef2]{border-radius:2px;transform:translateY(-50%)}.arrow-items[data-v-0aef7ef2]{gap:calc(var(--spacing,.25rem)*1);height:100%;padding:0 4px;position:relative;width:100%}.arrow-items[data-v-0aef7ef2],.drop-zone[data-v-0aef7ef2]{align-items:center;display:flex}.drop-zone[data-v-0aef7ef2]{border-radius:calc(var(--ui-radius)*2);cursor:pointer;--tw-border-style:dashed;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)));--tw-duration:.2s;background:var(--piano-bg-secondary);border-color:var(--piano-border);border-style:dashed;border-width:2px;flex:30px;height:80px;justify-content:center;min-width:30px;transition-duration:.2s}@supports (color:color-mix(in lab,red,red)){.drop-zone[data-v-0aef7ef2]{background:color-mix(in srgb,var(--piano-bg-secondary)60%,transparent)}}.drop-zone[data-v-0aef7ef2]{color:var(--piano-text-secondary)}.drop-active[data-v-0aef7ef2],.drop-zone[data-v-0aef7ef2]:hover{background:#d4af3714;border-color:var(--piano-gold);color:var(--piano-gold)}.drop-active[data-v-0aef7ef2]:hover{background:#d4af3729;box-shadow:0 0 16px #d4af3740;transform:scale(1.05)}.drop-correct[data-v-0aef7ef2]{animation:flash-green-0aef7ef2 .5s;background:#22c55e33!important;border-color:var(--feedback-success)!important}.drop-wrong[data-v-0aef7ef2]{animation:shake-0aef7ef2 .5s;background:#ef444433!important;border-color:var(--feedback-error)!important}.drop-icon[data-v-0aef7ef2]{font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,1.55556))}.placed-card[data-v-0aef7ef2]{align-items:center;animation:pop-in-0aef7ef2 .3s cubic-bezier(.34,1.56,.64,1);background:var(--piano-bg-elevated);border:1px solid var(--piano-border);border-radius:calc(var(--ui-radius)*2);display:flex;flex:0 110px;flex-direction:column;gap:calc(var(--spacing,.25rem)*1);min-height:80px;min-width:70px;padding-block:calc(var(--spacing,.25rem)*1.5);padding-inline:calc(var(--spacing,.25rem)*1.5);text-align:center}.placed-year[data-v-0aef7ef2]{padding-block:calc(var(--spacing,.25rem)*.5);padding-inline:calc(var(--spacing,.25rem)*2);--tw-font-weight:var(--font-weight-black,900);background:var(--piano-gold-light,#d4af3726);border-radius:3.40282e+38px;color:var(--piano-gold);font-size:10px;font-weight:var(--font-weight-black,900)}.placed-label[data-v-0aef7ef2]{--tw-leading:var(--leading-tight,1.25);font-size:10px;line-height:var(--leading-tight,1.25);--tw-font-weight:var(--font-weight-medium,500);color:var(--piano-text-primary);font-weight:var(--font-weight-medium,500)}.arrow-tip-row[data-v-0aef7ef2]{display:none}.arrow-shaft[data-v-0aef7ef2]{background:linear-gradient(90deg,transparent,var(--piano-gold));border-radius:2px;flex:1;height:3px}.arrow-tip[data-v-0aef7ef2]{border-bottom:10px solid #0000;border-left:16px solid var(--piano-gold);border-top:10px solid #0000;height:0;width:0}.end-screen[data-v-0aef7ef2]{flex:1;flex-direction:column;gap:calc(var(--spacing,.25rem)*3);min-height:calc(var(--spacing,.25rem)*0);overflow:hidden;padding-block:calc(var(--spacing,.25rem)*3)}.end-icon-wrapper[data-v-0aef7ef2],.end-screen[data-v-0aef7ef2]{align-items:center;display:flex}.end-icon-wrapper[data-v-0aef7ef2]{background:var(--piano-gold-light,#d4af3726);border-radius:3.40282e+38px;height:calc(var(--spacing,.25rem)*20);justify-content:center;width:calc(var(--spacing,.25rem)*20)}.end-icon[data-v-0aef7ef2],.end-score[data-v-0aef7ef2]{color:var(--piano-gold);font-size:var(--text-4xl,2.25rem);line-height:var(--tw-leading,var(--text-4xl--line-height,1.11111))}.end-score[data-v-0aef7ef2]{--tw-font-weight:var(--font-weight-black,900);font-weight:var(--font-weight-black,900)}.end-message[data-v-0aef7ef2]{color:var(--piano-text-secondary);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,1.5));max-width:var(--container-xs,20rem);text-align:center}.recap-frise[data-v-0aef7ef2]{overflow:hidden;padding-block:calc(var(--spacing,.25rem)*2);position:relative;width:100%}.recap-arrow-line[data-v-0aef7ef2]{background:linear-gradient(90deg,var(--piano-gold),var(--piano-gold));height:3px;left:calc(var(--spacing,.25rem)*0);position:absolute;right:calc(var(--spacing,.25rem)*0);top:50%}@supports (color:color-mix(in lab,red,red)){.recap-arrow-line[data-v-0aef7ef2]{background:linear-gradient(90deg,var(--piano-gold),color-mix(in srgb,var(--piano-gold)30%,transparent))}}.recap-arrow-line[data-v-0aef7ef2]{border-radius:2px;transform:translateY(-50%)}.recap-items[data-v-0aef7ef2]{padding-inline:calc(var(--spacing,.25rem)*1);position:relative;width:100%}.recap-card[data-v-0aef7ef2],.recap-items[data-v-0aef7ef2]{align-items:center;display:flex;gap:calc(var(--spacing,.25rem)*1)}.recap-card[data-v-0aef7ef2]{background:var(--piano-bg-elevated);border:1px solid var(--piano-border);border-radius:calc(var(--ui-radius)*2);flex:1 1 0;flex-direction:column;min-height:60px;min-width:0;padding-block:calc(var(--spacing,.25rem)*1.5);padding-inline:calc(var(--spacing,.25rem)*1.5);text-align:center}.recap-year[data-v-0aef7ef2]{padding-block:calc(var(--spacing,.25rem)*.5);padding-inline:calc(var(--spacing,.25rem)*2);--tw-font-weight:var(--font-weight-black,900);background:var(--piano-gold-light,#d4af3726);border-radius:3.40282e+38px;color:var(--piano-gold);font-size:10px;font-weight:var(--font-weight-black,900)}.recap-label[data-v-0aef7ef2]{--tw-leading:var(--leading-tight,1.25);color:var(--piano-text-primary);font-size:10px;line-height:var(--leading-tight,1.25)}.replay-btn[data-v-0aef7ef2]{align-items:center;border-radius:calc(var(--ui-radius)*2);cursor:pointer;font-size:var(--text-sm,.875rem);gap:calc(var(--spacing,.25rem)*2);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));margin-top:calc(var(--spacing,.25rem)*2);padding-block:calc(var(--spacing,.25rem)*3);padding-inline:calc(var(--spacing,.25rem)*6);--tw-font-weight:var(--font-weight-semibold,600);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)));--tw-duration:.2s;background:var(--piano-gold);color:#1a1a2e;display:flex;transition-duration:.2s}.replay-btn[data-v-0aef7ef2]:hover{box-shadow:0 4px 16px #d4af3766;transform:scale(1.05)}.replay-icon[data-v-0aef7ef2]{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,1.5))}.drag-ghost[data-v-0aef7ef2]{align-items:center;border-radius:calc(var(--ui-radius)*2);font-size:var(--text-xs,.75rem);gap:calc(var(--spacing,.25rem)*2);line-height:var(--tw-leading,var(--text-xs--line-height,1.33333));padding-block:calc(var(--spacing,.25rem)*2);padding-inline:calc(var(--spacing,.25rem)*4);pointer-events:none;z-index:9999;--tw-font-weight:var(--font-weight-bold,700);background:var(--piano-gold);box-shadow:0 8px 24px #0000004d;color:#1a1a2e;display:flex;font-weight:var(--font-weight-bold,700);max-width:280px;position:fixed;transform:translate(-50%,-50%)}.ghost-icon[data-v-0aef7ef2]{flex-shrink:0;font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,1.5))}@keyframes flash-green-0aef7ef2{0%{box-shadow:0 0 #22c55e80}50%{box-shadow:0 0 20px 4px #22c55e4d}to{box-shadow:none}}@keyframes shake-0aef7ef2{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes pulse-glow-0aef7ef2{0%,to{box-shadow:0 0 8px #d4af374d}50%{box-shadow:0 0 20px #d4af3780}}@keyframes pop-in-0aef7ef2{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}