/*! 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}.hidden{display:none}.inline{display:inline}.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}}.mission-arc-strip{grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 16px;display:grid}.mission-arc-strip>span{color:#bfc5cf;background:#292d3b;border:1px solid #ffffff2e;border-radius:12px;align-items:center;gap:8px;min-width:0;min-height:48px;padding:8px 10px;display:flex}.mission-arc-strip i{border:1px solid;border-radius:50%;flex:none;place-items:center;width:27px;height:27px;font:900 12px Arial,sans-serif;display:grid}.mission-arc-strip strong{text-overflow:ellipsis;text-transform:uppercase;letter-spacing:.04em;font:900 12px/1.2 Arial,sans-serif;overflow:hidden}.mission-arc-strip .is-current{border-color:var(--orange);color:#fff3df;background:#513923;box-shadow:0 0 0 2px #ffb13b24}.mission-arc-strip .is-complete{border-color:var(--teal);color:#cafff8;background:#173c3b}.mission-impact-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:18px 0;display:grid}.mission-impact-summary>span{text-align:left;background:#fffdf7;border:1px solid #d9d3c8;border-radius:14px;gap:5px;min-width:0;padding:12px;display:grid}.mission-impact-summary small{color:#65616b;text-transform:uppercase;letter-spacing:.035em;font:800 12px/1.25 Arial,sans-serif}.mission-impact-summary strong{color:#282533;font:900 14px/1.35 Arial,sans-serif}.enemy-live-mission{color:#fff;background:linear-gradient(155deg,#202536,#2b2940 56%,#173b3b);border:1px solid #ffffff2b;border-radius:24px;max-width:1040px;margin:0 auto 28px;padding:22px;overflow:hidden;box-shadow:0 20px 44px #1114203d}.enemy-live-stage{background:radial-gradient(circle at 24% 54%,#f542aa2e,#0000 38%),radial-gradient(circle at 76% 54%,#3fcabd29,#0000 38%),#171d2c;border-radius:18px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;min-height:260px;padding:12px;display:grid}.enemy-live-figure,.enemy-live-avatar{place-items:center;min-width:0;display:grid;position:relative;overflow:hidden}.enemy-live-figure img{object-fit:contain;object-position:center;transform-origin:50%;filter:drop-shadow(0 14px 15px #0000004d);width:84%;height:245px;padding:7px}.enemy-live-figure>span{color:#ffd9a2;text-align:center;background:#11141fe0;border-radius:999px;max-width:calc(100% - 16px);padding:6px 10px;font:900 12px/1.25 Arial,sans-serif;position:absolute;bottom:4px}.enemy-live-avatar .traveler-portrait{width:min(100%,280px)}.enemy-live-copy{text-align:center;max-width:760px;margin:20px auto 16px}.enemy-live-copy h2{margin:4px 0 8px;font-size:clamp(29px,5vw,46px);line-height:1}.enemy-live-copy p{color:#e1dfe7;margin:0;font-size:14px;line-height:1.55}.enemy-challenge-zone,.enemy-mission-complete{text-align:center;background:#0e111cb8;border:1px solid #ffffff2e;border-radius:18px;max-width:790px;margin:16px auto 0;padding:18px}.enemy-challenge-zone h3,.enemy-mission-complete h3{margin:0 0 10px;font-size:clamp(21px,3.4vw,29px)}.enemy-challenge-zone>p{color:#dedbe5;font-size:14px;line-height:1.45}.enemy-listen-button,.enemy-tap-pad,.enemy-mission-complete>button{background:var(--orange);color:#2d2518;cursor:pointer;border:0;border-radius:13px;width:100%;min-height:54px;padding:12px 16px;font:900 15px/1.25 Arial,sans-serif}.enemy-listen-button:disabled,.enemy-tap-pad:disabled,.enemy-choice-grid button:disabled{cursor:not-allowed;opacity:.55}.enemy-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.enemy-choice-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.enemy-choice-grid button{color:#fff;cursor:pointer;background:#35394a;border:1px solid #8e91a0;border-radius:13px;min-height:58px;padding:10px;font:900 14px/1.3 Arial,sans-serif}.enemy-choice-grid button:hover:not(:disabled),.enemy-choice-grid button:focus-visible{border-color:var(--lime);background:#414a39}.enemy-choice-grid button strong,.enemy-choice-grid button small{display:block}.enemy-choice-grid button small{color:#d5d4dc;margin-top:3px;font-size:12px}.enemy-tap-pad{background:var(--pink);color:#fff;touch-action:manipulation;gap:3px;margin-top:12px;display:grid}.enemy-tap-pad:active:not(:disabled){filter:brightness(1.08);transform:scale(.985)}.enemy-tap-pad small{font-size:12px}.enemy-live-feedback{background:#252938;border:1px solid #ffffff2b;border-radius:14px;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;max-width:790px;min-height:68px;margin:12px auto 0;padding:10px 13px;display:grid}.enemy-live-feedback>span{background:var(--teal);color:#152a29;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.enemy-live-feedback.is-guidance{border-color:var(--orange)}.enemy-live-feedback.is-guidance>span{background:var(--orange)}.enemy-live-feedback p{color:#fff;margin:0;font:800 14px/1.45 Arial,sans-serif}.enemy-complete-mark{background:var(--lime);color:#29321d;border-radius:50%;place-items:center;width:58px;height:58px;margin:0 auto 8px;font-size:27px;display:grid;box-shadow:0 0 25px #c1e74466}.enemy-mission-complete .mission-impact-summary>span{background:#303544;border-color:#ffffff2e}.enemy-mission-complete .mission-impact-summary small{color:#c9c7d0}.enemy-mission-complete .mission-impact-summary strong{color:#fff}.sibilo-wave{background:#171b28;border-radius:14px;grid-template-columns:auto repeat(3,1fr) auto;align-items:center;gap:9px;min-height:72px;margin:10px 0 16px;padding:12px;display:grid}.sibilo-wave span{color:#d9d6df;font:800 12px Arial,sans-serif}.sibilo-wave i{background:linear-gradient(90deg,var(--teal),var(--pink));border-radius:999px;height:8px;box-shadow:0 0 0 5px #3fcabd17}.sibilo-wave.is-playing i{animation:.52s ease-in-out infinite alternate sibilo-wave}@keyframes sibilo-wave{to{filter:brightness(1.35);transform:scaleY(2.1)}}.map-node.is-complete{box-shadow:0 0 0 3px #c1e7448c,0 0 28px #c1e7446b,0 10px 22px #0000003d}.map-node.is-complete:after{content:"restaurado";background:var(--lime);color:#263019;text-transform:uppercase;border-radius:999px;padding:4px 7px;font:900 9px Arial,sans-serif;position:absolute;top:7px;right:7px}@media (width<=760px){.mission-impact-summary{grid-template-columns:1fr}.enemy-live-mission{border-radius:18px;padding:14px}.enemy-live-stage{gap:6px;min-height:210px;padding:7px}.enemy-live-figure img{width:88%;height:190px}.enemy-live-avatar .traveler-portrait{width:min(100%,190px)}.enemy-live-figure>span{font-size:11px}.enemy-challenge-zone,.enemy-mission-complete{padding:14px}.enemy-choice-grid.three{grid-template-columns:1fr}.enemy-mission-complete>button{z-index:22;bottom:calc(74px + env(safe-area-inset-bottom));position:sticky;box-shadow:0 10px 24px #0000004d}}@media (width<=430px){.mission-arc-strip{gap:5px}.mission-arc-strip>span{text-align:center;justify-items:center;gap:3px;min-height:54px;padding:6px 3px;display:grid}.mission-arc-strip strong{font-size:10px}.enemy-live-stage{grid-template-columns:1fr 1fr;min-height:170px}.enemy-live-figure img{width:86%;height:155px}.enemy-live-avatar .traveler-portrait{width:150px}.enemy-choice-grid{grid-template-columns:1fr}.sibilo-wave{grid-template-columns:auto repeat(3,1fr)}.sibilo-wave span:last-child{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){.sibilo-wave.is-playing i{animation:none}}: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:#d8f7f4;text-transform:uppercase;letter-spacing:.1em;font:900 9px Arial,sans-serif}.magic-map-heading strong{font-size:13px}.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 em{color:currentColor;opacity:.94;margin-top:3px;font:800 9px/1.2 Arial,sans-serif}.map-node small{color:currentColor;opacity:.9;margin-top:4px;font:800 9px/1.25 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:#e1f4f3;background:#102f3e;font:700 9px 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}}.header-actions{align-items:center;gap:10px;display:flex}.new-game-header-button{color:#fff;cursor:pointer;letter-spacing:.06em;text-transform:uppercase;background:#12111d61;border:1px solid #ffffff61;border-radius:999px;min-height:42px;padding:9px 15px;font:900 11px Arial,sans-serif}.new-game-header-button:hover{background:#12111d9e;transform:translateY(-1px)}.prologue-shell{color:#fff;background:radial-gradient(circle at 15% 18%,#f542aa47,#0000 30%),radial-gradient(circle at 84% 24%,#ffb13b3d,#0000 27%),radial-gradient(circle at 18% 82%,#3fcabd38,#0000 28%),linear-gradient(145deg,#11101d 0%,#1c1830 48%,#112b32 100%);min-height:100svh}.prologue-shell .world-decoration{opacity:.55;height:100%}.prologue-shell .world-rune{color:#ffffff29}.prologue-shell .brand-copy small{color:#ffffffb8}.new-game-loading{z-index:2;place-content:center;justify-items:center;gap:12px;min-height:calc(100svh - 96px);display:grid;position:relative}.new-game-loading span{color:var(--lime);font-size:42px;animation:1.2s ease-in-out infinite alternate prologue-float}.new-game-loading strong{font-size:16px}.new-game-gate{z-index:2;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);align-items:center;gap:46px;width:min(1100px,100% - 32px);min-height:calc(100svh - 96px);margin:0 auto;padding:44px 0 70px;display:grid;position:relative}.new-game-gate-copy{max-width:600px}.new-game-gate-copy .eyebrow{color:var(--lime)}.new-game-gate-copy h1{color:#fff;letter-spacing:-.055em;max-width:650px;margin:10px 0 12px;font-size:clamp(42px,6vw,76px);line-height:.95}.new-game-gate-copy>p{color:#ffffffc7;max-width:480px;margin:0;font:700 clamp(15px,2vw,19px)/1.5 Arial,sans-serif}.new-game-gate-actions{gap:12px;max-width:500px;margin-top:28px;display:grid}.continue-save-button,.start-new-button{cursor:pointer;text-align:left;border:0;border-radius:15px;justify-content:space-between;align-items:center;gap:14px;min-height:62px;padding:14px 18px;display:flex}.continue-save-button{background:var(--lime);color:#252334;box-shadow:0 7px 0 var(--lime-deep)}.continue-save-button>span{text-transform:uppercase;font-size:16px;font-weight:900}.continue-save-button small{font:700 12px/1.35 Arial,sans-serif}.start-new-button{background:var(--pink);color:#fff;box-shadow:0 7px 0 var(--pink-deep);text-transform:uppercase;font-size:16px;font-weight:900}.start-new-button.secondary{min-height:52px;box-shadow:none;background:#ffffff17;border:1px solid #ffffff40;justify-content:center;font-size:12px}.continue-save-button:active,.start-new-button:active{box-shadow:none;transform:translateY(5px)}.new-game-gate-maestro .character-guide{width:100%}.new-game-gate-maestro .owl-portrait{min-height:300px}.new-game-confirm{background:#0c0b15ed;border:1px solid #ffffff47;border-radius:14px;margin-top:13px;padding:16px;box-shadow:0 18px 45px #00000047}.new-game-confirm strong{font-size:15px}.new-game-confirm p{color:#ffffffbf;margin:6px 0 14px;font:700 12px/1.4 Arial,sans-serif}.new-game-confirm>div{gap:8px;display:flex}.new-game-confirm button{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff40;border-radius:10px;flex:1;min-height:44px;padding:9px;font:800 11px Arial,sans-serif}.new-game-confirm .confirm-reset-button{background:var(--pink);border:0}.prologue-stage{z-index:2;width:min(1040px,100% - 32px);min-height:calc(100svh - 94px);margin:0 auto;padding:28px 0 72px;position:relative}.prologue-card{color:#262433;background:linear-gradient(145deg,#fffffff7,#fffcf1f0);border:1px solid #fff3;border-radius:24px;padding:clamp(22px,4vw,42px);position:relative;overflow:hidden;box-shadow:0 24px 70px #00000040}.prologue-heading{max-width:760px}.prologue-heading h1,.challenge-step-heading h1,.reveal-copy h1,.item-reveal-step>h1,.path-heading h1{color:#282532;letter-spacing:-.04em;margin:7px 0 8px;font-size:clamp(29px,4vw,47px);line-height:1.02}.prologue-heading p,.challenge-step-heading p,.reveal-copy p,.path-heading p{color:#595563;margin:0;font:700 14px/1.5 Arial,sans-serif}.prologue-progress{color:#ffffffd1;letter-spacing:.09em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:18px;margin:0 8px 14px;font:900 11px Arial,sans-serif;display:flex}.prologue-progress>div{gap:6px;display:flex}.prologue-progress i{background:#ffffff2e;border-radius:999px;width:30px;height:6px;display:block}.prologue-progress i.filled{background:linear-gradient(90deg,var(--pink),var(--orange));box-shadow:0 0 12px #f542aa59}.prologue-primary{background:var(--pink);color:#fff;cursor:pointer;width:min(100%,440px);min-height:56px;box-shadow:0 6px 0 var(--pink-deep);letter-spacing:.025em;text-transform:uppercase;border:0;border-radius:13px;justify-content:center;align-items:center;gap:10px;margin:28px auto 0;padding:12px 18px;font-size:14px;font-weight:900;display:flex}.prologue-primary:disabled{cursor:not-allowed;filter:grayscale(.5);opacity:.45;box-shadow:none}.prologue-primary:not(:disabled):active{box-shadow:none;transform:translateY(5px)}.prologue-back{color:#625c69;cursor:pointer;background:0 0;border:0;min-height:42px;margin-bottom:14px;font:900 12px Arial,sans-serif}.traveler-carousel{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:24px;display:grid}.traveler-choice{color:#302d39;cursor:pointer;text-align:left;background:#fff;border:2px solid #d7d2dc;border-radius:18px;flex-direction:column;align-items:stretch;min-width:0;min-height:344px;padding:8px 10px 14px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden}.traveler-choice:hover{border-color:var(--orange);transform:translateY(-3px)}.traveler-choice.selected{border-color:var(--pink);background:#fff4fa;box-shadow:0 0 0 4px #f542aa21,0 8px #c6257f26}.traveler-choice-copy{gap:7px;padding:4px 3px 0;display:grid}.traveler-choice-copy strong{flex-direction:column;min-height:36px;font-size:17px;line-height:1.1;display:flex}.traveler-choice-copy strong em{color:var(--pink-deep);letter-spacing:.04em;text-transform:uppercase;margin-top:3px;font:900 10px Arial,sans-serif}.traveler-choice-copy q{color:#4f4a57;min-height:44px;font:700 12px/1.4 Arial,sans-serif}.traveler-choice-copy small{color:#5c5763;border-top:1px solid #eee9ef;justify-content:space-between;gap:5px;padding-top:6px;font:700 10px/1.25 Arial,sans-serif;display:flex}.traveler-choice-copy small b{color:#272431}.choice-check{background:var(--lime);color:#292631;border-radius:50%;place-items:center;width:25px;height:25px;font:900 13px Arial,sans-serif;display:none;position:absolute;top:10px;right:10px}.traveler-choice.selected .choice-check{display:grid}.traveler-portrait{aspect-ratio:1;isolation:isolate;place-items:center;width:min(100%,330px);margin:0 auto;display:grid;position:relative}.traveler-portrait>img{z-index:2;object-fit:contain;filter:drop-shadow(0 14px 12px #211e2a33);width:92%;height:92%;animation:2.5s ease-in-out infinite alternate prologue-float;position:relative}.traveler-color-ring{z-index:0;background:radial-gradient(circle,#fff 0 38%,#3fcabd47 39% 67%,#0000 68%);border-radius:50%;position:absolute;inset:12%}.traveler-theo .traveler-color-ring{background:radial-gradient(circle,#fff 0 38%,#ffb13b54 39% 67%,#0000 68%)}.traveler-lia .traveler-color-ring{background:radial-gradient(circle,#fff 0 38%,#f542aa42 39% 67%,#0000 68%)}.traveler-maya .traveler-color-ring{background:radial-gradient(circle,#fff 0 38%,#ecf64152 39% 67%,#0000 68%)}.traveler-portrait.compact{width:155px}.equipped-item{z-index:4;aspect-ratio:1;background:var(--lime);border:3px solid #fff;border-radius:50%;place-items:center;width:33%;animation:1.8s ease-in-out infinite alternate equipped-pulse;display:grid;position:absolute;bottom:4%;right:2%;box-shadow:0 7px 18px #1917224d}.equipped-item img{object-fit:contain;width:88%;height:88%}.equipped-item.item-ear{background:var(--teal)}.equipped-item.item-rhythm{background:var(--orange)}.equipped-item.item-reading{background:var(--lime)}.equipped-item.item-creation{background:var(--pink)}.preference-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:28px;display:grid}.preference-choice{color:#2d2a36;cursor:pointer;text-align:left;background:#fff;border:2px solid #d8d4dd;border-radius:16px;flex-direction:column;align-items:flex-start;gap:12px;min-height:134px;padding:17px;display:flex}.preference-choice>i{background:var(--teal);color:#20312f;border-radius:12px;place-items:center;width:42px;height:42px;font:900 24px Georgia,serif;display:grid}.preference-choice:nth-child(2)>i{background:var(--orange)}.preference-choice:nth-child(3)>i{background:var(--lime)}.preference-choice:nth-child(4)>i{background:var(--pink);color:#fff}.preference-choice span{gap:4px;display:grid}.preference-choice strong{text-transform:uppercase;font-size:15px}.preference-choice small{color:#5c5763;font:700 11px/1.35 Arial,sans-serif}.preference-choice.selected{border-color:var(--pink);background:#fff1f8;box-shadow:0 0 0 4px #f542aa1f}.maestro-step{place-content:center;max-width:820px;min-height:560px;margin:0 auto;display:grid}.maestro-step .character-guide{max-width:700px}.chosen-traveler-chip{background:#fff;border:1px solid #ddd7e0;border-radius:999px;align-items:center;gap:5px;padding:3px 13px 3px 3px;display:flex;position:absolute;top:16px;right:18px}.chosen-traveler-chip .traveler-portrait{width:52px}.chosen-traveler-chip>span{display:grid}.chosen-traveler-chip small{color:#76707d;text-transform:uppercase;font:800 8px Arial,sans-serif}.chosen-traveler-chip strong{font-size:12px}.challenge-step{border-top:8px solid var(--teal);max-width:820px;min-height:590px;margin:0 auto}.challenge-step.challenge-rhythm{border-top-color:var(--orange)}.challenge-step.challenge-reading{border-top-color:var(--lime)}.challenge-step.challenge-creation{border-top-color:var(--pink)}.challenge-step-heading{grid-template-columns:minmax(0,1fr) 112px;align-items:center;gap:18px;display:grid}.challenge-step-heading .traveler-portrait{width:112px}.prologue-challenge-body{gap:16px;margin-top:22px;display:grid}.prologue-listen{background:var(--teal);color:#202f30;cursor:pointer;width:min(100%,390px);min-height:58px;box-shadow:0 6px 0 var(--teal-deep);border:0;border-radius:14px;justify-content:center;align-items:center;gap:10px;margin:0 auto;font-size:14px;font-weight:900;display:flex}.prologue-listen>span{font-size:22px}.prologue-listen.playing{box-shadow:0 0 0 9px #3fcabd33,0 5px 0 var(--teal-deep)}.prologue-listen:disabled{cursor:wait;opacity:.72}.prologue-answer-grid{gap:10px;display:grid}.prologue-answer-grid.two{grid-template-columns:repeat(2,1fr)}.prologue-answer-grid.three{grid-template-columns:repeat(3,1fr)}.prologue-answer-grid button,.creative-response-grid button{color:#302d39;cursor:pointer;background:#fff;border:2px solid #d4d0d8;border-radius:14px;min-height:70px;padding:12px;font-weight:900}.prologue-answer-grid button>span{color:var(--pink-deep);margin-right:7px;font-size:24px}.prologue-answer-grid button.selected,.creative-response-grid button.selected{border-color:var(--pink);background:#fff0f8}.prologue-answer-grid button:disabled,.creative-response-grid button:disabled{cursor:default;opacity:.65}.prologue-answer-grid button strong,.prologue-answer-grid button small{display:block}.prologue-answer-grid button small{color:#6a6570;margin-top:3px;font:700 11px Arial,sans-serif}.rhythm-preview-row{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.rhythm-preview-row button{color:#302d39;cursor:pointer;background:#faf8f5;border:1px solid #d5d1d9;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;min-height:58px;padding:10px 14px;font:900 12px Arial,sans-serif;display:flex}.rhythm-preview-row i{align-items:end;gap:3px;height:25px;display:flex}.rhythm-preview-row i b{background:var(--orange);border-radius:99px;width:5px;display:block}.rhythm-preview-row i b:first-child{height:55%}.rhythm-preview-row i b:nth-child(2){height:100%}.rhythm-preview-row i b:nth-child(3){height:72%}.rhythm-preview-row i b:nth-child(4){height:40%}.prologue-reading-model{background:#fff;border:1px solid #ded9e1;border-radius:15px;padding:4px;position:relative}.prologue-reading-model .reading-staff{min-height:136px}.prologue-reading-model>span{background:var(--lime);color:#252333;width:42px;height:42px;box-shadow:0 4px 0 var(--lime-deep);border-radius:50%;place-items:center;font-size:25px;font-weight:900;display:grid;position:absolute;top:43%;right:9%}.creative-response-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.creative-response-grid button{place-items:center;gap:4px;min-height:116px;display:grid}.creative-response-grid button>span{color:var(--pink-deep);font-size:28px}.creative-response-grid button strong{font-size:14px}.creative-response-grid button small{color:#68626e;font:700 10px Arial,sans-serif}.prologue-feedback{background:#f4f1ed;border-left:6px solid #c9c4cd;border-radius:12px;align-items:center;gap:10px;min-height:74px;margin-top:18px;padding:8px 13px;display:flex}.prologue-feedback.guidance{border-left-color:var(--orange);background:#fff1dc}.prologue-feedback.resolved{border-left-color:var(--teal);background:#e0f7f4}.prologue-feedback img{object-fit:contain;width:56px;height:56px}.prologue-feedback p{color:#3f3b46;margin:0;font:800 12px/1.45 Arial,sans-serif}.prologue-skip-audio{color:#393641;cursor:pointer;background:#fff;border:1px solid #8d8792;border-radius:10px;min-height:44px;margin:10px auto 0;padding:9px 14px;font:800 11px Arial,sans-serif;display:block}.reveal-step,.item-reveal-step,.path-step{max-width:880px;margin:0 auto}.profile-reveal{grid-template-columns:minmax(230px,.75fr) minmax(260px,1fr);align-items:center;gap:28px;margin-top:16px;display:grid}.profile-name{color:var(--pink-deep);letter-spacing:.06em;text-transform:uppercase;margin-bottom:16px;font:900 13px Arial,sans-serif;display:block}.attribute-list{gap:11px;display:grid}.attribute-list>span{justify-content:space-between;align-items:center;gap:16px;display:flex}.attribute-list strong{font-size:13px}.attribute-list i{gap:6px;display:flex}.attribute-list b{background:#e1dde4;border:1px solid #b8b2bd;border-radius:99px;width:36px;height:10px;display:block}.attribute-list b.filled{border-color:var(--teal-deep);background:var(--teal);box-shadow:0 0 8px #3fcabd52}.profile-observations{grid-template-columns:repeat(2,1fr);gap:9px;margin-top:18px;display:grid}.profile-observations p{border-left:5px solid var(--orange);color:#46414b;background:#fff2dc;border-radius:9px;margin:0;padding:11px 13px;font:800 12px/1.4 Arial,sans-serif}.item-reveal-step>.eyebrow{color:var(--orange-deep)}.equipped-reveal{grid-template-columns:minmax(250px,.85fr) minmax(260px,1fr);align-items:center;gap:34px;margin-top:14px;display:grid}.equipped-reveal>div:last-child>span{color:var(--pink-deep);letter-spacing:.08em;text-transform:uppercase;font:900 10px Arial,sans-serif}.equipped-reveal h2{margin:7px 0 8px;font-size:clamp(28px,4vw,43px);line-height:1}.equipped-reveal p{color:#45414b;margin:0 0 10px;font:800 14px/1.45 Arial,sans-serif}.equipped-reveal small{color:#67616c;font:700 11px/1.4 Arial,sans-serif}.path-heading{grid-template-columns:120px minmax(0,1fr);align-items:center;gap:15px;display:grid}.path-heading .traveler-portrait{width:120px}.maestro-path-message{background:#f8f4ed;border:1px solid #ded8e1;border-radius:13px;align-items:center;gap:9px;margin:16px 0;padding:7px 12px;display:flex}.maestro-path-message img{object-fit:contain;width:70px;height:70px}.maestro-path-message p{color:#45414b;margin:0;font:800 12px/1.4 Arial,sans-serif}.first-path-grid{grid-template-columns:repeat(2,1fr);gap:11px;display:grid}.first-path-choice{color:#302d39;cursor:pointer;text-align:left;background:#fff;border:2px solid #d8d3dc;border-radius:15px;align-content:center;justify-items:start;gap:4px;min-height:150px;padding:19px;display:grid;position:relative}.first-path-choice:hover{border-color:var(--teal-deep);transform:translateY(-2px)}.first-path-choice.recommended{border-color:var(--pink);background:#fff3f9;box-shadow:0 0 0 4px #f542aa1a}.first-path-choice>small{background:var(--lime);color:#31302b;text-transform:uppercase;border-radius:999px;padding:5px 7px;font:900 8px Arial,sans-serif;position:absolute;top:9px;right:9px}.first-path-choice>span{color:var(--pink-deep);font-size:26px}.first-path-choice>strong{font-size:15px}.first-path-choice>em{color:#625d68;font:700 10px/1.35 Arial,sans-serif}.first-path-choice>i{color:var(--teal-deep);text-transform:uppercase;margin-top:7px;font:900 10px Arial,sans-serif}.home-traveler-profile{background:#ffffff14;border:1px solid #fff3;border-radius:14px;align-items:center;gap:5px;min-width:230px;padding:4px 14px 4px 4px;display:flex!important}.home-traveler-profile .traveler-portrait{flex:none;width:70px}.home-traveler-profile>span{display:grid}.home-traveler-profile strong{color:#fff;font-size:13px}.home-traveler-profile small{color:var(--lime);font:800 10px/1.35 Arial,sans-serif}@keyframes prologue-float{0%{transform:translateY(2px)}to{transform:translateY(-5px)}}@keyframes equipped-pulse{0%{transform:rotate(-4deg)scale(.96)}to{transform:rotate(3deg)scale(1.04)}}@media (width<=760px){.header-actions{gap:6px}.new-game-header-button{min-height:38px;padding:7px 10px;font-size:9px}.new-game-gate{grid-template-columns:1fr;gap:20px;min-height:auto;padding:38px 0 50px}.new-game-gate-copy h1{font-size:clamp(42px,13vw,62px)}.new-game-gate-maestro .owl-guide{grid-template-columns:108px 1fr;align-items:center;display:grid}.new-game-gate-maestro .owl-portrait{min-height:120px}.new-game-gate-maestro .owl-speech{margin:0}.prologue-stage{width:min(100% - 20px,620px);padding-top:14px}.prologue-card{border-radius:18px;padding:20px 15px}.traveler-carousel{scroll-snap-type:x mandatory;gap:10px;margin-left:-15px;margin-right:-15px;padding:3px 15px 14px;display:flex;overflow-x:auto}.traveler-choice{scroll-snap-align:center;width:min(76vw,280px);min-width:min(76vw,280px);min-height:330px}.traveler-choice .traveler-portrait{width:150px}.preference-grid{grid-template-columns:repeat(2,1fr);gap:9px}.preference-choice{min-height:124px;padding:13px}.prologue-primary{z-index:7;margin-top:20px;position:sticky;bottom:10px}.maestro-step{min-height:530px}.maestro-step .character-guide{padding-top:54px}.challenge-step{min-height:0}.challenge-step-heading{grid-template-columns:minmax(0,1fr) 76px}.challenge-step-heading .traveler-portrait{width:76px}.prologue-answer-grid button{min-height:66px;padding:9px}.prologue-reading-model .reading-staff{overflow-x:hidden}.prologue-reading-model .reading-staff>div{transform-origin:0;width:139%;transform:scale(.72)}.prologue-reading-model>span{right:5%}.creative-response-grid{grid-template-columns:1fr}.creative-response-grid button{text-align:left;grid-template-columns:44px 1fr;justify-items:start;min-height:72px}.creative-response-grid button small{grid-column:2}.profile-reveal,.equipped-reveal{grid-template-columns:1fr;gap:8px}.profile-reveal .traveler-portrait,.equipped-reveal .traveler-portrait{width:min(66vw,260px)}.profile-observations{grid-template-columns:1fr}.path-heading{grid-template-columns:82px 1fr}.path-heading .traveler-portrait{width:82px}.first-path-grid{gap:8px}.first-path-choice{min-height:160px;padding:24px 13px 13px}}@media (width<=460px){.prologue-shell .site-header{padding-top:10px}.prologue-shell .brand-logo-original{width:66px;height:46px}.prologue-shell .brand-copy strong{font-size:12px}.prologue-shell .brand-copy small{max-width:155px;font-size:7px}.prologue-shell .header-badge{display:none}.new-game-gate{width:calc(100% - 22px);padding-top:26px}.new-game-gate-maestro .owl-guide{grid-template-columns:82px 1fr}.new-game-gate-maestro .owl-portrait{min-height:94px}.new-game-gate-maestro .owl-speech p{font-size:11px}.prologue-heading h1,.challenge-step-heading h1,.reveal-copy h1,.item-reveal-step>h1,.path-heading h1{font-size:29px}.prologue-heading p,.challenge-step-heading p,.reveal-copy p,.path-heading p{font-size:12px}.preference-choice small{font-size:10px}.rhythm-preview-row{grid-template-columns:1fr}.prologue-answer-grid.two{gap:7px}.prologue-answer-grid.three{gap:6px}.prologue-feedback{padding:7px 9px}.prologue-feedback img{width:47px;height:47px}.attribute-list b{width:29px}.maestro-path-message img{width:58px;height:58px}.first-path-choice>small{margin-bottom:3px;position:static}}@media (prefers-reduced-motion:reduce){.traveler-portrait>img,.equipped-item,.new-game-loading span{animation:none}}.encounter-problem,.encounter-condition{border-left:4px solid var(--orange);color:#f6f2e9;background:#ffffff14;border-radius:8px;margin:10px 0 0;padding:9px 11px;font:700 12px/1.45 Arial,sans-serif}.encounter-condition{border-left-color:var(--teal)}.encounter-arrival{color:#f0dff0;margin:0 0 9px;font:italic 700 12px/1.45 Arial,sans-serif}.encounter-culture{border-left:4px solid var(--lime);color:#f8f9dc;background:#ecf6411a;border-radius:8px;margin:10px 0 0;padding:9px 11px;font:700 12px/1.45 Arial,sans-serif}.encounter-problem strong,.encounter-condition strong,.encounter-culture strong{color:#fff}.story-act-card{color:#fff;background:linear-gradient(135deg,#26243a,#333046 56%,#173d3d);border:1px solid #f542aa4d;border-radius:20px;grid-template-columns:86px minmax(0,1fr) 150px;align-items:center;gap:20px;margin:8px 0 22px;padding:20px;display:grid;box-shadow:0 10px 28px #1b19292e}.story-act-number{background:linear-gradient(145deg,var(--pink),#8c1c67);color:#fff;letter-spacing:.08em;text-transform:uppercase;border:1px solid #ffffff3d;border-radius:14px;place-items:center;min-height:68px;font:900 14px Arial,sans-serif;display:grid}.story-act-card h3{color:#fff;margin:4px 0 6px;font-size:clamp(22px,3vw,34px)}.story-act-card>div:nth-child(2)>p{color:#dfdbe8;margin:0 0 10px;font:700 13px/1.45 Arial,sans-serif}.story-act-card .typewriter-line{color:#fff;background:#ffffff14;border-color:#ffffff2e;min-height:48px}.recovered-measures{background:#ecf6411f;border-radius:15px;justify-content:center;align-items:center;gap:9px;padding:13px;display:flex}.recovered-measures strong{color:var(--lime);font-size:38px;line-height:1}.recovered-measures span{color:#f3f4d0;text-transform:uppercase;font:800 10px/1.25 Arial,sans-serif}.sonora-culture-strip{background:#fff;border:1px solid #34333b21;border-radius:20px;margin:0 0 22px;padding:20px;box-shadow:0 8px #34333b12}.sonora-culture-heading h3{margin:4px 0 6px;font-size:clamp(21px,2.5vw,30px)}.sonora-culture-heading p{color:#4f4a57;max-width:660px;margin:0;font:700 13px/1.45 Arial,sans-serif}.sonora-culture-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.culture-card{border:1px solid #34333b2e;border-top:8px solid var(--pink);color:#272431;cursor:pointer;text-align:left;background:#fff7fb;border-radius:14px;flex-direction:column;align-items:flex-start;min-height:188px;padding:14px;transition:transform .16s,box-shadow .16s;display:flex;box-shadow:0 5px #34333b14}.culture-card:hover{transform:translateY(-3px);box-shadow:0 8px #34333b14}.culture-card>span{color:#8e145c;letter-spacing:.04em;text-transform:uppercase;font:900 10px Arial,sans-serif}.culture-card>strong{margin-top:8px;font-size:17px;line-height:1.15}.culture-card>small{color:#4c4652;margin-top:8px;font:700 12px/1.45 Arial,sans-serif}.culture-card>em{color:#2f2940;margin-top:auto;padding-top:12px;font:900 11px Arial,sans-serif}.culture-card.culture-fire{border-top-color:var(--orange);background:#fff7e9}.culture-card.culture-fire>span{color:#7d4900}.culture-card.culture-water{border-top-color:var(--teal);background:#ebfaf8}.culture-card.culture-water>span{color:#126e68}.culture-card.culture-earth{border-top-color:var(--lime);background:#fbfddf}.culture-card.culture-earth>span{color:#596900}.enemy-roster-section{background:linear-gradient(160deg,#ece8df,#fbfaf6);border:1px solid #34333b21;border-radius:20px;margin-top:22px;padding:20px}.enemy-roster-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.enemy-roster-card{color:#fff;background:#292735;border:1px solid #cdc7cf;border-radius:15px;min-width:0;display:grid;overflow:hidden}.enemy-roster-card>div{aspect-ratio:1.15;background:radial-gradient(circle at 50% 55%,#f542aa29,#0000 65%);place-items:center;display:grid;overflow:hidden}.enemy-roster-card img{object-fit:contain;width:100%;height:100%;transition:transform .22s}.enemy-roster-card:hover img{transform:scale(1.04)}.enemy-roster-card>span{color:#ffd28c;text-transform:uppercase;background:#ffb13b29;border-radius:999px;width:max-content;max-width:calc(100% - 20px);margin:8px 10px 0;padding:5px 7px;font:900 9px Arial,sans-serif}.enemy-roster-card>strong{padding:8px 10px 2px;font-size:13px}.enemy-roster-card>small{color:#d8d3df;min-height:44px;padding:0 10px 10px;font:700 11px/1.35 Arial,sans-serif}.enemy-roster-card.resolved{border-color:var(--teal);box-shadow:inset 0 0 0 2px #3fcabd2e}.enemy-roster-card.resolved>span{color:#adfff4;background:#3fcabd2b}.enemy-roster-card.concealed{background:#34313e}.enemy-roster-card.concealed>div{background:repeating-linear-gradient(135deg,#ffffff09 0 10px,#0000 10px 20px),radial-gradient(circle,#f542aa21,#0000 65%)}.enemy-roster-card.concealed>div>i,.companion-card.is-unmet>div>i{color:#d7d2dd;background:#ffffff0f;border:1px solid #fff3;border-radius:50%;place-items:center;width:56px;height:56px;font:900 30px Georgia,serif;display:grid}.enemy-roster-card.concealed>span{color:#d4ceda;background:#ffffff14}.companion-card.is-unmet{background:#f1eef2;border-style:dashed}.companion-card.is-unmet>div{background:linear-gradient(145deg,#302d38,#4a4551);border-radius:10px}.companion-card.is-unmet strong{color:#4a4550}.inventory-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.inventory-item{gap:8px;min-height:196px;padding:11px;position:relative}.inventory-item.equipped{border-color:var(--pink);box-shadow:inset 0 0 0 2px #f542aa1f,0 5px 15px #2d283414}.inventory-item strong{font-size:13px;line-height:1.2}.inventory-item small{min-height:44px;font-size:11px;line-height:1.35}.inventory-item>button{color:#37323d;cursor:pointer;background:#fff;border:1px solid #918996;border-radius:10px;min-height:48px;font:900 11px Arial,sans-serif}.inventory-item.equipped>button{border-color:var(--pink-deep);color:#8f195f;background:#fff0f8}.item-stage{gap:4px;margin-top:7px;display:flex}.item-stage i{background:#d5d0d8;border-radius:99px;width:20px;height:6px;display:block}.item-stage i.filled{background:var(--teal-deep)}.traveler-portrait>img{width:96%;height:96%}.equipped-item{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#ffffffd6;border:2px solid #ffffffe0;width:27%;box-shadow:0 5px 15px #19172247}.equipped-item.slot-hand{bottom:7%;right:0}.equipped-item.slot-neck{bottom:22%;right:36%}.equipped-item.slot-wrist{bottom:35%;right:3%}.equipped-item.slot-feet{bottom:0;right:34%}.equipped-item.slot-shoulder{top:15%;bottom:auto;right:3%}.equipped-item.slot-book{bottom:10%;left:2%;right:auto}.equipped-item.item-layer-2{animation-delay:.25s;transform:scale(.88)}.equipped-item.item-layer-3{animation-delay:.5s;transform:scale(.8)}.equipped-support-note{color:#2f343a;background:linear-gradient(135deg,#e9faf7,#fff);border:1px solid #3fcabd80;border-radius:13px;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:10px;margin:12px 0;padding:8px 10px;display:grid}.equipped-support-note img{object-fit:contain;width:56px;height:56px}.equipped-support-note p{gap:3px;margin:0;display:grid}.equipped-support-note small{color:#197d76;letter-spacing:.04em;text-transform:uppercase;font:900 9px Arial,sans-serif}.equipped-support-note strong{color:#33313a;font:800 12px/1.4 Arial,sans-serif}.equipped-support-note button{background:var(--teal);color:#173b38;cursor:pointer;border:0;border-radius:10px;min-height:48px;padding:9px 13px;font:900 11px Arial,sans-serif}.equipped-support-note button:disabled{cursor:wait;opacity:.58}@media (width<=900px){.story-act-card{grid-template-columns:72px minmax(0,1fr)}.recovered-measures{grid-column:1/-1}.enemy-roster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inventory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sonora-culture-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.story-act-card{grid-template-columns:1fr;gap:12px;padding:15px}.story-act-number{width:86px;min-height:48px}.story-act-card h3{font-size:25px}.story-act-card>div:nth-child(2)>p{font-size:12px}.enemy-roster-section{padding:14px}.enemy-roster-grid{scroll-snap-type:x mandatory;gap:9px;margin-left:-14px;margin-right:-14px;padding:2px 14px 12px;display:flex;overflow-x:auto}.enemy-roster-card{scroll-snap-align:start;min-width:min(62vw,230px)}.sonora-culture-strip{padding:15px}.sonora-culture-grid{scroll-snap-type:x mandatory;gap:9px;margin-left:-15px;margin-right:-15px;padding:2px 15px 12px;display:flex;overflow-x:auto}.culture-card{scroll-snap-align:start;min-width:min(75vw,270px);min-height:180px}.inventory-grid{scroll-snap-type:x mandatory;margin-right:-10px;padding:2px 10px 12px 0;display:flex;overflow-x:auto}.inventory-item{scroll-snap-align:start;min-width:min(69vw,250px)}.equipped-support-note{grid-template-columns:48px 1fr}.equipped-support-note img{width:46px;height:46px}.equipped-support-note button{grid-column:1/-1;width:100%}.encounter-problem,.encounter-condition,.encounter-culture{color:#38333d;background:#fff9f0;font-size:12px}.encounter-problem strong,.encounter-condition strong,.encounter-culture strong{color:#25212a}}.traveler-portrait.prominent{width:min(100%,400px)}.traveler-portrait.is-reacting>img{animation:1.25s cubic-bezier(.2,.8,.2,1) infinite alternate avatar-react}.selected-traveler-stage{background:radial-gradient(circle at 21%,#3fcabd33,#0000 34%),linear-gradient(135deg,#fff,#f8f3ea);border:1px solid #d9d3dd;border-radius:20px;grid-template-columns:minmax(280px,.9fr) minmax(280px,1.1fr);align-items:center;gap:clamp(20px,4vw,52px);min-height:390px;margin-top:18px;padding:14px clamp(18px,4vw,42px);display:grid;overflow:hidden}.selected-traveler-stage .traveler-portrait{width:min(100%,390px)}.selected-traveler-copy{align-content:center;gap:8px;display:grid}.selected-traveler-copy>span{color:var(--pink-deep);letter-spacing:.1em;text-transform:uppercase;font:900 10px Arial,sans-serif}.selected-traveler-copy h2{color:#292532;letter-spacing:-.045em;margin:0;font-size:clamp(34px,5vw,58px);line-height:.92}.selected-traveler-copy>strong{color:var(--teal-deep);text-transform:uppercase;font-size:14px}.selected-traveler-copy q{color:#4d4854;max-width:430px;margin:8px 0;font:800 15px/1.45 Arial,sans-serif}.selected-traveler-copy>div{grid-template-columns:1fr 1fr;gap:8px;display:grid}.selected-traveler-copy small{border-left:4px solid var(--orange);color:#393641;background:#fff2dc;border-radius:8px;gap:3px;padding:9px 10px;font:800 12px/1.3 Arial,sans-serif;display:grid}.selected-traveler-copy small:last-child{border-left-color:var(--teal);background:#e9faf7}.selected-traveler-copy small b{letter-spacing:.05em;text-transform:uppercase;font-size:9px}.traveler-step .traveler-carousel{margin-top:14px}.traveler-step .traveler-choice{min-height:158px;padding:6px 8px 10px}.traveler-step .traveler-choice .traveler-portrait{width:92px}.traveler-step .traveler-choice-copy strong{text-align:center;min-height:0;font-size:14px}.traveler-step .traveler-choice-copy strong em{font-size:8px}.traveler-step .traveler-choice-copy q,.traveler-step .traveler-choice-copy small{display:none}.avatar-before-after{grid-template-columns:1fr 34px 1fr;align-items:center;gap:4px;display:grid}.avatar-before-after figure{justify-items:center;margin:0;display:grid}.avatar-before-after .traveler-portrait{width:min(100%,240px)}.avatar-before-after>span{color:var(--pink-deep);font-size:30px;font-weight:900}.avatar-before-after figcaption{color:#57515f;text-transform:uppercase;background:#ece8ef;border-radius:999px;margin-top:-4px;padding:5px 9px;font:900 9px Arial,sans-serif}.avatar-before-after .avatar-after figcaption{background:var(--lime);color:#31330d}.map-avatar-chip .traveler-portrait{width:42px;margin:-7px 0}.avatar-marker.traveler-on-map{background:#ffffffeb;border-radius:50%;width:76px;height:76px;transform:none}.avatar-marker.traveler-on-map .traveler-portrait{width:70px}.avatar-marker.traveler-on-map .traveler-color-ring{inset:5%}.avatar-marker.traveler-on-map .equipped-item{border-width:1px}.home-traveler-profile{border-radius:20px;grid-template-columns:minmax(220px,.85fr) minmax(240px,1.15fr);align-items:center;gap:16px;width:min(100%,680px);min-width:0;padding:12px 18px;display:grid!important}.home-traveler-details{gap:6px;display:grid!important}.home-traveler-details>strong{color:#fff;font-size:clamp(26px,4vw,42px);line-height:1}.home-traveler-details>small{color:var(--lime);font:800 12px/1.35 Arial,sans-serif}.home-traveler-details>em{color:#ffffffb8;font:700 11px/1.35 Arial,sans-serif}.acquired-item-strip{flex-wrap:wrap;gap:7px;margin:5px 0;display:flex!important}.acquired-item-strip>span{background:#ffffff1f;border:1px solid #ffffff47;border-radius:12px;place-items:center;width:52px;height:52px;display:grid}.acquired-item-strip img{object-fit:contain;width:46px;height:46px}.item-icon{appearance:none;cursor:zoom-in;border:0;padding:0}.item-icon:disabled{cursor:default}.item-detail-backdrop,.reward-reveal-backdrop{z-index:100;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0c0b15c7;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow-y:auto}.item-detail-dialog,.reward-reveal-dialog{color:#2d2934;text-align:center;background:linear-gradient(145deg,#fff,#f5f1e8);border:1px solid #ffffff47;border-radius:22px;width:min(100%,520px);padding:24px;animation:.42s cubic-bezier(.2,.8,.2,1) both reward-dialog-enter;position:relative;box-shadow:0 28px 80px #00000061}.item-detail-dialog>img{object-fit:contain;width:min(70vw,290px);height:min(70vw,290px)}.item-detail-dialog>span{color:var(--teal-deep);letter-spacing:.08em;text-transform:uppercase;font:900 10px Arial,sans-serif}.item-detail-dialog h3{margin:6px 0 8px;font-size:30px}.item-detail-dialog p{color:#55505c;margin:0 0 10px;font:700 13px/1.45 Arial,sans-serif}.item-detail-dialog>strong{border-left:5px solid var(--teal);background:#e8f8f5;border-radius:9px;padding:10px;font-size:12px;display:block}.item-detail-close{color:#fff;cursor:pointer;background:#2f2b38;border:0;border-radius:50%;place-items:center;width:48px;height:48px;font-size:27px;display:grid;position:absolute;top:10px;right:10px}.reward-reveal-dialog{width:min(100%,650px)}.reward-reveal-dialog h2{margin:7px 0 0;font-size:clamp(32px,6vw,54px);line-height:.95}.reward-avatar-stage{place-items:center;min-height:330px;display:grid;position:relative}.reward-avatar-stage .traveler-portrait{width:min(80vw,340px)}.reward-floating-item{z-index:6;object-fit:contain;filter:drop-shadow(0 9px 14px #281f3152);width:120px;height:120px;animation:1s cubic-bezier(.2,.8,.2,1) both item-fly-in;position:absolute;top:4%;right:7%}.reward-reveal-dialog>p{color:#55505c;margin:0 auto 8px;font:700 13px/1.45 Arial,sans-serif}.reward-reveal-dialog>strong{color:var(--teal-deep);font-size:13px;display:block}.reward-reveal-dialog>button{background:var(--pink);color:#fff;cursor:pointer;min-width:220px;min-height:52px;box-shadow:0 5px 0 var(--pink-deep);text-transform:uppercase;border:0;border-radius:12px;margin-top:18px;font-weight:900}@keyframes avatar-react{0%{transform:translateY(2px)rotate(-1deg)scale(.98)}to{transform:translateY(-9px)rotate(1.5deg)scale(1.025)}}@keyframes reward-dialog-enter{0%{opacity:0;transform:translateY(22px)scale(.96)}to{opacity:1;transform:none}}@keyframes item-fly-in{0%{opacity:0;transform:translate(80px,-70px)rotate(20deg)scale(.35)}to{opacity:1;transform:none}}@media (width<=760px){.selected-traveler-stage{grid-template-columns:1fr;gap:0;min-height:0;padding:8px 14px 16px}.selected-traveler-stage .traveler-portrait{width:min(76vw,300px)}.selected-traveler-copy{text-align:center;margin-top:-8px}.selected-traveler-copy q{margin-left:auto;margin-right:auto}.selected-traveler-copy>div{text-align:left;grid-template-columns:1fr 1fr}.traveler-step .traveler-carousel{margin-top:10px}.traveler-step .traveler-choice{width:126px;min-width:126px;min-height:132px}.traveler-step .traveler-choice .traveler-portrait{width:82px}.traveler-step .traveler-choice-copy strong{font-size:12px}.home-traveler-profile{text-align:center;grid-template-columns:1fr;justify-items:center}.home-traveler-profile .traveler-portrait{width:min(76vw,280px)}.home-traveler-details{justify-items:center}.acquired-item-strip{justify-content:center}.avatar-marker.traveler-on-map{width:64px;height:64px}.avatar-marker.traveler-on-map .traveler-portrait{width:58px}.reward-avatar-stage{min-height:290px}.reward-floating-item{width:96px;height:96px;right:0}}@media (width<=460px){.selected-traveler-copy>div{grid-template-columns:1fr}.selected-traveler-stage .traveler-portrait{width:min(78vw,280px)}.avatar-before-after{grid-template-columns:1fr 24px 1fr}.avatar-before-after>span{font-size:22px}.item-detail-backdrop,.reward-reveal-backdrop{padding:10px}.item-detail-dialog,.reward-reveal-dialog{padding:20px 14px}}@media (prefers-reduced-motion:reduce){.traveler-portrait.is-reacting>img,.reward-floating-item,.item-detail-dialog,.reward-reveal-dialog{animation:none!important}}.mandriao-encounter{gap:16px;margin-bottom:24px;display:grid}.mandriao-story-panel{background:linear-gradient(128deg,#192b3d 0 39%,#fff 39%);border:2px solid #34333b26;border-radius:22px;grid-template-columns:minmax(220px,.72fr) minmax(320px,1.28fr);gap:20px;padding:18px;display:grid;overflow:hidden;box-shadow:0 8px #34333b1a}.mandriao-scene{place-items:center;min-height:280px;display:grid;position:relative}.mandriao-scene:before{aspect-ratio:1;content:"";background:radial-gradient(circle,#ffb13b5c,#0000 68%);border-radius:50%;width:74%;animation:2s ease-in-out infinite alternate mandriao-aura;position:absolute}.mandriao-scene img{z-index:1;object-fit:contain;width:100%;height:270px;animation:3.4s ease-in-out infinite mandriao-idle;position:relative}.mandriao-scene>span{z-index:2;color:#fff;letter-spacing:.07em;text-transform:uppercase;background:#071826db;border:1px solid #ffffff57;border-radius:999px;padding:6px 10px;font:900 9px Arial,sans-serif;position:absolute;bottom:3px}.mandriao-scene.is-transformed img{filter:drop-shadow(0 0 16px #ecf6416b);animation:.75s ease-in-out infinite alternate mandriao-awaken}.mandriao-dialogue{align-content:center;display:grid}.mandriao-dialogue h2{color:#292632;letter-spacing:-.04em;margin:6px 0 10px;font-size:clamp(28px,4vw,45px);line-height:.96}.mandriao-dialogue>.typewriter-line{border-left:5px solid var(--orange);color:#4a454f;background:#fff4e3;border-radius:10px;min-height:82px;padding:12px 13px 22px;font:800 14px/1.5 Arial,sans-serif}.mandriao-dialogue .character-guide{margin-top:10px}.mandriao-mission-panel{background:linear-gradient(145deg,#fff,#f7f3ea);border:2px solid #34333b21;border-radius:22px;padding:clamp(18px,4vw,34px);box-shadow:0 8px #34333b14}.mandriao-stage-heading{grid-template-columns:58px minmax(0,1fr);align-items:center;gap:13px;margin:16px 0;display:grid}.mandriao-stage-heading>span{background:var(--orange);color:#33220b;width:58px;height:58px;box-shadow:0 5px 0 var(--orange-deep);border-radius:16px;place-items:center;font-size:25px;font-weight:900;display:grid}.mandriao-stage-heading small{color:var(--pink-deep);letter-spacing:.08em;text-transform:uppercase;font:900 10px Arial,sans-serif}.mandriao-stage-heading h3{color:#37323d;max-width:720px;margin:4px 0 0;font-size:clamp(19px,3vw,27px);line-height:1.18}.mandriao-pulse-track{grid-template-columns:repeat(4,1fr);gap:10px;width:min(100%,620px);margin:22px auto;display:grid}.mandriao-pulse-track>span{background:#ece8ee;border:2px solid #d4ced7;border-radius:16px;place-items:center;min-height:82px;transition:transform .12s,background .12s,box-shadow .12s;display:grid}.mandriao-pulse-track i{color:#4b4651;background:#fff;border-radius:50%;place-items:center;width:42px;height:42px;font:900 17px Arial,sans-serif;display:grid}.mandriao-pulse-track>span.active{border-color:var(--orange-deep);background:var(--orange);transform:translateY(-7px)scale(1.04);box-shadow:0 0 0 7px #ffb13b2e,0 8px 18px #57370d2e}.mandriao-listen-button,.mandriao-confirm-button,.mandriao-next-button,.mandriao-support-button{cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:9px;min-height:52px;margin:12px auto 0;padding:11px 16px;font:900 13px Arial,sans-serif;display:flex}.mandriao-listen-button{background:var(--teal);color:#173b38;width:min(100%,430px);box-shadow:0 5px 0 var(--teal-deep)}.mandriao-listen-button>span{font-size:20px}.mandriao-confirm-button{background:var(--lime);color:#2c310b;width:min(100%,340px);box-shadow:0 5px 0 var(--lime-deep)}.mandriao-support-button{color:#3b3640;background:#fff;border:1px solid #8b8490;min-height:48px}.mandriao-listen-button:disabled,.mandriao-support-button:disabled{cursor:wait;opacity:.65}.mandriao-tap-button{aspect-ratio:1.6;color:#716b75;cursor:not-allowed;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#e9e5eb;border:4px solid #d4ced7;border-radius:50%;place-content:center;gap:4px;width:min(66vw,230px);margin:18px auto;display:grid;box-shadow:inset 0 -8px #2d283114}.mandriao-tap-button.is-ready{border-color:var(--pink-deep);background:var(--pink);color:#fff;cursor:pointer;box-shadow:0 9px 0 var(--pink-deep),0 0 0 10px #f542aa1f;animation:1s ease-in-out infinite alternate tap-ready}.mandriao-tap-button strong{font-size:22px}.mandriao-tap-button small{font-size:11px}.mandriao-creative-grid{grid-template-columns:repeat(3,1fr);gap:9px;width:min(100%,720px);margin:18px auto;display:grid}.mandriao-creative-grid button{color:#38333d;cursor:pointer;background:#fff;border:2px solid #d6d0da;border-radius:14px;place-content:center;gap:4px;min-height:86px;font:900 14px Arial,sans-serif;display:grid}.mandriao-creative-grid button:hover{border-color:var(--pink);background:#fff2f8;transform:translateY(-2px)}.mandriao-creative-grid small{color:#68616d;font-size:10px}.mandriao-feedback{background:#efecf0;border-left:6px solid #c9c4cd;border-radius:12px;align-items:center;gap:10px;min-height:76px;margin:18px 0 0;padding:8px 13px;display:flex}.mandriao-feedback.guidance{border-left-color:var(--orange);background:#fff0db}.mandriao-feedback.resolved{border-left-color:var(--teal);background:#e2f8f5}.mandriao-feedback img{object-fit:contain;width:60px;height:60px}.mandriao-feedback p{color:#3e3944;margin:0;font:800 14px/1.45 Arial,sans-serif}.mandriao-next-button{background:var(--pink);color:#fff;width:min(100%,460px);box-shadow:0 5px 0 var(--pink-deep);text-transform:uppercase}.mandriao-next-button.reward{background:var(--lime);color:#30330d;box-shadow:0 5px 0 var(--lime-deep)}.mandriao-choice-record{color:#655f6a;text-align:center;margin-top:12px;font:700 11px/1.4 Arial,sans-serif;display:block}.reward-reveal-actions{grid-template-columns:1fr 1fr;gap:9px;margin-top:18px;display:grid}.reward-reveal-dialog .reward-reveal-actions>button{border:1px solid var(--pink-deep);min-height:52px;color:var(--pink-deep);cursor:pointer;text-transform:uppercase;background:#fff;border-radius:12px;font-weight:900}.reward-reveal-dialog .reward-reveal-actions>button:last-child{background:var(--pink);color:#fff;box-shadow:0 5px 0 var(--pink-deep);border:0}@keyframes mandriao-idle{0%,to{transform:translateY(5px)rotate(-1deg)}50%{transform:translateY(-2px)rotate(1deg)}}@keyframes mandriao-awaken{0%{transform:translateY(2px)rotate(-2deg)}to{transform:translateY(-9px)rotate(2deg)}}@keyframes mandriao-aura{0%{opacity:.35;transform:scale(.88)}to{opacity:.9;transform:scale(1.06)}}@keyframes tap-ready{0%{transform:scale(.98)}to{transform:scale(1.025)}}@media (width<=720px){.mandriao-story-panel{background:linear-gradient(#192b3d 0 300px,#fff 300px);grid-template-columns:1fr;padding:14px}.mandriao-scene{min-height:260px}.mandriao-scene img{height:250px}.mandriao-dialogue>.typewriter-line{min-height:92px;font-size:13px}.mandriao-mission-panel{padding:16px 13px}.mandriao-pulse-track{gap:6px}.mandriao-pulse-track>span{min-height:68px}.mandriao-pulse-track i{width:36px;height:36px}.mandriao-creative-grid{grid-template-columns:1fr}.mandriao-creative-grid button{min-height:64px}.reward-reveal-actions{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.mandriao-scene:before,.mandriao-scene img,.mandriao-tap-button.is-ready{animation:none!important}}html,body{max-width:100%;overflow-x:clip}.site-header{background:#fff;border:1px solid #24202e1f;border-radius:20px;gap:18px;width:min(1180px,100% - 28px);margin-top:14px;padding:11px 14px;box-shadow:0 12px 32px #0914222e}.brand{gap:14px;min-width:0}.brand-logo-original{width:78px;height:78px;box-shadow:none;background:#fff;border:0;border-radius:12px;overflow:hidden}.brand-logo-original img{object-fit:contain;width:100%;height:100%;transform:none}.brand-copy{border-left:1px solid #ddd8df;gap:6px;min-width:0;padding-left:14px;line-height:1.1}.brand-copy strong{color:#292632;text-shadow:none;font-size:22px;line-height:1.05}.brand-copy small,.prologue-shell .brand-copy small{color:#5d5864;max-width:320px;margin:0;font-size:10px;line-height:1.35}.header-actions{flex:none;min-width:0}.header-badge{color:#45404c;box-shadow:none;background:#f5f2f6;border-color:#dad5dd}.new-game-header-button{color:#fff;background:#302c38;border-color:#38333f;min-height:48px}.avatar-picker,.avatar-picker>*{min-inline-size:0;max-width:100%}.avatar-picker>.home-traveler-profile{background:#ffffff14;border:1px solid #ffffff38;border-radius:20px;align-items:center;gap:22px;width:100%;min-width:0;max-width:760px;padding:16px 20px;overflow:hidden;grid-template-columns:minmax(260px,.9fr) minmax(0,1.1fr)!important;display:grid!important}.home-traveler-profile>*,.home-traveler-details{min-width:0;max-width:100%}.home-traveler-profile .traveler-portrait{width:min(100%,320px)}.home-traveler-profile .equipped-item{width:24%}.home-traveler-details{align-content:center;gap:8px;width:100%;display:grid!important}.home-traveler-details>strong{overflow-wrap:anywhere;font-size:clamp(30px,4vw,44px)}.home-traveler-details>small{font-size:13px}.home-traveler-details>em{max-width:390px;font-size:12px}.acquired-item-strip{scroll-snap-type:x proximity;scrollbar-width:thin;flex-wrap:nowrap;justify-content:flex-start;gap:8px;width:100%;min-width:0;padding:2px 2px 8px;overflow-x:auto;display:flex!important}.acquired-item-strip>span{scroll-snap-align:start;width:60px;min-width:60px;height:60px}.acquired-item-strip img{width:54px;height:54px}@media (width<=760px){.site-header{width:calc(100% - 20px);margin-top:10px;padding:9px 10px}.brand{gap:10px}.brand-logo-original,.prologue-shell .brand-logo-original{width:66px;height:66px}.brand-copy{gap:4px;padding-left:10px}.brand-copy strong,.prologue-shell .brand-copy strong{font-size:17px}.brand-copy small,.prologue-shell .brand-copy small{max-width:190px;font-size:9.5px;line-height:1.3;display:block}.new-game-header-button{min-height:48px;padding:9px 13px;font-size:10px}.mode-nav{width:calc(100% - 16px);padding:12px}.nav-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.nav-button{min-height:52px;padding:9px 8px;font-size:11px}.avatar-picker>.home-traveler-profile{text-align:center;justify-items:center;gap:8px;width:100%;padding:12px 14px 16px;grid-template-columns:minmax(0,1fr)!important}.home-traveler-profile .traveler-portrait{width:min(82vw,300px)}.home-traveler-profile .equipped-item{width:23%}.home-traveler-details{justify-items:center;width:100%}.home-traveler-details>strong{font-size:clamp(32px,11vw,43px)}.home-traveler-details>small{font-size:13px}.home-traveler-details>em{max-width:31rem;font-size:12px}.acquired-item-strip{justify-content:flex-start;margin-left:-2px;margin-right:-2px;padding-left:2px;padding-right:2px}.acquired-item-strip>span{width:64px;min-width:64px;height:64px}.acquired-item-strip img{width:58px;height:58px}}@media (width<=500px){.site-header{flex-wrap:wrap;gap:8px}.brand,.header-actions,.header-actions .new-game-header-button{width:100%}.brand-logo-original,.prologue-shell .brand-logo-original{width:62px;height:62px}.brand-copy strong,.prologue-shell .brand-copy strong{font-size:16px}.brand-copy small,.prologue-shell .brand-copy small{max-width:none;font-size:9px}.home-territories{padding:12px;overflow:hidden}.avatar-picker>.home-traveler-profile{padding:10px 10px 14px}.home-traveler-profile .traveler-portrait{width:min(84vw,286px)}}@media (width<=680px){.content-shell{width:calc(100% - 16px);margin-top:22px}.magic-map-heading{gap:10px;padding:12px}.magic-map-heading>div>span{font-size:10px;line-height:1.3}.magic-map-heading strong{font-size:14px;line-height:1.25}.map-avatar-chip{justify-content:flex-start;width:100%;min-height:48px;padding:7px 10px;font-size:12px}.map-node{touch-action:manipulation;gap:6px;width:44%;min-height:92px;padding:9px 7px}.map-node img{width:38px;height:38px}.map-node strong{font-size:11px;line-height:1.15}.map-node em,.map-node small{font-size:9px;line-height:1.25}.map-legend{flex-wrap:wrap;gap:8px 14px;padding:10px 12px;font-size:10px;line-height:1.35}.encounter-name,.quest-kicker{font-size:10px}.encounter-objective small,.encounter-objective strong{font-size:12px;line-height:1.3}.encounter-start{justify-content:center;align-items:center;width:100%;min-height:52px;font-size:12px;display:flex}.inventory-panel{gap:14px;width:calc(100% - 16px);padding:13px}.inventory-heading h3{font-size:23px;line-height:1.1}.inventory-heading p{font-size:12px;line-height:1.45}.inventory-item{min-width:min(76vw,270px)}.item-detail-dialog,.reward-reveal-dialog{overscroll-behavior:contain;max-height:calc(100svh - 20px);overflow-y:auto}.item-detail-dialog>img{width:min(58vw,210px);height:min(58vw,210px)}.item-detail-dialog h3{font-size:26px;line-height:1.05}.reading-staff.compact{overscroll-behavior-inline:contain;overflow-x:auto}.reading-staff.compact svg{min-width:240px}.rhythm-listening-stage{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;min-height:188px;margin-left:0;margin-right:0;padding:14px}.rhythm-listening-stage>span{min-width:0;height:68px}.rhythm-memory-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;overflow-x:visible}.rhythm-memory-grid button{min-width:0;min-height:76px}.daily-score{align-items:center;min-height:44px;font-size:11px;display:inline-flex}.hybrid-reflection button,.rhythm-clear-taps,.tempo-control button,.creative-prompt-card button,.prologue-back,.prologue-skip-audio,.new-game-confirm button{min-height:48px;font-size:11px}.hybrid-reflection small,.creative-prompt-card span,.creative-prompt-card p,.tempo-control>span{font-size:11px;line-height:1.4}.tempo-control button small{font-size:9px}}@media (width<=380px){.map-node{width:45%;padding-left:5px;padding-right:5px}.map-node img{width:34px;height:34px}.map-node strong{font-size:10px}.map-node em,.map-node small{font-size:8.5px}.rhythm-listening-stage,.rhythm-memory-grid{gap:6px}}.passage-invitation{color:#fff;background:radial-gradient(circle at 12% 45%,#ecf6412e,#0000 26%),linear-gradient(135deg,#182e38,#213f48 58%,#382842);border:1px solid #3fcabd80;border-radius:20px;grid-template-columns:130px minmax(0,1fr) auto;align-items:center;gap:18px;margin:18px 0 22px;padding:16px 18px;display:grid;box-shadow:0 9px #182e3824,0 18px 38px #182e3826}.passage-invitation.is-locked{filter:saturate(.72);border-color:#ffffff2e}.passage-invitation-avatar{place-items:center;min-width:0;display:grid}.passage-invitation-avatar .traveler-portrait{width:118px}.passage-invitation-copy{gap:5px;display:grid}.passage-invitation-copy .eyebrow{color:var(--lime)}.passage-invitation-copy h3{color:#fff;margin:0;font-size:clamp(22px,2.7vw,32px)}.passage-invitation-copy p{color:#f0edf4;margin:0;font:700 13px/1.45 Arial,sans-serif}.passage-invitation-copy small{color:#bdeee8;font:800 10px/1.35 Arial,sans-serif}.passage-invitation>button{background:var(--lime);color:#29300d;cursor:pointer;border:0;border-radius:13px;justify-content:center;align-items:center;gap:9px;min-height:52px;padding:11px 16px;font:900 12px/1.2 Arial,sans-serif;display:inline-flex;box-shadow:0 5px #9fa72e}.passage-invitation>button:disabled{color:#5d5863;cursor:not-allowed;background:#cbc7cf;box-shadow:0 4px #9f9aa4}.pulse-bridge-game{background:linear-gradient(#faf8f2,#fff);border:1px solid #3fcabd6b;border-radius:24px;width:min(1160px,100% - 24px);margin:0 auto 28px;padding:clamp(16px,3vw,30px);box-shadow:0 12px #1f2b311a,0 24px 56px #1f2b311f}.passage-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.passage-heading h2{margin:4px 0 5px;font-size:clamp(30px,5vw,52px);line-height:.98}.passage-heading p{color:#4b4852;margin:0;font:700 13px/1.45 Arial,sans-serif}.passage-exit{color:#35313b;cursor:pointer;background:#fff;border:1px solid #8f8994;border-radius:12px;flex:none;min-height:48px;padding:9px 13px;font:900 11px Arial,sans-serif}.passage-story{color:#fff;background:linear-gradient(135deg,#24223a,#173f40);border-radius:20px;grid-template-columns:minmax(190px,.55fr) minmax(0,1.45fr);align-items:center;gap:20px;margin:20px 0;padding:16px 20px;display:grid;overflow:hidden}.passage-story-avatar .traveler-portrait{width:min(100%,230px)}.passage-story>div:last-child>span{color:var(--lime);letter-spacing:.06em;text-transform:uppercase;font:900 10px Arial,sans-serif}.passage-story .typewriter-line{color:#fff;background:#ffffff12;border-color:#ffffff29;min-height:50px;margin-top:8px}.passage-story .character-guide{margin-top:10px}.passage-round-heading{align-items:center;gap:12px;margin:17px 0 12px;display:flex}.passage-round-heading>span{background:var(--orange);color:#3c2a0a;width:46px;height:46px;box-shadow:0 4px 0 var(--orange-deep);border-radius:13px;flex:none;place-items:center;font:900 20px Arial,sans-serif;display:grid}.passage-round-heading small{color:#16766f;letter-spacing:.05em;text-transform:uppercase;font:900 10px Arial,sans-serif}.passage-round-heading h3{margin:3px 0 0;font-size:clamp(17px,2.5vw,25px);line-height:1.16}.passage-track{isolation:isolate;background:radial-gradient(circle at 70% 16%,#f542aa42,#0000 27%),linear-gradient(#182a36 0 58%,#27343b 59% 100%);border:3px solid #38454d;border-radius:22px;min-height:330px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1f}.passage-track:before{z-index:0;content:"";background:repeating-linear-gradient(90deg,#0000 0 9%,#ffffff06 9% 10%);position:absolute;inset:0}.passage-staff-lines{z-index:1;height:136px;position:absolute;top:64px;left:0;right:0}.passage-staff-lines i{background:#f4f0ddd1;height:3px;position:absolute;left:0;right:0;box-shadow:0 0 7px #ecf64133}.passage-staff-lines i:first-child{top:0}.passage-staff-lines i:nth-child(2){top:25%}.passage-staff-lines i:nth-child(3){top:50%}.passage-staff-lines i:nth-child(4){top:75%}.passage-staff-lines i:nth-child(5){top:100%}.passage-barline{z-index:1;background:#f4f0dd9e;width:3px;height:139px;position:absolute;top:64px}.passage-target{z-index:3;color:#fff;background:#3a4850;border:2px solid #ffffffc2;border-radius:50%;place-items:center;width:34px;height:34px;transition:all .18s;display:grid;position:absolute;top:111px;transform:translate(-50%);box-shadow:0 0 0 5px #ffffff0f}.passage-target i{font:18px Georgia,serif}.passage-target.is-supported{animation:.72s ease-in-out infinite alternate passage-target-pulse}.passage-target.is-lit{border-color:var(--lime);background:var(--lime);color:#333a12;box-shadow:0 0 0 6px #ecf64129,0 0 24px #ecf6418c}.passage-moving-avatar{z-index:5;width:150px;transition:left 70ms linear;position:absolute;bottom:18px;transform:translate(-50%)}.passage-moving-avatar .traveler-portrait{width:150px}.passage-moving-avatar.is-jumping{animation:.28s cubic-bezier(.2,.8,.2,1) passage-avatar-jump}.passage-progress-line{z-index:2;background:linear-gradient(90deg,var(--pink),var(--orange),var(--teal),var(--lime));height:7px;position:absolute;bottom:0;left:0;box-shadow:0 0 14px #3fcabd7a}.passage-track.reduced-motion .passage-moving-avatar{transition:none;left:50%}.passage-track.reduced-motion .passage-target{top:94px}.passage-count-in{justify-content:center;gap:10px;margin:13px 0;display:flex}.passage-count-in span{color:#4d4853;background:#fff;border:2px solid #b9b4bf;border-radius:50%;place-items:center;width:42px;height:42px;font:900 14px Arial,sans-serif;transition:all .12s;display:grid}.passage-count-in span.passed{border-color:var(--teal);color:#176d67;background:#e5faf6}.passage-count-in span.active{border-color:var(--orange-deep);background:var(--orange);color:#392609;transform:scale(1.13);box-shadow:0 0 0 6px #ffb13b2e}.passage-control-zone{place-items:center;display:grid}.passage-start-button,.passage-jump-button,.passage-next-button{background:var(--teal);color:#173f3c;cursor:pointer;width:min(100%,580px);min-height:66px;box-shadow:0 7px 0 var(--teal-deep);touch-action:manipulation;border:0;border-radius:17px;justify-content:center;align-items:center;gap:12px;padding:12px 18px;font:900 15px Arial,sans-serif;display:flex}.passage-jump-button{color:#5a5560;background:#d8d4dc;flex-direction:column;gap:3px;box-shadow:0 7px #aaa4ae}.passage-jump-button.is-active{background:var(--orange);color:#3d2908;box-shadow:0 7px 0 var(--orange-deep)}.passage-jump-button small{font:800 10px Arial,sans-serif}.passage-next-button{background:var(--pink);color:#fff;box-shadow:0 7px 0 var(--pink-deep)}.passage-next-button.success{background:var(--lime);color:#333912;box-shadow:0 7px #9ca42d}.passage-feedback{border-left:6px solid var(--teal);color:#2b3337;background:#eafaf7;border-radius:12px;align-items:center;gap:12px;min-height:58px;margin-top:14px;padding:11px 14px;display:flex}.passage-feedback>span{color:var(--teal-deep);font-size:24px}.passage-feedback p{margin:0;font:800 13px/1.45 Arial,sans-serif}.passage-feedback.guidance{border-left-color:var(--orange);background:#fff5df}.passage-feedback.success{border-left-color:var(--lime);background:#f7fbd6}.passage-options{color:#49444f;flex-wrap:wrap;justify-content:center;align-items:center;gap:9px 14px;min-height:48px;margin-top:12px;font:800 10px/1.35 Arial,sans-serif;display:flex}.passage-options label{cursor:pointer;align-items:center;gap:8px;min-height:48px;display:inline-flex}.passage-options input{width:20px;height:20px;accent-color:var(--teal-deep)}.passage-options button{color:#38333d;cursor:pointer;background:#fff;border:1px solid #8f8994;border-radius:11px;min-height:48px;padding:8px 11px;font:900 10px Arial,sans-serif}.pulse-bridge-game.passage-complete{background:radial-gradient(circle at 22%,#3fcabd33,#0000 31%),linear-gradient(135deg,#fff,#f9f6e9);grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);align-items:center;gap:28px;display:grid}.passage-complete-avatar .traveler-portrait{width:min(100%,390px)}.passage-complete-copy h2{margin:6px 0 9px;font-size:clamp(29px,4vw,47px);line-height:1.02}.passage-complete-copy>p{color:#4b4651;font:700 14px/1.5 Arial,sans-serif}.passage-result{grid-template-columns:1fr 1fr;gap:10px;margin:16px 0;display:grid}.passage-result>span{background:#fff;border:1px solid #dad5dc;border-radius:13px;gap:5px;padding:13px;display:grid}.passage-result small{color:#5c5661;font:800 10px/1.3 Arial,sans-serif}.passage-result strong{color:#302c35;font-size:25px}.passage-complete-actions{gap:10px;margin-top:14px;display:flex}.passage-complete-actions button{background:var(--teal);color:#173f3c;cursor:pointer;border:0;border-radius:13px;min-height:52px;padding:10px 14px;font:900 11px Arial,sans-serif}.passage-complete-actions button.secondary{color:#3b3640;background:#fff;border:1px solid #8f8994}.score-path-progress.is-illuminated{background:var(--lime);box-shadow:0 0 0 4px #ecf6413d,0 0 25px var(--lime)}.score-path-progress.is-illuminated:after{background:var(--lime)}@keyframes passage-avatar-jump{0%,to{transform:translate(-50%)translateY(0)rotate(0)}45%{transform:translate(-50%)translateY(-76px)rotate(-4deg)}}@keyframes passage-target-pulse{0%{transform:translate(-50%)scale(.92)}to{transform:translate(-50%)scale(1.08);box-shadow:0 0 0 7px #ecf6411f}}@media (width<=760px){.passage-invitation{grid-template-columns:90px minmax(0,1fr);gap:12px;padding:14px}.passage-invitation-avatar .traveler-portrait{width:86px}.passage-invitation>button{grid-column:1/-1;width:100%}.pulse-bridge-game{border-radius:19px;width:calc(100% - 12px);padding:14px}.passage-heading{flex-direction:column;align-items:stretch}.passage-exit{width:100%}.passage-story{grid-template-columns:100px minmax(0,1fr);gap:10px;padding:12px}.passage-story-avatar .traveler-portrait{width:100px}.passage-story .character-guide{grid-template-columns:62px minmax(0,1fr)}.passage-story .character-guide .owl-portrait{width:62px}.passage-track{min-height:285px}.passage-staff-lines,.passage-barline{top:50px}.passage-staff-lines{height:118px}.passage-barline{height:121px}.passage-target{width:30px;height:30px;top:91px}.passage-moving-avatar,.passage-moving-avatar .traveler-portrait{width:118px}.passage-moving-avatar{bottom:14px}.pulse-bridge-game.passage-complete{grid-template-columns:1fr;gap:10px}.passage-complete-avatar .traveler-portrait{width:min(76vw,290px)}.passage-complete-actions{flex-direction:column}.passage-complete-actions button{width:100%}}@media (width<=430px){.passage-invitation{grid-template-columns:76px minmax(0,1fr)}.passage-invitation-avatar .traveler-portrait{width:72px}.passage-invitation-copy h3{font-size:22px}.passage-invitation-copy p{font-size:12px}.passage-story{text-align:left;grid-template-columns:1fr}.passage-story-avatar{display:none}.passage-story .character-guide{grid-template-columns:64px minmax(0,1fr)}.passage-track{min-height:252px}.passage-moving-avatar,.passage-moving-avatar .traveler-portrait{width:102px}.passage-count-in span{width:38px;height:38px}.passage-result{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.passage-moving-avatar,.passage-target,.passage-invitation .traveler-portrait>img{transition:none!important;animation:none!important}}.home-command-center{color:#fff;background:#12111df2;border:1px solid #ffffff2e;border-radius:22px;margin-top:22px;padding:18px;scroll-margin-top:14px;box-shadow:0 16px 44px #05091338}.home-command-heading{justify-content:space-between;align-items:end;gap:20px;display:flex}.home-command-heading h2{color:#fff;margin:4px 0 0;font-size:clamp(23px,3vw,32px)}.home-command-heading p{color:#ffffffb8;text-align:right;max-width:430px;margin:0;font:700 13px/1.45 Arial,sans-serif}.home-command-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.home-command-tabs button{color:#fff;cursor:pointer;text-align:left;background:#ffffff12;border:1px solid #fff3;border-radius:14px;grid-template-rows:auto auto;grid-template-columns:42px minmax(0,1fr);align-content:center;column-gap:10px;min-height:76px;padding:11px 13px;display:grid}.home-command-tabs button:hover,.home-command-tabs button[aria-pressed=true]{border-color:var(--teal);background:#3fcabd24}.home-command-tabs button>span{background:var(--teal);color:#163936;border-radius:11px;grid-row:1/3;place-items:center;width:42px;height:42px;font-size:20px;display:grid}.home-command-tabs button:nth-child(2)>span{background:var(--lime);color:#343811}.home-command-tabs button:nth-child(3)>span{background:var(--pink);color:#fff}.home-command-tabs strong{align-self:end;font-size:14px}.home-command-tabs small{color:#ffffffd1;align-self:start;font:700 11px/1.25 Arial,sans-serif}.home-command-closed{color:#ffffffb8;border:1px dashed #ffffff29;border-radius:14px;align-items:center;gap:12px;min-height:70px;margin-top:12px;padding:12px 14px;display:flex}.home-command-closed>span{font-size:26px}.home-command-closed p{margin:0;font:700 12px/1.45 Arial,sans-serif}.home-command-closed strong{color:#fff}.home-focus-panel{margin-top:14px;animation:.25s both focus-panel-enter}.home-progress-panel{background:#ffffff0f;border:1px solid #ffffff24;border-radius:16px;padding:14px}.home-progress-panel .progress-status{max-width:none}.home-traveler-panel{background:#ffffff0d;border:1px solid #ffffff24;border-radius:17px;place-items:center;padding:14px;display:grid;overflow:hidden}.home-traveler-panel .avatar-picker{width:100%}.home-progress-section .progress-status.is-compact .rpg-status{min-width:0}.home-progress-section .progress-status.is-compact{padding:10px 12px}.map-score-overlay{opacity:.3;filter:drop-shadow(0 1px 2px #04121c73)}.avatar-marker{transition:top .55s cubic-bezier(.2,.8,.2,1),left .55s cubic-bezier(.2,.8,.2,1)}.avatar-marker.at-center{top:47%;left:47%}.avatar-marker.at-wind{top:30%;left:29%}.avatar-marker.at-fire{top:30%;left:64%}.avatar-marker.at-water{top:62%;left:29%}.avatar-marker.at-earth{top:62%;left:64%}.earth-realm-map{color:#fff;background:#17261e;border:2px solid #ecf6419e;border-radius:20px;overflow:hidden;box-shadow:0 12px #040e0947}.earth-realm-heading{background:linear-gradient(110deg,#1d352a,#34503a 55%,#556315);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px 18px;display:grid}.earth-realm-heading>div:nth-child(2)>span{color:var(--lime);letter-spacing:.1em;text-transform:uppercase;font:900 10px Arial,sans-serif}.earth-realm-heading h3{color:#fff;margin:4px 0;font-size:clamp(23px,3vw,34px);line-height:1}.earth-realm-heading p{color:#ffffffc2;max-width:690px;margin:0;font:700 12px/1.4 Arial,sans-serif}.realm-back-button{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff47;border-radius:12px;min-height:48px;padding:9px 11px;font:900 10px Arial,sans-serif}.realm-progress-seal{background:#0000002e;border:1px solid #fff3;border-radius:14px;justify-content:center;align-items:center;gap:7px;min-width:100px;padding:9px;display:flex}.realm-progress-seal strong{color:var(--lime);font-size:30px;line-height:1}.realm-progress-seal span{color:#ffffffbd;text-transform:uppercase;font:800 9px/1.15 Arial,sans-serif}.earth-route-scroll{overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-color:var(--lime) #26372b;overflow-x:auto}.earth-route-canvas{isolation:isolate;background:linear-gradient(#1020175e,#0c1912d6),url(/world/rpg-map.webp) 88% 82%/182% no-repeat;min-width:1060px;min-height:410px;position:relative;overflow:hidden}.earth-route-canvas:before{z-index:-1;content:"";background:radial-gradient(circle at 14% 77%,#ecf6412e,#0000 24%),radial-gradient(circle at 82% 32%,#ffb13b26,#0000 26%);position:absolute;inset:0}.earth-staff{z-index:0;height:150px;position:absolute;top:116px;left:46px;right:25px;transform:rotate(-1.2deg)}.earth-staff i{background:#f9f7e0ad;border-radius:50%;height:2px;position:absolute;left:0;right:0;box-shadow:0 0 10px #ecf6411f}.earth-staff i:first-child{top:0}.earth-staff i:nth-child(2){top:37px}.earth-staff i:nth-child(3){top:74px}.earth-staff i:nth-child(4){top:111px}.earth-staff i:nth-child(5){top:148px}.earth-time-signature{z-index:1;color:#fff;text-align:center;font:900 34px/.76 Georgia,serif;display:grid;position:absolute;top:132px;left:56px}.earth-time-signature i{font:inherit}.earth-route-grid{z-index:2;grid-template-columns:repeat(8,116px);align-items:center;display:grid;position:absolute;inset:58px 34px 36px 110px}.earth-measure{scroll-snap-align:center;border-right:3px solid #ffffff8f;place-items:center;min-height:260px;display:grid;position:relative}.earth-measure:first-child{border-left:3px solid #ffffff8f}.earth-stage-button{z-index:2;color:#fff;cursor:pointer;text-align:center;background:#0f2419f0;border:2px solid #ffffff9e;border-radius:15px;place-items:center;gap:5px;width:96px;min-height:102px;padding:8px 6px;display:grid;position:relative;box-shadow:0 6px #04100a8c}.earth-measure:nth-child(2n)>.earth-stage-button{translate:0 48px}.earth-measure:nth-child(odd)>.earth-stage-button{translate:0 -42px}.earth-stage-button>b{background:#253b2b;border:2px solid;border-radius:7px;place-items:center;width:35px;height:35px;font-size:14px;display:grid}.earth-stage-button>span{gap:3px;display:grid}.earth-stage-button small{color:#ffffffd6;font:800 11px/1.2 Arial,sans-serif}.earth-measure.is-current>.earth-stage-button{border-color:var(--lime);color:#fff;background:#344517;box-shadow:0 0 0 7px #ecf6411f,0 7px #18200b}.earth-measure.is-current>.earth-stage-button>b{background:var(--lime);color:#333912}.earth-measure.is-complete>.earth-stage-button{border-color:var(--teal);background:#17443d}.earth-measure.is-complete>.earth-stage-button>b{background:var(--teal);color:#153936}.earth-measure.is-locked>.earth-stage-button{opacity:.68;filter:grayscale(.65);cursor:not-allowed}.earth-avatar-marker{z-index:4;cursor:pointer;background:#ffffffeb;border:3px solid #fff;border-radius:50%;place-items:center;width:102px;height:102px;padding:0;animation:.65s cubic-bezier(.2,.9,.2,1) both earth-avatar-arrive;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 0 0 8px #ecf6412e,0 12px 26px #00000052}.earth-avatar-marker .traveler-portrait{width:94px}.earth-current-mission{background:#213429;border-top:1px solid #ffffff29;grid-template-columns:minmax(0,1.1fr) minmax(210px,.7fr) auto;align-items:center;gap:12px;padding:14px 16px;display:grid}.earth-current-copy,.earth-passage-state{flex-direction:column;min-width:0;display:flex}.earth-current-copy>span{color:var(--lime);letter-spacing:.08em;text-transform:uppercase;font:900 9px Arial,sans-serif}.earth-current-copy>strong{margin-top:3px;font-size:17px}.earth-current-copy>small{color:#ffffffd6;margin-top:3px;font:700 11px/1.3 Arial,sans-serif}.earth-passage-state{background:#00000029;border:1px solid #ffffff29;border-radius:12px;grid-template-columns:36px minmax(0,1fr);align-items:center;min-height:54px;padding:7px 9px;display:grid}.earth-passage-state>i{color:#ffffff6b;grid-row:1/3;font:900 23px Georgia,serif}.earth-passage-state>span{display:grid}.earth-passage-state strong{font-size:10px}.earth-passage-state small{color:#ffffff9e;font:700 9px Arial,sans-serif}.earth-passage-state.is-open{border-color:var(--orange)}.earth-passage-state.is-complete{border-color:var(--lime);box-shadow:inset 0 0 0 2px #ecf6411f}.earth-play-button{background:var(--lime);color:#31360f;cursor:pointer;white-space:nowrap;border:0;border-radius:12px;min-height:52px;padding:10px 14px;font:900 11px Arial,sans-serif;box-shadow:0 5px #9fa62b}.earth-map-note{color:#fffc;background:#15241b;margin:0;padding:9px 15px;font:700 11px/1.4 Arial,sans-serif}.realm-water{background:#102a2d;border-color:#3fcabdb8}.realm-water .earth-realm-heading{background:linear-gradient(110deg,#12383d,#17605e 58%,#143e49)}.realm-water .earth-realm-heading>div:nth-child(2)>span,.realm-water .earth-current-copy>span,.realm-water .realm-progress-seal strong{color:#72e4d8}.realm-water .earth-route-canvas{background:linear-gradient(#09262b66,#081d23e0),url(/world/rpg-map.webp) 30% 66%/182% no-repeat}.realm-water .earth-route-canvas:before{background:radial-gradient(circle at 17% 25%,#3fcabd40,#0000 28%),radial-gradient(circle at 78% 72%,#70e0d629,#0000 30%)}.realm-water .earth-measure.is-current>.earth-stage-button{background:#174944;border-color:#72e4d8;box-shadow:0 0 0 7px #3fcabd26,0 7px #092b29}.realm-water .earth-measure.is-current>.earth-stage-button>b{color:#113733;background:#72e4d8}.realm-water .earth-play-button{color:#123b37;background:#72e4d8;box-shadow:0 5px #318e85}.realm-water .earth-current-mission{background:#13383a}.realm-water .earth-map-note{background:#0d292c}.realm-air{background:#2c1930;border-color:#f443a6b8}.realm-air .earth-realm-heading{background:linear-gradient(110deg,#3b183a,#692051 58%,#3b264f)}.realm-air .earth-realm-heading>div:nth-child(2)>span,.realm-air .earth-current-copy>span,.realm-air .realm-progress-seal strong{color:#ff83c8}.realm-air .earth-route-canvas{background:linear-gradient(#2d143257,#23122be0),url(/world/rpg-map.webp) 22% 24%/182% no-repeat}.realm-air .earth-route-canvas:before{background:radial-gradient(circle at 18% 72%,#f443a638,#0000 28%),radial-gradient(circle at 80% 26%,#ffffff1f,#0000 30%)}.realm-air .earth-measure.is-current>.earth-stage-button{background:#572044;border-color:#ff83c8;box-shadow:0 0 0 7px #f443a624,0 7px #2f1024}.realm-air .earth-measure.is-current>.earth-stage-button>b{color:#4a1738;background:#ff83c8}.realm-air .earth-play-button{color:#481634;background:#ff83c8;box-shadow:0 5px #a52f70}.realm-air .earth-current-mission{background:#3d223f}.realm-air .earth-map-note{background:#29182e}.map-avatar-chip,.avatar-marker{appearance:none;cursor:pointer;font:inherit}.map-avatar-chip:focus-visible,.avatar-marker:focus-visible,.earth-avatar-marker:focus-visible{outline-offset:3px;outline:3px solid #fff}.traveler-sheet{color:#fff;gap:16px;display:grid}.traveler-sheet-hero{background:radial-gradient(circle at 23% 48%,#ffb13b4d,#0000 27%),linear-gradient(135deg,#292633,#1d1b27);border:1px solid #fff3;border-radius:22px;grid-template-columns:minmax(300px,.9fr) minmax(280px,1.1fr);align-items:center;gap:clamp(18px,4vw,44px);min-height:420px;padding:clamp(18px,4vw,38px);display:grid;overflow:hidden}.traveler-sheet-hero>.traveler-portrait{justify-self:center;width:min(100%,420px)}.traveler-sheet-identity{min-width:0}.traveler-sheet-identity h3{color:#fff;margin:5px 0;font-size:clamp(34px,6vw,62px);line-height:1}.traveler-sheet-identity>p{color:#ffffffd1;margin:0;font:800 14px/1.45 Arial,sans-serif}.traveler-affinities{gap:9px;margin-top:22px;display:grid}.traveler-affinities>span{grid-template-columns:minmax(100px,1fr) auto;align-items:center;gap:12px;display:grid}.traveler-affinities strong{color:#fff;font-size:13px}.traveler-affinities i{gap:6px;display:flex}.traveler-affinities b{background:0 0;border:2px solid #ffffff9e;border-radius:50%;width:17px;height:17px}.traveler-affinities b.filled{border-color:var(--teal);background:var(--teal);box-shadow:0 0 10px #3fcabd59}.traveler-sheet-progress{background:#ffffff0f;border:1px solid #ffffff29;border-radius:18px;padding:14px;overflow:hidden}.traveler-sheet-progress .progress-status{max-width:none}.traveler-equipment{background:#ffffff0f;border:1px solid #ffffff29;border-radius:18px;padding:16px}.traveler-section-heading{justify-content:space-between;align-items:end;gap:16px;margin-bottom:12px;display:flex}.traveler-section-heading>span{display:grid}.traveler-section-heading small{color:var(--lime);letter-spacing:.08em;text-transform:uppercase;font:900 10px Arial,sans-serif}.traveler-section-heading strong{color:#fff;margin-top:3px;font-size:21px}.traveler-section-heading>em{color:#ffffffc2;text-align:right;max-width:340px;font:700 12px/1.4 Arial,sans-serif}.traveler-equipment-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.traveler-equipment-grid button{color:#fff;cursor:pointer;text-align:left;background:#282532;border:2px solid #fff3;border-radius:15px;grid-template-columns:86px minmax(0,1fr);align-items:center;gap:12px;min-height:112px;padding:10px;display:grid}.traveler-equipment-grid button:hover,.traveler-equipment-grid button:focus-visible{border-color:var(--teal)}.traveler-equipment-grid button.is-equipped{border-color:var(--lime);background:#343a22;box-shadow:inset 0 0 0 2px #ecf6411a}.traveler-equipment-grid img{object-fit:contain;background:#fff;border-radius:12px;width:82px;height:82px}.traveler-equipment-grid button>span{gap:3px;min-width:0;display:grid}.traveler-equipment-grid small{color:var(--teal);text-transform:uppercase;font:900 10px Arial,sans-serif}.traveler-equipment-grid strong{overflow-wrap:anywhere;color:#fff;font-size:14px}.traveler-equipment-grid em{color:#ffffffc7;font:700 11px/1.3 Arial,sans-serif}.traveler-development{grid-template-columns:minmax(0,1fr) minmax(240px,.7fr);gap:12px;display:grid}.traveler-development>div,.traveler-development>p{color:#ffffffd1;background:#ffffff0f;border:1px solid #ffffff29;border-radius:15px;gap:7px;margin:0;padding:15px;font:700 12px/1.45 Arial,sans-serif;display:grid}.traveler-development small,.traveler-development strong{color:#fff}.rhythm-tap-actions{grid-template-columns:1fr 1fr;gap:9px;width:min(100%,520px);margin:10px auto 0;display:grid}.rhythm-tap-actions button{border:1px solid var(--teal-deep);color:#174d48;cursor:pointer;background:#fff;border-radius:12px;min-height:48px;padding:10px;font-weight:900}.rhythm-tap-actions button:disabled{opacity:.48;cursor:not-allowed}.rhythm-tap-actions .rhythm-clear-taps{color:#4d4650;border-color:#8a7d8d}.mode-mobile-picker{display:none}.world-codex{background:#fff;border:1px solid #34333b24;border-radius:18px}.world-codex>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:72px;padding:14px 18px;list-style:none;display:flex}.world-codex>summary::-webkit-details-marker{display:none}.world-codex>summary>span{display:grid}.world-codex>summary small{color:var(--pink-deep);letter-spacing:.08em;text-transform:uppercase;font:900 9px Arial,sans-serif}.world-codex>summary strong{color:var(--ink);margin-top:3px;font-size:21px}.world-codex>summary>i{color:#39343e;background:#ece8ef;border-radius:12px;place-items:center;width:44px;height:44px;font:900 24px Arial,sans-serif;display:grid}.world-codex[open]>summary>i{transform:rotate(45deg)}.world-codex .learn-panel{padding:0 16px 16px}.ear-map-return-button{border:1px solid var(--teal-deep);min-height:50px;color:var(--teal-deep);cursor:pointer;background:#fff;border-radius:12px;padding:10px 13px;font-weight:900}.inventory-panel.is-collapsed{display:block}.inventory-panel.is-collapsed .inventory-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.inventory-heading>div{min-width:0}.inventory-toggle{color:#38333d;cursor:pointer;background:#fff;border:1px solid #8d8791;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;min-width:150px;min-height:50px;padding:9px 12px;font:900 10px Arial,sans-serif;display:flex}.inventory-toggle span{font-size:20px}@keyframes focus-panel-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes earth-avatar-arrive{0%{opacity:.2;transform:translate(-42px)scale(.78)}to{opacity:1;transform:none}}@media (width<=760px){.home-command-center{margin-top:16px;padding:13px}.home-command-heading{flex-direction:column;align-items:flex-start;gap:6px}.home-command-heading p{text-align:left;font-size:12px}.home-command-tabs{grid-template-columns:1fr;gap:8px}.home-command-tabs button{min-height:64px}.home-command-closed{min-height:58px}.home-progress-section .progress-status.is-compact .avatar-rune{width:44px;height:44px}.earth-realm-heading{grid-template-columns:1fr auto;gap:10px;padding:13px}.earth-realm-heading .realm-back-button{grid-column:1/-1;width:100%}.earth-realm-heading p{font-size:11px}.realm-progress-seal{min-width:82px}.earth-route-canvas{min-width:940px;min-height:390px}.earth-route-grid{grid-template-columns:repeat(8,101px);inset:54px 28px 32px 96px}.earth-stage-button{width:82px;min-height:90px}.earth-avatar-marker{width:96px;height:96px}.earth-avatar-marker .traveler-portrait{width:88px}.earth-current-mission{grid-template-columns:1fr;padding:13px}.earth-play-button{width:100%}.traveler-sheet-hero{grid-template-columns:1fr;gap:8px;min-height:0;padding:16px}.traveler-sheet-hero>.traveler-portrait{width:min(92%,330px)}.traveler-sheet-identity{width:100%}.traveler-sheet-identity h3{font-size:clamp(34px,12vw,52px)}.traveler-affinities{margin-top:16px}.traveler-section-heading{flex-direction:column;align-items:flex-start}.traveler-section-heading>em{text-align:left}.traveler-equipment-grid,.traveler-development{grid-template-columns:1fr}.mode-nav{display:block}.mode-nav .nav-title,.mode-nav .nav-buttons{display:none}.mode-mobile-picker{gap:5px;display:grid}.mode-mobile-picker>span{color:#ffffffb8;letter-spacing:.08em;text-transform:uppercase;font:900 10px Arial,sans-serif}.mode-mobile-picker select{color:#fff;background:#302d39;border:1px solid #ffffff3d;border-radius:12px;width:100%;min-height:52px;padding:10px 42px 10px 13px;font:900 14px Arial,sans-serif}.world-codex>summary{min-height:64px;padding:11px 13px}.world-codex .learn-panel{padding:0 8px 10px}.inventory-panel.is-collapsed,.inventory-panel.is-open{display:block}.inventory-panel .inventory-heading{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.inventory-toggle{min-width:118px;min-height:50px}}@media (width<=460px){.home-command-tabs button{grid-template-columns:38px minmax(0,1fr);padding:9px 10px}.home-command-tabs button>span{width:38px;height:38px}.earth-realm-heading{grid-template-columns:1fr}.realm-progress-seal{justify-content:flex-start;width:100%}.earth-current-copy>strong{font-size:15px}.earth-time-signature{left:42px}.traveler-equipment-grid button{grid-template-columns:76px minmax(0,1fr);min-height:104px}.traveler-equipment-grid img{width:72px;height:72px}.rhythm-tap-actions,.inventory-panel .inventory-heading{grid-template-columns:1fr}.inventory-toggle{width:100%}}@media (prefers-reduced-motion:reduce){.home-focus-panel,.earth-avatar-marker{animation:none!important}.avatar-marker{transition:none!important}}.core-quick-nav{z-index:35;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1f1d29f0;border:1px solid #ffffff29;border-radius:14px;justify-content:center;gap:8px;width:min(100% - 24px,1120px);margin:8px auto 0;padding:7px;display:flex;position:sticky;top:0;box-shadow:0 8px 24px #14121b33}.core-quick-nav button{color:#fff;cursor:pointer;background:#34313e;border:1px solid #ffffff2e;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:10px 18px;font:900 14px/1.2 Arial,sans-serif;display:flex}.core-quick-nav button:first-child{background:#a91f70;border-color:#f542aa}.core-quick-nav button:hover,.core-quick-nav button:focus-visible{border-color:var(--lime);outline:none}.equipped-item-stage{width:24px;height:24px;color:var(--lime);background:#25222d;border:2px solid #fff;border-radius:50%;place-items:center;font:900 12px/1 Arial,sans-serif;display:grid;position:absolute;bottom:-5px;right:-5px;box-shadow:0 3px 8px #0000004d}.equipped-item.item-stage-2{box-shadow:0 0 0 4px #3fcabd59,0 7px 18px #19172252}.equipped-item.item-stage-3{box-shadow:0 0 0 4px #ecf6417a,0 0 22px #ecf64161,0 7px 18px #19172252}.deceptive-echo-encounter{color:#fff;background:linear-gradient(145deg,#1f2530,#252132 58%,#163735);border:1px solid #3fcabd66;border-radius:24px;overflow:hidden;box-shadow:0 18px 42px #19172233}.deceptive-echo-story{grid-template-columns:minmax(190px,.55fr) minmax(280px,1.45fr);align-items:center;gap:clamp(18px,4vw,44px);padding:clamp(18px,4vw,38px);display:grid}.deceptive-echo-character{background:radial-gradient(circle,#3fcabd47,#0000 64%);border-radius:19px;place-items:center;min-height:250px;display:grid;position:relative}.deceptive-echo-character img{object-fit:contain;filter:drop-shadow(0 17px 16px #00000057);width:min(100%,270px);height:270px}.deceptive-echo-character>span{color:#fff;background:#18151fdb;border:1px solid #ffffff3d;border-radius:999px;padding:7px 12px;font:900 13px Arial,sans-serif;position:absolute;bottom:8px}.deceptive-echo-story h2{color:#fff;margin:6px 0 12px;font-size:clamp(30px,5vw,52px);line-height:1}.deceptive-echo-story .typewriter-text{color:#fff;font-size:16px;line-height:1.55}.echo-rule{border-left:4px solid var(--teal);color:#ffffffd1;margin:14px 0 0;padding-left:12px;font:700 14px/1.45 Arial,sans-serif}.deceptive-echo-game{background:#ffffff12;border-top:1px solid #ffffff24;gap:14px;padding:clamp(16px,4vw,30px);display:grid}.echo-comparison-status{align-items:center;gap:10px;display:flex}.echo-comparison-status>span{color:#ffffffc2;border:1px solid #ffffff38;border-radius:12px;align-items:center;gap:8px;min-height:44px;padding:8px 12px;font-weight:900;display:flex}.echo-comparison-status>span i{background:#ffffff1f;border-radius:50%;place-items:center;width:26px;height:26px;font-style:normal;display:grid}.echo-comparison-status>span.active{border-color:var(--lime);color:#fff;background:#ecf64121}.echo-comparison-status>em{color:var(--lime);margin-left:auto;font:900 12px Arial,sans-serif}.deceptive-echo-listen,.deceptive-echo-complete{background:var(--teal);color:#123d39;cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:58px;padding:12px 16px;font:900 16px/1.2 Arial,sans-serif;display:flex}.deceptive-echo-listen span{font-size:24px}.deceptive-echo-listen:disabled{cursor:wait;opacity:.62}.echo-position-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.echo-position-grid button{color:#fff;cursor:pointer;background:#2e2b38;border:2px solid #ffffff38;border-radius:13px;place-items:center;gap:4px;min-height:72px;padding:9px;display:grid}.echo-position-grid button span{background:#ffffff1f;border-radius:50%;place-items:center;width:28px;height:28px;font-size:13px;display:grid}.echo-position-grid button strong{font-size:14px}.echo-position-grid button.selected{border-color:var(--orange);background:#513923}.echo-position-grid button:disabled{cursor:not-allowed;opacity:.46}.deceptive-echo-feedback{background:#292632;border:1px solid #ffffff2b;border-radius:14px;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:12px;min-height:82px;padding:9px 13px;display:grid}.deceptive-echo-feedback img{object-fit:contain;width:60px;height:60px}.deceptive-echo-feedback p{color:#fff;margin:0;font:800 15px/1.45 Arial,sans-serif}.deceptive-echo-feedback.guidance{border-color:var(--orange)}.deceptive-echo-feedback.resolved{border-color:var(--lime);background:#30391f}.deceptive-echo-complete{background:var(--lime);color:#2d351c}@media (width<=760px){.site-shell:not(.prologue-shell){padding-bottom:82px}.core-quick-nav{width:auto;margin:0;padding:6px;position:fixed;inset:auto 8px 8px}.core-quick-nav button{flex:1;min-width:0;padding:8px 6px;font-size:12px}.core-quick-nav button span{display:none}.deceptive-echo-story{grid-template-columns:105px minmax(0,1fr);gap:12px;padding:14px}.deceptive-echo-character{min-height:150px}.deceptive-echo-character img{height:150px}.deceptive-echo-character>span{font-size:12px;bottom:0}.deceptive-echo-story h2{font-size:clamp(26px,9vw,38px)}.deceptive-echo-story .typewriter-text{font-size:14px}.echo-rule{font-size:13px}.deceptive-echo-game{padding:13px}.echo-comparison-status{grid-template-columns:1fr auto 1fr;display:grid}.echo-comparison-status>span{justify-content:center;padding:7px;font-size:13px}.echo-comparison-status>em{text-align:center;grid-column:1/-1;margin-left:0}.echo-position-grid{grid-template-columns:repeat(auto-fit,minmax(72px,1fr))}.echo-position-grid button{min-height:64px}.deceptive-echo-complete,.rhythm-submit-button{z-index:20;position:sticky;bottom:68px;box-shadow:0 8px 22px #0000004d}}@media (width<=420px){.deceptive-echo-story{grid-template-columns:1fr}.deceptive-echo-character{min-height:170px}.deceptive-echo-character img{height:170px}}.traveler-portrait>img{object-fit:contain;object-position:center;transform-origin:50%;width:88%;height:88%}.traveler-choice .traveler-portrait{margin-block:4px}.encounter-scene img{box-sizing:border-box;object-fit:contain;object-position:center;transform-origin:50%;width:88%;height:214px;padding:5px}.enemy-roster-card img{object-fit:contain;object-position:center;transform-origin:50%;width:88%;height:88%}.mandriao-scene img{object-fit:contain;object-position:center;transform-origin:50%;width:90%;height:252px}.deceptive-echo-character img{object-fit:contain;object-position:center;transform-origin:50%;width:min(88%,250px);height:250px}@media (width<=760px){.encounter-scene img{width:86%;height:210px}.mandriao-scene img{width:88%;height:230px}.deceptive-echo-character img{width:86%;height:140px}}@media (width<=420px){.deceptive-echo-character img{height:158px}}.today-mission-facts small,.home-command-tabs small,.home-command-closed p,.xp-copy,.domain-row>span:first-child,.achievement-summary small,.realm-copy small,.board-legend,.ear-level-roadmap small,.ear-level-intro small,.ear-result-stats small,.interval-answer small,.reading-feedback,.listening-steps p,.equipped-support-note small,.inventory-heading p,.inventory-item small,.traveler-section-heading em,.traveler-development,.passage-options,.deceptive-echo-character>span{font-size:12px;line-height:1.4}.today-mission-facts strong,.home-command-tabs strong,.game-panel button,.prologue-card button,.inventory-panel button,.traveler-sheet button,.mode-mobile-picker select{font-size:14px}.game-panel small,.prologue-card small,.inventory-panel small,.traveler-sheet small,.map-node em,.map-node small{font-size:12px;line-height:1.35}.game-panel button,.prologue-card button,.inventory-panel button,.traveler-sheet button{min-height:48px}.board-heading span,.board-legend,.session-note,.xp-copy,.domain-row>span:first-child,.achievement-summary small,.composer-mode small{color:#ffffffc7}.game-topline>div>p,.interval-challenge-card>h3,.ear-level-result>p,.character-guide p,.feedback,.waiting-copy,.deceptive-echo-feedback p{font-size:14px;line-height:1.5}button:focus-visible,select:focus-visible,summary:focus-visible,[role=tab]:focus-visible{outline:3px solid var(--lime);outline-offset:3px}.answer-button,.interval-answer,.reading-pattern-options button,.mood-picker button,.improv-note-pads button,.composer-rhythm-grid button,.free-note-row button,.rhythm-memory-grid button{touch-action:manipulation;transition:transform .12s,box-shadow .12s,border-color .12s}.answer-button:active,.interval-answer:active,.reading-pattern-options button:active,.mood-picker button:active,.improv-note-pads button:active,.composer-rhythm-grid button:active,.free-note-row button:active,.rhythm-memory-grid button:active{transform:translateY(2px)scale(.985)}.feedback.correct,.reading-feedback,.deceptive-echo-feedback.resolved,.passage-feedback.success{animation:.28s ease-out both feedback-arrive}@keyframes feedback-arrive{0%{opacity:.45;transform:translateY(5px)scale(.99)}to{opacity:1;transform:none}}@media (width<=760px){.site-shell:not(.prologue-shell){padding-bottom:calc(94px + env(safe-area-inset-bottom))}.core-quick-nav{bottom:calc(8px + env(safe-area-inset-bottom))}.core-quick-nav button{min-height:50px;font-size:13px}.today-mission-facts small,.home-command-tabs small,.home-command-heading p,.mode-mobile-picker>span,.earth-realm-heading p{font-size:12px}.today-mission-facts strong{font-size:14px;line-height:1.35}.ear-next-challenge,.daily-next-button,.mandriao-next-button,.passage-next-button{z-index:24;bottom:calc(76px + env(safe-area-inset-bottom));position:sticky;box-shadow:0 10px 24px #14121b47}.ear-result-actions{grid-template-columns:1fr}.ear-result-actions button{width:100%;min-height:52px}}@media (prefers-reduced-motion:reduce){.feedback.correct,.reading-feedback,.deceptive-echo-feedback.resolved,.passage-feedback.success{animation:none}.answer-button,.interval-answer,.reading-pattern-options button,.mood-picker button,.improv-note-pads button,.composer-rhythm-grid button,.free-note-row button,.rhythm-memory-grid button{transition:none}}.site-shell{--readable-main:#262331;--readable-secondary:#514b59;--readable-on-dark:#fff;--readable-muted-on-dark:#e5e2ea;color:var(--readable-main);font-size:16px;line-height:1.5}.site-shell p,.site-shell li{font-size:16px;line-height:1.5}.site-shell small,.site-shell em{font-size:12px;line-height:1.4}.site-shell button,.site-shell select,.site-shell summary,.site-shell label{font-size:14px;line-height:1.35}.site-shell button,.site-shell select,.site-shell summary{min-height:48px}.site-shell :is(.eyebrow,.quest-kicker,.picker-label,.challenge-count,.status-title span,.achievement-summary>span,.board-heading span,.magic-map-heading span,.choice-zone-heading span,.free-choice-label,.improv-stage-top>div:first-child>span,.tempo-control>span,.creative-prompt-card span,.earth-realm-heading>div:nth-child(2)>span,.earth-current-copy>span,.encounter-name){letter-spacing:.045em;font-size:12px;line-height:1.35}.site-shell :is(.game-topline>div>p,.home-command-heading p,.home-territories-heading p,.encounter-dialogue .typewriter-line,.typewriter-line>span,.owl-speech p,.character-guide p,.improv-message p,.composer-message p,.hybrid-preparation,.creative-prompt-card p,.earth-realm-heading p,.earth-map-note,.encounter-arrival,.encounter-culture,.encounter-condition){font-size:15px;line-height:1.5}.site-shell :is(.xp-copy,.domain-row>span:first-child,.achievement-summary small,.session-note,.board-legend,.realm-copy small,.score-pill small,.streak-pill small,.composer-mode small,.composition-event small,.composer-rhythm-grid small,.listening-steps p,.interval-legend i,.mood-picker small,.improv-guide-card li p,.improv-counter span,.improv-note-pads button small,.phase-copy small,.phase-copy em,.companion-role-list small,.typewriter-line>small,.avatar-picker>span,.avatar-choice strong,.avatar-choice small,.inventory-heading p,.inventory-item small,.today-mission-facts small,.continue-journey-button small,.continue-journey-button strong,.mandriao-choice-record,.passage-invitation-copy small,.passage-round-heading small,.passage-options,.passage-result small,.realm-progress-seal span,.earth-passage-state strong,.earth-passage-state small,.equipped-support-note small,.daily-result-stats small,.hybrid-reflection small){font-size:12px;line-height:1.4}.site-shell :is(.nav-button,.encounter-start,.inventory-item>button,.composer-toolbar button,.tempo-control button,.improv-controls button,.creative-prompt-card button,.hybrid-action-buttons button,.hybrid-reflection button,.passage-exit,.passage-options button,.passage-complete-actions button,.realm-back-button,.earth-play-button,.inventory-toggle,.new-game-header-button){min-height:48px;font-size:14px;line-height:1.3}.site-shell :is(.inventory-panel,.interval-challenge-card,.ear-level-result,.daily-challenge-card,.composer-workspace,.improv-stage,.traveler-equipment-grid button:not(.is-equipped),.world-codex){color:var(--readable-main)}.site-shell :is(.inventory-heading p,.inventory-item small,.interval-answer small,.reading-feedback,.listening-steps p,.composer-message p,.improv-message p,.creative-prompt-card p,.waiting-copy){color:var(--readable-secondary)}.site-shell :is(.status-title,.player-status,.mission-board,.magic-map,.earth-realm-map,.encounter-card,.deceptive-echo-encounter,.enemy-live-mission,.passage-story,.traveler-sheet-hero) :is(p,small,em){color:var(--readable-muted-on-dark)}.site-shell :is(.status-title,.player-status,.mission-board,.magic-map,.earth-realm-map,.deceptive-echo-encounter,.enemy-live-mission,.passage-story,.traveler-sheet-hero) :is(h1,h2,h3,strong){color:var(--readable-on-dark)}.site-shell button:disabled{opacity:.72;filter:saturate(.55)}.site-shell :is(.next-button,.encounter-start,.mandriao-next-button,.daily-continue-button,.continue-journey-button){color:#fff;background:#a91f70}.site-shell :is(.primary-button,.sound-button,.deceptive-echo-listen){color:#123d39}.map-node{min-height:92px}.map-node strong{font-size:14px;line-height:1.18}.map-node em,.map-node small{opacity:1;font-size:12px;line-height:1.3}.map-legend{font-size:12px;line-height:1.4}.earth-stage-button{width:108px;min-height:118px}.earth-stage-button strong{font-size:14px;line-height:1.2}.earth-stage-button small,.earth-current-copy>small{color:#f1eef5;font-size:12px;line-height:1.35}.traveler-portrait,.enemy-live-figure,.encounter-scene,.mandriao-scene,.deceptive-echo-character,.enemy-roster-card>div,.companion-card>div,.item-icon{padding:6px;overflow:hidden}.site-shell :is(.traveler-portrait>img,.enemy-live-figure img,.encounter-scene img,.mandriao-scene img,.deceptive-echo-character img,.enemy-roster-card img,.companion-card img,.item-icon img,.traveler-equipment-grid img){object-fit:contain;object-position:center;transform-origin:50%;width:88%;max-width:100%;height:88%;max-height:100%;margin:auto;display:block}@media (width<=680px){.site-shell{font-size:16px}.site-shell p,.site-shell li{font-size:15px}.content-shell,.inventory-panel{width:calc(100% - 16px)}.map-canvas{aspect-ratio:auto;min-height:540px}.map-node{width:46%;min-height:118px;padding:10px 8px}.map-node img{width:38px;height:38px}.map-node strong{font-size:13px}.map-node em,.map-node small{font-size:12px}.map-avatar-chip{font-size:14px}.inventory-grid{scroll-snap-type:x proximity;gap:10px;padding:2px 2px 12px;display:flex;overflow-x:auto}.inventory-item{scroll-snap-align:start;min-width:min(76vw,260px)}.encounter-card{background:linear-gradient(#192d42 0 285px,#fff 285px)}.encounter-scene{min-height:255px}.encounter-scene img{width:84%;height:225px}.encounter-dialogue h2{font-size:clamp(25px,8vw,34px);line-height:1.08}.encounter-dialogue .typewriter-line{min-height:118px}.enemy-live-stage{min-height:230px}.enemy-live-figure img{width:86%;height:200px}.mission-arc-strip strong{white-space:normal;font-size:12px}.mission-impact-summary strong{font-size:15px}}@media (width<=390px){.site-shell p,.site-shell li{font-size:15px}.map-canvas{min-height:570px}.map-node{gap:5px;width:47%;min-height:124px}.map-node img{width:34px;height:34px}.map-node strong{font-size:13px}.map-node em,.map-node small{font-size:12px}.enemy-live-stage{grid-template-columns:1fr 1fr}.enemy-live-figure img{height:178px}.enemy-live-avatar .traveler-portrait{width:142px}}@media (forced-colors:active){.site-shell button,.site-shell select,.site-shell summary,.map-node,.earth-stage-button{border:2px solid buttontext}}@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}