.echo-note-review{color:var(--tone-9a87b1,#9a87b1);justify-content:center;gap:7px;margin-top:8px;font-size:10px;display:flex}.echo-note-review .found{color:var(--tone-e4f0b0,#e4f0b0)}.echo-note-review .missed{color:#f0a8bc}.infinite-echo{--echo-ink:var(--tone-eee9ff,#eee9ff);--echo-lime:var(--tone-e5f3ad,#e5f3ad);color:var(--echo-ink)}.echo-toolbar{color:var(--tone-79638c,#79638c);justify-content:space-between;align-items:center;gap:12px;margin:16px 3px;font-size:12px;font-weight:650;display:flex}.echo-toolbar>span,.echo-toolbar button{align-items:center;gap:6px;display:flex}.echo-toolbar button{background:var(--tone-f0eaf7,#f0eaf7);border-radius:20px;padding:6px 10px;font-size:11px}.echo-cabinet{isolation:isolate;background:radial-gradient(ellipse at 49% 48%, var(--tone-373251,#373251) 0%, var(--tone-202039,#202039) 42%, var(--tone-141829,#141829) 100%);height:min(810px,100svh - 190px);min-height:620px;box-shadow:0 24px 65px var(--tone-34224524,#34224524);color:var(--echo-ink);border-radius:28px;flex-direction:column;display:flex;position:relative;overflow:clip}.echo-cabinet:after{content:"";pointer-events:none;border:1px solid var(--tone-e8dcff1a,#e8dcff1a);border-radius:inherit;z-index:6;position:absolute;inset:0}.echo-hud{z-index:3;flex-shrink:0;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:10px;height:92px;padding:23px 26px;display:grid;position:relative}.echo-hud>div:first-child{color:var(--tone-c7b6e3,#c7b6e3);letter-spacing:1px;align-items:center;gap:9px;font-size:9px;display:flex}.echo-hud>div:first-child strong{letter-spacing:0;color:var(--tone-f0eaf9,#f0eaf9);font-variant-numeric:tabular-nums;font-size:20px;display:block}.echo-chain{text-align:center}.echo-chain small{letter-spacing:2px;color:var(--tone-ab9aba,#ab9aba);font-size:9px}.echo-chain>strong{color:var(--tone-e6f2b7,#e6f2b7);font-size:29px;font-weight:800;line-height:1.15;display:block}.echo-life-wrap{justify-content:end;align-items:center;gap:16px;display:flex}.echo-lives{gap:8px;display:flex}.echo-lives i{border:1px solid var(--tone-a59ab941,#a59ab941);border-radius:50%;width:13px;height:13px;transition:all .25s;display:block}.echo-lives i.alive{border:2px solid var(--tone-d6cefa,#d6cefa);box-shadow:0 0 9px var(--tone-cab5ff70,#cab5ff70), inset 0 0 4px var(--tone-cab5ff50,#cab5ff50)}.echo-life-wrap>button{border:1px solid var(--tone-d9cbee35,#d9cbee35);background:var(--tone-b3a1cf12,#b3a1cf12);border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.echo-life-wrap>button:disabled{opacity:.3}.echo-space{flex:1;min-height:280px;position:relative;overflow:clip}.echo-sculpture{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.echo-phase{text-align:center;z-index:2;pointer-events:none;position:absolute;top:11px;left:14px;right:14px}.echo-phase>span{letter-spacing:2px;color:var(--tone-bdb0d8,#bdb0d8);font-size:10px;font-weight:750}.echo-phase h2{font-family:var(--font-rounded), sans-serif;letter-spacing:-1px;color:var(--tone-f2ecff,#f2ecff);margin:8px 0 4px;font-size:37px}.echo-phase p{color:var(--tone-bbafce,#bbafce);margin:0;font-size:12px;line-height:1.4}.result .echo-phase h2{color:var(--tone-e5f3ad,#e5f3ad)}.echo-modifiers{flex-wrap:wrap;gap:5px;max-width:70%;display:flex;position:absolute;bottom:17px;left:20px}.echo-modifiers span{border:1px solid var(--tone-cbbafa23,#cbbafa23);letter-spacing:1px;color:var(--tone-afa0c6,#afa0c6);background:var(--tone-2420386b,#2420386b);border-radius:5px;padding:4px 6px;font-size:8px;font-weight:700}.echo-reconstruction{gap:8px;display:flex;position:absolute;bottom:21px;right:24px}.echo-reconstruction i{background:var(--tone-a491bf38,#a491bf38);border-radius:50%;width:7px;height:7px;transition:all .2s;display:block}.echo-reconstruction .found{background:var(--tone-e5f3ad,#e5f3ad);box-shadow:0 0 10px var(--tone-dcefa581,#dcefa581)}.echo-reconstruction .cracked{background:#e8a1b4;border-radius:1px;transform:rotate(45deg)}.echo-overlay{background:linear-gradient(180deg, var(--tone-19182b00,#19182b00), var(--tone-19182b40,#19182b40));z-index:4;place-items:center;padding:8px 28px 28px;display:grid;position:absolute;inset:0;overflow-y:auto}.echo-panel{text-align:center;background:var(--tone-222038ed,#222038ed);border:1px solid var(--tone-cabbec22,#cabbec22);width:min(440px,100%);box-shadow:0 10px 50px var(--tone-110e2030,#110e2030);border-radius:25px;padding:26px;position:relative}.echo-panel.intro{width:min(440px,100%);box-shadow:none;background:0 0;border:0;padding:8px 12px 10px}.echo-eyebrow{letter-spacing:1.8px;color:var(--tone-b5a7ce,#b5a7ce);font-size:9px;font-weight:750}.echo-panel h1{font-family:var(--font-rounded), sans-serif;letter-spacing:-7px;color:var(--tone-f0e8ff,#f0e8ff);margin:12px 0 5px;font-size:105px;font-weight:800;line-height:1}.echo-panel h1 span{color:var(--tone-e7f4ac,#e7f4ac)}.echo-subtitle{letter-spacing:-.5px;color:var(--tone-d3c6e8,#d3c6e8);margin:10px 0 25px!important;font-size:22px!important;line-height:1.3!important}.echo-config{text-align:left;grid-template-columns:1.15fr 1fr;gap:10px;display:grid}.echo-config label{color:var(--tone-b5a6c8,#b5a6c8);font-size:10px;font-weight:650}.echo-config select{border:1px solid var(--tone-c6b7e338,#c6b7e338);background:var(--tone-302b45,#302b45);width:100%;color:var(--tone-f0e9fc,#f0e9fc);-webkit-appearance:auto;appearance:auto;outline-offset:3px;border-radius:12px;margin-top:6px;padding:12px 9px;font-size:12px;display:block}.echo-config select:disabled{opacity:.7}.echo-description{color:var(--tone-c8bbd9,#c8bbd9);margin:14px 0 6px!important;font-size:12px!important;line-height:1.5!important}.echo-power-description{color:var(--tone-a998c0,#a998c0);justify-content:center;gap:6px;display:flex;margin:6px 0 20px!important;font-size:10px!important;line-height:1.5!important}.echo-power-description svg{flex-shrink:0;margin-top:2px}.echo-primary{background:var(--tone-e7f4ac,#e7f4ac);width:100%;color:var(--tone-343442,#343442);border:1px solid var(--tone-f5ffcc,#f5ffcc);border-bottom:4px solid #a9b77a;border-radius:14px;justify-content:center;align-items:center;gap:9px;min-height:49px;padding:13px 14px;font-size:14px;font-weight:800;transition:transform .15s,background .15s;display:flex}.echo-primary:hover{background:var(--tone-f0facb,#f0facb);transform:translateY(-1px)}.echo-primary:active{transform:translateY(2px)}.echo-primary:disabled{opacity:.5;cursor:wait;transform:none}.echo-input-options{color:var(--tone-aa9bbc,#aa9bbc);justify-content:space-between;align-items:center;gap:10px;margin-top:16px;font-size:10px;display:flex}.echo-input-options>span,.echo-input-options button{align-items:center;gap:5px;display:flex}.echo-input-options button{color:var(--tone-ddd2ef,#ddd2ef)}.echo-panel h2{font-family:var(--font-rounded), sans-serif;letter-spacing:-1px;margin:10px 0;font-size:37px}.echo-panel>p{color:var(--tone-c5b6d8,#c5b6d8);margin:12px 0 19px;font-size:13px;line-height:1.6}.echo-secondary{border:1px solid var(--tone-c7b7e133,#c7b7e133);border-radius:12px;width:100%;margin-top:10px;padding:12px;font-size:12px;display:block}.echo-text{color:var(--tone-a593b8,#a593b8);margin:14px auto 0;font-size:11px;text-decoration:underline;display:block}.echo-final-score{color:var(--tone-e7f4ac,#e7f4ac);margin-bottom:0!important;font-size:62px!important}.echo-results{color:var(--tone-aa9aba,#aa9aba);grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0 20px;font-size:9px;display:grid}.echo-results b{color:var(--tone-e8dffa,#e8dffa);margin-bottom:4px;font-size:22px;display:block}.echo-ear{text-align:left;border-top:1px solid var(--tone-cabbec22,#cabbec22);margin-bottom:18px;padding-top:12px;font-size:11px}.echo-ear>strong{color:var(--tone-dfd1f4,#dfd1f4);margin-bottom:10px;display:block}.echo-ear>div{color:var(--tone-bfaecd,#bfaecd);justify-content:space-between;gap:9px;line-height:1.8;display:flex}.echo-ear b{color:var(--tone-d9e6b3,#d9e6b3);white-space:nowrap}.echo-ear small{color:var(--tone-a69ab6,#a69ab6);font-weight:400}.echo-result-links{color:var(--tone-b9a7d0,#b9a7d0);flex-wrap:wrap;justify-content:center;gap:12px;margin-top:16px;font-size:11px;display:flex}.echo-result-links button{align-items:center;gap:4px;text-decoration:underline;display:flex}.echo-error{background:#c6749c12;border-radius:9px;padding:10px;color:#f1b7c6!important;margin-bottom:0!important;font-size:11px!important}.echo-loading-orbit{border:2px solid var(--tone-9c83c539,#9c83c539);border-top-color:var(--tone-d5bffb,#d5bffb);border-radius:50%;width:40px;height:40px;margin:10px auto;animation:1s linear infinite echo-spin;display:block}@keyframes echo-spin{to{transform:rotate(360deg)}}.echo-console{background:linear-gradient(180deg, var(--tone-17172888,#17172888), var(--tone-151827,#151827));border-top:1px solid var(--tone-bfb2d727,#bfb2d727);z-index:3;flex-shrink:0;padding:0 25px 15px}.echo-timer{background:var(--tone-bca2de15,#bca2de15);height:2px;margin:0 -25px 14px;overflow:hidden}.echo-timer i{background:linear-gradient(90deg, var(--tone-a98fdd,#a98fdd), var(--tone-e4f0b2,#e4f0b2));transform-origin:0;height:100%;animation:linear forwards echo-countdown;display:block}@keyframes echo-countdown{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.echo-console-top{color:var(--tone-b2a5c5,#b2a5c5);justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;font-size:10px;display:flex}.echo-console-top>span:first-child{letter-spacing:1px;align-items:baseline;gap:8px;font-size:8px;display:flex}.echo-console-top b{letter-spacing:0;color:var(--tone-eee6fc,#eee6fc);font-size:22px;line-height:1}.echo-console-top button{border:1px solid var(--tone-d5c3eb29,#d5c3eb29);color:var(--tone-e3d5f4,#e3d5f4);border-radius:8px;align-items:center;gap:4px;padding:6px 8px;font-size:10px;display:flex}.echo-console-top button:disabled{opacity:.35}.echo-piano{touch-action:manipulation;width:min(650px,100%);height:98px;margin:auto;position:relative}.echo-piano button{-webkit-user-select:none;user-select:none;justify-content:center;align-items:flex-end;padding-bottom:9px;transition:background .1s,transform .1s;display:flex;position:absolute;top:0}.echo-piano .white{background:var(--tone-e9e3f2,#e9e3f2);border:1px solid var(--tone-fbf7ff,#fbf7ff);border-bottom:5px solid var(--tone-b9a6c9,#b9a6c9);width:calc(12.5% - 3px);height:100%;color:var(--tone-625571,#625571);z-index:1;border-radius:3px 3px 8px 8px;font-size:11px}.echo-piano .black{background:var(--tone-3d334e,#3d334e);border:1px solid var(--tone-635476,#635476);border-bottom:4px solid var(--tone-1e1b2c,#1e1b2c);width:8.25%;height:61%;color:var(--tone-bbaacc,#bac);z-index:2;border-radius:0 0 6px 6px;font-size:8px}.echo-piano .pressed,.echo-piano button:active:not(:disabled){background:var(--tone-d9ecac,#d9ecac);color:#344337;border-bottom-width:2px}.echo-piano button:disabled{opacity:.42}.echo-piano small{opacity:.65;margin-left:2px;font-size:7px}.echo-console-bottom{color:var(--tone-8b7e9d,#8b7e9d);justify-content:space-between;align-items:center;gap:8px;margin-top:10px;font-size:9px;display:flex}.echo-console-bottom button{color:var(--tone-c1aedb,#c1aedb);text-decoration:underline}.echo-send-chord{color:var(--tone-e6f2b1,#e6f2b1);background:var(--tone-bccf9a12,#bccf9a12);border:1px solid var(--tone-d0eaa331,#d0eaa331);border-radius:9px;justify-content:center;align-items:center;gap:8px;margin:9px auto 0;padding:7px 16px;font-size:11px;display:flex}.echo-send-chord:disabled{opacity:.35}.echo-midi-stage{height:76px;color:var(--tone-dacbeb,#dacbeb);letter-spacing:1px;justify-content:center;align-items:center;gap:13px;font-size:10px;display:flex}.echo-midi-stage small{color:var(--tone-a695b9,#a695b9);letter-spacing:0;margin-top:6px;font-size:11px;display:block}.echo-midi-port{color:var(--tone-756286,#756286);align-items:center;gap:10px;margin:15px 0;font-size:12px;display:flex}.echo-midi-port select{border:1px solid var(--tone-e4d9ef,#e4d9ef);background:#fff;border-radius:9px;max-width:230px;padding:7px}.echo-guide{color:var(--tone-9079a0,#9079a0);margin:15px 5px 22px;font-size:12px}.echo-guide summary{cursor:pointer;font-weight:600}.echo-guide>div{background:var(--tone-f3edf8,#f3edf8);border-radius:15px;margin-top:10px;padding:12px 19px;line-height:1.6}.echo-guide p{margin:8px 0}.game-picker{max-width:100%}@media (max-width:700px){.echo-toolbar{margin:13px 1px;font-size:10px}.echo-toolbar button{padding:5px 7px;font-size:9px}.echo-cabinet{border-radius:23px;height:calc(100svh - 292px);min-height:515px}.echo-hud{gap:6px;height:69px;padding:15px}.echo-hud>div:first-child{gap:5px;font-size:7px}.echo-hud>div:first-child strong{font-size:17px}.echo-chain>strong{font-size:25px}.echo-chain small{letter-spacing:1.5px;font-size:7px}.echo-life-wrap{gap:8px}.echo-lives{gap:5px}.echo-lives i{width:10px;height:10px}.echo-life-wrap>button{border-radius:8px;width:27px;height:27px}.echo-space{min-height:190px}.echo-overlay{padding:3px 13px 17px}.echo-panel{border-radius:18px;padding:20px 16px}.echo-panel.intro{padding:0 6px 4px}.echo-panel h1{letter-spacing:-5px;margin:6px 0 5px;font-size:83px}.echo-subtitle{margin:7px 0 19px!important;font-size:18px!important}.echo-eyebrow{letter-spacing:1.4px;font-size:7px}.echo-config{gap:8px}.echo-config select{padding:10px 7px;font-size:10px}.echo-config label{font-size:9px}.echo-description{margin-top:11px!important;font-size:11px!important}.echo-power-description{margin-bottom:13px!important;font-size:9px!important}.echo-primary{min-height:44px;padding:11px;font-size:12px}.echo-input-options{gap:5px;margin-top:12px;font-size:8px}.echo-phase{top:8px}.echo-phase h2{font-size:31px}.echo-phase>span{font-size:8px}.echo-phase p{font-size:10px}.echo-console{padding:0 13px 12px}.echo-timer{margin:0 -13px 11px}.echo-console-top{gap:5px;margin-bottom:10px;font-size:8px}.echo-console-top b{font-size:18px}.echo-console-top button{gap:3px;padding:5px;font-size:8px}.echo-piano{height:89px}.echo-piano .white{font-size:9px}.echo-piano .black{font-size:7px}.echo-console-bottom{font-size:8px}.echo-desktop-keys{display:none}.echo-modifiers{gap:3px;bottom:12px;left:13px}.echo-modifiers span{padding:3px 4px;font-size:6px}.echo-reconstruction{gap:6px;bottom:16px;right:16px}.echo-reconstruction i{width:6px;height:6px}.infinite-echo-playing .echo-midi-port{display:none}.infinite-echo-playing .echo-space{min-height:100px}.echo-final-score{font-size:52px!important}.echo-ear{font-size:10px}.echo-results{margin:14px 0}.echo-panel h2{font-size:31px}.echo-panel>p{font-size:12px}.echo-result-links{gap:10px;font-size:10px}.echo-error{font-size:10px!important}}@media (prefers-reduced-motion:reduce){.infinite-echo *{transition:none!important}.echo-loading-orbit{animation:none}}.harmony-game{--hg-accent:var(--tone-cdb2ff,#cdb2ff);--hg-glow:var(--tone-a776fc,#a776fc);--hg-ink:var(--tone-eeebff,#eeebff);--hg-muted:var(--tone-c2bdd8,#c2bdd8);max-width:1050px;color:var(--hg-ink);margin:auto}.harmony-game.is-improv{--hg-accent:#aff0db;--hg-glow:#5fcbb5;--hg-muted:#b9d4d5}.harmony-heading{color:var(--tone-392352,#392352);justify-content:space-between;align-items:center;padding:14px 4px 20px;display:flex}.harmony-wordmark{align-items:center;gap:12px;font-size:25px;font-weight:850;line-height:1.2;display:flex}.harmony-wordmark>svg{width:38px;height:38px;color:var(--tone-8250d2,#8250d2)}.harmony-wordmark small{letter-spacing:.14em;color:var(--tone-7a6b89,#7a6b89);margin-top:6px;font-size:12px;font-weight:750;display:block}.harmony-best{color:var(--tone-85669e,#85669e);align-items:center;gap:9px;display:flex}.harmony-best span{letter-spacing:.08em;font-size:12px}.harmony-best strong{color:var(--tone-392352,#392352);font-size:19px;display:block}.harmony-cabinet{isolation:isolate;border:1px solid var(--tone-a5a0c53b,#a5a0c53b);background:var(--tone-0c101d,#0c101d);min-height:590px;box-shadow:0 18px 55px var(--tone-27124024,#27124024), 0 4px 0 var(--tone-241834,#241834);border-radius:32px;position:relative;overflow:hidden}.harmony-field{z-index:-1;width:100%;height:100%;position:absolute;inset:0}.harmony-intro{background:linear-gradient(90deg, var(--tone-101523e8,#101523e8), var(--tone-10152360,#10152360), transparent);max-width:660px;min-height:590px;padding:40px 44px 32px}.harmony-eyebrow{letter-spacing:.12em;color:var(--hg-accent);flex-wrap:wrap;align-items:center;gap:9px;font-size:12px;font-weight:800;display:flex}.harmony-eyebrow i{background:currentColor;border-radius:50%;width:3px;height:3px}.harmony-intro h2{letter-spacing:-.045em;margin:23px 0 20px;font-size:clamp(54px,6.3vw,80px);font-weight:900;line-height:.98}.harmony-intro h2 em{color:var(--hg-accent);font-style:normal}.harmony-intro p{max-width:410px;color:var(--hg-muted);margin-bottom:22px;font-size:16px;line-height:1.6}.harmony-setup{flex-wrap:wrap;gap:10px;display:flex}.harmony-setup label{min-width:110px;color:var(--hg-muted);flex-direction:column;flex:1;gap:6px;font-size:13px;display:flex}.harmony-game select{background:var(--tone-202438,#202438);color:var(--tone-f0edff,#f0edff);border:1px solid #ffffff29;border-radius:10px;min-height:40px;padding:9px 11px;font-size:14px}.harmony-adaptive{color:var(--hg-muted);align-items:center;gap:10px;margin:16px 0;font-size:14px;display:flex}.harmony-adaptive [data-slot=checkbox]{border-color:var(--tone-a9a1bc,#a9a1bc)}.harmony-adaptive [data-checked]{background:var(--hg-accent);color:var(--tone-211931,#211931)}.harmony-start{background:var(--tone-dcf394,#dcf394);color:#253c28;min-height:52px;box-shadow:0 4px 0 var(--tone-99b557,#99b557);cursor:pointer;border:0;border-radius:15px;justify-content:center;align-items:center;gap:13px;padding:12px 24px;font-size:16px;font-weight:850;transition:transform .16s,filter .16s;display:flex}.harmony-start:hover{filter:brightness(1.06);transform:translateY(-2px)}.harmony-start:active{transform:translateY(2px)}.harmony-hint{color:var(--hg-muted);margin-top:15px;font-size:12px;line-height:1.6;display:block}.harmony-game button:disabled{cursor:default;opacity:.52}:is(.harmony-game button:focus-visible,.harmony-game select:focus-visible,.harmony-game input:focus-visible){outline:3px solid var(--hg-accent);outline-offset:4px}.harmony-hud{background:linear-gradient(var(--tone-0a0f22ba,#0a0f22ba), transparent);align-items:center;gap:32px;padding:25px 30px;display:flex;position:relative}.harmony-hud>div small{letter-spacing:.15em;color:var(--hg-muted);margin-bottom:4px;font-size:11px;font-weight:800;display:block}.harmony-hud strong{font-variant-numeric:tabular-nums;font-size:27px;line-height:1}.harmony-hud button{color:var(--hg-ink);background:#ffffff10;border:1px solid #ffffff25;border-radius:50%;place-items:center;width:42px;height:42px;margin-left:auto;display:grid}.harmony-current{text-align:center;margin:24px auto 0;padding:0 20px}.harmony-current .harmony-eyebrow{justify-content:center}.harmony-current h2{letter-spacing:-.04em;color:#fff;text-shadow:0 0 40px var(--tone-ba91ff55,#ba91ff55);margin:10px 0;font-size:clamp(40px,5vw,65px);font-weight:850;line-height:1.2}.harmony-current p{color:var(--hg-muted);font-size:14px}.harmony-event{color:var(--tone-e0f4ae,#e0f4ae);letter-spacing:.1em;justify-content:center;align-items:center;gap:8px;margin:20px 0;font-size:12px;font-weight:800;display:flex}.harmony-mission{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#092431cf;border:1px solid #a4ecda40;border-radius:20px;width:min(88%,470px);margin:22px auto 0;padding:18px 24px;position:relative;box-shadow:0 8px 35px #0002}.harmony-mission>span{letter-spacing:.15em;color:#a2d9d1;font-size:11px;font-weight:800}.harmony-mission>strong{margin:4px 0;font-size:24px;display:block}.harmony-mission p{color:#d2e6e4;margin:5px 0 0;font-size:14px;line-height:1.5}.harmony-mission b{color:var(--tone-dff7a0,#dff7a0);font-weight:700}.harmony-bottom{margin:30px 30px 20px}.is-chase .harmony-bottom{margin-top:145px}.harmony-feedback{text-align:center;min-height:24px;color:var(--tone-e6efc9,#e6efc9);margin-bottom:25px;font-size:16px;font-weight:750}.harmony-flow-label{letter-spacing:.15em;color:var(--hg-muted);justify-content:space-between;align-items:center;font-size:11px;font-weight:800;display:flex}.harmony-flow-label strong{letter-spacing:0;color:var(--hg-accent);font-size:15px}.harmony-flow-label small{opacity:.55}.harmony-meter{background:#ffffff18;border-radius:30px;height:7px;margin-top:7px;overflow:hidden}.harmony-meter i{border-radius:inherit;background:linear-gradient(90deg, var(--hg-glow), var(--tone-def696,#def696));height:100%;box-shadow:0 0 18px var(--hg-glow);transition:width .35s;display:block}.harmony-beats{justify-content:center;gap:8px;margin-top:18px;display:flex}.harmony-beats i{background:#ffffff2b;border-radius:50%;width:7px;height:7px}.harmony-beats .lit{background:var(--hg-accent);box-shadow:0 0 13px var(--hg-accent)}.harmony-pause{background:var(--tone-0c1021e8,#0c1021e8);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:center;z-index:5;flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:26px;display:flex;position:absolute;inset:0;overflow:auto}.harmony-pause h2{letter-spacing:-.03em;font-size:38px}.harmony-pause p{max-width:390px;color:var(--hg-muted);font-size:16px;line-height:1.6}.harmony-text-button{color:var(--hg-accent);background:0 0;border:0;justify-content:center;align-items:center;gap:9px;padding:10px;font-size:14px;font-weight:700;display:flex}.harmony-controls{background:var(--tone-121829,#121829);border:1px solid var(--tone-333044,#333044);z-index:1;border-radius:0 0 24px 24px;margin:-12px 12px 0;padding:23px 22px 14px;position:relative}.harmony-answers{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.harmony-answers button{border:1px solid var(--tone-aca0d53c,#aca0d53c);border-bottom:3px solid var(--tone-3d3158,#3d3158);background:var(--tone-29253e,#29253e);min-width:75px;min-height:55px;color:var(--tone-f1ebff,#f1ebff);border-radius:13px;flex:1 0 auto;padding:12px 15px;font-size:17px;font-weight:750;transition:background .15s,transform .15s;position:relative}.harmony-answers button:hover:not(:disabled){background:var(--tone-4a3764,#4a3764);transform:translateY(-2px)}.harmony-answers button.selected{background:var(--tone-d6ed98,#d6ed98);color:#2d3c28;opacity:1;border-color:#9aaf61}.harmony-answers button small{opacity:.4;font-size:10px;position:absolute;top:3px;left:7px}.harmony-tools{color:var(--tone-bdc3d9,#bdc3d9);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:16px;display:flex}.harmony-tools>div{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.harmony-tools button{color:inherit;background:0 0;border:0;align-items:center;gap:7px;padding:7px 0;font-size:13px;display:flex}.harmony-tools>label{align-items:center;gap:8px;display:flex}.harmony-tools input{width:85px;accent-color:var(--hg-accent)}.harmony-tools select{max-width:220px}.harmony-piano-meta{letter-spacing:.1em;color:var(--hg-muted);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:11px;display:flex}.harmony-piano-meta label{letter-spacing:0;align-items:center;gap:9px;font-size:12px;display:flex}.harmony-piano-meta select{min-height:28px;padding:3px 8px}.harmony-piano{touch-action:none;-webkit-user-select:none;user-select:none;gap:4px;height:130px;display:flex;position:relative}.harmony-piano button{touch-action:none;-webkit-user-select:none;user-select:none;border:0;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:9px;font-size:13px;display:flex}.harmony-piano .white{background:linear-gradient(var(--tone-faf9ff,#faf9ff), var(--tone-e2e6ef,#e2e6ef));color:var(--tone-505476,#505476);width:12.5%;height:100%;box-shadow:0 4px 0 var(--tone-8b91a6,#8b91a6);border-radius:5px 5px 9px 9px}.harmony-piano .black{z-index:2;background:linear-gradient(var(--tone-151927,#151927), var(--tone-33354d,#33354d));width:7%;height:62%;color:var(--tone-bab9d1,#bab9d1);box-shadow:0 4px 0 var(--tone-080c17,#080c17);border-radius:0 0 7px 7px;position:absolute}.harmony-piano button.pressed{color:#24453e;background:#b9efd5;transform:translateY(3px);box-shadow:0 1px #5e9f92}.harmony-piano button small{opacity:.4;font-size:10px}.harmony-summary{text-align:center;background:var(--tone-101629dd,#101629dd);max-width:650px;min-height:590px;margin:auto;padding:42px 28px}.harmony-summary .harmony-eyebrow{justify-content:center}.harmony-summary h2{letter-spacing:-.03em;margin:15px 0;font-size:32px}.harmony-final-score{color:var(--hg-accent);letter-spacing:-.04em;font-size:58px;font-weight:850}.harmony-final-score>small{letter-spacing:.13em;color:var(--hg-muted);font-size:11px;display:block}.harmony-summary-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0;display:grid}.harmony-summary-grid strong{font-size:24px;display:block}.harmony-summary-grid span{color:var(--hg-muted);font-size:12px}.harmony-summary>p{color:var(--hg-muted);font-size:14px}.harmony-insights{text-align:left;color:var(--hg-muted);background:#ffffff08;border-radius:14px;margin:18px 0;padding:15px;font-size:14px;line-height:1.5}.harmony-insights strong{color:var(--hg-accent);display:block}.harmony-insights p+p{margin-top:9px}.harmony-summary .harmony-start{margin:22px auto 8px}.harmony-summary .harmony-text-button{margin:auto}.harmony-error{color:#8a2551;background:#ffe6ef;border-radius:12px;padding:15px}.harmony-guide{color:var(--tone-77628d,#77628d);margin:20px 4px;font-size:14px;line-height:1.7}.harmony-guide summary{cursor:pointer;align-items:center;gap:8px;font-weight:750;display:flex}.harmony-guide p{max-width:800px;margin-top:12px}@media (max-width:650px){.harmony-heading{padding:12px 2px 15px}.harmony-wordmark{font-size:22px}.harmony-wordmark small{font-size:10px}.harmony-wordmark>svg{width:28px}.harmony-cabinet{border-radius:23px;min-height:500px}.harmony-intro{min-height:540px;padding:28px 23px}.harmony-intro h2{font-size:58px}.harmony-intro p{font-size:15px}.harmony-eyebrow{letter-spacing:.09em;font-size:10px}.harmony-hud{gap:22px;padding:20px}.harmony-hud strong{font-size:22px}.harmony-hud>div small{font-size:10px}.harmony-current{margin-top:20px}.harmony-current h2{font-size:43px}.harmony-event{font-size:10px}.harmony-mission{margin-top:18px;padding:14px 17px}.harmony-mission>strong{font-size:21px}.harmony-mission p{font-size:13px}.harmony-bottom{margin:23px 20px 20px}.is-chase .harmony-bottom{margin-top:115px}.harmony-feedback{font-size:14px}.harmony-controls{margin-left:4px;margin-right:4px;padding:20px 12px 12px}.harmony-answers{gap:6px}.harmony-answers button{min-width:63px;min-height:49px;padding:12px 8px;font-size:15px}.harmony-piano{gap:3px;height:105px}.harmony-tools{gap:10px}.harmony-tools button{font-size:12px}.harmony-summary{min-height:530px;padding:32px 20px}.harmony-summary h2{font-size:27px}.harmony-final-score{font-size:48px}.harmony-summary-grid{gap:6px}.harmony-pause h2{font-size:30px}.harmony-setup{gap:8px}.harmony-setup label{min-width:100px}.harmony-piano .black span{font-size:10px}}@media (prefers-reduced-motion:reduce){.harmony-game *{transition:none!important}.harmony-start:hover,.harmony-answers button:hover{transform:none}}.harmony-next{color:var(--hg-accent);justify-content:center;align-items:center;gap:13px;margin-top:12px;font-size:15px;display:flex}.harmony-next small{letter-spacing:.12em;color:var(--hg-muted);font-size:10px}.harmony-next span{align-items:center;gap:9px;display:flex}.harmony-next span:last-child svg{display:none}@media (max-width:650px){.is-running .harmony-cabinet{min-height:425px}.is-running .harmony-hud{padding:15px 18px}.is-running .harmony-current{margin-top:8px}.is-running .harmony-current h2{margin:7px 0;font-size:35px}.is-running .harmony-current p{font-size:12px}.is-running .harmony-next{margin-top:7px;font-size:13px}.is-running .harmony-event{margin:12px 0}.is-running .harmony-mission{margin-top:10px;padding:10px 15px}.is-running .harmony-mission>strong{font-size:19px}.is-running .harmony-mission p{font-size:12px}.is-running .harmony-bottom{margin:18px}.is-running.is-chase .harmony-bottom{margin-top:110px}.is-running .harmony-feedback{margin-bottom:13px}.is-running .harmony-beats{margin-top:12px}}.is-improv{--hg-accent:var(--tone-d6eeba,#d6eeba);--hg-glow:#9bdcc6;--hg-muted:#b0c6c6}.is-improv .harmony-cabinet{background:var(--tone-101b2b,#101b2b);border-color:#70948c40;border-radius:36px 12px;box-shadow:0 18px 50px #19383222,0 4px #243b43}.is-improv .harmony-wordmark>svg{color:#487f73}.is-improv .harmony-intro{background:linear-gradient(90deg, var(--tone-101b2bf5,#101b2bf5), var(--tone-101b2bb0,#101b2bb0), transparent);max-width:59%}.is-improv .harmony-intro h2{letter-spacing:-.06em;font-weight:650}.is-improv .harmony-intro h2 em{color:var(--tone-d1ebc0,#d1ebc0)}.is-improv .harmony-start{background:var(--tone-d1e7b8,#d1e7b8);color:#203c35;border-radius:28px;box-shadow:0 4px #7eaa91}.is-improv .harmony-hud{background:0 0}.is-improv .harmony-hud strong{font-weight:600}.is-improv .harmony-current{text-align:left;width:48%;margin:30px 0 0 30px;padding:0 12px}.is-improv .harmony-current .harmony-eyebrow{color:#a4c4b9;justify-content:flex-start}.is-improv .harmony-current h2{text-shadow:none;color:var(--tone-e4efda,#e4efda);font-size:65px;font-weight:650}.is-improv .harmony-next{flex-wrap:wrap;justify-content:flex-start;gap:9px}.is-improv .harmony-next span{background:#d2e6da0c;border:1px solid #aecbb822;border-radius:9px;padding:6px 10px}.is-improv .harmony-event{color:var(--tone-dfd4fc,#dfd4fc);justify-content:flex-start;margin:20px 42px}.is-improv .harmony-mission{width:43%;box-shadow:none;background:#162936df;border:0;border-left:2px solid #beddb0;border-radius:0 16px 16px 0;margin:0 0 0 40px;padding:15px 20px}.is-improv .harmony-mission>strong{font-weight:650}.is-improv .harmony-mission>span{color:#aec5c5}.is-improv .harmony-mission b{color:var(--tone-d9eac4,#d9eac4)}.is-improv .harmony-bottom{margin-top:46px}.is-improv .harmony-feedback{text-align:left;color:#d6e9d8;font-weight:500}.is-improv .harmony-meter{background:#c4dddb1a;height:4px}.is-improv .harmony-meter i{background:linear-gradient(90deg, #91c9bc, var(--tone-d7e7ba,#d7e7ba));box-shadow:none}.is-improv .harmony-controls{background:#192c37;border-color:#39504f;border-radius:0 0 26px 12px}.is-improv .harmony-piano .white{color:#486057;background:linear-gradient(#f1f2e8,#d7e1d8);box-shadow:0 4px #7d948e}.is-improv .harmony-piano .black{color:#c9d5cd;background:linear-gradient(#122733,#304751);box-shadow:0 4px #0b1a22}.is-improv .harmony-piano .pressed{background:var(--tone-d9ecc2,#d9ecc2);color:#284c3a}.is-improv .harmony-pause{background:#10232ce8}.is-improv .harmony-summary{background:#142832e8}@media (max-width:650px){.is-improv .harmony-cabinet{border-radius:25px 10px}.is-improv .harmony-intro{background:linear-gradient(90deg, var(--tone-101b2bf5,#101b2bf5), var(--tone-101b2bc4,#101b2bc4));max-width:100%}.is-improv .harmony-current,.is-improv.is-running .harmony-current{text-align:left;width:auto;margin:10px 18px 0;padding:0}.is-improv .harmony-current h2,.is-improv.is-running .harmony-current h2{font-size:40px}.is-improv .harmony-next{gap:6px}.is-improv .harmony-next span{padding:4px 7px}.is-improv .harmony-event,.is-improv.is-running .harmony-event{margin:13px 18px}.is-improv .harmony-mission,.is-improv.is-running .harmony-mission{background:#142c38ed;width:calc(100% - 36px);margin:0 18px;padding:12px 15px}.is-improv .harmony-bottom,.is-improv.is-running .harmony-bottom{margin:44px 18px 20px}.is-improv .harmony-feedback{background:#132631b0;border-radius:8px;padding:7px 10px;font-size:13px}.is-improv .harmony-hud{gap:22px}}