/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}}:root{--ink:#183153;--ink-soft:#526680;--paper:#fffdf7;--cream:#fff7df;--sky:#63c9f5;--sky-light:#b9ebff;--blue:#2676dd;--navy:#183153;--green:#38b86d;--green-dark:#1b8750;--yellow:#ffd447;--orange:#ff9d2e;--coral:#ff675d;--purple:#8462d4;--line:#d8e3ea;--shadow:0 9px 0 #1831531f, 0 18px 36px #1831531f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:#eef9ff;margin:0;font-family:Arial Rounded MT Bold,Trebuchet MS,Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible{box-shadow:0 0 0 7px var(--blue);outline:4px solid #fff}.site-shell{background:linear-gradient(180deg, transparent 0 540px, #f6fbff 540px 100%), linear-gradient(180deg, var(--sky) 0, var(--sky-light) 540px, #f6fbff 540px);min-height:100vh;position:relative;overflow:hidden}.world-decoration{pointer-events:none;height:540px;position:absolute;inset:0 0 auto;overflow:hidden}.cloud{background:#ffffffeb;border:4px solid #1831533d;border-radius:28px;width:156px;height:47px;position:absolute;box-shadow:0 7px #18315314}.cloud i{background:#fff;border:4px solid #1831533d;border-bottom:0;border-radius:50% 50% 0 0;display:block;position:absolute}.cloud i:first-child{width:49px;height:33px;top:-29px;left:18px}.cloud i:nth-child(2){width:65px;height:49px;top:-45px;left:54px}.cloud i:nth-child(3){width:42px;height:28px;top:-24px;right:10px}.cloud-one{top:183px;left:4vw;transform:scale(.82)}.cloud-two{opacity:.88;top:121px;right:5vw;transform:scale(.66)}.sky-note{color:#ffffffbf;text-shadow:0 3px #1831531a;font-family:Georgia,serif;font-size:38px;font-weight:900;position:absolute}.note-one{top:90px;left:16vw;transform:rotate(-12deg)}.note-two{top:238px;right:18vw;transform:rotate(14deg)}.hill{background:radial-gradient(circle at 35% 32%,#d8f586 0 11px,#0000 12px),radial-gradient(circle at 66% 47%,#d8f586 0 9px,#0000 10px),linear-gradient(#7bdc72,#35af68);border:5px solid #185c4b59;border-radius:55% 55% 0 0;width:330px;height:185px;position:absolute;bottom:-62px}.hill-one{left:-55px}.hill-two{transform-origin:bottom;right:-84px;transform:scale(.72)}.floating-block{color:#fff8d4;text-shadow:0 3px #ad5a20;background:linear-gradient(135deg,#ffd75a,#f59628);border:4px solid #b65b21;border-radius:8px;place-items:center;width:48px;height:48px;font-family:Impact,sans-serif;font-size:27px;display:grid;position:absolute;box-shadow:inset -5px -5px #a94a1638,0 7px #18315326}.block-one{top:340px;left:7vw;transform:rotate(-6deg)}.block-two{top:352px;right:8vw;transform:rotate(5deg)}.site-header{z-index:3;justify-content:space-between;align-items:center;width:min(1160px,100% - 40px);margin:0 auto;padding:24px 0 8px;display:flex;position:relative}.brand{color:var(--ink);align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand-mark{color:#9b4a1c;background:linear-gradient(135deg,#fff07d,#ffae32);border:4px solid #a6561e;border-radius:50%;place-items:center;width:50px;height:50px;font-family:Georgia,serif;font-size:25px;display:grid;box-shadow:inset -5px -5px #c95b1733,0 5px #1831532b}.brand-copy{flex-direction:column;line-height:1;display:flex}.brand-copy small{color:#183153cc;letter-spacing:.12em;text-transform:uppercase;margin-top:6px;font-family:Arial,sans-serif;font-size:11px;font-weight:800}.header-badge{color:var(--ink);letter-spacing:.08em;text-transform:uppercase;background:#ffffffd1;border:3px solid #183153a6;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:900;box-shadow:0 5px #1831531f}.hero{z-index:2;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);align-items:center;gap:68px;width:min(1080px,100% - 48px);min-height:418px;margin:0 auto;padding:28px 0 55px;display:grid;position:relative}.hero-kicker,.eyebrow{color:#24567b;letter-spacing:.13em;text-transform:uppercase;align-items:center;gap:7px;font-family:Arial,sans-serif;font-size:12px;font-weight:900;display:inline-flex}.hero-kicker{background:#ffffffa6;border:2px solid #18315338;border-radius:999px;padding:8px 12px}.hero h1{color:#fff;letter-spacing:.01em;text-transform:uppercase;-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;max-width:680px;text-shadow:0 7px 0 var(--ink), 0 11px 0 #1831532e;margin:18px 0 12px;font-family:Impact,Arial Black,sans-serif;font-size:clamp(47px,6vw,78px);font-weight:900;line-height:.95}.hero h1 em{color:var(--yellow);font-style:normal;display:block}.hero-copy>p{color:#244b66;max-width:590px;margin:0 0 22px;font-family:Arial,sans-serif;font-size:17px;font-weight:700;line-height:1.55}.hero-button,.primary-button,.secondary-button,.next-button,.pulse-button{border:3px solid var(--ink);cursor:pointer;border-radius:14px;font-weight:900;transition:transform .14s,box-shadow .14s,filter .14s}.hero-button{color:var(--ink);text-transform:uppercase;background:linear-gradient(#fff36f,#ffc63b);padding:13px 20px;box-shadow:0 6px #b86525,0 10px #18315329}.hero-button:hover,.primary-button:hover,.secondary-button:hover,.next-button:hover,.pulse-button:hover{filter:saturate(1.08)brightness(1.03);transform:translateY(-2px)}.hero-button:active,.primary-button:active,.secondary-button:active,.next-button:active,.pulse-button:active{transform:translateY(3px);box-shadow:0 2px #884d29}.mission-map{border:5px solid var(--ink);background:radial-gradient(circle at 20% 18%,#fffc 0 4px,#0000 5px),radial-gradient(circle at 74% 28%,#fff9 0 5px,#0000 6px),linear-gradient(150deg,#fdf3b1 0 38%,#aee789 38% 70%,#69c978 70%);border-radius:32px;min-height:300px;position:relative;transform:rotate(2deg);box-shadow:0 11px #18315340,0 20px 32px #18315326}.mission-map:after{content:"";border:2px dashed #1831533d;border-radius:23px;position:absolute;inset:9px}.map-label{z-index:2;border:2px solid var(--ink);color:var(--ink);letter-spacing:.12em;background:#fffaf0;border-radius:8px;padding:6px 10px;font-family:Arial,sans-serif;font-size:10px;font-weight:900;position:absolute;top:22px;left:24px}.map-path{z-index:1;border:6px dotted #ffffffe6;border-right-color:#0000;border-radius:50%;position:absolute;inset:93px 54px 56px 63px;transform:rotate(-12deg)}.map-step{z-index:3;flex-direction:column;align-items:center;gap:7px;display:flex;position:absolute}.map-step span{border:4px solid var(--ink);width:53px;height:53px;color:var(--ink);background:#fff;border-radius:50%;place-items:center;font-family:Impact,sans-serif;font-size:22px;display:grid;box-shadow:0 6px #18315333}.map-step strong{color:var(--ink);text-transform:uppercase;background:#ffffffe0;border-radius:8px;padding:4px 7px;font-family:Arial,sans-serif;font-size:10px}.step-one{bottom:43px;left:44px}.step-one span{background:#ffde4d}.step-two{top:104px;left:42%}.step-two span{color:#fff;background:#ff776d}.step-three{bottom:47px;right:34px}.step-three span{color:#fff;background:#7465d7}.finish-flag{z-index:3;border:3px solid var(--ink);width:50px;height:42px;color:var(--coral);background:#fff;place-items:center;font-family:Georgia,serif;font-size:24px;font-weight:900;display:grid;position:absolute;top:35px;right:42px}.finish-flag i{background:var(--ink);border-radius:4px;width:5px;height:103px;position:absolute;top:-4px;left:-8px}.ground-strip{z-index:3;border-top:5px solid var(--ink);border-bottom:5px solid var(--ink);background:#c66b2c;grid-template-columns:repeat(18,1fr);height:48px;display:grid;position:relative}.ground-strip span{background:linear-gradient(135deg,#ffffff38 0 10%,#0000 11%),linear-gradient(45deg,#0000 45%,#6d321840 46% 54%,#0000 55%),#e58a3e;border-right:2px solid #6f341899}.mode-nav{z-index:5;border-right:4px solid var(--ink);border-bottom:4px solid var(--ink);border-left:4px solid var(--ink);background:#fff;border-radius:0 0 24px 24px;justify-content:space-between;align-items:center;gap:28px;width:min(1030px,100% - 36px);margin:-1px auto 0;padding:12px 18px 14px 24px;display:flex;position:relative;box-shadow:0 8px #1831531a}.nav-title{color:var(--ink-soft);letter-spacing:.12em;text-transform:uppercase;flex:none;font-family:Arial,sans-serif;font-size:11px;font-weight:900}.nav-buttons{grid-template-columns:repeat(3,minmax(120px,1fr));gap:8px;width:min(640px,100%);display:grid}.nav-button{color:#526680;cursor:pointer;background:#f3f8fb;border:2px solid #cbd9e1;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:44px;font-size:14px;font-weight:900;transition:all .14s;display:flex}.nav-button.active{border-color:var(--ink);color:var(--ink);background:linear-gradient(#ffe86a,#ffc846);transform:translateY(-2px);box-shadow:0 4px #c87527}.nav-icon{font-family:Georgia,serif;font-size:19px}.nav-label-short{display:none}.content-shell{z-index:2;width:min(1120px,100% - 36px);margin:34px auto 0;scroll-margin-top:16px;position:relative}.learn-panel,.game-panel{animation:.36s both panel-in}@keyframes panel-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.section-heading,.game-topline{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px;display:flex}.section-heading h2,.game-topline h2{color:var(--ink);letter-spacing:-.04em;margin:5px 0;font-size:clamp(28px,4vw,43px);line-height:1.05}.section-heading p,.game-topline p{color:var(--ink-soft);margin:0;font-family:Arial,sans-serif;font-size:15px}.mini-flag{border:4px solid var(--ink);background:var(--coral);color:#fff;border-radius:12px;place-items:center;width:64px;height:56px;font-family:Georgia,serif;font-size:30px;display:grid;transform:rotate(4deg);box-shadow:0 7px #18315326}.lesson-stack{gap:18px;display:grid}.lesson-card,.challenge-card,.coach-card,.rhythm-challenge-card,.pulse-card{border:4px solid var(--ink);background:var(--paper);box-shadow:var(--shadow);border-radius:26px}.lesson-card{padding:26px}.lesson-staff{grid-template-columns:minmax(220px,.72fr) minmax(440px,1.28fr);align-items:center;gap:28px;display:grid}.step-chip,.clef-tag,.meter-tag{border:2px solid var(--ink);background:var(--yellow);color:var(--ink);letter-spacing:.09em;text-transform:uppercase;border-radius:999px;padding:6px 10px;font-family:Arial,sans-serif;font-size:10px;font-weight:900;display:inline-flex}.lesson-card h3,.start-zone h3,.coach-card h3,.pulse-card h3{letter-spacing:-.03em;margin:10px 0 8px;font-size:24px;line-height:1.08}.lesson-copy>p,.coach-card p,.pulse-card p{color:var(--ink-soft);margin:0;font-family:Arial,sans-serif;font-size:15px;line-height:1.55}.direction-demo{color:#4e6880;text-transform:uppercase;background:#f2f9fd;border:2px solid #c9d9e3;border-radius:13px;justify-content:space-between;align-items:center;max-width:260px;margin-top:19px;padding:10px 14px;font-family:Arial,sans-serif;font-size:11px;font-weight:900;display:flex}.direction-arrow{color:var(--coral);font-size:25px}.lesson-visual{min-width:0}.visual-caption{color:var(--ink-soft);text-align:center;margin-top:8px;font-family:Arial,sans-serif;font-size:12px;display:block}.staff-wrap{width:100%}.staff-svg{width:100%;height:auto;display:block;overflow:visible}.staff-svg .paper{fill:#fff;stroke:#d9e3e8;stroke-width:3px}.staff-lines line,.ledger-line{stroke:var(--ink);stroke-width:2.5px;stroke-linecap:round}.clef-symbol{fill:var(--ink);font-family:Noto Music,Segoe UI Symbol,DejaVu Sans,serif;font-weight:400}.clef-symbol.treble{font-size:71px}.clef-symbol.bass{font-size:61px}.time-signature{fill:var(--ink);font-family:Georgia,serif;font-size:25px;font-weight:900}.challenge-note ellipse{fill:var(--coral);stroke:var(--ink);stroke-width:3px}.challenge-note line{stroke:var(--ink);stroke-width:4px;stroke-linecap:round}.hint-arrow path{fill:var(--yellow);stroke:var(--ink);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.answer-label rect{fill:var(--green);stroke:var(--ink);stroke-width:2.5px}.answer-label text{fill:#fff;font-family:Arial,sans-serif;font-size:19px;font-weight:900}.lesson-header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:18px;display:flex}.lesson-header h3{margin-bottom:0}.tiny-copy{color:var(--ink-soft);font-family:Arial,sans-serif;font-size:12px;font-weight:700}.clef-cards{grid-template-columns:1fr 1fr;gap:15px;display:grid}.clef-card{border:3px solid var(--ink);border-radius:19px;grid-template-columns:90px 1fr;align-items:center;gap:14px;padding:17px;display:grid}.big-clef{text-align:center;font-family:Noto Music,Segoe UI Symbol,DejaVu Sans,serif;font-size:71px;line-height:1}.clef-card h4{margin:0 0 9px;font-size:19px}.clef-card p{color:var(--ink-soft);margin:5px 0;font-family:Arial,sans-serif;font-size:13px;line-height:1.35}.clef-card p strong{color:var(--ink)}.meter-badge{border:4px solid var(--ink);background:var(--purple);color:#fff;border-radius:14px;place-items:center;width:61px;height:61px;font-family:Georgia,serif;font-size:19px;font-weight:900;display:grid;transform:rotate(3deg);box-shadow:0 6px #18315324}.rhythm-reference{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.reference-card{border:3px solid var(--ink);text-align:center;border-radius:17px;flex-direction:column;align-items:center;min-width:0;padding:12px 8px 14px;display:flex}.reference-card.coral{background:#ffe5de}.reference-card.purple{background:#eee9ff}.reference-card.green{background:#e2f8df}.reference-card.blue{background:#e1f4ff}.reference-card strong{margin-top:-5px;font-size:14px}.reference-card span{color:var(--ink-soft);margin-top:4px;font-family:Arial,sans-serif;font-size:12px;font-weight:700}.rhythm-figure{width:180px;max-width:100%;height:150px;display:block}.rhythm-figure.compact{width:110px;height:92px}.rhythm-figure .open-head,.rhythm-figure .filled-head,.rhythm-figure .note-stem{stroke:var(--ink);stroke-width:8px;stroke-linecap:round}.rhythm-figure .open-head{fill:#fff}.rhythm-figure .whole-head{stroke-width:9px}.rhythm-figure .filled-head,.rhythm-figure .note-beam{fill:var(--ink)}.rhythm-figure .note-stem{fill:none}.rhythm-footnote{color:var(--ink-soft);text-align:center;margin:17px 0 0;font-family:Arial,sans-serif;font-size:13px}.rhythm-footnote strong{color:var(--ink)}.start-zone{border:4px solid var(--ink);background:linear-gradient(110deg,#d9f7ff,#fff6c9);border-radius:24px;justify-content:space-between;align-items:center;gap:24px;margin-top:20px;padding:22px 26px;display:flex;box-shadow:0 8px #1831531f}.start-zone h3{margin-bottom:0}.start-actions{gap:10px;display:flex}.primary-button,.secondary-button{min-height:48px;padding:11px 17px}.primary-button{color:#fff;background:linear-gradient(#54d985,#2ca962);box-shadow:0 5px #177d48}.secondary-button{color:#fff;background:linear-gradient(#967de4,#7559ca);box-shadow:0 5px #4f3c9d}.score-row{gap:8px;display:flex}.score-pill,.streak-pill{border:3px solid var(--ink);background:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:72px;min-height:42px;font-family:Arial,sans-serif;font-size:15px;font-weight:900;display:inline-flex;box-shadow:0 4px #1831531f}.score-pill span{color:#f8b216;font-size:20px}.streak-pill span{color:var(--coral);font-size:18px}.level-picker{border:3px solid var(--ink);background:#fff;border-radius:17px;align-items:center;gap:8px;margin-bottom:17px;padding:10px 12px;display:flex;box-shadow:0 5px #1831531a}.picker-label{color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;margin:0 7px 0 3px;font-family:Arial,sans-serif;font-size:11px;font-weight:900}.level-button{min-height:40px;color:var(--ink-soft);cursor:pointer;background:#f2f7fa;border:2px solid #cbd9e1;border-radius:11px;justify-content:center;align-items:center;gap:7px;padding:7px 13px;font-size:13px;font-weight:900;display:inline-flex}.level-button span{font-family:Noto Music,Segoe UI Symbol,serif;font-size:21px}.level-button.active{border-color:var(--ink);background:var(--yellow);color:var(--ink);box-shadow:0 3px #c67d29}.game-grid,.rhythm-game-grid{grid-template-columns:minmax(0,1.48fr) minmax(270px,.52fr);align-items:start;gap:18px;display:grid}.challenge-card,.rhythm-challenge-card{padding:20px 22px 24px}.challenge-meta{justify-content:space-between;align-items:center;gap:16px;margin-bottom:11px;display:flex}.clef-tag.treble{background:#cdeeff}.clef-tag.bass{background:#e6dcff}.challenge-count{color:var(--ink-soft);letter-spacing:.1em;text-transform:uppercase;font-family:Arial,sans-serif;font-size:10px;font-weight:900}.challenge-question{color:var(--ink);text-align:center;margin:12px 0 13px;font-size:20px}.note-answers{grid-template-columns:repeat(7,1fr);gap:7px;display:grid}.answer-button,.beat-choice{border:3px solid var(--ink);color:var(--ink);cursor:pointer;background:#fff;border-radius:13px;font-weight:900;transition:all .12s;box-shadow:0 4px #bccbd4}.answer-button{min-height:48px;padding:8px 3px;font-size:14px}.answer-button:hover:not(:disabled),.beat-choice:hover:not(:disabled){background:#fff6c9;transform:translateY(-2px)}.answer-button:disabled,.beat-choice:disabled{cursor:default;opacity:1}.answer-button.is-correct,.beat-choice.is-correct{color:#102f23;background:#5bd881;box-shadow:0 4px #20834c}.answer-button.is-wrong,.beat-choice.is-wrong{color:#64251f;background:#ff8b7f;box-shadow:0 4px #bd5147}.answer-button.is-muted,.beat-choice.is-muted{color:#8997a4;background:#edf2f5;border-color:#cbd5dc;box-shadow:0 4px #d6e0e5}.feedback-zone{min-height:62px;margin-top:14px}.feedback{border:2px solid var(--ink);text-align:left;border-radius:15px;justify-content:center;align-items:center;gap:10px;min-height:58px;padding:10px 14px;font-family:Arial,sans-serif;font-size:13px;font-weight:800;line-height:1.35;display:flex}.feedback.correct{background:#dcf8de}.feedback.wrong{background:#fff0d8}.feedback-icon{color:var(--coral);font-size:22px}.waiting-copy{color:var(--ink-soft);text-align:center;margin:0;padding:15px 0;font-family:Arial,sans-serif;font-size:12px}.next-button{color:#fff;background:linear-gradient(#5fda88,#2fa965);min-width:190px;min-height:48px;margin:6px auto 0;display:block;box-shadow:0 5px #167a46}.coach-card,.pulse-card{background:linear-gradient(160deg,#f2eaff,#fffdf7 52%);padding:22px;position:sticky;top:18px}.coach-character{border:4px solid var(--ink);background:linear-gradient(145deg,#ffe65c,#ff9a42);border-radius:50%;place-items:center;width:112px;height:112px;margin:0 auto 18px;display:grid;position:relative;box-shadow:0 7px #18315329}.coach-note{color:var(--ink);font-family:Georgia,serif;font-size:72px;font-weight:900;transform:rotate(-10deg)}.coach-spark{color:#fff;font-size:22px;position:absolute}.coach-spark.one{top:15px;right:14px}.coach-spark.two{font-size:14px;bottom:17px;left:17px}.coach-actions{grid-template-columns:1fr;gap:8px;margin-top:18px;display:grid}.hint-button,.sound-button{border:2px solid var(--ink);cursor:pointer;border-radius:12px;min-height:44px;font-size:13px;font-weight:900;transition:all .12s}.hint-button{color:var(--ink);background:#fff5bd}.sound-button{color:var(--ink);background:#dff4ff}.hint-button:hover,.sound-button:hover{transform:translateY(-2px)}.hint-button.full{width:100%;margin-top:9px}.hint-box{color:#6d4927;background:#fff6d6;border:2px dashed #b36d25;border-radius:12px;margin-top:10px;padding:10px 12px;font-family:Arial,sans-serif;font-size:12px;line-height:1.4}.mini-rule,.clap-tip{border-top:2px solid #d8dfeb;align-items:center;gap:11px;margin-top:16px;padding-top:15px;display:flex}.rule-arrow{color:var(--green);font-size:34px;font-weight:900}.mini-rule div,.clap-tip div{flex-direction:column;gap:2px;display:flex}.mini-rule strong,.clap-tip strong{font-size:12px}.mini-rule span:not(.rule-arrow),.clap-tip span:not(.clap-icon){color:var(--ink-soft);font-family:Arial,sans-serif;font-size:11px;line-height:1.35}.rhythm-challenge-card.coral{background:linear-gradient(145deg,#fff,#fff0e9)}.rhythm-challenge-card.purple{background:linear-gradient(145deg,#fff,#f0ebff)}.rhythm-challenge-card.green{background:linear-gradient(145deg,#fff,#e8f9e5)}.rhythm-challenge-card.blue{background:linear-gradient(145deg,#fff,#e7f7ff)}.rhythm-stage{border:3px solid var(--ink);background:radial-gradient(circle,#fff 0 52%,#fff7c9 53% 100%);border-radius:50%;justify-content:center;align-items:center;width:min(340px,80%);min-height:174px;margin:3px auto 0;display:flex;position:relative;box-shadow:0 7px #1831531f}.stage-spark{color:var(--orange);font-size:23px;position:absolute}.stage-spark.left{top:37px;left:35px}.stage-spark.right{bottom:38px;right:34px}.rhythm-name{color:var(--ink);text-align:center;margin:15px 0 0;font-size:23px}.rhythm-question{margin-top:6px}.beat-choices{grid-template-columns:repeat(3,1fr);gap:9px;width:min(430px,100%);margin:0 auto;display:grid}.beat-choice{flex-direction:column;justify-content:center;align-items:center;min-height:70px;padding:8px;display:flex}.beat-choice strong{font-size:24px}.beat-choice span{color:inherit;font-family:Arial,sans-serif;font-size:11px;font-weight:800}.duration-reveal{background:#ffffffb3;border:2px solid #cad9e1;border-radius:14px;grid-template-columns:auto 1fr;align-items:center;gap:8px 12px;margin:8px 0 15px;padding:11px 13px;font-family:Arial,sans-serif;font-size:11px;font-weight:900;display:grid}.duration-blocks{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.duration-blocks span{border:2px solid var(--ink);color:#788994;background:#e6edf0;border-radius:7px;place-items:center;height:28px;display:grid}.duration-blocks span.filled{background:var(--yellow);color:var(--ink)}.duration-reveal small{color:var(--ink-soft);grid-column:1/-1;font-size:11px;font-weight:700}.pulse-card{background:linear-gradient(160deg,#e5f7ff,#fffdf7 56%)}.pulse-track{grid-template-columns:repeat(4,1fr);gap:6px;margin:20px 0 14px;display:grid}.pulse{aspect-ratio:1;border:3px solid var(--ink);background:#fff;border-radius:50%;place-items:center;transition:all .1s;display:grid;box-shadow:0 4px #b8c9d3}.pulse span{font-family:Arial,sans-serif;font-size:13px;font-weight:900}.pulse.active{background:var(--yellow);transform:translateY(-5px)scale(1.05);box-shadow:0 0 0 7px #ffd44759,0 4px #c47726}.pulse:first-child.active{background:var(--coral);color:#fff;box-shadow:0 0 0 7px #ff675d40,0 4px #ae413a}.pulse-button{color:#fff;background:linear-gradient(#5dcded,#2da6d0);width:100%;min-height:48px;box-shadow:0 5px #197695}.pulse-button:disabled{cursor:default;filter:grayscale(.1)}.clap-icon{font-size:27px}.teacher-note{z-index:2;background:#ffffffad;border:3px dashed #80a1b3;border-radius:18px;align-items:center;gap:15px;width:min(850px,100% - 36px);margin:35px auto 28px;padding:14px 18px;display:flex;position:relative}.teacher-icon{border:3px solid var(--ink);background:var(--green);color:#fff;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-size:18px;font-weight:900;display:grid}.teacher-note strong{font-size:13px}.teacher-note p{color:var(--ink-soft);margin:3px 0 0;font-family:Arial,sans-serif;font-size:12px;line-height:1.45}.site-footer{z-index:2;border-top:4px solid var(--ink);background:var(--ink);color:#ffffffbd;letter-spacing:.04em;justify-content:space-between;align-items:center;padding:20px max(24px,50% - 540px);font-family:Arial,sans-serif;font-size:11px;font-weight:700;display:flex;position:relative}.site-footer strong{color:var(--yellow);letter-spacing:.12em}.site-footer span:last-child span{color:var(--coral)}@media (width<=900px){.hero{grid-template-columns:1fr .72fr;gap:28px}.mission-map{min-height:274px;transform:scale(.94)rotate(2deg)}.lesson-staff{grid-template-columns:1fr}.lesson-copy{grid-template-columns:auto 1fr;align-items:start;column-gap:18px;display:grid}.lesson-copy h3{margin-top:7px}.lesson-copy>p,.direction-demo{grid-column:1/-1}.game-grid,.rhythm-game-grid{grid-template-columns:minmax(0,1.25fr) minmax(245px,.75fr)}.note-answers{grid-template-columns:repeat(4,1fr)}}@media (width<=720px){.site-shell{background:linear-gradient(180deg, var(--sky) 0, var(--sky-light) 650px, #f6fbff 650px)}.world-decoration{height:650px}.site-header{width:min(100% - 28px,560px);padding-top:16px}.header-badge{display:none}.brand-copy strong{font-size:17px}.brand-mark{width:43px;height:43px}.hero{grid-template-columns:1fr;gap:28px;width:min(100% - 32px,580px);min-height:575px;padding-top:31px}.hero-copy{text-align:center}.hero-kicker{justify-content:center}.hero h1{-webkit-text-stroke-width:1.5px;margin-left:auto;margin-right:auto;font-size:clamp(43px,13vw,67px)}.hero-copy>p{margin-left:auto;margin-right:auto;font-size:15px}.mission-map{width:min(390px,100%);min-height:245px;margin:0 auto;transform:rotate(1deg)}.map-step span{width:47px;height:47px}.step-one{bottom:33px;left:26px}.step-two{top:87px}.step-three{bottom:34px;right:23px}.finish-flag{top:27px;right:28px}.hill,.floating-block,.note-two{opacity:.55}.ground-strip{height:40px}.mode-nav{flex-direction:column;gap:8px;width:calc(100% - 24px);padding:11px}.nav-title{display:none}.nav-buttons{grid-template-columns:repeat(3,1fr)}.nav-button{min-width:0;padding:5px}.nav-label-full{display:none}.nav-label-short{display:inline}.content-shell{width:calc(100% - 24px);margin-top:27px}.section-heading,.game-topline{align-items:center}.mini-flag{display:none}.lesson-card{padding:18px}.lesson-copy{display:block}.clef-cards{grid-template-columns:1fr}.clef-card{grid-template-columns:70px 1fr}.big-clef{font-size:58px}.rhythm-reference{grid-template-columns:repeat(2,1fr)}.start-zone{flex-direction:column;align-items:stretch}.start-actions{grid-template-columns:1fr 1fr;display:grid}.game-grid,.rhythm-game-grid{grid-template-columns:1fr}.coach-card,.pulse-card{position:static}.coach-card{grid-template-columns:90px 1fr;gap:15px;display:grid}.coach-character{width:82px;height:82px;margin:0}.coach-note{font-size:54px}.coach-actions,.hint-box,.mini-rule{grid-column:1/-1}.level-picker{flex-wrap:wrap}.picker-label{width:100%}.level-button{flex:1}}@media (width<=470px){.hero{min-height:598px}.hero h1{font-size:45px}.hero-copy>p{font-size:14px}.cloud-one{left:-45px}.cloud-two{right:-50px}.mission-map{min-height:232px}.map-label{top:16px;left:16px}.map-step strong{font-size:8px}.finish-flag{transform:scale(.82)}.section-heading h2,.game-topline h2{font-size:28px}.section-heading p{font-size:13px}.score-pill,.streak-pill{min-width:55px;min-height:37px;font-size:13px}.game-topline{align-items:flex-end}.level-button{padding:5px 7px;font-size:11px}.challenge-card,.rhythm-challenge-card{border-width:3px;padding:14px 12px 19px}.note-answers{grid-template-columns:repeat(4,1fr)}.answer-button{min-height:44px;font-size:13px}.rhythm-stage{width:88%;min-height:150px}.rhythm-figure{height:130px}.start-actions{grid-template-columns:1fr}.start-zone{padding:18px}.lesson-header{align-items:flex-start}.tiny-copy{display:none}.teacher-note{align-items:flex-start}.site-footer{text-align:center;flex-direction:column;gap:7px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--ink:#34333b;--ink-soft:#676472;--paper:#fffef9;--cream:#f8f6ef;--pink:#f542aa;--pink-deep:#c6257f;--orange:#ffb13b;--orange-deep:#d87917;--teal:#3fcabd;--teal-deep:#168c83;--lime:#ecf641;--lime-deep:#a5af18;--purple:#7666e8;--green:#3fcabd;--yellow:#ecf641;--coral:#f542aa;--blue:#3fcabd;--shadow:0 12px 32px #1f1c301f, 0 3px 0 #34333b14}body{color:var(--ink);background:#f5f2ed;font-family:Trebuchet MS,Arial Rounded MT Bold,Arial,sans-serif}.site-shell{background:linear-gradient(#0000 0 690px,#f5f2ed 690px 100%),linear-gradient(145deg,#151420 0%,#23203a 52%,#171a26 100%)}.world-decoration{background-color:#0000;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:56px 56px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;height:690px}.world-decoration:after{content:"";background:linear-gradient(#0000 55%,#151420c2 100%);position:absolute;inset:0}.color-aura{filter:blur(18px);opacity:.28;border-radius:50%;position:absolute}.aura-pink{background:var(--pink);width:420px;height:420px;top:80px;left:-120px}.aura-teal{background:var(--teal);width:470px;height:470px;top:-170px;right:8%}.aura-lime{background:var(--lime);opacity:.13;width:350px;height:350px;bottom:-100px;right:-110px}.constellation{z-index:1;width:180px;height:110px;position:absolute}.constellation:before,.constellation:after{content:"";transform-origin:0;background:linear-gradient(90deg,#0000,#ffffff80,#0000);height:1px;position:absolute}.constellation:before{width:140px;top:31px;left:17px;transform:rotate(18deg)}.constellation:after{width:105px;top:75px;left:42px;transform:rotate(-22deg)}.constellation i{background:#fff;border-radius:50%;width:5px;height:5px;position:absolute;box-shadow:0 0 12px #fff}.constellation i:first-child{top:25px;left:14px}.constellation i:nth-child(2){top:47px;left:70px}.constellation i:nth-child(3){top:67px;right:15px}.constellation i:nth-child(4){bottom:19px;left:39px}.constellation-one{top:130px;left:4%}.constellation-two{bottom:75px;right:4%;transform:scale(.75)rotate(11deg)}.world-rune{z-index:1;color:#ffffff14;font-family:Noto Music,Segoe UI Symbol,serif;font-size:80px;position:absolute}.rune-one{bottom:70px;left:9%;transform:rotate(-12deg)}.rune-two{top:84px;right:42%;transform:rotate(9deg)}.rune-three{top:185px;right:4%;transform:rotate(12deg)}.site-header{width:min(1180px,100% - 48px);padding:25px 0 10px}.brand{gap:14px}.brand-crest{flex:none;grid-template-columns:repeat(2,1fr);gap:4px;width:92px;height:92px;display:inline-grid}.brand-crest.compact{gap:3px;width:56px;height:56px}.crest-tile{color:#38363e;border-radius:4px;place-items:center;min-width:0;display:grid}.crest-tile.pink{background:var(--pink)}.crest-tile.orange{background:var(--orange)}.crest-tile.teal{background:var(--teal)}.crest-tile.lime{background:var(--lime)}.crest-tile svg{width:74%;height:74%;overflow:visible}.crest-tile svg>*{fill:none;stroke:currentColor;stroke-width:2.8px;stroke-linecap:round;stroke-linejoin:round}.crest-tile svg .glyph-fill{fill:currentColor;stroke:currentColor}.brand-copy strong{color:#fff;letter-spacing:-.03em;text-shadow:none;font-size:21px}.brand-copy small{color:#ffffff94;letter-spacing:.16em;font-size:9px}.header-badge{color:#ffffffd1;box-shadow:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff3d}.hero{grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);gap:64px;width:min(1120px,100% - 48px);min-height:584px;padding:36px 0 74px}.hero-copy{max-width:660px}.hero-kicker{color:#ffffffc7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff13;border:1px solid #fff3}.hero-kicker span{color:var(--lime)}.hero h1{color:#fff;letter-spacing:-.065em;text-transform:none;-webkit-text-stroke:0;text-shadow:0 14px 34px #00000042;max-width:650px;margin:22px 0 17px;font-family:Trebuchet MS,Arial,sans-serif;font-size:clamp(48px,5.7vw,76px);font-weight:900;line-height:.98}.hero h1 em{background:linear-gradient(90deg, var(--pink), var(--orange) 36%, var(--lime) 70%, var(--teal));color:#0000;-webkit-background-clip:text;background-clip:text;margin-top:8px;font-style:normal;display:block}.hero-copy>p{color:#ffffffb8;max-width:615px;margin-bottom:20px;font-size:16px;font-weight:500;line-height:1.6}.rpg-status{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#08080f47;border:1px solid #ffffff2e;border-radius:15px;grid-template-columns:54px 1fr;align-items:center;gap:13px;max-width:540px;padding:11px 13px;display:grid}.avatar-rune{background:linear-gradient(145deg, var(--pink), var(--orange));color:#fff;border:2px solid #ffffffb8;border-radius:11px;place-items:center;width:52px;height:52px;font-family:Noto Music,Segoe UI Symbol,serif;font-size:30px;display:grid;box-shadow:0 0 22px #f542aa38}.status-main{min-width:0}.status-title{color:#fff;justify-content:space-between;align-items:center;gap:15px;display:flex}.status-title span{color:var(--lime);letter-spacing:.1em;text-transform:uppercase;font-family:Arial,sans-serif;font-size:10px;font-weight:900}.status-title strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.xp-track{background:#ffffff21;border-radius:99px;height:7px;margin:7px 0 5px;overflow:hidden}.xp-track span{border-radius:inherit;background:linear-gradient(90deg, var(--pink), var(--orange), var(--lime));height:100%;box-shadow:0 0 12px var(--pink);transition:width .35s;display:block}.xp-copy{color:#ffffff87;letter-spacing:.04em;justify-content:space-between;font-family:Arial,sans-serif;font-size:9px;font-weight:700;display:flex}.progress-status{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:16px;min-width:0;overflow:hidden}.progress-status .rpg-status{background:0 0;border:0;border-radius:0;max-width:none}.domain-progress{border-top:1px solid #ffffff1a;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 16px;padding:10px 13px;display:grid}.domain-row{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.domain-row>span:first-child{color:#ffffffb3;letter-spacing:.06em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font:800 8px Arial,sans-serif;overflow:hidden}.domain-dots{flex:none;gap:4px;display:inline-flex}.domain-dots i{background:0 0;border:1px solid #ffffff47;border-radius:50%;width:7px;height:7px}.domain-dots i.filled{border-color:var(--teal);background:var(--teal);box-shadow:0 0 7px #37cdbd73}.achievement-summary{border-top:1px solid #ffffff1a;align-items:center;gap:10px;padding:9px 13px 11px;display:flex}.achievement-summary>span{color:var(--lime);letter-spacing:.08em;text-transform:uppercase;flex:none;font:900 8px Arial,sans-serif}.achievement-summary>div{gap:6px;min-width:0;display:flex}.achievement-summary small{color:#ffffffb3;text-overflow:ellipsis;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff21;border-radius:99px;align-items:center;gap:4px;padding:4px 7px;font:700 8px Arial,sans-serif;display:inline-flex;overflow:hidden}.achievement-summary small i{color:var(--orange);font-style:normal}.hero-actions{align-items:center;gap:18px;margin-top:18px;display:flex}.hero-button{background:linear-gradient(100deg, var(--pink), #e93693);color:#fff;border:0;border-radius:10px;min-height:51px;padding:14px 21px;box-shadow:0 6px #8d1e5d,0 13px 25px #f542aa3b}.session-note{color:#ffffff80;align-items:center;gap:7px;font-family:Arial,sans-serif;font-size:10px;font-weight:700;display:inline-flex}.session-note i{background:var(--teal);width:7px;height:7px;box-shadow:0 0 10px var(--teal);border-radius:50%}.realm-board{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff13;border:1px solid #ffffff38;border-radius:25px;padding:19px;position:relative;transform:rotate(1deg);box-shadow:0 22px 60px #00000045}.realm-board:before{content:"";pointer-events:none;border:1px dashed #ffffff21;border-radius:18px;position:absolute;inset:8px}.board-heading{z-index:1;color:#fff;justify-content:space-between;align-items:end;gap:15px;margin:3px 3px 14px;display:flex;position:relative}.board-heading span{color:#ffffff7a;letter-spacing:.14em;text-transform:uppercase;font-family:Arial,sans-serif;font-size:9px;font-weight:900}.board-heading strong{font-size:14px}.realm-grid{z-index:1;grid-template-columns:1fr 1fr;gap:9px;display:grid;position:relative}.realm-tile{color:#34333b;border:1px solid #34333b40;border-radius:14px;align-items:center;gap:11px;min-height:127px;padding:14px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff4d}.realm-tile:after{content:"";border:18px solid #fff3;border-radius:50%;width:100px;height:100px;position:absolute;top:-40px;right:-40px}.realm-tile.pink{background:linear-gradient(145deg, #ff66ba, var(--pink))}.realm-tile.orange{background:linear-gradient(145deg, #ffc765, var(--orange))}.realm-tile.teal{background:linear-gradient(145deg, #6ee0d6, var(--teal))}.realm-tile.lime{background:linear-gradient(145deg, #f7fb74, var(--lime))}.realm-glyph{flex:none;place-items:center;width:53px;height:53px;display:grid}.realm-glyph svg{width:100%;height:100%;overflow:visible}.realm-glyph svg>*{fill:none;stroke:currentColor;stroke-width:2.7px;stroke-linecap:round;stroke-linejoin:round}.realm-glyph svg .glyph-fill{fill:currentColor;stroke:currentColor}.realm-copy{z-index:1;flex-direction:column;min-width:0;display:flex;position:relative}.realm-copy strong{font-size:12px;line-height:1.15}.realm-copy small{opacity:.72;margin-top:5px;font-family:Arial,sans-serif;font-size:9px;font-weight:700}.central-sigil{z-index:4;color:#fff;background:#252233;border:3px solid #fff;border-radius:50%;place-items:center;width:45px;height:45px;font-family:Georgia,serif;font-size:22px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 7px 18px #00000042}.board-legend{z-index:1;color:#ffffff7a;justify-content:space-between;gap:14px;margin:13px 3px 2px;font-family:Arial,sans-serif;font-size:9px;font-weight:700;display:flex;position:relative}.board-legend span{align-items:center;gap:6px;display:inline-flex}.live-dot{background:var(--lime);width:7px;height:7px;box-shadow:0 0 10px var(--lime);border-radius:50%}.brand-band{z-index:3;grid-template-columns:repeat(4,1fr);height:13px;display:grid;position:relative;box-shadow:0 5px 18px #1f1c3029}.brand-band .pink{background:var(--pink)}.brand-band .orange{background:var(--orange)}.brand-band .teal{background:var(--teal)}.brand-band .lime{background:var(--lime)}.mode-nav{background:#262432;border:0;border-radius:0 0 18px 18px;width:min(1060px,100% - 36px);margin:-1px auto 0;padding:13px 16px 15px 22px;box-shadow:0 10px 24px #1f1c302e}.nav-title{color:#ffffff73}.nav-button{color:#fff9;background:#ffffff0e;border:1px solid #ffffff21;border-radius:10px}.nav-button:hover{border-color:var(--teal);color:#fff}.nav-button.active{background:linear-gradient(100deg, var(--pink), #e22f8c);color:#fff;border-color:#ffffff6b;box-shadow:0 4px #8b1b59}.content-shell{width:min(1120px,100% - 36px);margin-top:43px}.eyebrow{color:var(--pink-deep)}.section-heading h2,.game-topline h2{color:var(--ink);font-size:clamp(31px,4vw,46px)}.section-heading p,.game-topline p{color:var(--ink-soft)}.mini-flag{background:conic-gradient(from 45deg, var(--pink), var(--orange), var(--lime), var(--teal), var(--pink));border:0;border-radius:14px;box-shadow:0 8px 22px #f542aa33}.lesson-card,.challenge-card,.coach-card,.rhythm-challenge-card,.pulse-card{background:var(--paper);box-shadow:var(--shadow);border:1px solid #34333b2b;border-radius:19px}.lesson-card{padding:28px;position:relative;overflow:hidden}.lesson-card:before{content:"";width:8px;position:absolute;inset:0 auto 0 0}.lesson-staff:before{background:var(--pink)}.lesson-clefs:before{background:var(--orange)}.lesson-rhythm:before{background:var(--teal)}.lesson-clefs{background:linear-gradient(135deg,#fffef9,#fff7e6)}.lesson-rhythm{background:linear-gradient(135deg,#fffef9,#eafbf8)}.step-chip,.clef-tag,.meter-tag{background:var(--pink);color:#fff;border:0;border-radius:6px}.lesson-clefs .step-chip{background:var(--orange);color:var(--ink)}.lesson-rhythm .step-chip{background:var(--teal);color:var(--ink)}.direction-demo{background:#f4f2ee;border-color:#34333b29}.direction-arrow{color:var(--pink)}.staff-svg .paper{fill:#fffefb;stroke:#d8d4cc}.challenge-note ellipse{fill:var(--pink)}.hint-arrow path{fill:var(--lime)}.answer-label rect{fill:var(--teal)}.clef-card{border:1px solid #34333b33;border-radius:13px;box-shadow:0 5px #34333b12}.treble-card{background:#ffd8ee}.bass-card{background:#ffe8bd}.meter-badge{background:var(--lime);color:var(--ink);box-shadow:0 6px 0 var(--lime-deep);border:0}.reference-card{border:1px solid #34333b33;border-radius:13px;box-shadow:0 5px #34333b14}.reference-card.coral{background:var(--pink);color:#fff}.reference-card.purple{background:var(--orange);color:var(--ink)}.reference-card.green{background:var(--teal);color:var(--ink)}.reference-card.blue{background:var(--lime);color:var(--ink)}.reference-card:not(.coral) span{color:#34333bba}.start-zone{color:#fff;background:linear-gradient(120deg,#f542aaf5,#6b46bcf5),#252233;border:0;border-radius:18px;box-shadow:0 12px 30px #41265b33}.start-zone .eyebrow{color:var(--lime)}.primary-button,.secondary-button{border:1px solid #fff9;border-radius:9px}.primary-button{background:var(--teal);color:var(--ink);box-shadow:0 5px 0 var(--teal-deep)}.secondary-button{background:var(--lime);color:var(--ink);box-shadow:0 5px 0 var(--lime-deep)}.score-pill,.streak-pill{background:#fff;border:1px solid #34333b38;border-radius:10px;gap:5px;min-width:110px;box-shadow:0 4px #34333b17}.score-pill span{color:var(--pink)}.streak-pill span{color:var(--orange)}.score-pill small,.streak-pill small{color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;font-size:8px}.score-pill strong,.streak-pill strong{font-size:16px}.level-picker{background:#292735;border:1px solid #ffffff1f;border-radius:13px;box-shadow:0 7px 18px #1f1c3021}.picker-label{color:#ffffff73}.level-button{color:#ffffffb3;background:#ffffff12;border:1px solid #ffffff21;border-radius:8px}.level-button.active{background:var(--orange);color:var(--ink);box-shadow:0 3px 0 var(--orange-deep);border-color:#ffffff73}.challenge-card,.rhythm-challenge-card{border-top:8px solid var(--teal);position:relative;overflow:hidden}.rhythm-challenge-card{border-top-color:var(--lime)}.coach-card{border-top:8px solid var(--pink);background:linear-gradient(155deg,#fff0f8,#fffef9 55%)}.pulse-card{border-top:8px solid var(--orange);background:linear-gradient(155deg,#fff5e4,#fffef9 55%)}.clef-tag.treble{background:var(--teal);color:var(--ink)}.clef-tag.bass{background:var(--orange);color:var(--ink)}.meter-tag{background:var(--lime);color:var(--ink)}.answer-button,.beat-choice{border:1px solid #34333b47;border-radius:9px;box-shadow:0 4px #34333b21}.answer-button:nth-child(4n+1){border-top:5px solid var(--pink)}.answer-button:nth-child(4n+2){border-top:5px solid var(--orange)}.answer-button:nth-child(4n+3){border-top:5px solid var(--teal)}.answer-button:nth-child(4n+4){border-top:5px solid var(--lime)}.answer-button:hover:not(:disabled),.beat-choice:hover:not(:disabled){border-color:var(--pink);background:#f9f4ee}.answer-button.is-correct,.beat-choice.is-correct{border-color:var(--teal-deep);background:var(--teal);color:var(--ink);box-shadow:0 4px 0 var(--teal-deep)}.answer-button.is-wrong,.beat-choice.is-wrong{border-color:var(--pink-deep);color:#4d1836;box-shadow:0 4px 0 var(--pink-deep);background:#ff8ac9}.answer-button.is-muted,.beat-choice.is-muted{color:#99949e;background:#efede9;border-color:#d7d3cc}.feedback{border:1px solid #34333b33;border-radius:11px}.feedback.correct{border-left:7px solid var(--teal);background:#d7f8f3}.feedback.wrong{border-left:7px solid var(--pink);background:#ffe2f1}.feedback-icon{color:var(--pink)}.feedback.correct .feedback-icon{color:var(--teal-deep)}.next-button{background:var(--pink);color:#fff;box-shadow:0 5px 0 var(--pink-deep);border:0;border-radius:9px}.coach-character{background:conic-gradient(from 30deg, var(--pink), var(--orange), var(--lime), var(--teal), var(--pink));border:0;box-shadow:0 8px 24px #f542aa38}.coach-character:after{content:"";border:2px solid #ffffffb8;border-radius:50%;position:absolute;inset:8px}.hint-button,.sound-button{border:1px solid #34333b4d;border-radius:8px}.hint-button{background:var(--lime)}.sound-button{background:var(--teal)}.hint-box{border-color:var(--orange-deep);background:#fff2d7}.rule-arrow{color:var(--teal-deep)}.rhythm-challenge-card.coral,.rhythm-challenge-card.purple,.rhythm-challenge-card.green,.rhythm-challenge-card.blue{background:var(--paper)}.rhythm-stage{background:radial-gradient(circle,#fff 0 48%,#f4f0e7 49% 100%);border:1px solid #34333b38;box-shadow:0 8px 20px #34333b1a}.stage-spark{color:var(--pink)}.beat-choice:first-child{border-top:6px solid var(--pink)}.beat-choice:nth-child(2){border-top:6px solid var(--orange)}.beat-choice:nth-child(3){border-top:6px solid var(--teal)}.duration-blocks span.filled{background:var(--lime)}.pulse.active{background:var(--lime);box-shadow:0 0 0 7px #ecf6414d, 0 4px 0 var(--lime-deep)}.pulse:first-child.active{background:var(--pink);box-shadow:0 0 0 7px #f542aa38, 0 4px 0 var(--pink-deep)}.pulse-button{background:var(--orange);color:var(--ink);box-shadow:0 5px 0 var(--orange-deep);border:0;border-radius:9px}.teacher-note{border:0;border-left:8px solid var(--pink);background:#fff;border-radius:12px;box-shadow:0 8px 24px #34333b17}.teacher-icon{background:var(--teal);color:var(--ink);border:0}.site-footer{color:#ffffff94;background:#1d1b28;border-top:0;padding-top:24px;padding-bottom:24px}.footer-brand{align-items:center;gap:11px;display:inline-flex}.footer-brand .brand-crest{gap:2px;width:38px;height:38px}.site-footer strong{color:#fff}@media (width<=980px){.hero{grid-template-columns:minmax(0,1fr) minmax(365px,.85fr);gap:35px}.realm-tile{flex-direction:column;align-items:flex-start;min-height:132px}.realm-glyph{width:43px;height:43px}}@media (width<=760px){.site-shell{background:linear-gradient(#0000 0 1080px,#f5f2ed 1080px 100%),linear-gradient(145deg,#151420 0%,#23203a 58%,#171a26 100%)}.world-decoration{height:1080px}.site-header{width:min(100% - 28px,600px)}.brand-copy strong{font-size:17px}.brand-copy small{max-width:240px;font-size:7px}.brand-crest.compact{width:47px;height:47px}.hero{grid-template-columns:1fr;gap:34px;width:min(100% - 30px,620px);min-height:auto;padding:46px 0 73px}.hero-copy{text-align:left}.hero-kicker{justify-content:flex-start}.hero h1{-webkit-text-stroke:0;margin-left:0;font-size:clamp(45px,12.5vw,68px)}.hero-copy>p{margin-left:0;font-size:15px}.realm-board{width:100%;min-height:0;margin:0;transform:none}.realm-tile{flex-direction:row;align-items:center;min-height:112px}.header-badge{display:none}.brand-band{height:11px}.mode-nav{border-radius:0 0 14px 14px;width:calc(100% - 22px)}.nav-button{min-height:47px}.lesson-card{padding:21px}.score-pill,.streak-pill{min-width:86px}}@media (width<=510px){.site-shell{background:linear-gradient(#0000 0 1090px,#f5f2ed 1090px 100%),linear-gradient(145deg,#151420 0%,#23203a 62%,#171a26 100%)}.brand-copy small{max-width:190px;line-height:1.25;display:block}.hero{min-height:auto;padding-top:36px}.hero h1{font-size:44px}.hero-actions{flex-direction:column;align-items:flex-start;gap:12px}.rpg-status{grid-template-columns:44px 1fr;padding:9px}.avatar-rune{width:42px;height:42px;font-size:24px}.status-title strong{max-width:145px;font-size:11px}.xp-copy{font-size:8px}.realm-board{padding:14px}.realm-tile{min-height:100px;padding:10px}.realm-glyph{width:37px;height:37px}.realm-copy strong{font-size:10px}.central-sigil{width:39px;height:39px}.board-legend{font-size:7px}.content-shell{width:calc(100% - 22px)}.section-heading h2,.game-topline h2{font-size:29px}.score-row{gap:5px}.score-pill,.streak-pill{min-width:66px;min-height:38px}.score-pill small,.streak-pill small{display:none}.start-zone{padding:19px}.site-footer{text-align:center;align-items:center}.footer-brand{flex-direction:column}}button{touch-action:manipulation}.hero-world{align-self:center;gap:13px;min-width:0;display:grid}.owl-guide{align-items:center;gap:12px;min-width:0;display:flex}.owl-portrait{aspect-ratio:116/134;border:3px solid var(--ink);background:#fff7e7;border-radius:48% 48% 42% 42%;flex:none;width:116px;position:relative;overflow:hidden;box-shadow:0 6px #34333b29}.owl-portrait img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.owl-speech{min-width:0;color:var(--ink);background:#fff;border:1px solid #34333b33;border-radius:14px;padding:11px 13px;position:relative;box-shadow:0 5px #34333b14}.owl-speech:before{content:"";background:#fff;border-bottom:1px solid #34333b33;border-left:1px solid #34333b33;width:14px;height:14px;position:absolute;top:28px;left:-8px;transform:rotate(45deg)}.owl-speech span{color:var(--pink-deep);letter-spacing:.1em;text-transform:uppercase;font-family:Arial,sans-serif;font-size:9px;font-weight:900;display:block}.owl-speech p{color:var(--ink-soft);margin:4px 0 0;font-family:Arial,sans-serif;font-size:11px;font-weight:700;line-height:1.42}.hero-owl{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff12;border:1px solid #ffffff29;border-radius:18px;padding:9px 11px}.hero-owl .owl-portrait{border-color:#ffffffb8;width:90px;box-shadow:0 6px 18px #00000038}.hero-owl .owl-speech{background:#fffdf7}.owl-guide.compact{align-items:center;margin-bottom:17px}.owl-guide.compact .owl-portrait{width:88px}.owl-guide.compact .owl-speech{flex:1;padding:10px 11px}.quest-progress{margin:0 0 15px}.quest-progress-copy{color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;font-family:Arial,sans-serif;font-size:9px;font-weight:900;display:flex}.quest-progress-copy strong{color:var(--ink)}.quest-progress-track{background:#e8e4dd;border-radius:99px;height:7px;overflow:hidden}.quest-progress-track span{border-radius:inherit;background:linear-gradient(90deg, var(--pink), var(--orange), var(--lime), var(--teal));height:100%;transition:width .3s;display:block}.nav-buttons{grid-template-columns:repeat(4,minmax(115px,1fr));width:min(810px,100%)}.nav-button,.level-button,.answer-button,.beat-choice,.hint-button,.sound-button,.next-button,.pulse-button,.primary-button,.secondary-button,.composer-start-button{min-height:54px}.answer-button{min-height:58px;font-size:15px}.next-button{width:min(100%,330px);min-height:58px;font-size:15px}.hint-button,.sound-button,.pulse-button{min-height:54px}.start-actions{flex-wrap:wrap;justify-content:flex-end}.composer-start-button{background:var(--orange);color:var(--ink);cursor:pointer;box-shadow:0 5px 0 var(--orange-deep);border:1px solid #fff9;border-radius:9px;padding:11px 17px;font-weight:900}.pulse-card .owl-guide{margin-bottom:20px}.composer-topline{align-items:center}.composer-reward{background:var(--lime);min-width:83px;min-height:48px;color:var(--ink);box-shadow:0 5px 0 var(--lime-deep);border-radius:10px;flex:none;place-items:center;font-family:Arial,sans-serif;font-size:13px;font-weight:900;display:grid}.composer-mode-picker{grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 18px;display:grid}.composer-mode{color:#ffffffb3;cursor:pointer;text-align:left;background:#292735;border:1px solid #ffffff24;border-radius:12px;grid-template-rows:auto auto;grid-template-columns:40px 1fr;min-height:76px;padding:11px 13px;display:grid;box-shadow:0 5px #1f1c3033}.composer-mode>span{width:32px;height:32px;color:var(--lime);background:#ffffff1a;border-radius:50%;grid-row:1/3;align-self:center;place-items:center;font-family:Arial,sans-serif;font-size:12px;font-weight:900;display:grid}.composer-mode strong{align-self:end;font-size:13px}.composer-mode small{color:#ffffff75;align-self:start;margin-top:3px;font-family:Arial,sans-serif;font-size:9px;font-weight:700}.composer-mode:hover{border-color:var(--teal);color:#fff;transform:translateY(-2px)}.composer-mode.active{background:linear-gradient(110deg, var(--pink), #d92f88);color:#fff;box-shadow:0 5px 0 var(--pink-deep);border-color:#ffffff8c}.composer-mode.active>span{background:var(--lime);color:var(--ink)}.composer-mode.active small{color:#ffffffd1}.composer-grid{grid-template-columns:minmax(0,1.48fr) minmax(270px,.52fr);align-items:start;gap:18px;display:grid}.composer-card,.composer-guide-card{background:var(--paper);box-shadow:var(--shadow);border:1px solid #34333b2b;border-radius:19px}.composer-card{border-top:8px solid var(--orange);padding:20px 22px 24px;overflow:hidden}.composer-guide-card{border-top:8px solid var(--teal);background:linear-gradient(155deg,#e8fbf8,#fffef9 52%);padding:20px;position:sticky;top:18px}.composer-guide-card h3{margin:5px 0 7px;font-size:21px}.composer-guide-card>ol{gap:9px;margin:16px 0;padding:0;list-style:none;display:grid}.composer-guide-card>ol li{grid-template-columns:32px 1fr;align-items:center;gap:9px;display:grid}.composer-guide-card>ol li>span{background:var(--orange);width:31px;height:31px;color:var(--ink);border-radius:50%;place-items:center;font-family:Arial,sans-serif;font-size:11px;font-weight:900;display:grid}.composer-guide-card>ol li:nth-child(2)>span{background:var(--lime)}.composer-guide-card>ol li:nth-child(3)>span{background:var(--pink);color:#fff}.composer-guide-card>ol p{color:var(--ink-soft);margin:0;font-family:Arial,sans-serif;font-size:11px;line-height:1.35}.composer-guide-card>ol strong{color:var(--ink);font-size:12px;display:block}.no-wrong-note{background:#fff0f8;border:1px solid #34333b26;border-radius:11px;align-items:center;gap:9px;padding:10px;display:flex}.no-wrong-note>span{color:var(--pink);font-size:24px}.no-wrong-note p{color:var(--ink-soft);margin:0;font-family:Arial,sans-serif;font-size:10px;line-height:1.4}.no-wrong-note strong{color:var(--ink)}.measure-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:11px;display:flex}.measure-heading>div{flex-direction:column;gap:3px;display:flex}.measure-heading>div span{color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;font-family:Arial,sans-serif;font-size:9px;font-weight:900}.measure-heading>div strong{font-size:16px}.measure-status{color:var(--ink-soft);background:#eeeae3;border-radius:999px;padding:7px 10px;font-family:Arial,sans-serif;font-size:9px;font-weight:900}.measure-status.complete{background:var(--lime);color:var(--ink)}.composition-measure{border:2px solid #34333b38;border-right:7px double var(--ink);border-left:7px double var(--ink);background:linear-gradient(#0000 24%,#34333b21 25% 26%,#0000 27% 43%,#34333b21 44% 45%,#0000 46% 62%,#34333b21 63% 64%,#0000 65% 81%,#34333b21 82% 83%,#0000 84%),#fffefb;border-radius:10px;align-items:stretch;gap:7px;min-height:168px;padding:12px;display:flex;overflow-x:auto}.measure-empty{width:100%;color:var(--ink-soft);text-align:center;align-content:center;place-items:center;display:grid}.measure-empty span{color:var(--pink);font-family:Georgia,serif;font-size:43px}.measure-empty p{margin:4px 0 0;font-family:Arial,sans-serif;font-size:11px;font-weight:700}.composition-event{background:#ffffffe6;border:1px solid #34333b30;border-radius:9px;flex-direction:column;flex-basis:0;justify-content:center;align-items:center;min-width:82px;padding:5px;transition:all .14s;display:flex;box-shadow:0 4px #34333b14}.composition-event:nth-child(4n+1){border-top:5px solid var(--pink)}.composition-event:nth-child(4n+2){border-top:5px solid var(--orange)}.composition-event:nth-child(4n+3){border-top:5px solid var(--teal)}.composition-event:nth-child(4n+4){border-top:5px solid var(--lime)}.composition-event .rhythm-figure.compact{width:66px;height:52px;margin:-3px 0}.composition-event strong{font-size:14px}.composition-event small{color:var(--ink-soft);margin-top:2px;font-family:Arial,sans-serif;font-size:8px;font-weight:800}.composition-event.playing{box-shadow:0 0 0 4px #ecf64199, 0 6px 0 var(--lime-deep);background:#fff4b1;transform:translateY(-3px)}.measure-meter{background:#e6e1da;border-radius:99px;height:8px;margin:8px 0 17px;overflow:hidden}.measure-meter span{border-radius:inherit;background:linear-gradient(90deg, var(--pink), var(--orange), var(--lime), var(--teal));height:100%;transition:width .25s;display:block}.composer-choice-zone{background:#f6f3ed;border:1px solid #34333b24;border-radius:13px;padding:14px}.composer-choice-zone>p{color:var(--ink-soft);margin:10px 0;font-family:Arial,sans-serif;font-size:11px;font-weight:700}.choice-zone-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.choice-zone-heading span,.free-choice-label{color:var(--pink-deep);letter-spacing:.08em;text-transform:uppercase;font-family:Arial,sans-serif;font-size:9px;font-weight:900}.choice-zone-heading strong{font-size:15px}.composer-note-grid{grid-template-columns:repeat(7,1fr);gap:7px;display:grid}.composer-note-grid button,.composer-rhythm-grid button,.free-note-row button,.free-rhythm-row button,.add-event-button,.composer-toolbar button{cursor:pointer;border:1px solid #34333b45;border-radius:9px;min-height:56px;font-weight:900;box-shadow:0 4px #34333b1f}.composer-note-grid button{color:var(--ink);background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.composer-note-grid button span{color:var(--pink);font-family:Georgia,serif;font-size:19px}.composer-note-grid button strong{font-size:12px}.composer-note-grid button:nth-child(4n+2) span{color:var(--orange-deep)}.composer-note-grid button:nth-child(4n+3) span{color:var(--teal-deep)}.composer-note-grid button:nth-child(4n+4) span{color:var(--lime-deep)}.composer-rhythm-grid{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.composer-rhythm-grid button{min-width:0;color:var(--ink);background:#fff;flex-direction:column;justify-content:center;align-items:center;padding:5px;display:flex}.composer-rhythm-grid .rhythm-figure.compact{width:68px;height:55px;margin:-4px 0}.composer-rhythm-grid strong{text-align:center;font-size:10px}.composer-rhythm-grid small{color:var(--ink-soft);margin-top:2px;font-family:Arial,sans-serif;font-size:8px}.free-choice-zone{gap:13px;display:grid}.free-choice-group{gap:7px;display:grid}.free-note-row{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.free-note-row button{min-width:0;color:var(--ink);background:#fff;padding:6px 2px;font-size:11px}.free-note-row button.active{border-color:var(--pink-deep);background:var(--pink);color:#fff;box-shadow:0 4px 0 var(--pink-deep)}.free-rhythm-row{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.free-rhythm-row button{min-width:0;color:var(--ink);background:#fff;justify-content:center;align-items:center;gap:3px;padding:5px;display:flex}.free-rhythm-row button.active{border-color:var(--teal-deep);background:var(--teal);box-shadow:0 4px 0 var(--teal-deep)}.free-rhythm-row .rhythm-figure.compact{width:45px;height:39px}.free-rhythm-row button>span{text-overflow:ellipsis;font-family:Arial,sans-serif;font-size:8px;overflow:hidden}.add-event-button{background:var(--orange);width:100%;color:var(--ink);box-shadow:0 5px 0 var(--orange-deep);border:0}.composer-note-grid button:hover:not(:disabled),.composer-rhythm-grid button:hover:not(:disabled),.free-note-row button:hover,.free-rhythm-row button:hover,.composer-toolbar button:hover:not(:disabled),.add-event-button:hover:not(:disabled){transform:translateY(-2px)}.composer-message{border-left:6px solid var(--pink);background:#fff0f8;border-radius:9px;align-items:center;gap:9px;min-height:49px;margin:12px 0;padding:9px 11px;display:flex}.composer-message>span{color:var(--pink);font-size:18px}.composer-message p{color:var(--ink-soft);margin:0;font-family:Arial,sans-serif;font-size:11px;font-weight:700;line-height:1.4}.composer-toolbar{grid-template-columns:.8fr .7fr 1fr 1fr;gap:7px;display:grid}.composer-toolbar button{padding:8px;font-size:11px}.tool-button{color:var(--ink-soft);background:#fff}.listen-composition-button{background:var(--teal);color:var(--ink);box-shadow:0 5px 0 var(--teal-deep)!important;border:0!important}.finish-composition-button{background:var(--pink);color:#fff;box-shadow:0 5px 0 var(--pink-deep)!important;border:0!important}.composer-note-grid button:disabled,.composer-rhythm-grid button:disabled,.add-event-button:disabled,.composer-toolbar button:disabled{cursor:default;opacity:.46;transform:none}@media (width<=980px){.nav-title{display:none}.nav-buttons{width:100%}.composer-grid{grid-template-columns:minmax(0,1.3fr) minmax(245px,.7fr)}.owl-guide.compact{flex-direction:column;align-items:flex-start}.owl-guide.compact .owl-speech:before{display:none}}@media (width<=760px){.nav-buttons{grid-template-columns:repeat(2,1fr)}.hero-world,.hero-owl{width:100%}.composer-grid{grid-template-columns:1fr}.composer-guide-card{position:static}.composer-guide-card .owl-guide.compact,.coach-card .owl-guide.compact,.pulse-card .owl-guide.compact{flex-direction:row;grid-column:1/-1;align-items:center}.composer-guide-card .owl-guide.compact .owl-speech:before,.coach-card .owl-guide.compact .owl-speech:before,.pulse-card .owl-guide.compact .owl-speech:before{display:block}.composer-mode-picker{grid-template-columns:1fr}.composer-mode{min-height:68px}.start-actions{grid-template-columns:1fr;width:100%;display:grid}}@media (width<=510px){.hero-owl{align-items:center}.hero-owl .owl-portrait{width:76px}.owl-speech p{font-size:10px}.note-answers{grid-template-columns:repeat(3,1fr);gap:8px}.answer-button{min-height:58px;font-size:14px}.level-picker{grid-template-columns:repeat(3,1fr);display:grid}.picker-label{grid-column:1/-1;width:auto}.level-button{min-width:0;padding:6px 3px}.composer-topline{align-items:flex-start}.composer-reward{min-width:68px;min-height:42px;font-size:11px}.composer-card{padding:15px 12px 19px}.composer-note-grid{grid-template-columns:repeat(4,1fr)}.composer-rhythm-grid{grid-template-columns:repeat(2,1fr)}.free-note-row{grid-template-columns:repeat(4,1fr)}.free-rhythm-row,.composer-toolbar{grid-template-columns:repeat(2,1fr)}.composer-toolbar button{min-height:56px;font-size:12px}.composition-measure{min-height:156px}.composition-event{min-width:74px}.composer-guide-card .owl-guide.compact,.coach-card .owl-guide.compact,.pulse-card .owl-guide.compact{align-items:center}.owl-guide.compact .owl-portrait{width:76px}}@keyframes maestro-breathe{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-4px)rotate(1deg)}}@keyframes maestro-conduct{0%,to{transform:translateY(0)rotate(-2deg)scale(1)}35%{transform:translateY(-6px)rotate(2deg)scale(1.025)}70%{transform:translateY(-2px)rotate(-1deg)scale(1.01)}}@keyframes figure-dance{0%,to{transform:translateY(0)rotate(-5deg)}50%{transform:translateY(-9px)rotate(5deg)}}@keyframes figure-celebrate{0%,to{transform:translateY(0)rotate(-6deg)scale(1)}35%{transform:translateY(-14px)rotate(8deg)scale(1.08)}70%{transform:translateY(-4px)rotate(-3deg)scale(.98)}}@keyframes note-pop{0%{opacity:0;transform:translateY(12px)scale(.7)}70%{opacity:1;transform:translateY(-4px)scale(1.08)}to{opacity:1;transform:translateY(0)scale(1)}}.owl-portrait{animation:3.4s ease-in-out infinite maestro-breathe}.owl-guide.is-conducting .owl-portrait{animation:.72s ease-in-out infinite maestro-conduct}.music-figures{pointer-events:none;justify-content:center;align-items:flex-end;gap:7px;min-height:47px;display:flex}.music-figure{width:37px;height:41px;color:var(--ink);border:2px solid #34333b57;border-radius:48% 48% 42% 42%;place-items:center;animation:2.3s ease-in-out infinite figure-dance;display:grid;position:relative;box-shadow:0 4px #34333b21}.music-figure:nth-child(2){animation-delay:-.5s}.music-figure:nth-child(3){animation-delay:-1s}.music-figure:nth-child(4){animation-delay:-1.5s}.music-figures.active .music-figure{animation-name:figure-celebrate;animation-duration:.85s}.music-figure.pink{background:var(--pink);color:#fff}.music-figure.orange{background:var(--orange)}.music-figure.teal{background:var(--teal)}.music-figure.lime{background:var(--lime)}.music-figure b{margin-top:8px;font-family:Georgia,serif;font-size:21px}.music-figure i{background:currentColor;border-radius:50%;width:3px;height:4px;position:absolute;top:9px}.music-figure i:first-child{left:12px}.music-figure i:nth-child(2){right:12px}.hero-world{position:relative}.hero-world>.music-figures{z-index:3;position:absolute;bottom:-24px;right:-22px;transform:scale(.72)rotate(4deg)}.realm-tile{appearance:none;cursor:pointer;width:100%;font:inherit;text-align:left;border-color:#34333b40;transition:transform .16s,filter .16s,box-shadow .16s}.realm-tile:hover{z-index:2;filter:saturate(1.08)brightness(1.04);transform:translateY(-4px)rotate(-1deg);box-shadow:0 10px 20px #0000002e}.realm-tile:active{transform:translateY(0)scale(.98)}.realm-tile:hover .realm-glyph{animation:.7s ease-in-out infinite figure-celebrate}.central-sigil{cursor:pointer}.central-sigil:hover{background:var(--pink);transform:translate(-50%,-50%)scale(1.12)rotate(8deg)}.nav-buttons{grid-template-columns:repeat(6,minmax(92px,1fr));gap:6px;width:min(950px,100%)}.nav-button{min-width:0;padding:7px 8px;font-size:11px;line-height:1.15}.nav-icon{flex:none}.lesson-ear:before{background:linear-gradient(var(--pink), var(--orange), var(--teal))}.lesson-ear{background:linear-gradient(135deg,#fffef9,#fff0f8 48%,#e9fbf8)}.lesson-ear .step-chip{background:var(--pink);color:#fff}.lesson-ear .lesson-header{align-items:flex-start}.lesson-ear .lesson-header p{max-width:610px;color:var(--ink-soft);margin:7px 0 0;font-family:Arial,sans-serif;font-size:13px;line-height:1.45}.lesson-ear .music-figures{transform-origin:100% 0;flex:none;transform:scale(.88)}.ear-lesson-grid{grid-template-columns:repeat(3,1fr);gap:11px;display:grid}.ear-lesson-grid button{min-height:92px;color:var(--ink);cursor:pointer;text-align:left;background:#fff;border:1px solid #34333b38;border-radius:13px;grid-template-rows:auto auto;grid-template-columns:52px 1fr;padding:12px;transition:all .15s;display:grid;box-shadow:0 5px #34333b17}.ear-lesson-grid button:hover{border-color:var(--pink);transform:translateY(-3px)}.ear-lesson-icon{border-radius:11px;grid-row:1/3;place-items:center;width:43px;height:43px;font-size:22px;font-weight:900;display:grid}.ear-lesson-icon.pink{background:var(--pink);color:#fff}.ear-lesson-icon.orange{background:var(--orange)}.ear-lesson-icon.teal{background:var(--teal)}.ear-lesson-grid strong{align-self:end;font-size:13px}.ear-lesson-grid small{color:var(--ink-soft);align-self:start;margin-top:4px;font-family:Arial,sans-serif;font-size:9px;line-height:1.35}.ear-start-button,.improv-start-button{min-height:54px;color:var(--ink);cursor:pointer;border:1px solid #fff9;border-radius:9px;padding:11px 17px;font-weight:900}.ear-start-button{box-shadow:0 5px 0 var(--orange-deep);background:#ffd08a}.improv-start-button{color:#4b1837;box-shadow:0 5px 0 var(--pink-deep);background:#ff8bca}.melody-reading-card{border:1px solid #34333b2b;border-top:8px solid var(--purple);box-shadow:var(--shadow);background:linear-gradient(145deg,#fffef9,#f2eeff);border-radius:19px;margin-top:22px;padding:22px;overflow:hidden}.melody-reading-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:14px;display:flex}.melody-reading-heading h3{margin:5px 0 4px;font-size:25px}.melody-reading-heading p{color:var(--ink-soft);margin:0;font-family:Arial,sans-serif;font-size:12px}.phrase-name{background:var(--purple);color:#fff;border-radius:999px;flex:none;padding:8px 11px;font-family:Arial,sans-serif;font-size:9px;font-weight:900}.reading-staff-stage{position:relative}.reading-staff-stage>.music-figures{z-index:2;transform-origin:100% 0;position:absolute;top:8px;right:21px;transform:scale(.63)}.melody-staff-svg .melody-note{transition:opacity .2s}.melody-staff-svg .melody-note ellipse{fill:#bbb5c4;stroke:var(--ink);stroke-width:2.5px}.melody-staff-svg .melody-note>line:not(.ledger-line){stroke:var(--ink);stroke-width:4px;stroke-linecap:round}.melody-staff-svg .melody-note.waiting{opacity:.42}.melody-staff-svg .melody-note.current ellipse{fill:var(--pink);animation:.8s ease-in-out infinite alternate note-head-pulse}.melody-staff-svg .melody-note.read ellipse{fill:var(--teal)}.melody-order{fill:var(--ink-soft);font-family:Arial,sans-serif;font-size:11px;font-weight:900}@keyframes note-head-pulse{to{filter:drop-shadow(0 0 8px #f542aabf);transform-origin:50%;transform:scale(1.08)}}.reading-sequence{grid-template-columns:repeat(4,52px);justify-content:center;gap:8px;margin:12px 0;display:grid}.reading-sequence span{height:45px;color:var(--ink-soft);background:#eeebe5;border:1px solid #34333b33;border-radius:10px;place-items:center;font-size:12px;font-weight:900;display:grid}.reading-sequence span.current{color:var(--pink-deep);background:#ffd5ec;box-shadow:0 0 0 3px #f542aa26}.reading-sequence span.done{background:var(--teal);color:var(--ink)}.reading-note-choices{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.reading-note-choices button{min-height:58px;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #34333b40;border-radius:10px;justify-content:center;align-items:center;gap:5px;font-weight:900;display:flex;box-shadow:0 4px #34333b1c}.reading-note-choices button span{color:var(--purple);font-family:Georgia,serif;font-size:20px}.reading-note-choices button:hover:not(:disabled){border-color:var(--purple);background:#f1edff;transform:translateY(-2px)}.reading-note-choices button:disabled{cursor:default;opacity:.48}.reading-feedback{min-height:49px;color:var(--ink-soft);text-align:center;background:#f2eeff;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-top:12px;padding:9px 12px;font-family:Arial,sans-serif;font-size:11px;font-weight:700;display:flex}.reading-feedback span{color:var(--purple);font-size:18px}.reading-actions{justify-content:center;gap:10px;margin-top:11px;display:flex}.reading-actions .sound-button,.reading-actions .next-button{width:min(230px,100%);margin:0}.interval-level-picker{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px;display:grid}.interval-level-picker button{min-height:72px;color:var(--ink);cursor:pointer;text-align:left;background:#fff;border:1px solid #34333b33;border-radius:12px;grid-template-rows:auto auto;grid-template-columns:42px 1fr;padding:10px 13px;display:grid;box-shadow:0 5px #34333b17}.interval-level-picker button>span{width:33px;height:33px;color:var(--ink-soft);background:#eeeae4;border-radius:50%;grid-row:1/3;align-self:center;place-items:center;font-family:Arial,sans-serif;font-size:11px;font-weight:900;display:grid}.interval-level-picker strong{align-self:end;font-size:13px}.interval-level-picker small{color:var(--ink-soft);align-self:start;margin-top:2px;font-family:Arial,sans-serif;font-size:9px}.interval-level-picker button.active{border-color:var(--orange-deep);background:var(--orange);box-shadow:0 5px 0 var(--orange-deep)}.interval-level-picker button.active>span{color:var(--orange-deep);background:#fff}.interval-grid{grid-template-columns:minmax(0,1.45fr) minmax(270px,.55fr);align-items:start;gap:18px;display:grid}.interval-challenge-card,.interval-guide-card{background:var(--paper);box-shadow:var(--shadow);border:1px solid #34333b2b;border-radius:19px}.interval-challenge-card{border-top:8px solid var(--orange);padding:20px 22px 24px;overflow:hidden}.interval-guide-card{border-top:8px solid var(--pink);background:linear-gradient(150deg,#fff0f8,#fffef9 55%);padding:20px;position:sticky;top:18px}.interval-guide-card h3{margin:5px 0 13px;font-size:21px}.interval-visual{background:radial-gradient(circle at 50% 120%,#d9fbf7,#fff9e7 54%,#fff 100%);border:1px solid #34333b33;border-radius:17px;justify-content:center;align-items:center;gap:40px;min-height:214px;display:flex;position:relative;overflow:hidden}.sound-orb{z-index:2;border:3px solid var(--ink);background:var(--teal);width:93px;height:93px;color:var(--ink);box-shadow:0 8px 0 var(--teal-deep), 0 14px 26px #34333b24;border-radius:50%;place-items:center;transition:all .25s;display:grid;position:relative}.sound-orb.second{background:var(--pink);color:#fff;box-shadow:0 8px 0 var(--pink-deep), 0 14px 26px #34333b24}.interval-visual.up .sound-orb.second{transform:translateY(-43px)}.interval-visual.down .sound-orb.second{transform:translateY(43px)}.sound-orb.active{filter:brightness(1.08);box-shadow:0 0 0 11px #ecf64173, 0 10px 0 var(--teal-deep);transform:scale(1.12)}.interval-visual.up .sound-orb.second.active{transform:translateY(-43px)scale(1.12)}.interval-visual.down .sound-orb.second.active{transform:translateY(43px)scale(1.12)}.sound-orb b{width:21px;height:21px;color:var(--ink);background:#fff;border-radius:50%;place-items:center;font-family:Arial,sans-serif;font-size:9px;display:grid;position:absolute;top:9px;left:13px}.sound-orb strong{font-family:Georgia,serif;font-size:47px}.sound-orb>i:before,.sound-orb>i:after{content:"";background:currentColor;border-radius:50%;width:5px;height:7px;position:absolute;top:31px}.sound-orb>i:before{left:34px}.sound-orb>i:after{right:34px}.interval-path{z-index:1;justify-content:space-around;width:90px;display:flex;position:relative}.interval-path i{background:var(--orange);border-radius:50%;width:8px;height:8px;animation:1s ease-in-out infinite figure-dance}.interval-path i:nth-child(2){animation-delay:-.2s}.interval-path i:nth-child(3){animation-delay:-.4s}.interval-visual>.music-figures{transform-origin:100% 100%;position:absolute;bottom:8px;right:10px;transform:scale(.57)}.listen-interval-button{background:var(--teal);width:min(330px,100%);min-height:60px;color:var(--ink);cursor:pointer;box-shadow:0 6px 0 var(--teal-deep);border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;margin:13px auto 16px;font-weight:900;display:flex}.listen-interval-button:disabled{cursor:default;opacity:.7}.interval-challenge-card>h3{text-align:center;margin:9px 0 13px;font-size:20px}.interval-answers{gap:8px;display:grid}.interval-answers.direction{grid-template-columns:repeat(3,1fr)}.interval-answers.distance{grid-template-columns:repeat(5,1fr)}.interval-answer{min-height:68px;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #34333b40;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;display:flex;box-shadow:0 4px #34333b1c}.interval-answer>span{color:var(--orange-deep);font-size:27px;line-height:1}.interval-answer strong{font-size:13px}.interval-answer small{color:var(--ink-soft);margin-top:3px;font-family:Arial,sans-serif;font-size:8px}.interval-answer:hover:not(:disabled){border-color:var(--orange-deep);background:#fff3dc;transform:translateY(-2px)}.interval-answer.is-correct{border-color:var(--teal-deep);background:var(--teal);color:var(--ink);box-shadow:0 4px 0 var(--teal-deep)}.interval-answer.is-wrong{border-color:var(--pink-deep);color:#4d1836;box-shadow:0 4px 0 var(--pink-deep);background:#ff9ad0}.interval-answer.is-muted{color:#99949e;background:#efede9;border-color:#d8d4cd;box-shadow:0 4px #d8d4cd}.interval-answer:disabled{cursor:default}.listening-steps{gap:8px;display:grid}.listening-steps>span{grid-template-columns:30px 1fr;align-items:center;gap:8px;display:grid}.listening-steps i{background:var(--orange);width:29px;height:29px;color:var(--ink);border-radius:50%;place-items:center;font-family:Arial,sans-serif;font-size:9px;font-style:normal;font-weight:900;display:grid}.listening-steps p{color:var(--ink-soft);margin:0;font-family:Arial,sans-serif;font-size:10px}.listening-steps strong{color:var(--ink)}.interval-legend{border-top:1px solid #34333b24;grid-template-columns:1fr 1fr;gap:6px;margin-top:16px;padding-top:13px;display:grid}.interval-legend>strong{grid-column:1/-1;font-size:11px}.interval-legend span{color:var(--pink-deep);background:#fff;border-radius:8px;flex-direction:column;padding:7px;font-size:11px;font-weight:900;display:flex}.interval-legend i{color:var(--ink-soft);margin-top:2px;font-family:Arial,sans-serif;font-size:8px;font-style:normal;font-weight:700}.mood-picker{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px;display:grid}.mood-picker button{min-height:76px;color:var(--ink);cursor:pointer;text-align:left;border:1px solid #34333b38;border-radius:12px;grid-template-rows:auto auto;grid-template-columns:45px 1fr;padding:10px 13px;display:grid;box-shadow:0 5px #34333b1f}.mood-picker button.solar{background:#fff1bd}.mood-picker button.sereno{background:#d8f8f4}.mood-picker button.misterioso{background:#ece7ff}.mood-picker button>span{background:#ffffffb3;border-radius:50%;grid-row:1/3;align-self:center;place-items:center;width:36px;height:36px;font-size:21px;display:grid}.mood-picker strong{align-self:end;font-size:13px}.mood-picker small{color:var(--ink-soft);align-self:start;margin-top:3px;font-family:Arial,sans-serif;font-size:9px}.mood-picker button.active{border-color:var(--ink);box-shadow:0 0 0 3px #f542aa29, 0 6px 0 var(--pink-deep);transform:translateY(-2px)}.improv-grid{grid-template-columns:minmax(0,1.45fr) minmax(270px,.55fr);align-items:start;gap:18px;display:grid}.improv-stage,.improv-guide-card{background:var(--paper);box-shadow:var(--shadow);border:1px solid #34333b2b;border-radius:19px}.improv-stage{border-top:8px solid var(--pink);padding:20px 22px 24px;position:relative;overflow:hidden}.improv-stage.solar{background:linear-gradient(145deg,#fffef9,#fff7d7)}.improv-stage.sereno{background:linear-gradient(145deg,#fffef9,#e8fbf8)}.improv-stage.misterioso{background:linear-gradient(145deg,#fffef9,#f0ecff)}.improv-guide-card{border-top:8px solid var(--teal);background:linear-gradient(150deg,#e8fbf8,#fffef9 54%);padding:20px;position:sticky;top:18px}.improv-guide-card h3{margin:5px 0 13px;font-size:21px}.improv-guide-card ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.improv-guide-card li{grid-template-columns:32px 1fr;align-items:center;gap:8px;display:grid}.improv-guide-card li>span{background:var(--pink);color:#fff;border-radius:50%;place-items:center;width:31px;height:31px;font-size:14px;font-weight:900;display:grid}.improv-guide-card li:nth-child(2)>span{background:var(--orange);color:var(--ink)}.improv-guide-card li:nth-child(3)>span{background:var(--lime);color:var(--ink)}.improv-guide-card li p{color:var(--ink-soft);margin:0;font-family:Arial,sans-serif;font-size:10px}.improv-guide-card li strong{color:var(--ink)}.improv-counter{background:#fff0f8;border-radius:11px;justify-content:center;align-items:baseline;gap:7px;margin-top:17px;padding:11px;display:flex}.improv-counter strong{color:var(--pink-deep);font-size:25px}.improv-counter span{color:var(--ink-soft);text-transform:uppercase;font-family:Arial,sans-serif;font-size:9px;font-weight:800}.improv-stage-top{justify-content:space-between;align-items:center;gap:15px;display:flex}.improv-stage-top>div:first-child{flex-direction:column;gap:4px;display:flex}.improv-stage-top>div:first-child>span{color:var(--pink-deep);letter-spacing:.09em;text-transform:uppercase;font-family:Arial,sans-serif;font-size:9px;font-weight:900}.improv-stage-top>div:first-child>strong{max-width:480px;font-size:15px;line-height:1.25}.improv-stage-top .music-figures{transform-origin:100%;flex:none;transform:scale(.72)}.improv-pulse-row{grid-template-columns:repeat(4,1fr);gap:7px;margin:15px 0 12px;display:grid}.improv-pulse-row span{min-height:38px;color:var(--ink-soft);background:#fff;border:1px solid #34333b2e;border-radius:9px;place-items:center;font-family:Arial,sans-serif;font-size:10px;font-weight:900;transition:all .12s;display:grid;box-shadow:0 3px #34333b1a}.improv-pulse-row span.active{background:var(--lime);color:var(--ink);box-shadow:0 0 0 5px #ecf64147, 0 4px 0 var(--lime-deep);transform:translateY(-3px)scale(1.03)}.note-runway{background:#ffffffa3;border:1px dashed #34333b40;border-radius:13px;align-items:center;gap:7px;min-height:88px;padding:10px;display:flex;overflow-x:auto}.note-runway>p{width:100%;color:var(--ink-soft);text-align:center;margin:0;font-family:Arial,sans-serif;font-size:10px;font-weight:700}.note-runway>span{background:var(--teal);width:58px;height:58px;color:var(--ink);box-shadow:0 5px 0 var(--teal-deep);border-radius:50%;flex-direction:column;flex:none;justify-content:center;align-items:center;font-size:11px;font-weight:900;animation:.35s both note-pop;display:flex}.note-runway>span:nth-child(4n+2){background:var(--orange);box-shadow:0 5px 0 var(--orange-deep)}.note-runway>span:nth-child(4n+3){background:var(--pink);color:#fff;box-shadow:0 5px 0 var(--pink-deep)}.note-runway>span:nth-child(4n+4){background:var(--lime);box-shadow:0 5px 0 var(--lime-deep)}.note-runway>span.active{animation:.6s infinite figure-celebrate}.note-runway>span i{font-family:Georgia,serif;font-size:16px;font-style:normal}.improv-note-pads{grid-template-columns:repeat(5,1fr);gap:8px;margin:13px 0;display:grid}.improv-note-pads button{min-height:84px;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #34333b40;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;transition:all .1s;display:flex;box-shadow:0 6px #34333b21}.improv-note-pads button:first-child{border-top:7px solid var(--pink)}.improv-note-pads button:nth-child(2){border-top:7px solid var(--orange)}.improv-note-pads button:nth-child(3){border-top:7px solid var(--teal)}.improv-note-pads button:nth-child(4){border-top:7px solid var(--lime)}.improv-note-pads button:nth-child(5){border-top:7px solid var(--purple)}.improv-note-pads button:hover,.improv-note-pads button.active{background:#fff4bc;transform:translateY(-5px)scale(1.025);box-shadow:0 10px #34333b21}.improv-note-pads button>span{width:21px;height:21px;color:var(--ink-soft);background:#eeeae4;border-radius:50%;place-items:center;font-family:Arial,sans-serif;font-size:8px;display:grid}.improv-note-pads button strong{margin-top:4px;font-size:18px}.improv-note-pads button small{color:var(--ink-soft);text-transform:uppercase;font-family:Arial,sans-serif;font-size:8px}.tempo-control{background:#34333b0f;border-radius:11px;justify-content:space-between;align-items:center;gap:12px;padding:9px 10px;display:flex}.tempo-control>span{color:var(--ink-soft);text-transform:uppercase;font-family:Arial,sans-serif;font-size:9px;font-weight:900}.tempo-control>div{gap:5px;display:flex}.tempo-control button{min-height:39px;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #34333b33;border-radius:8px;align-items:center;gap:5px;padding:6px 9px;font-size:9px;font-weight:900;display:flex}.tempo-control button small{color:var(--ink-soft);background:#eeeae4;border-radius:5px;padding:3px;font-family:Arial,sans-serif;font-size:7px}.tempo-control button.active{background:var(--orange);box-shadow:0 3px 0 var(--orange-deep)}.improv-message{border-left:6px solid var(--teal);background:#e7faf7;border-radius:9px;align-items:center;gap:9px;min-height:49px;margin:12px 0;padding:9px 11px;display:flex}.improv-message span{color:var(--teal-deep);font-size:18px}.improv-message p{color:var(--ink-soft);margin:0;font-family:Arial,sans-serif;font-size:11px;font-weight:700;line-height:1.4}.improv-controls{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.improv-controls button{min-height:55px;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #34333b3d;border-radius:9px;padding:7px;font-size:9px;font-weight:900;box-shadow:0 4px #34333b1c}.improv-controls .start-pulse{background:var(--orange);box-shadow:0 5px 0 var(--orange-deep);border:0}.improv-controls .stop-pulse{color:#551836;box-shadow:0 5px 0 var(--pink-deep);background:#ff9ac2;border:0}.improv-controls .finish-improv-button{background:var(--pink);color:#fff;box-shadow:0 5px 0 var(--pink-deep);border:0;grid-column:1/-1;font-size:12px}.improv-controls button:hover:not(:disabled){transform:translateY(-2px)}.improv-controls button:disabled{cursor:default;opacity:.43}.creative-prompt-card{border:1px solid #34333b26;border-left:7px solid var(--purple);background:#f1edff;border-radius:11px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:15px;padding:10px 11px;display:flex}.creative-prompt-card>div{flex-direction:column;gap:3px;display:flex}.creative-prompt-card span{color:var(--purple);letter-spacing:.09em;text-transform:uppercase;font-family:Arial,sans-serif;font-size:8px;font-weight:900}.creative-prompt-card p{color:var(--ink);margin:0;font-family:Arial,sans-serif;font-size:10px;font-weight:700;line-height:1.35}.creative-prompt-card button{min-height:42px;color:var(--purple);cursor:pointer;background:#fff;border:1px solid #34333b33;border-radius:8px;flex:none;padding:7px 10px;font-size:9px;font-weight:900;box-shadow:0 3px #34333b1a}.composition-event{color:var(--ink);cursor:pointer;font:inherit}.composition-event:hover{background:#fff6c9;transform:translateY(-2px)}@media (width<=1100px){.nav-buttons{grid-template-columns:repeat(3,1fr)}.mode-nav{align-items:flex-start}}@media (width<=980px){.interval-grid,.improv-grid{grid-template-columns:minmax(0,1.28fr) minmax(245px,.72fr)}.interval-guide-card .owl-guide.compact,.improv-guide-card .owl-guide.compact{flex-direction:column;align-items:flex-start}.interval-guide-card .owl-guide.compact .owl-speech:before,.improv-guide-card .owl-guide.compact .owl-speech:before{display:none}.ear-lesson-grid{grid-template-columns:1fr}}@media (width<=760px){.nav-buttons{grid-template-columns:repeat(2,1fr)}.hero-world>.music-figures{bottom:-27px;right:4px}.lesson-ear .lesson-header{flex-direction:column}.lesson-ear .music-figures{transform-origin:50%;align-self:center}.interval-grid,.improv-grid{grid-template-columns:1fr}.interval-guide-card,.improv-guide-card{position:static}.interval-guide-card .owl-guide.compact,.improv-guide-card .owl-guide.compact{flex-direction:row;align-items:center}.interval-guide-card .owl-guide.compact .owl-speech:before,.improv-guide-card .owl-guide.compact .owl-speech:before{display:block}.reading-note-choices{grid-template-columns:repeat(4,1fr)}.mood-picker{grid-template-columns:1fr}.improv-controls{grid-template-columns:repeat(2,1fr)}.improv-controls .finish-improv-button{grid-column:1/-1}}@media (width<=510px){.nav-button{font-size:10px}.music-figure{width:32px;height:36px}.music-figure b{font-size:18px}.music-figure i:first-child{left:10px}.music-figure i:nth-child(2){right:10px}.ear-lesson-grid button{grid-template-columns:46px 1fr}.melody-reading-card{padding:16px 12px 19px}.melody-reading-heading{flex-direction:column;gap:9px}.phrase-name{align-self:flex-start}.reading-staff-stage>.music-figures{display:none}.reading-sequence{grid-template-columns:repeat(4,44px)}.reading-note-choices{grid-template-columns:repeat(4,1fr)}.reading-note-choices button{min-height:56px}.reading-actions{flex-direction:column}.reading-actions .sound-button,.reading-actions .next-button{width:100%}.interval-level-picker{grid-template-columns:1fr}.interval-challenge-card{padding:15px 12px 19px}.interval-visual{gap:22px;min-height:205px}.sound-orb{width:76px;height:76px}.sound-orb strong{font-size:38px}.sound-orb>i:before{left:27px}.sound-orb>i:after{right:27px}.interval-path{width:56px}.interval-visual>.music-figures{display:none}.interval-answers.distance{grid-template-columns:repeat(3,1fr)}.interval-answer{min-height:64px}.improv-stage{padding:15px 12px 19px}.improv-stage-top{align-items:flex-start}.improv-stage-top .music-figures{transform-origin:100% 0;transform:scale(.58)}.improv-note-pads{grid-template-columns:repeat(3,1fr)}.improv-note-pads button{min-height:77px}.tempo-control{flex-direction:column;align-items:stretch}.tempo-control>div{grid-template-columns:repeat(3,1fr);display:grid}.tempo-control button{justify-content:center;min-width:0;padding:5px}.improv-controls{grid-template-columns:1fr 1fr}.creative-prompt-card{flex-direction:column;align-items:stretch}.creative-prompt-card button{width:100%}}.emlr-wordmark{color:#173955;letter-spacing:.08em;background:#fff;border:2px solid #ffffffb8;border-radius:10px;place-items:center;min-width:64px;min-height:44px;padding:7px 9px;font-family:Arial,sans-serif;font-size:17px;font-weight:950;display:grid;box-shadow:0 4px #18315329}.emlr-wordmark.compact{min-width:50px;min-height:34px;padding:5px 7px;font-size:12px}.staff-wrap{position:relative}.vex-staff{background:#fffefb;border:2px solid #d8d4cc;border-radius:18px;overflow:hidden}.vex-staff svg{width:100%;height:auto;display:block}.staff-hint-marker,.staff-answer-label{z-index:2;border-radius:999px;padding:7px 11px;font-family:Arial,sans-serif;font-size:10px;font-weight:900;position:absolute;right:8%}.staff-hint-marker{color:#5c4900;background:#fff3a4;border:1px solid #e5c340;top:18px}.staff-answer-label{background:var(--teal);color:#062c35;box-shadow:0 4px 0 var(--teal-deep);top:58px}.melody-step-dots{grid-template-columns:repeat(4,32px);justify-content:center;gap:27px;margin-top:-8px;display:grid}.melody-step-dots span{width:26px;height:26px;color:var(--ink-soft);background:#eeeae4;border-radius:50%;place-items:center;font:900 9px Arial,sans-serif;display:grid}.melody-step-dots span.current{background:var(--pink);color:#fff;animation:.8s ease-in-out infinite alternate note-head-pulse}.melody-step-dots span.read{background:var(--teal);color:#062c35}.clef-card{grid-template-columns:minmax(180px,250px) 1fr;align-items:center}.clef-reference{flex-direction:column;align-items:stretch;min-width:0;display:flex}.clef-reference>div{background:#fff;border-radius:12px;overflow:hidden}.clef-reference svg{width:100%;height:auto;display:block}.clef-reference>span{color:var(--ink-soft);text-align:center;margin-top:-3px;font:800 9px Arial,sans-serif}.clef-reference>span strong{color:var(--ink)}.anchor-rule{border-left:4px solid var(--teal);padding-left:7px;color:var(--ink)!important;margin-bottom:7px!important;font-weight:800!important}.bass-card .anchor-rule{border-left-color:var(--purple)}.campaign-section,.companions-section,.rhythm-echo-card{background:#fff;border:1px solid #34333b24;border-radius:18px;margin-top:22px;padding:21px;box-shadow:0 8px #34333b14}.campaign-heading{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:17px;display:flex}.campaign-heading h3,.companions-copy h3,.rhythm-echo-heading h3{margin:4px 0 5px;font-size:23px;line-height:1.05}.campaign-heading p,.rhythm-echo-heading p{color:var(--ink-soft);margin:0;font:700 11px/1.45 Arial,sans-serif}.campaign-rule,.echo-guide{color:var(--teal-deep);background:#e8faf6;border-radius:999px;flex:none;padding:8px 11px;font:900 9px Arial,sans-serif}.campaign-path{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.phase-card{min-height:176px;color:var(--ink);cursor:pointer;text-align:left;background:#f9f7f2;border:1px solid #34333b33;border-radius:13px;flex-direction:column;align-items:flex-start;padding:12px 10px 11px;transition:transform .15s,box-shadow .15s;display:flex;position:relative;box-shadow:0 5px #34333b1a}.phase-card:hover{transform:translateY(-5px);box-shadow:0 10px #34333b1a}.phase-card:nth-child(4n+1){border-top:7px solid var(--pink)}.phase-card:nth-child(4n+2){border-top:7px solid var(--orange)}.phase-card:nth-child(4n+3){border-top:7px solid var(--teal)}.phase-card:nth-child(4n){border-top:7px solid var(--lime)}.phase-number{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:23px;height:23px;font:900 9px Arial,sans-serif;display:grid}.phase-icon{color:var(--teal-deep);margin:8px 0 5px;font-family:Georgia,serif;font-size:25px;line-height:1}.phase-copy{flex-direction:column;gap:4px;display:flex}.phase-copy strong{font-size:12px;line-height:1.05}.phase-copy small{color:var(--ink-soft);font:700 9px/1.3 Arial,sans-serif}.phase-copy em{color:var(--purple);margin-top:3px;font:900 8px Arial,sans-serif}.phase-arrow{font-size:17px;position:absolute;bottom:8px;right:9px}.companions-section{background:linear-gradient(135deg,#fff 0 45%,#edfafa 100%);grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);align-items:center;gap:20px;display:grid;overflow:hidden}.companion-role-list{grid-template-columns:1fr 1fr;gap:7px;margin-top:14px;display:grid}.companion-role-list>span{border-left:5px solid var(--pink);background:#f8f6f1;border-radius:8px;flex-direction:column;justify-content:center;min-height:54px;padding:7px 9px;display:flex}.companion-role-list>span:nth-child(2){border-left-color:var(--teal)}.companion-role-list>span:nth-child(3){border-left-color:var(--orange)}.companion-role-list>span:nth-child(4){border-left-color:var(--purple)}.companion-role-list>span:nth-child(5){border-left-color:var(--lime)}.companion-role-list>span:nth-child(6){border-left-color:var(--pink)}.companion-role-list strong{font-size:10px}.companion-role-list small{color:var(--ink-soft);margin-top:2px;font:700 8px Arial,sans-serif}.companions-art img{object-fit:contain;width:100%;height:auto;display:block}.rhythm-echo-heading{justify-content:space-between;align-items:flex-end;gap:15px;display:flex}.echo-beats{grid-template-columns:repeat(4,1fr);gap:9px;margin:17px 0 12px;display:grid}.echo-beats button{min-height:92px;color:var(--ink-soft);cursor:pointer;background:#f7f5ef;border:2px solid #d8d4cc;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;transition:all .12s;display:flex;box-shadow:0 5px #34333b1a}.echo-beats button:hover{transform:translateY(-2px)}.echo-beats button.has-sound{border-color:var(--orange-deep);background:var(--orange);color:var(--ink);box-shadow:0 5px 0 var(--orange-deep)}.echo-beats button.is-listening{outline:5px solid #29bdb84d;transform:translateY(-4px)scale(1.02)}.echo-beats button>span{font:900 9px Arial,sans-serif}.echo-beats button strong{margin:5px 0 2px;font-size:18px}.echo-beats button small{font:700 8px Arial,sans-serif}.echo-message{border-left:6px solid var(--purple);min-height:43px;color:var(--ink-soft);background:#f1edff;border-radius:8px;padding:10px 12px;font:700 10px/1.4 Arial,sans-serif}.echo-actions{justify-content:flex-end;gap:9px;margin-top:11px;display:flex}.echo-actions button{min-height:48px}@media (width<=980px){.campaign-path{grid-template-columns:repeat(4,1fr)}.companions-section{grid-template-columns:1fr}.companions-art{order:-1}}@media (width<=620px){.clef-card{grid-template-columns:1fr}.campaign-heading,.rhythm-echo-heading{flex-direction:column;align-items:flex-start}.campaign-path{grid-template-columns:1fr 1fr}.phase-card{min-height:154px}.companion-role-list{grid-template-columns:1fr}.echo-beats{grid-template-columns:1fr 1fr}.echo-actions{flex-direction:column}.echo-actions button{width:100%}.staff-hint-marker{max-width:48%;font-size:8px}}.owl-portrait{aspect-ratio:1;background:#14513f;border-radius:24%}.owl-portrait img{object-fit:contain;object-position:center}.maestro-feature-art{place-items:center;min-height:310px;display:grid}.maestro-feature-art img{background:#14513f;border:4px solid #ffffffd6;border-radius:24px;width:min(100%,430px);height:auto;box-shadow:0 12px #14513f29,0 18px 38px #18315329}.character-guide .owl-portrait{background:0 0;border-radius:28%;animation:3.2s ease-in-out infinite character-float}.character-guide .owl-portrait img{object-fit:contain}.guide-lira .owl-speech span{color:var(--teal-deep)}.guide-pulsar .owl-speech span{color:var(--orange-deep)}.guide-eco .owl-speech span{color:var(--pink-deep)}.guide-harmonia .owl-speech span{color:#607b00}.guide-serena .owl-speech span{color:#8f1952}.guide-maestro.is-helping .owl-portrait{transform-origin:55% 80%;animation:.72s ease-in-out infinite maestro-conduct}.guide-lira.is-helping .owl-portrait{animation:1.2s ease-in-out infinite guide-look}.guide-pulsar.is-helping .owl-portrait{animation:.6s ease-in-out infinite alternate guide-pulse}.guide-eco.is-helping .owl-portrait{animation:1.1s ease-in-out infinite guide-echo}.guide-harmonia.is-helping .owl-portrait{animation:1.5s ease-in-out infinite alternate guide-glow}.guide-serena.is-helping .owl-portrait{animation:1.25s ease-in-out infinite guide-echo}.theme-button{min-height:52px;color:var(--ink);cursor:pointer;background:#ffffffe0;border:2px solid #183153b8;border-radius:14px;align-items:center;gap:8px;padding:9px 13px;font-size:10px;font-weight:900;display:inline-flex;position:relative;box-shadow:0 5px #18315326}.theme-button>span{color:var(--pink-deep);font-size:17px}.theme-button>i{align-items:flex-end;gap:2px;height:18px;margin-left:2px;display:flex}.theme-button>i b{background:var(--teal);border-radius:2px;width:3px;height:5px;display:block}.theme-button.is-playing>i b{animation:.62s ease-in-out infinite alternate music-bar}.theme-button.is-playing>i b:nth-child(2){animation-delay:.14s}.theme-button.is-playing>i b:nth-child(3){animation-delay:.28s}.theme-button.is-playing>i b:nth-child(4){animation-delay:.42s}.theme-button:disabled{cursor:default;opacity:1}.campaign-path{position:relative}.phase-card{animation:.55s cubic-bezier(.2,.8,.2,1) both phase-arrive;overflow:visible}.phase-card:after{z-index:0;background:linear-gradient(90deg,var(--teal),var(--orange));content:"";border-radius:4px;width:13px;height:4px;animation:1.2s ease-in-out infinite alternate path-flow;position:absolute;top:50%;right:-11px}.phase-card:last-child:after{display:none}.phase-number,.phase-icon,.phase-copy,.phase-arrow{z-index:2;position:relative}.phase-guide-avatar{z-index:1;background:#ffffffd1;border-radius:50%;place-items:center;width:53px;height:53px;animation:2.7s ease-in-out infinite character-float;display:grid;position:absolute;top:8px;right:7px;box-shadow:0 3px #34333b1a}.phase-guide-avatar img{object-fit:contain;width:88%;height:88%}.phase-guide-avatar.phase-guide-group{grid-template-columns:repeat(3,1fr);gap:0;width:68px;height:58px;padding:2px}.phase-guide-avatar.phase-guide-group img{object-fit:contain;width:100%;height:100%}.phase-card:nth-child(2n) .phase-guide-avatar{animation-delay:-.9s}.phase-icon{margin-top:24px}.phase-card:hover .phase-guide-avatar{animation:.55s ease-in-out infinite alternate guide-celebrate}.companions-section{grid-template-columns:minmax(280px,.65fr) minmax(0,1.35fr)}.companions-gallery{grid-template-columns:repeat(6,minmax(0,1fr));align-items:end;gap:8px;display:grid}.companion-card{text-align:center;background:#ffffffd1;border:1px solid #34333b24;border-radius:13px;flex-direction:column;align-items:center;min-width:0;padding:7px 5px 9px;animation:.55s cubic-bezier(.2,.8,.2,1) both phase-arrive;display:flex;box-shadow:0 5px #34333b14}.companion-card>div{aspect-ratio:1;place-items:center;width:100%;display:grid}.companion-card img{object-fit:contain;width:100%;height:100%;animation:3s ease-in-out infinite character-float}.companion-card:nth-child(2n) img{animation-delay:-1.2s}.companion-card strong{font-size:10px}.companion-card small{color:var(--ink-soft);margin-top:2px;font:700 7px/1.2 Arial,sans-serif}.companion-card:hover img{animation:.55s ease-in-out infinite alternate guide-celebrate}.quest-progress-track{overflow:hidden}.quest-progress-track>span{transition:width .45s cubic-bezier(.2,.8,.2,1);position:relative}.quest-progress-track>span:after{content:"";background:linear-gradient(90deg,#0000,#ffffffbf,#0000);animation:1.5s linear infinite progress-shine;position:absolute;inset:0}.nav-button.active .nav-icon{animation:.7s ease-in-out infinite alternate guide-pulse}@keyframes character-float{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-6px)rotate(1.5deg)}}@keyframes guide-look{0%,to{transform:translate(0)rotate(0)}45%{transform:translate(4px)rotate(2deg)}70%{transform:translate(-2px)rotate(-1deg)}}@keyframes guide-pulse{0%{transform:scale(.97)}to{transform:scale(1.05)}}@keyframes guide-echo{0%,to{filter:drop-shadow(0 0 #e83e7000);transform:translateY(0)scale(1)}50%{filter:drop-shadow(0 0 10px #e83e7061);transform:translateY(-7px)scale(1.04)}}@keyframes guide-glow{0%{filter:drop-shadow(0 0 2px #d6eb2733);transform:translateY(0)}to{filter:drop-shadow(0 0 13px #d6eb27b8);transform:translateY(-6px)}}@keyframes guide-celebrate{0%{transform:translateY(0)rotate(-3deg)scale(1)}to{transform:translateY(-9px)rotate(4deg)scale(1.06)}}@keyframes music-bar{0%{height:5px}to{height:18px}}@keyframes phase-arrive{0%{opacity:0;transform:translateY(18px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes path-flow{0%{opacity:.35;transform:scaleX(.55)}to{opacity:1;transform:scaleX(1)}}@keyframes progress-shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (width<=980px){.companions-gallery{grid-template-columns:repeat(3,1fr)}.phase-card:nth-child(4):after{display:none}}@media (width<=620px){.companions-gallery{grid-template-columns:repeat(2,1fr)}.phase-card:after{display:none}.hero-actions{width:100%}.theme-button,.hero-button{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){.character-guide .owl-portrait,.phase-card,.phase-guide-avatar,.companion-card,.companion-card img,.quest-progress-track>span:after,.nav-button.active .nav-icon,.theme-button>i b{animation:none!important}}.typewriter-line{width:100%;min-height:56px;color:inherit;cursor:pointer;text-align:left;font:inherit;background:0 0;border:0;padding:0 0 15px;line-height:1.5;display:block;position:relative}.typewriter-line>i{vertical-align:-2px;background:currentColor;width:7px;height:14px;margin-left:3px;animation:.7s step-end infinite dialogue-cursor;display:inline-block}.typewriter-line>small{color:var(--ink-soft);opacity:.72;font:700 7px Arial,sans-serif;position:absolute;bottom:0;right:0}.owl-speech .typewriter-line{margin:5px 0 0;font-size:10px}.owl-speech .typewriter-line>span{color:var(--ink-soft);text-transform:none;letter-spacing:0;font:700 10px/1.45 Arial,sans-serif}.avatar-picker{margin:18px 0 4px}.avatar-picker>span{color:var(--ink);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font:900 9px Arial,sans-serif;display:block}.avatar-picker>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.avatar-choice{min-height:58px;color:var(--ink);cursor:pointer;text-align:left;background:#ffffffb8;border:2px solid #18315321;border-radius:12px;align-items:center;gap:7px;padding:7px;transition:transform .15s,border-color .15s,background .15s;display:flex}.avatar-choice:hover{transform:translateY(-2px)}.avatar-choice.active{border-color:var(--teal-deep);background:#fff;box-shadow:0 4px #18315321}.avatar-choice>i{background:var(--teal);color:#fff;border-radius:50%;flex:none;place-items:center;width:29px;height:29px;font:900 14px Georgia,serif;display:grid}.avatar-choice.guardiao>i{background:var(--orange-deep)}.avatar-choice.ouvinte>i{background:var(--pink)}.avatar-choice.criador>i{background:#7b9a00}.avatar-choice span{flex-direction:column;min-width:0;display:flex}.avatar-choice strong{font-size:8px}.avatar-choice small{color:var(--ink-soft);font:700 6px/1.25 Arial,sans-serif}.magic-map{background:#102f3e;border:3px solid #ffffffbf;border-radius:20px;overflow:hidden;box-shadow:0 12px #18315329,0 22px 45px #18315333}.magic-map-heading,.map-legend{color:#fff;justify-content:space-between;align-items:center;gap:12px;padding:11px 14px;display:flex}.magic-map-heading{background:linear-gradient(90deg,#163e4d,#274354)}.magic-map-heading>div{flex-direction:column;display:flex}.magic-map-heading span{color:#b8edeb;text-transform:uppercase;letter-spacing:.1em;font:900 7px Arial,sans-serif}.magic-map-heading strong{font-size:11px}.map-avatar-chip{background:#ffffff1a;border:1px solid #ffffff40;border-radius:999px;align-items:center;gap:6px;padding:5px 8px;color:#fff!important;display:inline-flex!important}.map-avatar-chip i{background:var(--orange);width:23px;height:23px;color:var(--ink);border-radius:50%;place-items:center;font:900 11px Georgia,serif;display:grid}.map-canvas{aspect-ratio:16/9;isolation:isolate;position:relative;overflow:hidden}.map-canvas>img{z-index:-3;object-fit:cover;filter:saturate(.78)contrast(1.05)brightness(.7)}.map-canvas:before{z-index:-2;content:"";pointer-events:none;background:radial-gradient(circle at 12% 16%,#f542aa9e,#0000 33%),radial-gradient(circle at 88% 17%,#ffb13ba3,#0000 34%),radial-gradient(circle at 13% 84%,#3fcabd9e,#0000 34%),radial-gradient(circle at 88% 84%,#ecf64194,#0000 35%);position:absolute;inset:0}.map-canvas:after{z-index:-1;content:"";pointer-events:none;background:linear-gradient(#071b241f,#071b245c);position:absolute;inset:0}.map-score-overlay{z-index:0;pointer-events:none;opacity:.66;filter:drop-shadow(0 2px 4px #04121cb8);width:98%;height:88%;position:absolute;inset:4% 1% auto}.map-score-overlay>svg{width:100%;height:100%;display:block;overflow:visible}.score-path-progress{z-index:2;background:#fff;border-radius:60% 45%;width:18px;height:13px;animation:6s ease-in-out infinite score-note-travel;position:absolute;top:51%;left:12%;box-shadow:0 0 0 3px #fff3,0 0 16px #fff}.score-path-progress:after{content:"";background:#fff;border-radius:3px;width:3px;height:27px;position:absolute;bottom:5px;right:0}.map-node{--region-color:#173442;--region-ink:#fff;z-index:3;background:var(--region-color);border:2px solid #ffffffeb;border-radius:14px;align-items:center;gap:7px;width:clamp(138px,29%,190px);min-height:72px;display:flex;position:absolute}@supports (color:color-mix(in lab, red, red)){.map-node{background:color-mix(in srgb,var(--region-color) 84%,#102f3e)}}.map-node{color:var(--region-ink);cursor:pointer;text-align:left;box-shadow:0 5px 0 #05151c6b,0 0 22px var(--region-color);padding:8px 9px 8px 5px}@supports (color:color-mix(in lab, red, red)){.map-node{box-shadow:0 5px 0 #05151c6b,0 0 22px color-mix(in srgb,var(--region-color) 30%,transparent)}}.map-node{transition:transform .15s,filter .15s;animation:2.3s ease-in-out infinite map-node-breathe}.map-node:hover{z-index:4;filter:brightness(1.08);transform:translateY(-4px)scale(1.03)}.map-node img{object-fit:contain;filter:drop-shadow(0 2px 2px #05151c4d);flex:none;width:46px;height:46px}.map-node>span{flex-direction:column;min-width:0;display:flex}.map-node strong{font-size:11px;line-height:1.05}.map-node em{color:currentColor;opacity:.86;margin-top:3px;font:800 8px/1.15 Arial,sans-serif}.map-node small{color:currentColor;opacity:.78;margin-top:4px;font:800 8px/1.2 Arial,sans-serif}.map-node.is-complete{filter:saturate(1.12);box-shadow:0 5px 0 #05151c6b,0 0 26px var(--region-color);border-color:#fff}.map-node.is-complete:after{background:var(--lime);width:22px;height:22px;color:var(--ink);content:"✓";border-radius:50%;place-items:center;font:900 10px Arial,sans-serif;display:grid;position:absolute;top:-8px;right:-6px}.map-node-wind{--region-color:var(--pink);top:8%;left:5%}.map-node-fire{--region-color:var(--orange);--region-ink:#3a2607;animation-delay:-.5s;top:8%;right:4%}.map-node-water{--region-color:var(--teal);--region-ink:#123c39;animation-delay:-1s;bottom:8%;left:5%}.map-node-earth{--region-color:var(--lime);--region-ink:#30370a;animation-delay:-1.5s;bottom:8%;right:4%}.rehearsal-mark{color:#fff;background:#102f3e;border:2px solid #fff;border-radius:5px;place-items:center;width:27px;height:27px;font:900 12px Georgia,serif;display:grid;position:absolute;top:-12px;left:-9px;box-shadow:0 3px #05151c59}.avatar-marker{z-index:5;background:var(--orange);border:3px solid #fff;border-radius:50% 50% 50% 10%;place-items:center;width:42px;height:42px;animation:2s ease-in-out infinite avatar-travel;display:grid;position:absolute;top:47%;left:47%;transform:rotate(-45deg);box-shadow:0 0 0 6px #fff3,0 0 18px #ffffffbf}.avatar-marker i{color:var(--ink);font:900 16px Georgia,serif;transform:rotate(45deg)}.travel-path{z-index:0;opacity:.75;transform-origin:0;background:repeating-linear-gradient(90deg,#fff 0 8px,#0000 8px 15px);border-radius:5px;height:3px;animation:2s linear infinite path-dash;position:absolute}.path-one{width:29%;top:42%;left:23%;transform:rotate(19deg)}.path-two{width:28%;top:55%;left:49%;transform:rotate(-19deg)}.map-legend{color:#cce8e7;background:#102f3e;font:700 7px Arial,sans-serif}.map-legend span{align-items:center;gap:5px;display:inline-flex}.encounter-card{background:linear-gradient(135deg,#192d42 0 38%,#fff 38%);border:2px solid #34333b24;border-radius:20px;grid-template-columns:minmax(170px,.52fr) minmax(260px,1fr);gap:20px;margin-bottom:20px;padding:18px;animation:.55s cubic-bezier(.2,.8,.2,1) both encounter-enter;display:grid;position:relative;overflow:hidden;box-shadow:0 8px #34333b1a}.encounter-scene{place-items:center;min-height:245px;display:grid;position:relative}.encounter-scene img{z-index:1;object-fit:contain;width:100%;height:230px;animation:2.8s ease-in-out infinite antagonist-idle}.encounter-aura{aspect-ratio:1;background:radial-gradient(circle,#e83e706b,#0000 66%);border-radius:50%;width:75%;animation:1.8s ease-in-out infinite alternate aura-pulse;position:absolute}.encounter-name{z-index:2;color:#fff;text-transform:uppercase;letter-spacing:.08em;background:#071826d6;border:1px solid #ffffff59;border-radius:999px;padding:6px 9px;font:900 7px Arial,sans-serif;position:absolute;bottom:4px}.encounter-dialogue{flex-direction:column;justify-content:center;display:flex}.quest-kicker{color:var(--pink-deep);text-transform:uppercase;letter-spacing:.1em;font:900 8px Arial,sans-serif}.encounter-dialogue h2{margin:5px 0 9px;font-size:clamp(19px,2.5vw,30px);line-height:1}.encounter-dialogue .typewriter-line{border-left:5px solid var(--teal);min-height:74px;color:var(--ink-soft);background:#f2f8f7;border-radius:8px;padding:10px 12px 20px;font:700 10px/1.5 Arial,sans-serif}.encounter-objective{align-items:center;gap:8px;margin-top:7px;display:flex}.encounter-objective>span{background:var(--orange);width:35px;height:35px;color:var(--ink);border-radius:9px;place-items:center;font-size:17px;animation:1.2s ease-in-out infinite alternate reward-shine;display:grid}.encounter-objective p{flex-direction:column;margin:0;display:flex}.encounter-objective small{color:var(--ink-soft);font:700 7px Arial,sans-serif}.encounter-objective strong{font-size:10px}.encounter-start{background:var(--pink);color:#fff;cursor:pointer;min-height:45px;box-shadow:0 5px 0 var(--pink-deep);border:0;border-radius:11px;align-self:flex-start;margin-top:12px;padding:10px 14px;font:900 9px Arial,sans-serif}.encounter-card>.character-guide{border-top:1px solid #34333b1f;grid-column:1/-1;margin-top:0;padding-top:10px}.inventory-panel{background:linear-gradient(135deg,#fff,#f4f1e8);border:2px solid #34333b1f;border-radius:19px;grid-template-columns:minmax(230px,.45fr) minmax(0,1fr);gap:18px;width:min(1180px,100% - 28px);margin:20px auto;padding:18px;display:grid;box-shadow:0 7px #34333b14}.inventory-heading h3{margin:4px 0 6px;font-size:19px}.inventory-heading p{color:var(--ink-soft);margin:0;font:700 9px/1.45 Arial,sans-serif}.inventory-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.inventory-item{background:linear-gradient(145deg,#fff,#f8f5ed);border:1px solid #34333b1f;border-radius:14px;flex-direction:column;justify-content:space-between;min-height:154px;padding:10px;display:flex}.inventory-item.unlocked{border-color:#29bdb880;box-shadow:inset 0 0 0 2px #29bdb81f}.item-icon{background:radial-gradient(circle,#3fcabd33,#ffffff73 64%,#0000);border-radius:12px;place-items:center;width:100%;height:88px;display:grid;position:relative;overflow:hidden}.item-icon img{object-fit:contain;filter:drop-shadow(0 5px 5px #1831532e);width:88px;height:88px;transition:transform .2s}.inventory-item.unlocked:hover .item-icon img{transform:translateY(-4px)rotate(2deg)scale(1.05)}.inventory-item.locked .item-icon img{filter:grayscale()brightness(.7);opacity:.48}.item-icon i{color:#fff;background:#57515e;border:2px solid #fff;border-radius:50%;place-items:center;width:30px;height:30px;font:900 14px Arial,sans-serif;display:grid;position:absolute;box-shadow:0 3px #1831532e}.inventory-item div{flex-direction:column;gap:3px;display:flex}.inventory-item strong{font-size:11px}.inventory-item small{color:var(--ink-soft);font:700 9px/1.3 Arial,sans-serif}@keyframes dialogue-cursor{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes map-node-breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes avatar-travel{0%,to{translate:0}50%{translate:5px -7px}}@keyframes path-dash{0%{background-position:0 0}to{background-position:30px 0}}@keyframes score-note-travel{0%,to{opacity:.45;translate:0}50%{opacity:1;translate:560px -14px}}@keyframes encounter-enter{0%{opacity:0;transform:translateY(22px)scale(.97)}to{opacity:1;transform:none}}@keyframes antagonist-idle{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-7px)rotate(1deg)}}@keyframes aura-pulse{0%{opacity:.55;transform:scale(.9)}to{opacity:1;transform:scale(1.08)}}@keyframes reward-shine{0%{transform:rotate(-3deg)scale(.96)}to{transform:rotate(3deg)scale(1.05)}}@media (width<=900px){.avatar-picker>div{grid-template-columns:1fr 1fr}.inventory-panel{grid-template-columns:1fr}.inventory-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=620px){.magic-map-heading{flex-direction:column;align-items:flex-start}.map-canvas{aspect-ratio:4/5}.map-canvas>img{object-position:center}.map-node{width:43%}.map-node-wind{top:7%;left:4%}.map-node-fire{top:7%;right:3%}.map-node-water{bottom:7%;left:3%}.map-node-earth{bottom:7%;right:4%}.map-node img{width:40px;height:40px}.map-node strong{font-size:10px}.map-node em,.map-node small{font-size:7px}.map-score-overlay{opacity:.58;width:144%;height:70%;inset:14% -22% auto}.score-path-progress{display:none}.avatar-marker{top:46%;left:43%}.encounter-card{background:linear-gradient(#192d42 0 275px,#fff 275px);grid-template-columns:1fr}.encounter-scene{min-height:245px}.encounter-dialogue .typewriter-line{min-height:100px}.inventory-grid{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){.map-node,.avatar-marker,.travel-path,.score-path-progress,.encounter-card,.encounter-scene img,.encounter-aura,.encounter-objective>span,.typewriter-line>i{animation:none!important}}.home-hero{width:min(1120px,100% - 40px);min-height:0;padding:34px 0 64px;display:block}.home-entry{grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);align-items:center;gap:30px;display:grid}.today-mission-card{background:linear-gradient(135deg,#fffffffa,#fff7dff2);border:1px solid #ffffff47;border-radius:24px;padding:24px 26px 26px;position:relative;overflow:hidden;box-shadow:0 12px #0a162329,0 24px 60px #0000003d}.today-mission-card:after{background:radial-gradient(circle,var(--orange),var(--pink) 56%,transparent 58%);content:"";opacity:.18;pointer-events:none;border-radius:50%;width:180px;height:180px;position:absolute;top:-66px;right:-58px}.today-mission-label{background:var(--pink);color:#fff;letter-spacing:.12em;text-transform:uppercase;border-radius:999px;align-items:center;gap:7px;padding:7px 11px;font:900 9px Arial,sans-serif;display:inline-flex}.today-mission-label i{color:var(--lime);font-style:normal}.home-hero .today-mission-card h1{max-width:none;color:var(--ink);letter-spacing:-.055em;text-shadow:none;margin:16px 0 17px;font-size:clamp(34px,4.7vw,55px);line-height:.96}.today-mission-facts{grid-template-columns:1fr 1fr;gap:9px;display:grid}.today-mission-facts>span{border-left:5px solid var(--teal);background:#edf9f8;border-radius:9px;flex-direction:column;justify-content:center;min-height:67px;padding:9px 11px;display:flex}.today-mission-facts>span:last-child{border-left-color:var(--orange);background:#fff3df}.today-mission-facts small{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em;font:800 8px Arial,sans-serif}.today-mission-facts strong{margin-top:4px;font-size:13px}.today-mission-actions{align-items:center;gap:11px;margin-top:18px;display:flex}.today-play-button{background:linear-gradient(100deg,var(--pink),#df2b86);color:#fff;cursor:pointer;letter-spacing:.08em;text-transform:uppercase;border:0;border-radius:13px;justify-content:space-between;align-items:center;gap:20px;min-width:190px;min-height:58px;padding:13px 17px;font:900 15px Arial,sans-serif;transition:transform .14s,box-shadow .14s;display:inline-flex;box-shadow:0 6px #8d1e5d,0 13px 25px #f542aa38}.today-play-button:hover{transform:translateY(-2px);box-shadow:0 8px #8d1e5d,0 15px 28px #f542aa42}.today-play-button:active{transform:translateY(4px);box-shadow:0 2px #8d1e5d}.today-play-button>span{background:#fff3;border-radius:50%;place-items:center;width:30px;height:30px;font-size:12px;display:grid}.today-mission-actions .theme-button{background:#fff;min-height:52px;font-size:9px}.home-maestro{min-width:0;position:relative}.home-maestro .hero-owl{background:#ffffff1a}.home-maestro .music-figures{bottom:-20px;right:0}.home-progress-section{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#08080f3d;border:1px solid #ffffff2e;border-radius:18px;grid-template-columns:minmax(190px,.65fr) minmax(300px,1fr) minmax(220px,.7fr);align-items:center;gap:16px;margin:30px 0;padding:15px;display:grid}.home-progress-copy h2{color:#fff;margin:4px 0 0;font-size:18px}.home-progress-section .progress-status{background:#ffffff0d;border-color:#ffffff1f;max-width:none}.continue-journey-button{color:#fff;cursor:pointer;text-align:left;background:#ffffff1a;border:1px solid #ffffff3d;border-radius:13px;justify-content:space-between;align-items:center;gap:10px;min-height:64px;padding:10px 12px;transition:background .15s,transform .15s;display:flex}.continue-journey-button:hover{background:#ffffff2b;transform:translateY(-2px)}.continue-journey-button>span{flex-direction:column;min-width:0;display:flex}.continue-journey-button small{color:var(--lime);text-transform:uppercase;letter-spacing:.08em;font:900 7px Arial,sans-serif}.continue-journey-button strong{text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:10px;overflow:hidden}.continue-journey-button>i{background:var(--lime);width:32px;height:32px;color:var(--ink);border-radius:50%;flex:none;place-items:center;font:900 17px Arial,sans-serif;display:grid}.home-territories{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff12;border-radius:23px;padding:20px}.home-territories-heading{justify-content:space-between;align-items:end;gap:18px;margin-bottom:13px;display:flex}.home-territories-heading h2{color:#fff;margin:4px 0 0;font-size:23px}.home-territories-heading p{color:#ffffffa3;text-align:right;max-width:420px;margin:0;font:700 10px/1.4 Arial,sans-serif}.home-territories .magic-map{max-width:none}.home-territories .avatar-picker{margin:16px 0 0}.home-territories .avatar-picker>span{color:#ffffffc7}@media (width<=900px){.home-entry{grid-template-columns:minmax(0,1fr) minmax(280px,.7fr);gap:18px}.home-progress-section{grid-template-columns:1fr 1.35fr}.home-progress-copy{grid-column:1/-1}}@media (width<=680px){.home-hero{width:calc(100% - 22px);padding:18px 0 44px}.home-entry{grid-template-columns:1fr}.today-mission-card{border-radius:18px;padding:19px 16px 21px}.home-hero .today-mission-card h1{margin:13px 0 14px;font-size:clamp(34px,11vw,46px)}.today-mission-facts{grid-template-columns:1fr}.today-mission-facts>span{min-height:58px}.today-mission-actions{flex-direction:column;align-items:stretch}.today-play-button,.today-mission-actions .theme-button{width:100%}.today-play-button{min-height:64px}.home-maestro .hero-owl{width:100%}.home-progress-section{grid-template-columns:1fr;margin:20px 0;padding:13px}.home-progress-copy{grid-column:auto}.home-progress-section .progress-status,.home-progress-section .rpg-status{width:100%}.domain-progress{grid-template-columns:1fr;gap:8px}.achievement-summary{flex-direction:column;align-items:flex-start}.achievement-summary>div{flex-wrap:wrap;width:100%}.continue-journey-button{min-height:58px}.home-territories{padding:13px}.home-territories-heading{flex-direction:column;align-items:flex-start;gap:7px}.home-territories-heading p{text-align:left}}.reading-level-roadmap{grid-template-columns:repeat(9,minmax(116px,1fr))}.reading-level-card>h3{text-align:center;margin:15px 0;font-size:22px}.reading-level-intro{background:#e9faf7}.reading-level-intro>span{background:var(--teal);color:var(--ink)}.reading-level-intro small{color:#12645d}.reading-model-stage{background:linear-gradient(145deg,#fff,#f6fbfa);border:1px solid #34333b2e;border-radius:16px;margin-top:4px;padding:20px 12px 8px;position:relative;overflow:hidden}.reading-model-label{z-index:2;color:#125b54;letter-spacing:.05em;text-transform:uppercase;background:#d8f6f1;border-radius:99px;padding:5px 9px;font:900 11px Arial,sans-serif;position:absolute;top:10px;left:13px}.reading-staff{width:100%;min-width:0}.reading-staff>div{width:100%}.reading-staff svg{width:100%;height:auto;display:block}.reading-staff.compact{background:#fff;border-radius:10px;overflow:hidden}.reading-staff.compact svg{min-width:250px}.reading-missing-note{border:2px dashed var(--pink-deep);width:48px;height:48px;color:var(--pink-deep);background:#fff;border-radius:12px;place-items:center;font:900 25px Arial,sans-serif;display:grid;position:absolute;top:61px;right:23px;box-shadow:0 4px #d91e7226}.reading-model-stage:has(.reading-missing-note) .reading-staff{padding-right:52px}.reading-listen-button{margin-top:12px}.reading-answer-grid.answers-7{grid-template-columns:repeat(4,minmax(0,1fr))}.reading-answer-grid .interval-answer{min-height:66px}.reading-pattern-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.reading-pattern-options>button{min-width:0;min-height:150px;color:var(--ink);cursor:pointer;background:#fff;border:2px solid #34333b33;border-radius:14px;align-content:start;gap:8px;padding:11px 8px;display:grid;overflow:hidden;box-shadow:0 4px #34333b1a}.reading-pattern-options>button:hover:not(:disabled){border-color:var(--teal-deep);transform:translateY(-2px)}.reading-pattern-options>button>strong{font-size:13px}.reading-pattern-options>button.is-correct{background:#d8f6f1;border-color:#14726a;box-shadow:0 4px #14726a}.reading-pattern-options>button.is-wrong{border-color:var(--pink-deep);background:#ffe4f1}.reading-pattern-options>button.is-muted{opacity:.55}.reading-pattern-options>button:disabled{cursor:not-allowed}@media (width<=680px){.reading-level-roadmap{grid-template-columns:repeat(9,108px)}.reading-model-stage{padding:27px 4px 2px}.reading-missing-note{width:42px;height:42px;top:63px;right:8px}.reading-model-stage:has(.reading-missing-note) .reading-staff{padding-right:42px}.reading-answer-grid.answers-7{grid-template-columns:repeat(2,minmax(0,1fr))}.reading-pattern-options{grid-template-columns:1fr}.reading-pattern-options>button{min-height:132px}.reading-staff.compact svg{min-width:280px}}@media (prefers-reduced-motion:reduce){.today-play-button,.continue-journey-button{transition:none}}.daily-mission-shell{z-index:2;border:1px solid #34333b29;border-top:9px solid var(--teal);background:linear-gradient(145deg,#fffef9,#f9f6ef);border-radius:22px;width:min(880px,100% - 36px);margin:42px auto 56px;padding:24px;scroll-margin-top:18px;position:relative;box-shadow:0 18px 50px #1f1c3024,0 6px #34333b1a}.daily-mission-topline{justify-content:space-between;align-items:end;gap:16px;display:flex}.daily-mission-topline>div{flex-direction:column;gap:4px;display:flex}.daily-mission-topline strong{color:var(--ink);font-size:18px}.daily-mission-overline{color:var(--pink-deep);letter-spacing:.12em;text-transform:uppercase;font:900 9px Arial,sans-serif;display:block}.daily-score{color:var(--ink-soft);background:#efece5;border-radius:999px;padding:7px 11px;font:900 10px Arial,sans-serif}.daily-mission-progress{background:#e7e2da;border-radius:999px;height:10px;margin:12px 0 22px;overflow:hidden}.daily-mission-progress span{border-radius:inherit;background:linear-gradient(90deg, var(--pink), var(--orange), var(--lime), var(--teal));height:100%;transition:width .3s;display:block;box-shadow:0 0 12px #3fcabd61}.daily-challenge-card{background:#fff;border:1px solid #34333b21;border-radius:17px;padding:24px;position:relative;overflow:hidden}.daily-challenge-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#ecf64152,#ecf64100 69%);border-radius:50%;width:160px;height:160px;position:absolute;top:-70px;right:-58px}.daily-step-icon{background:var(--lime);width:46px;height:46px;color:var(--ink);box-shadow:0 5px 0 var(--lime-deep);border-radius:13px;place-items:center;font:900 25px Georgia,serif;display:grid}.daily-challenge-copy{margin:19px 0 20px}.daily-challenge-copy>span{color:var(--teal-deep);letter-spacing:.1em;text-transform:uppercase;font:900 9px Arial,sans-serif}.daily-challenge-copy h2{color:var(--ink);margin:5px 0 7px;font-size:clamp(25px,4vw,38px);line-height:1.05}.daily-challenge-copy p{color:var(--ink-soft);margin:0;font:700 13px/1.45 Arial,sans-serif}.daily-listen-button{background:linear-gradient(110deg, var(--teal), #69ddd2);color:#123d3a;cursor:pointer;width:100%;min-height:66px;box-shadow:0 6px 0 var(--teal-deep);border:0;border-radius:14px;justify-content:center;align-items:center;gap:11px;padding:13px 17px;font-size:15px;font-weight:900;transition:transform .15s,filter .15s;display:flex}.daily-listen-button:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-2px)}.daily-listen-button:active:not(:disabled){box-shadow:0 3px 0 var(--teal-deep);transform:translateY(3px)}.daily-listen-button:disabled{cursor:wait;opacity:.82}.daily-listen-button>span{font-size:22px}.daily-listen-button>i{align-items:end;gap:3px;height:23px;display:flex}.daily-listen-button>i b{background:currentColor;border-radius:4px;width:4px;height:9px;display:block}.daily-listen-button>i b:nth-child(2){height:18px}.daily-listen-button.is-playing>i b{animation:.45s ease-in-out infinite alternate daily-sound-bar}.daily-listen-button.is-playing>i b:nth-child(2){animation-delay:-.2s}@keyframes daily-sound-bar{to{height:23px}}.daily-answer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:19px;display:grid}.daily-answer-grid button{min-width:0;min-height:84px;color:var(--ink);cursor:pointer;background:#f9f7f2;border:2px solid #ded9d0;border-radius:13px;justify-content:center;align-items:center;gap:8px;padding:12px 8px;transition:border-color .15s,background .15s,transform .15s;display:flex;box-shadow:0 4px #d8d2c8}.daily-answer-grid button:hover:not(:disabled){border-color:var(--pink);background:#fff2f9;transform:translateY(-2px)}.daily-answer-grid button:disabled:not(.is-correct){cursor:default;opacity:.5}.daily-answer-grid button>span{color:var(--pink-deep);font-size:25px}.daily-answer-grid button strong{font-size:13px}.daily-answer-grid button.is-correct{border-color:var(--teal-deep);color:#145c55;box-shadow:0 4px 0 var(--teal-deep);opacity:1;background:#d6f8f3}.daily-answer-grid button.is-correct>span{color:var(--teal-deep)}.daily-answer-grid button.is-wrong{border-color:var(--pink-deep);color:#662347;box-shadow:0 4px 0 var(--pink-deep);opacity:1;background:#ffe2f1}.daily-action-hint{color:var(--ink-soft);text-align:center;margin:13px 0 0;font:700 10px/1.4 Arial,sans-serif}.daily-feedback{border-radius:12px;align-items:center;gap:11px;min-height:58px;margin-top:17px;padding:11px 13px;display:flex}.daily-feedback.correct{border-left:7px solid var(--teal-deep);background:#d7f8f3}.daily-feedback.wrong{border-left:7px solid var(--pink);background:#ffe2f1}.daily-feedback>span{width:29px;height:29px;color:var(--ink);background:#fff;border-radius:50%;flex:none;place-items:center;font-weight:900;display:grid}.daily-feedback p{color:var(--ink);margin:0;font:800 12px/1.4 Arial,sans-serif}.daily-next-zone{justify-content:flex-end;margin-top:16px;display:flex}.daily-retry-button,.daily-next-button,.daily-continue-button,.daily-exit-button{cursor:pointer;text-transform:uppercase;letter-spacing:.03em;border-radius:12px;min-height:54px;padding:12px 18px;font:900 11px Arial,sans-serif}.daily-retry-button{border:2px solid var(--pink-deep);color:var(--pink-deep);background:#fff}.daily-next-button{background:var(--pink);color:#fff;box-shadow:0 5px 0 var(--pink-deep);border:0;align-items:center;gap:15px;display:flex}.daily-next-button>span{font-size:18px}.hybrid-challenge-card{background:linear-gradient(145deg,#fff,#f4fbf9);border-color:#3fcabd5c}.hybrid-challenge-card .daily-step-icon{background:var(--teal);box-shadow:0 5px 0 var(--teal-deep)}.hybrid-mission-body{gap:15px;display:grid}.hybrid-preparation{border-left:4px solid var(--orange);color:var(--ink-soft);background:#fff6e8;border-radius:10px;align-items:flex-start;gap:10px;margin:0;padding:11px 13px;font:700 11px/1.45 Arial,sans-serif;display:flex}.hybrid-preparation span{color:var(--orange-deep);font-size:17px;font-weight:900}.hybrid-mission-body .owl-guide{margin:0}.hybrid-action-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.hybrid-action-buttons button{cursor:pointer;letter-spacing:.03em;text-transform:uppercase;border-radius:12px;min-height:56px;padding:12px 15px;font:900 11px Arial,sans-serif}.hybrid-done-button{background:var(--teal);color:#123d3a;box-shadow:0 5px 0 var(--teal-deep);border:0}.hybrid-done-button:disabled{cursor:default;opacity:.55}.hybrid-retry-button{border:2px solid var(--ink);color:var(--ink);background:#fff}.hybrid-reflection{background:#faf8f3;border:1px solid #d8d3ca;border-radius:13px;gap:9px;margin-top:16px;padding:14px;display:grid}.hybrid-reflection>strong{color:var(--ink);font-size:13px}.hybrid-reflection>div{flex-wrap:wrap;gap:7px;display:flex}.hybrid-reflection button{min-height:38px;color:var(--ink-soft);cursor:pointer;background:#fff;border:1px solid #cdc7bd;border-radius:99px;padding:7px 11px;font:800 9px Arial,sans-serif}.hybrid-reflection button.selected{border-color:var(--teal-deep);color:#145c55;background:#d7f8f3}.hybrid-reflection small{color:var(--ink-soft);font:700 9px/1.4 Arial,sans-serif}.hybrid-result-stats{grid-template-columns:repeat(3,minmax(0,1fr));max-width:760px}.daily-result{border-top-color:var(--lime);text-align:center}.daily-complete-mark{background:var(--lime);width:74px;height:74px;color:var(--ink);box-shadow:0 7px 0 var(--lime-deep);border-radius:50%;place-items:center;margin:0 auto 15px;font-size:36px;font-weight:900;display:grid}.daily-result h2{color:var(--ink);margin:6px 0 20px;font-size:clamp(28px,5vw,44px)}.daily-result-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:620px;margin:0 auto 22px;display:grid}.daily-result-stats>span{background:#fff;border:1px solid #ddd7cd;border-radius:14px;flex-direction:column;justify-content:center;min-height:92px;padding:13px;display:flex}.daily-result-stats small{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em;font:800 9px/1.35 Arial,sans-serif}.daily-result-stats strong{color:var(--pink-deep);margin-top:7px;font-size:25px}.daily-result .owl-guide{text-align:left;max-width:650px;margin-left:auto;margin-right:auto}.daily-result-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:650px;margin:20px auto 0;display:grid}.daily-continue-button{background:var(--pink);color:#fff;box-shadow:0 5px 0 var(--pink-deep);border:0}.daily-exit-button{border:2px solid var(--ink);color:var(--ink);background:#fff;box-shadow:0 4px #34333b2e}@media (width<=620px){.daily-mission-shell{border-radius:17px;width:calc(100% - 22px);margin:25px auto 38px;padding:14px}.daily-mission-topline{align-items:center}.daily-mission-topline strong{font-size:16px}.daily-score{padding:6px 8px;font-size:9px}.daily-mission-progress{margin-bottom:14px}.daily-challenge-card{padding:17px 13px 18px}.daily-step-icon{border-radius:11px;width:40px;height:40px;font-size:22px}.daily-challenge-copy{margin:17px 0}.daily-challenge-copy h2{font-size:clamp(25px,8.5vw,34px)}.daily-listen-button{min-height:64px}.daily-answer-grid{gap:7px}.daily-answer-grid button{flex-direction:column;gap:3px;min-height:78px;padding:8px 3px}.daily-answer-grid button>span{font-size:22px}.daily-answer-grid button strong{font-size:11px}.daily-next-zone{justify-content:stretch}.daily-retry-button,.daily-next-button{justify-content:center;width:100%}.daily-result-stats,.daily-result-actions,.hybrid-action-buttons{grid-template-columns:1fr}.daily-result .owl-guide.compact{flex-direction:row;align-items:center}.daily-result .owl-guide.compact .owl-speech:before{display:block}.daily-result .owl-guide.compact .owl-portrait{width:70px}}.brand-logo-original{background:#fff;border:2px solid #ffffffb8;border-radius:11px;flex:none;place-items:center;width:96px;height:68px;display:grid;overflow:hidden;box-shadow:0 4px #18315329}.brand-logo-original img{object-fit:contain;width:100%;height:100%;display:block;transform:scale(1.48)}.ear-level-roadmap{scrollbar-color:var(--teal) #e7e2da;grid-template-columns:repeat(7,minmax(116px,1fr));gap:8px;margin-bottom:20px;padding:3px 3px 10px;display:grid;overflow-x:auto}.ear-level-roadmap button{min-height:98px;color:var(--ink);cursor:pointer;text-align:left;background:#fff;border:1px solid #34333b2e;border-radius:13px;grid-template-rows:34px auto 1fr;align-items:start;padding:10px;display:grid;box-shadow:0 4px #34333b17}.ear-level-roadmap button>span{width:31px;height:31px;color:var(--ink-soft);background:#eeeae4;border-radius:50%;place-items:center;font:900 11px Arial,sans-serif;display:grid}.ear-level-roadmap button strong{margin-top:4px;font-size:11px}.ear-level-roadmap button small{color:var(--ink-soft);margin-top:2px;font:700 8px/1.3 Arial,sans-serif}.ear-level-roadmap button.unlocked:hover:not(:disabled){border-color:var(--teal-deep);background:#e9faf7;transform:translateY(-2px)}.ear-level-roadmap button.active{border-color:var(--orange-deep);box-shadow:0 5px 0 var(--orange-deep);background:#ffe4b3}.ear-level-roadmap button.active>span{background:var(--orange);color:var(--ink)}.ear-level-roadmap button.complete>span{background:var(--lime);color:var(--ink)}.ear-level-roadmap button.locked{color:#8a858e;cursor:not-allowed;opacity:.7;background:#eae7e2}.ear-challenge-card{scroll-margin-top:18px}.ear-level-intro{background:#fff3dc;border-radius:11px;align-items:center;gap:11px;margin-bottom:13px;padding:10px 12px;display:flex}.ear-level-intro>span{background:var(--orange);border-radius:11px;flex:none;place-items:center;width:40px;height:40px;font-size:18px;font-weight:900;display:grid}.ear-level-intro>div{flex-direction:column;min-width:0;display:flex}.ear-level-intro small{color:var(--orange-deep);letter-spacing:.08em;text-transform:uppercase;font:900 8px Arial,sans-serif}.ear-level-intro strong{margin-top:3px;font-size:12px}.ear-stimulus-visual{background:radial-gradient(circle at 50% 120%,#d9fbf7,#fff9e7 54%,#fff 100%);border:1px solid #34333b2e;border-radius:16px;justify-content:center;align-items:center;gap:18px;min-height:184px;display:flex;position:relative;overflow:hidden}.ear-stimulus-visual>span{z-index:2;border:3px solid var(--ink);width:72px;height:72px;color:var(--ink);background:#fff;border-radius:50%;flex:none;place-items:center;transition:transform .18s,background .18s,box-shadow .18s;display:grid;position:relative;box-shadow:0 6px #34333b2e}.ear-stimulus-visual>span:nth-child(2n){background:#fff0f8}.ear-stimulus-visual>span>i{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:19px;height:19px;font:900 8px Arial,sans-serif;display:grid;position:absolute;top:6px;left:8px}.ear-stimulus-visual>span>b{font:900 35px Georgia,serif}.ear-stimulus-visual>span.active{background:var(--teal);box-shadow:0 0 0 10px #ecf6416b, 0 7px 0 var(--teal-deep);transform:scale(1.12)}.ear-stimulus-visual.chord>span{margin:0 -5px}.ear-stimulus-visual.chord>span.active{background:var(--orange);box-shadow:0 0 0 9px #ffb13b33, 0 7px 0 var(--orange-deep)}.ear-stimulus-visual>.music-figures{transform-origin:100% 100%;position:absolute;bottom:4px;right:8px;transform:scale(.52)}.ear-audio-caption{color:var(--ink-soft);text-align:center;margin:8px 0 0;font:800 9px/1.35 Arial,sans-serif}.ear-challenge-card>h3{text-align:center;margin:10px 0 13px;font-size:21px}.ear-answer-grid{gap:8px;display:grid}.ear-answer-grid.answers-2{grid-template-columns:repeat(2,minmax(0,1fr))}.ear-answer-grid.answers-3{grid-template-columns:repeat(3,minmax(0,1fr))}.ear-answer-grid.answers-5{grid-template-columns:repeat(5,minmax(0,1fr))}.ear-answer-grid .interval-answer{min-width:0;min-height:72px;padding:8px}.ear-answer-grid .interval-answer:disabled:not(.is-correct):not(.is-wrong):not(.is-muted){cursor:not-allowed;opacity:.42}.ear-answer-grid .interval-answer strong{overflow-wrap:anywhere;text-align:center}.ear-answer-grid.answers-3 .interval-answer strong{font-size:11px;line-height:1.3}.ear-next-challenge{min-width:min(280px,100%);min-height:52px;margin:12px auto 0}.ear-level-status{border-top:1px solid #34333b24;justify-content:space-between;align-items:center;gap:10px;margin-top:16px;padding-top:13px;display:flex}.ear-level-status span{color:var(--ink-soft);text-transform:uppercase;font:800 9px Arial,sans-serif}.ear-level-status strong{color:var(--pink-deep);font-size:20px}.ear-level-result{border:1px solid #34333b29;border-top:8px solid var(--lime);background:var(--paper);max-width:780px;box-shadow:var(--shadow);text-align:center;border-radius:20px;margin:0 auto;padding:27px;scroll-margin-top:18px}.ear-result-mark{background:var(--lime);width:66px;height:66px;color:var(--ink);box-shadow:0 6px 0 var(--lime-deep);border-radius:50%;place-items:center;margin:0 auto 14px;font-size:31px;font-weight:900;display:grid}.ear-level-result h3{margin:6px 0 7px;font-size:clamp(28px,4vw,42px)}.ear-level-result>p{color:var(--ink-soft);margin:0 auto 18px;font:700 12px/1.45 Arial,sans-serif}.ear-result-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px;display:grid}.ear-result-stats>span{background:#fff;border:1px solid #ded8cf;border-radius:13px;flex-direction:column;justify-content:center;min-height:86px;padding:11px;display:flex}.ear-result-stats small{color:var(--ink-soft);text-transform:uppercase;font:800 8px/1.35 Arial,sans-serif}.ear-result-stats strong{color:var(--pink-deep);margin-top:6px;font-size:23px}.ear-level-result .owl-guide{text-align:left}.ear-result-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.ear-result-actions button{cursor:pointer;text-transform:uppercase;border-radius:11px;min-height:54px;padding:10px 13px;font:900 10px Arial,sans-serif}.ear-next-level-button{background:var(--pink);color:#fff;box-shadow:0 5px 0 var(--pink-deep);border:0}.ear-repeat-button{border:2px solid var(--ink);color:var(--ink);background:#fff;box-shadow:0 4px #34333b26}@media (width<=680px){.brand-logo-original{width:80px;height:58px}.brand-logo-original img{transform:scale(1.46)}.ear-level-roadmap{grid-template-columns:repeat(7,108px);margin-left:-11px;margin-right:-11px;padding-left:11px;padding-right:11px}.ear-level-roadmap button{min-height:91px}.ear-stimulus-visual{gap:9px;min-height:156px}.ear-stimulus-visual>span{border-width:2px;width:58px;height:58px}.ear-stimulus-visual>span>b{font-size:28px}.ear-stimulus-visual>span>i{width:17px;height:17px}.ear-stimulus-visual>.music-figures{display:none}.ear-answer-grid.answers-5{grid-template-columns:repeat(3,minmax(0,1fr))}.ear-answer-grid.answers-3{grid-template-columns:1fr}.ear-answer-grid .interval-answer{min-height:64px}.ear-result-stats,.ear-result-actions{grid-template-columns:1fr}.ear-level-result{padding:20px 14px}}@media (width<=420px){.site-header{width:calc(100% - 22px)}.brand{gap:8px}.brand-logo-original{width:72px;height:52px}.brand-copy strong{font-size:12px}.brand-copy small{max-width:150px;font-size:7px}.header-badge{display:none}.ear-stimulus-visual>span{width:52px;height:52px}.ear-stimulus-visual.sequence>span{margin:0 -2px}}.brand-copy small,.xp-copy,.domain-row>span:first-child,.achievement-summary>span,.achievement-summary small,.board-heading span,.realm-copy small,.board-legend,.challenge-count,.score-pill small,.streak-pill small,.owl-speech span,.composer-mode small,.choice-zone-heading span,.free-choice-label,.ear-lesson-grid small,.interval-level-picker small,.interval-answer small,.mood-picker small,.improv-counter span,.tempo-control>span,.phase-copy small,.phase-copy em,.companion-role-list small,.companion-card small,.typewriter-line>small,.avatar-picker>span,.avatar-choice strong,.avatar-choice small,.magic-map-heading span,.map-node strong,.map-node small,.map-legend,.encounter-name,.quest-kicker,.encounter-objective small,.inventory-item strong,.inventory-item small,.today-mission-facts small,.continue-journey-button small,.daily-challenge-copy>span,.hybrid-reflection small,.daily-result-stats small,.ear-level-roadmap button small,.ear-level-intro small,.ear-audio-caption,.ear-level-status span,.ear-result-stats small{font-size:11px;line-height:1.35}.owl-speech p,.owl-speech .typewriter-line,.owl-speech .typewriter-line>span{font-size:13px;line-height:1.48}.waiting-copy,.feedback,.hint-box,.visual-caption,.tiny-copy{font-size:13px;line-height:1.45}.item-icon{background:var(--teal);color:var(--ink)}.inventory-item.locked .item-icon{color:#47444d;background:#d6d2cb}.meter-tag{color:#fff;background:#554090}.echo-guide{color:#125b54;background:#d8f6f1;font-size:11px}.reference-card{min-height:154px;padding:10px 8px 12px}.reference-card .rhythm-figure.compact{width:94px;height:72px}.reference-card strong{margin-top:0;font-size:17px;line-height:1.2}.reference-card span{margin-top:3px;font-size:13px}.reference-card.coral{color:#fff;background:#d91e72}.reference-card.coral span{color:#fff}.reference-card.purple{color:#282631;background:#ffc766}.reference-card.green{color:#203b39;background:#77ddd2}.reference-card.blue{color:#282631;background:#ecf641}.rhythm-level-roadmap{grid-template-columns:repeat(8,minmax(116px,1fr))}.rhythm-level-card>h3{text-align:center;margin:14px 0;font-size:22px}.rhythm-listening-stage{background:linear-gradient(145deg,#fffdf7,#eefbf9);border:1px solid #34333b2e;border-radius:16px;grid-template-columns:repeat(8,minmax(38px,1fr));align-items:center;gap:7px;min-height:150px;padding:20px;display:grid;overflow-x:auto}.rhythm-listening-stage>span{color:#3a3740;background:#fff;border:2px solid #4a4652;border-radius:12px;place-items:center;min-width:38px;height:68px;transition:transform .12s,background .12s;display:grid;position:relative;box-shadow:0 4px #34333b21}.rhythm-listening-stage>span i{font:900 11px Arial,sans-serif;position:absolute;top:5px;left:6px}.rhythm-listening-stage>span b{font-size:24px}.rhythm-listening-stage>span.active{background:var(--lime);color:var(--ink);box-shadow:0 0 0 6px #ffb13b45,0 5px 0 var(--orange-deep);transform:translateY(-5px)}.rhythm-memory-zone,.rhythm-tap-zone{gap:12px;display:grid}.rhythm-memory-grid{grid-template-columns:repeat(8,minmax(42px,1fr));gap:7px;padding:3px 2px 9px;display:grid;overflow-x:auto}.rhythm-memory-grid button{color:#3d3943;cursor:pointer;background:#f1eee8;border:2px solid #625d69;border-radius:11px;place-items:center;gap:3px;min-width:42px;min-height:76px;display:grid}.rhythm-memory-grid button.has-sound{background:var(--teal);color:#183c39;border-color:#12645d}.rhythm-memory-grid button span{font:900 11px Arial,sans-serif}.rhythm-memory-grid button strong{font-size:11px}.rhythm-submit-button{width:min(100%,300px);margin:0 auto}.rhythm-tap-count{color:var(--ink-soft);justify-content:center;align-items:baseline;gap:9px;display:flex}.rhythm-tap-count strong{color:var(--pink-deep);font-size:25px}.rhythm-tap-count span{font:800 12px Arial,sans-serif}.rhythm-tap-pad{color:#fff;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:linear-gradient(145deg,#f343a3,#d92377);border:3px solid #3b3741;border-radius:22px;place-items:center;gap:3px;width:min(100%,420px);min-height:132px;margin:0 auto;display:grid;box-shadow:0 8px #8d174e}.rhythm-tap-pad:active:not(:disabled){transform:translateY(5px);box-shadow:0 3px #8d174e}.rhythm-tap-pad>span{font-size:34px}.rhythm-tap-pad strong{letter-spacing:.04em;font-size:17px}.rhythm-tap-pad small{color:#fff;font:700 12px Arial,sans-serif}.rhythm-tap-pad:disabled{cursor:not-allowed;opacity:.55}.rhythm-clear-taps{color:#3a3740;cursor:pointer;background:#fff;border:1px solid #77717e;border-radius:10px;justify-self:center;min-height:44px;padding:9px 16px;font:800 12px Arial,sans-serif}.home-territories{background:#12111df0;border:1px solid #ffffff2e}.home-territories-heading h2{color:#fff}.home-territories-heading p,.home-territories .avatar-picker>span{color:#ffffffdb;font-size:12px}.today-mission-actions .theme-button,.encounter-start{font-size:12px}.encounter-card{background:#fff}.encounter-scene{background:#192d42;border-radius:15px}.encounter-dialogue h2{color:var(--ink)}.encounter-dialogue .typewriter-line{color:#3e4850;font-size:13px}.encounter-objective small,.encounter-objective strong{font-size:11px}.ear-level-roadmap button.locked{color:#5b5661;opacity:1;background:#e2ded7;border-color:#aaa4ae}.ear-level-roadmap button.locked>span{color:#554f5d;background:#cbc6ce}.inventory-item.locked{opacity:.78}@media (width<=680px){.rhythm-level-roadmap{grid-template-columns:repeat(8,108px)}.rhythm-listening-stage{grid-template-columns:repeat(8,42px);min-height:126px;margin-left:-2px;margin-right:-2px;padding:14px 11px}.rhythm-listening-stage>span{height:60px}.rhythm-memory-grid{grid-template-columns:repeat(8,48px)}.rhythm-tap-pad{min-height:150px}.reference-card{min-height:138px}.reference-card .rhythm-figure.compact{width:82px;height:64px}.brand-copy small{max-width:190px;font-size:11px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}