@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:400;src:url(./fredoka-latin-400-normal-17JuUzdy.woff2) format("woff2"),url(./fredoka-latin-400-normal-DbXSrOeS.woff) format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:500;src:url(./fredoka-latin-500-normal-B0JifZgm.woff2) format("woff2"),url(./fredoka-latin-500-normal-BL692wg7.woff) format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:600;src:url(./fredoka-latin-600-normal-C4zohCW5.woff2) format("woff2"),url(./fredoka-latin-600-normal-CcrEjrB4.woff) format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:700;src:url(./fredoka-latin-700-normal-BOIZVyIN.woff2) format("woff2"),url(./fredoka-latin-700-normal-C8FeHd3X.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(./nunito-latin-400-normal-r8SDr6Up.woff2) format("woff2"),url(./nunito-latin-400-normal-DKg4f3fz.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(./nunito-latin-600-normal-Br8yIETf.woff2) format("woff2"),url(./nunito-latin-600-normal-Cd0eNu1l.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(./nunito-latin-700-normal-Dort48En.woff2) format("woff2"),url(./nunito-latin-700-normal-OcDqTBcA.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(./nunito-latin-800-normal-Dz8SOQK_.woff2) format("woff2"),url(./nunito-latin-800-normal-D-J0wlBY.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:900;src:url(./nunito-latin-900-normal-BVB1fGs6.woff2) format("woff2"),url(./nunito-latin-900-normal-CVn49sIn.woff) format("woff")}*{box-sizing:border-box}:root{--story-ink: #553c2b;--story-paper: #fff7e5;--story-muted: #8a7454;--story-gold: #e8bb67;--story-focus: #437fa6}body{margin:0;font-family:Nunito,system-ui,sans-serif;background:#211a21}button{font-family:inherit}button,summary,input,label{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}button:disabled{cursor:default}.game-shell{width:100%;min-height:100vh;min-height:100dvh;padding:10px;background:radial-gradient(ellipse at 20% 0,#4a3430,#211a21 70%);font-family:Nunito,system-ui,sans-serif}.game-frame{position:relative;width:100%;max-width:1680px;height:calc(100vh - 20px);height:calc(100dvh - 20px);min-height:0;margin:auto;overflow:hidden;border:1px solid #b78e535e;border-radius:12px;background:linear-gradient(145deg,#fffaf0,#f4e8cf);box-shadow:0 20px 70px #0d09136e,0 0 0 3px #100e1233}.game-frame:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1px solid #d3ad6a36;border-radius:8px;pointer-events:none;z-index:30}.game-frame--title{background:#1d2235}.game-stage{position:relative;height:100%;overflow:hidden}.game-shell button:focus-visible,.game-shell summary:focus-visible,.game-shell input:focus-visible{outline:3px solid var(--story-focus);outline-offset:3px}.game-hud button:focus-visible,.title-screen button:focus-visible,.story-screen__return:focus-visible{outline-color:#e8c783}.game-hud{min-height:83px;flex-shrink:0;display:flex;align-items:center;gap:clamp(16px,3vw,42px);padding:4px clamp(18px,3vw,46px);color:#f6e5be;background:linear-gradient(180deg,#493027,#2e2220);border-bottom:1px solid #b7915666;box-shadow:0 4px 15px #1e131726,inset 0 -3px #19141966;z-index:2}.hud-home{display:flex;align-items:center;flex-shrink:0;gap:8px;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.hud-pier{flex-shrink:0;filter:drop-shadow(0 3px 2px #140f13a6)}.hud-brand{display:flex;flex-direction:column;font-family:Fredoka,sans-serif;line-height:1.05}.hud-brand>span{font-size:13px;color:#d8af6d}.hud-brand>strong{font-size:21px;font-weight:500}.hud-navigation{display:flex;gap:5px;align-self:stretch;align-items:center}.hud-tab{position:relative;display:flex;align-items:center;gap:8px;min-height:43px;background:transparent;border:1px solid transparent;border-radius:6px;color:#d8c6ac;padding:9px 14px;font-size:13px;font-weight:700;white-space:nowrap;cursor:pointer;transition:color .15s,background .15s}.hud-tab:hover{background:#ffffff0b;color:#fff0cb}.hud-tab.is-current{color:#f4cc81;border-color:#c29a4d40;background:linear-gradient(#c29a4d21,#c29a4d0a)}.hud-tab.is-current:after{content:"";position:absolute;height:2px;width:24px;bottom:-6px;left:calc(50% - 12px);background:#dfb166;border-radius:3px}.hud-progress{display:flex;align-items:center;gap:9px;margin-left:auto}.hud-level{display:flex;align-items:center;justify-content:center;width:34px;height:38px;clip-path:polygon(50% 0,100% 20%,100% 76%,50% 100%,0 76%,0 20%);color:#f5dfb7;background:linear-gradient(#9b7749,#5a422e);font-weight:800;font-size:16px}.hud-experience{width:clamp(75px,9vw,150px)}.hud-experience>span{display:block;color:#cfb99a;font-size:10px;margin-bottom:5px}.hud-xp-track{height:5px;border-radius:4px;overflow:hidden;background:#1b1317}.hud-xp-track>span{display:block;height:100%;background:linear-gradient(90deg,#a2b8cb,#d3e1e4);border-radius:inherit;transition:width .35s}.hud-coins{display:flex;align-items:center;gap:7px;padding-left:22px;border-left:1px solid #c2a37533;color:#eac477}.hud-coins>strong{color:#fff0cc;font-size:22px;font-weight:700;font-variant-numeric:tabular-nums;animation:coinArrive .3s ease-out}.hud-coins>span{font-size:10px;color:#cfb99a}@keyframes coinArrive{0%{transform:translateY(-3px);opacity:.5}to{transform:translateY(0);opacity:1}}@media (max-width: 1050px){.game-hud{gap:18px;padding-inline:22px}.hud-tab{padding-inline:10px}.hud-experience{display:none}.hud-coins{padding-left:15px}}@media (max-width: 680px){.game-shell{padding:0}.game-frame{height:100vh;height:100dvh;min-height:0;border-radius:0;border:0}.game-frame:after{top:4px;right:4px;bottom:4px;left:4px;border-radius:0}.game-hud{display:grid;grid-template-columns:1fr auto auto;gap:0 14px;padding:0 18px 10px;min-height:120px}.hud-home{gap:4px}.hud-brand>strong{font-size:18px}.hud-brand>span{font-size:11px}.hud-pier{width:52px!important}.hud-navigation{grid-column:1 / -1;grid-row:2;justify-content:center;gap:6px}.hud-tab{min-height:37px;padding:7px 15px;font-size:12px}.hud-tab>svg{width:17px;height:17px}.hud-progress{margin:0}.hud-level{width:27px;height:30px;font-size:13px}.hud-coins{padding-left:0;border:0;gap:5px}.hud-coins>svg{width:21px;height:21px}.hud-coins>strong{font-size:18px}.hud-coins>span{display:none}}@media (prefers-reduced-motion: reduce){.game-shell *,.game-shell *:before,.game-shell *:after{animation:none!important;transition:none!important}}.piano-key:focus-visible{outline:3px solid #245a9b;outline-offset:-3px}.quest-screen{overflow-y:auto}.quest-teaching{flex:1 0 auto;display:flex;flex-direction:column;justify-content:flex-end}.quest-prompt{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px;margin:4px 0;flex-shrink:0}.key-beacon{position:absolute;left:50%;bottom:10px;width:20px;height:20px;margin-left:-10px;border-radius:50%;background:#ff9f1a;box-shadow:0 0 0 3px #fff9ec,0 0 10px 3px #ff8c00e6;z-index:6;pointer-events:none}.key-beacon:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:3px solid #ff8c00;animation:beaconRipple 1.2s ease-out infinite}.key-beacon-label{box-shadow:0 0 0 2px #fff9ec,0 0 8px 2px #ff8c00e6}.key-beacon-label:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:8px;border:3px solid #ff8c00;animation:beaconRipple 1.2s ease-out infinite}.key-beacon-black{bottom:8px;width:16px;height:16px;margin-left:-8px}@media (prefers-reduced-motion: reduce){.key-beacon:after,.key-beacon-label:after{animation:none;opacity:0}}@keyframes beaconRipple{0%{transform:scale(1);opacity:.95}to{transform:scale(2.6);opacity:0}}@keyframes keyGlow{0%,to{opacity:.82}50%{opacity:1}}@keyframes pulseGlow{0%,to{opacity:.5}50%{opacity:1}}@keyframes wiggle{0%,to{transform:translate(0)}25%{transform:translate(-4px) rotate(-1deg)}75%{transform:translate(4px) rotate(1deg)}}@keyframes popIn{0%{transform:scale(.7);opacity:.3}60%{transform:scale(1.12);opacity:1}to{transform:scale(1)}}@keyframes twinkle{0%,to{opacity:.2;transform:scale(.85)}50%{opacity:.8;transform:scale(1.1)}}@keyframes fadeUp{0%{opacity:.45;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes ringPulse{0%{transform:scale(.8);opacity:0}40%{opacity:1}to{transform:scale(1);opacity:1}}@keyframes coinSpin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@keyframes floatAway{0%{transform:translate(-50%,6px);opacity:0}18%{opacity:1}to{transform:translate(-50%,-34px);opacity:0}}@media (max-width: 680px){.game-frame{min-height:0}.game-hud{min-height:108px;padding:0 14px 8px;gap:0 10px}.hud-home{min-width:0}.hud-pier{width:46px!important}.hud-brand>strong{font-size:17px}.hud-brand>span{font-size:10px}.hud-navigation{gap:3px}.hud-tab{min-height:40px;padding:8px 11px;font-size:12px}.hud-coins>strong{font-size:17px}}@media (max-width: 360px){.game-hud{padding-inline:10px;gap:0 8px}.hud-tab{padding-inline:9px}.hud-coins{gap:4px}.hud-coins>svg{width:18px;height:18px}.hud-level{width:24px;height:28px;font-size:12px}}@media (max-height: 520px) and (min-width: 681px){.game-shell{padding:6px}.game-frame{height:calc(100vh - 12px);height:calc(100dvh - 12px)}.game-hud{min-height:58px;padding:2px 18px;gap:18px}.hud-pier{width:44px!important}.hud-brand>strong{font-size:17px}.hud-brand>span{font-size:10px}.hud-tab{min-height:40px;padding:7px 9px;font-size:12px}.hud-level{width:26px;height:30px;font-size:12px}.hud-coins>strong{font-size:18px}}.piano-setup{width:100%;padding:24px;border:1px solid #c4a7747a;border-radius:18px;color:#f4ead4;background:linear-gradient(145deg,#203342f5,#172735f5);box-shadow:0 14px 45px #080e1959,inset 0 1px #fff5ce14}.piano-setup.is-ready{border-color:#98cba4}.piano-setup__heading{display:flex;align-items:center;gap:13px}.piano-setup__icon{display:grid;place-items:center;flex-shrink:0;width:43px;height:47px;border:1px solid #d5b87b66;border-radius:12px;color:#f0cb82;background:#e0b36814}.piano-setup__eyebrow{color:#e4bf7c;font-size:9px;font-weight:900;letter-spacing:.14em}.piano-setup h2{margin:4px 0 0;color:#fff0cf;font:500 25px/1.15 Fredoka,sans-serif}.piano-setup__intro{margin:14px 0 17px;color:#d8dfdf;font-size:13px;line-height:1.5}.piano-setup__steps{display:flex;justify-content:space-between;gap:9px;margin:0 0 17px;padding:0;list-style:none}.piano-setup__steps li{display:flex;align-items:center;gap:5px;color:#d3dddf;font-size:10px;font-weight:800}.piano-setup__steps li>span{display:grid;place-items:center;flex-shrink:0;width:21px;height:21px;border:1px solid #b6c9cf66;border-radius:50%;font-size:10px}.piano-setup__steps .is-done{color:#bce8c4}.piano-setup__steps .is-done>span{border-color:#9bcca7;background:#8ac89c26}.piano-setup__feedback{padding:13px 14px;border:1px solid #e6d6ac2b;border-radius:10px;background:#101c2861}.piano-setup__feedback>strong{display:block;color:#fff0cf;font-size:13px;line-height:1.4}.piano-setup__feedback>p{margin:5px 0 0;color:#d6dedf;font-size:12px;line-height:1.5}.piano-setup__feedback.is-ready{border-color:#9ed4ac80;background:#376c4b33}.piano-setup__feedback.is-ready>strong{color:#c7f3ce}.piano-setup__feedback.is-error,.piano-setup__feedback.is-muted,.piano-setup__feedback.is-paused,.piano-setup__feedback.is-disconnected{border-color:#e8b68c80}.piano-setup__sound{margin-top:13px}.piano-setup__meter-label{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:35px;font-size:11px;color:#d7e1e1}.piano-setup__meter-label>strong{color:#f1cf82;font:500 26px/1 Fredoka,sans-serif}.piano-setup__meter{height:10px;overflow:hidden;border:1px solid #bed0d92b;border-radius:10px;background:#0d1925}.piano-setup__meter>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#75b49b,#e7c27d);transition:width .08s linear}.piano-setup__meter-hint{display:block;margin-top:7px;color:#b7c6cc;font-size:10px;line-height:1.5}.piano-setup__toggle{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:46px;margin-top:16px;padding:10px 13px;border:1px solid #ffdf9c;border-radius:9px;background:linear-gradient(#ffdf96,#e9ba63);color:#402d1b;font:900 14px Nunito,sans-serif;cursor:pointer}.piano-setup__toggle:hover{filter:brightness(1.08)}.piano-setup__toggle.is-stop{color:#e3e9e5;border-color:#b4c5c55e;background:#ffffff08;font-size:12px}.piano-setup__toggle:disabled{opacity:.6}.piano-setup__device{display:flex;flex-direction:column;gap:6px;margin-top:14px;color:#d6dfdf;font-size:11px;font-weight:800}.piano-setup__device select{width:100%;min-height:42px;padding:8px;border:1px solid #9aafb67a;border-radius:7px;background:#203441;color:#f7ebd4;font:12px Nunito,sans-serif}.piano-setup__help{margin-top:15px}.piano-setup__help summary{width:fit-content;min-height:30px;color:#e9c88b;font-size:12px;font-weight:800;cursor:pointer}.piano-setup__help ul{margin:4px 0 0;padding-left:17px;color:#d6dedf;font-size:12px;line-height:1.6}.piano-setup__help li+li{margin-top:8px}.piano-setup__privacy{margin:7px 0 0;color:#b7c6cc;font-size:10px;line-height:1.5}@media (max-width: 700px){.piano-setup{padding:18px;border-radius:14px}.piano-setup h2{font-size:23px}.piano-setup__intro{margin-block:11px 14px;font-size:12px}.piano-setup__steps{margin-bottom:13px;gap:6px}.piano-setup__feedback{padding:11px 12px}}@media (prefers-reduced-motion: reduce){.piano-setup__meter>span{transition:none}}.title-screen{position:absolute;top:0;right:0;bottom:0;left:0;isolation:isolate;overflow-x:hidden;overflow-y:auto;color:#fff3d5;background:#172432;font-family:Nunito,system-ui,sans-serif}.title-screen__painting{position:absolute;z-index:-2;top:0;right:0;bottom:0;left:0;background:var(--title-art) center / cover no-repeat}.title-screen:before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(17,22,28,.91) 0%,rgba(20,24,32,.81) 26%,rgba(22,24,30,.32) 48%,transparent 70%),linear-gradient(0deg,rgba(17,19,26,.56),transparent 22%);pointer-events:none}.title-screen__layout{display:flex;flex-direction:column;min-height:100%;padding:clamp(24px,4.2vh,48px) clamp(28px,5.5vw,88px) 24px}.title-screen__edition{display:flex;align-items:center;gap:11px;color:#dfcda6;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.title-screen__edition>span{color:#ecc365;font-size:17px}.title-screen__content{flex:1 0 auto;display:grid;grid-template-columns:minmax(0,430px) minmax(0,380px);align-content:center;align-items:start;gap:0 clamp(30px,5vw,90px);width:min(100%,900px);padding:34px 0}.title-screen__welcome{grid-column:1;grid-row:1}.title-screen__adventure{grid-column:1;grid-row:2}.title-screen__content>.piano-setup{grid-column:2;grid-row:1 / span 2;align-self:center}.title-screen__byline{margin:0 0 3px 3px;color:#f1cb80;font:500 clamp(24px,2.4vw,35px)/1.15 "Fredoka",sans-serif;letter-spacing:.02em}.title-screen h1{margin:0;color:#fff3d5;font:600 clamp(66px,7.2vw,100px)/.91 "Fredoka",sans-serif;letter-spacing:-.035em;text-shadow:0 4px 24px #15151b80}.title-screen h1>span{color:#f5c965}.title-screen__subtitle{display:flex;align-items:center;gap:12px;margin-top:23px;color:#f0d5a5;font-size:13px;font-weight:800;letter-spacing:.035em}.title-screen__subtitle>span{width:30px;height:1px;background:#cba965}.title-screen__intro{margin:14px 0 24px;color:#e2ded6;font-size:clamp(14px,1.35vw,17px);font-weight:500;line-height:1.65}.title-screen__play{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:58px;min-width:245px;padding:14px 22px;border:1px solid #ffe1a1;border-radius:12px;color:#432d1c;background:linear-gradient(180deg,#ffdf91,#e7b24e);box-shadow:0 4px #92602b,0 10px 24px #0d101a70,inset 0 1px #fff1c7;font:900 17px Nunito,system-ui,sans-serif;cursor:pointer;transition:filter .15s ease,transform .15s ease}.title-screen__play:hover{filter:brightness(1.09);transform:translateY(-2px)}.title-screen__play:active{transform:translateY(2px);box-shadow:0 2px #92602b,0 6px 16px #0d101a70}.title-screen__play.is-screen-play{min-height:49px;color:#e4ebee;background:#1c2f40e0;border-color:#a9c3d16b;box-shadow:0 4px 15px #0d101a40;font-size:14px}.title-screen__input-note{margin:13px 0 0;max-width:300px;color:#d0dcdf;font-size:11px;line-height:1.5}.title-screen__continue{margin:13px 0 0 2px;color:#e3c994;font-size:12px;font-weight:700}.title-screen__secondary{display:flex;flex-wrap:wrap;gap:9px 24px;margin-top:22px}.title-screen__secondary button{display:flex;align-items:center;gap:9px;min-height:40px;padding:8px 0;color:#d3e0ec;border:0;border-bottom:1px solid #d3e0ec35;border-radius:0;background:transparent;font:700 13px Nunito,system-ui,sans-serif;cursor:pointer}.title-screen__secondary button>span{color:#a1c4e0;font-size:19px}.title-screen__secondary button:hover{color:#fff;border-color:#d3e0ec}.title-screen button:focus-visible,.title-screen summary:focus-visible,.title-screen select:focus-visible,.title-settings button:focus-visible,.title-settings input:focus-visible{outline:3px solid #a8d9ff;outline-offset:5px}.title-screen__footer{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.title-screen__book{display:flex;flex-direction:column;gap:4px;min-width:0;padding-left:13px;border-left:2px solid #c59d55}.title-screen__book>span{color:#d5bd8d;font-size:9px;font-weight:800;letter-spacing:.18em}.title-screen__book>strong{color:#eee1c7;font-size:12px;font-weight:600}.title-screen__settings{display:flex;align-items:center;gap:8px;flex-shrink:0;min-height:40px;padding:10px 14px;border:1px solid #d8c79f40;border-radius:8px;background:#17212cbd;color:#eadfc7;font:700 12px Nunito,system-ui,sans-serif;cursor:pointer}.title-screen__settings:hover{background:#263447;border-color:#e1c68e}.title-settings{width:min(540px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:0;overflow:hidden;border:1px solid #e8cb8d;border-radius:18px;color:#493629;background:#fbf3e1;box-shadow:0 25px 100px #0008;font-family:Nunito,system-ui,sans-serif}.title-settings[open]{display:flex;flex-direction:column}.title-settings::backdrop{background:#101b2bd9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.title-settings__paper{min-height:0;padding:28px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;background:radial-gradient(ellipse at top left,#fffdf5,transparent 70%)}.title-settings__header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.title-settings__eyebrow{color:#957342;font-size:10px;font-weight:900;letter-spacing:.12em}.title-settings h2{margin:5px 0 24px;color:#473024;font-size:23px;font-weight:900}.title-settings__close{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;padding:0;border:1px solid #d9c7a4;border-radius:50%;background:#f3e8d1;color:#6d5437;font:400 25px/1 Nunito,sans-serif;cursor:pointer}.title-settings__books{min-width:0;margin:0;padding:0;border:0}.title-settings__books legend{padding:0;font-size:15px;font-weight:900}.title-settings__books>p,.title-settings__reset p{margin:6px 0 16px;color:#796448;font-size:13px;line-height:1.5}.title-settings__books label{display:flex;align-items:flex-start;gap:11px;margin-top:9px;padding:13px;border:1px solid #d9c9ac;border-radius:10px;background:#fffcf5;cursor:pointer}.title-settings__books label.is-selected{border-color:#8aacc6;background:#ecf1f4}.title-settings__books input{flex-shrink:0;margin:3px 0 0;accent-color:#376484}.title-settings__books label>span{display:flex;flex-direction:column;gap:4px}.title-settings__books label strong{font-size:14px}.title-settings__books label span span{color:#796448;font-size:12px;line-height:1.5}.title-settings__reset{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-top:23px;padding-top:16px;border-top:1px solid #dfcfb2}.title-settings__reset p{margin:0}.title-settings__reset button{min-height:40px;border:1px solid #ba7964;border-radius:7px;padding:8px 12px;color:#904933;background:transparent;font:800 12px Nunito,sans-serif;cursor:pointer}.title-settings__footer{flex-shrink:0;padding:17px 28px;border-top:1px solid #dfcfb2;background:#f5ead4}.title-settings__done{display:block;width:100%;min-height:44px;margin:0;padding:12px 18px;border:1px solid #34576e;border-radius:9px;color:#fff9eb;background:#34576e;font:800 14px Nunito,sans-serif;cursor:pointer}@media (max-width: 900px){.title-screen__content{display:flex;flex-direction:column;align-items:stretch;width:min(100%,440px);gap:21px}.title-screen__intro{margin-bottom:0}}@media (max-width: 700px){.title-screen__painting{background-position:57% center}.title-screen:before{background:linear-gradient(180deg,#15202ee8,#172330c9 35%,#18212d73 65%,#17212d24 80%,#121a28b3)}.title-screen__layout{min-height:100%;padding:23px 26px 21px}.title-screen__edition{gap:8px;font-size:8px;letter-spacing:.12em}.title-screen__edition>span{font-size:13px}.title-screen__content{justify-content:flex-start;gap:22px;padding-top:28px;padding-bottom:28px}.title-screen__byline{font-size:25px}.title-screen h1{font-size:clamp(54px,13vw,72px)}.title-screen__subtitle{margin-top:19px;gap:9px;font-size:11px}.title-screen__subtitle>span{width:23px}.title-screen__intro{margin:13px 0 0;font-size:13px}.title-screen__play{min-width:235px;min-height:53px;font-size:16px}.title-screen__secondary{gap:8px 21px;margin-top:18px}.title-screen__secondary button{font-size:12px}.title-screen__footer{align-items:center}.title-screen__book>strong{max-width:170px;font-size:10px}.title-screen__book>span{font-size:8px}.title-screen__settings{gap:6px;padding:9px;font-size:10px}.title-settings__paper{padding:20px}.title-settings__header{gap:13px}.title-settings__footer{padding:14px 20px}}@media (max-width: 700px) and (max-height: 700px){.title-screen__layout{padding:19px 23px 18px}.title-screen__content{gap:19px;padding-top:24px;padding-bottom:28px}.title-screen h1{font-size:clamp(54px,15vw,65px)}.title-screen__byline{font-size:23px}.title-screen__subtitle{margin-top:16px}.title-screen__intro{margin-top:11px;margin-bottom:0}.title-screen__secondary{gap:4px 17px;margin-top:13px}.title-screen__secondary button{font-size:11px}}@media (min-width: 701px) and (max-height: 690px){.title-screen__layout{padding-top:20px;padding-bottom:18px}.title-screen__content{padding:20px 0}.title-screen h1{font-size:clamp(62px,10vh,84px)}.title-screen__byline{font-size:26px}.title-screen__subtitle{margin-top:17px}.title-screen__intro{margin:10px 0 18px;font-size:14px}.title-screen__play{min-height:51px}.title-screen__secondary{margin-top:15px}}@media (min-width: 701px) and (max-height: 480px){.title-screen__layout{padding:14px 30px}.title-screen__edition{font-size:8px}.title-screen__content{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,1fr);gap:0 30px;width:min(100%,900px);padding:22px 0}.title-screen__byline{margin-bottom:5px;font-size:22px}.title-screen h1{font-size:54px}.title-screen__subtitle{margin-top:13px;font-size:10px}.title-screen__intro{margin:11px 0 16px;font-size:12px}.title-screen__play{width:100%;min-width:0;min-height:46px;padding:11px 16px;font-size:14px}.title-screen__continue{margin:10px 0 0;font-size:10px;line-height:1.5}.title-screen__secondary{gap:2px 18px;margin-top:10px}.title-screen__secondary button{font-size:11px}.title-screen__footer{align-items:center}.title-screen__book>strong{font-size:10px}.title-screen__settings{font-size:10px}.title-settings__paper{padding:20px 24px}.title-settings__footer{padding:12px 24px}}@media (prefers-reduced-motion: reduce){.title-screen__play{transition:none}}.equipped-pier{position:relative;display:block;flex:0 0 auto;max-width:100%;aspect-ratio:1;isolation:isolate;-webkit-user-select:none;user-select:none;pointer-events:none}.equipped-pier__ground{position:absolute;left:21%;top:92%;width:58%;height:5%;border-radius:50%;background:radial-gradient(ellipse,rgb(35 21 13 / 26%),transparent 72%)}.equipped-pier__body,.equipped-pier__item{position:absolute;display:block;height:auto;object-fit:contain}.equipped-pier__body{left:14.5%;top:29%;width:70%;filter:drop-shadow(0 1.8px 1.2px rgb(38 21 10 / 16%))}.equipped-pier__item{filter:drop-shadow(0 1px .6px rgb(38 21 10 / 24%))}.equipped-pier__item--explorer{left:26.5%;top:8.5%;width:47%;transform:rotate(-4deg)}.equipped-pier__item--dress{left:35.5%;top:2%;width:28%;clip-path:inset(0 0 23% 0);transform:rotate(-7deg);transform-origin:50% 74%}.equipped-pier__item--slingshot{left:71.2%;top:59.5%;width:27%}.equipped-pier__item--wand{left:77%;top:47.8%;width:21%}.equipped-pier__item--lantern{left:44%;top:68%;width:14%;transform:rotate(-9deg);filter:drop-shadow(0 0 3px rgb(255 222 130 / 70%)) drop-shadow(0 1px .7px rgb(53 31 11 / 45%))}.equipped-pier__item--crown{left:6%;top:66.5%;width:20%;transform:rotate(11deg)}.equipped-pier__grip{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;fill:none;stroke:#6d3e1e;stroke-width:1.1;stroke-linecap:round}.chapter-book{width:min(980px,calc(100vw - 40px));max-height:calc(100dvh - 40px);margin:auto;padding:0;overflow:hidden;border:8px solid #543a2d;border-radius:14px;outline:1px solid #b3955d;background:#fbf3df;color:#49382d;box-shadow:0 28px 100px #0c111bc9,inset 0 0 0 1px #cdb885;font-family:Nunito,system-ui,sans-serif}.chapter-book[open]{display:flex;flex-direction:column}.chapter-book::backdrop{background:#101b2cba;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.chapter-book__header{position:relative;display:flex;align-items:center;gap:20px;flex-shrink:0;padding:22px 64px 21px 28px;border-bottom:1px solid #d9c9a6;background:#f7ecd2}.chapter-book__heading{flex:1;min-width:0}.chapter-book__eyebrow{color:#8e6f43;font-size:10px;font-weight:900;letter-spacing:.15em}.chapter-book__eyebrow span{margin:0 5px}.chapter-book__header h2{margin:5px 0;color:#493228;font:500 29px/1.1 Fredoka,sans-serif}.chapter-book__header p{max-width:590px;margin:7px 0 0;color:#786448;font-size:12px;line-height:1.5}.chapter-book__host{flex-shrink:0}.chapter-book__close{position:absolute;top:16px;right:16px;display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid #ccb991;border-radius:50%;color:#6b5136;background:#efe1c1;font:400 25px/1 Nunito,sans-serif;cursor:pointer}.chapter-book__close:hover{background:#e4d0a7}.chapter-book__pages{display:grid;grid-template-columns:minmax(250px,.88fr) minmax(0,1.3fr);min-height:0;overflow-y:auto;overscroll-behavior:contain;background:#fff8e9}.chapter-book__contents{display:flex;flex-direction:column;min-width:0;padding:25px 23px 22px;border-right:1px solid #cdbb91;background:linear-gradient(90deg,#f7edd8,#fcf4e2 85%,#e3d2ae)}.chapter-book__contents-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:13px}.chapter-book__contents-heading h3{margin:0;color:#664c34;font-size:13px;font-weight:900}.chapter-book__contents-heading>span{color:#8c7959;font-size:10px;font-weight:800;white-space:nowrap}.chapter-book__song-list{display:flex;flex-direction:column;gap:5px;margin:0;padding:0;list-style:none}.chapter-book__song{display:flex;align-items:center;gap:10px;width:100%;min-height:62px;margin:0;padding:10px 11px;border:1px solid transparent;border-radius:8px;color:#554331;background:transparent;text-align:left;font-family:inherit;cursor:pointer}.chapter-book__song:hover{background:#eee0c2}.chapter-book__song.is-selected{border-color:#b6c5c9;background:#e8eef0;box-shadow:inset 3px 0 #426b83,0 2px 5px #70552b0a}.chapter-book__song-number{align-self:flex-start;padding-top:2px;color:#aa9877;font-size:10px;font-weight:900}.chapter-book__song.is-selected .chapter-book__song-number{color:#426b83}.chapter-book__song-copy{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}.chapter-book__song-copy strong{color:#4f3b2c;font-size:12px;font-weight:900;line-height:1.3}.chapter-book__song-copy>span{color:#8e795b;font-size:10px;font-weight:600}.chapter-book__stars{display:inline-flex;flex-shrink:0;gap:2px;font-size:13px;line-height:1;white-space:nowrap}.chapter-book__stars>span{color:#d9cdb2}.chapter-book__stars .is-earned{color:#b97d25;text-shadow:0 1px 0 #ffecb4}.chapter-book__contents-note{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:auto;padding-top:25px;color:#9f875b}.chapter-book__contents-note>span{font-size:32px}.chapter-book__contents-note p{margin:0;color:#927c5b;font-size:11px;line-height:1.7}.chapter-book__feature{display:flex;flex-direction:column;align-items:center;min-width:0;padding:24px 30px 29px;background:linear-gradient(90deg,#e3d3b4,#f9f0dd 3%,#fffaee 12%,#fffaee 92%,#f2e6cb);text-align:center}.chapter-book__feature-topline{display:flex;align-items:center;justify-content:space-between;align-self:stretch;gap:12px}.chapter-book__feature-topline>span:first-child{color:#977b4b;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.chapter-book__song-portrait{position:relative;display:grid;place-items:center;width:min(100%,310px);margin:8px auto 7px}.chapter-book__music-lines{position:absolute;top:25%;right:0;left:0;height:50%;background:repeating-linear-gradient(180deg,transparent 0 11px,#c2ae7e38 11px 12px);color:#b99d624d;font-size:25px}.chapter-book__music-lines span:first-child{position:absolute;top:-10px;left:24px;transform:rotate(-12deg)}.chapter-book__music-lines span:last-child{position:absolute;right:14px;bottom:-6px;transform:rotate(12deg)}.chapter-book__feature-title{margin:0;color:#493228;font:500 27px/1.15 Fredoka,sans-serif}.chapter-book__story{max-width:390px;margin:9px 0 20px;color:#816b4c;font-size:12px;line-height:1.6}.chapter-book__stages{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-self:stretch;gap:4px;margin:0 0 18px;padding:0;list-style:none}.chapter-book__stages:before{content:"";position:absolute;top:12px;right:12.5%;left:12.5%;height:1px;background:#d4c5a5}.chapter-book__stages li{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0}.chapter-book__stage-marker{display:grid;place-items:center;width:25px;height:25px;border:1px solid #d8c9a9;border-radius:50%;color:#a59374;background:#fcf5e6;font-size:11px;font-weight:900}.chapter-book__stages strong{color:#8d795a;font-size:10px;font-weight:900}.chapter-book__stage-status{color:#a08c6a;font-size:9px}.chapter-book__stages .is-done .chapter-book__stage-marker{border-color:#8caa8c;color:#fffaf0;background:#64836a}.chapter-book__stages .is-done strong,.chapter-book__stages .is-done .chapter-book__stage-status{color:#64836a}.chapter-book__stages .is-current .chapter-book__stage-marker{border-color:#c99437;color:#765018;background:#f5d78c;box-shadow:0 0 0 3px #f3dfb480}.chapter-book__stages .is-current strong,.chapter-book__stages .is-current .chapter-book__stage-status{color:#94651f}.chapter-book__next{align-self:stretch;margin-top:auto;padding:13px 15px;border:1px solid #dbc79e;border-radius:8px;background:#f5ead2}.chapter-book__next>span{display:block;margin-bottom:4px;color:#9b7a40;font-size:8px;font-weight:900;letter-spacing:.13em}.chapter-book__next>strong{color:#72512a;font-size:14px;font-weight:900}.chapter-book__next p{margin:5px 0 0;color:#816c4a;font-size:11px;line-height:1.5}.chapter-book__play{display:flex;align-items:center;justify-content:space-between;align-self:stretch;gap:20px;min-height:47px;margin-top:13px;padding:11px 20px;border:1px solid #d5a34e;border-radius:9px;color:#51351e;background:linear-gradient(#f9d787,#e8b451);box-shadow:0 3px #9b6b30,inset 0 1px #ffebbf;font:900 15px Nunito,sans-serif;cursor:pointer}.chapter-book__play:hover{filter:brightness(1.06)}.chapter-book__play:active{transform:translateY(2px);box-shadow:0 1px #9b6b30}.chapter-book__play:disabled{color:#9a8a6d;border-color:#cebf9f;background:#e9dec6;box-shadow:none;cursor:default;filter:none}.chapter-book__footer{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-shrink:0;min-height:31px;padding:8px 26px;border-top:1px solid #d5c3a1;background:#f4e8ce;color:#a28a61;font-size:9px;font-weight:800;letter-spacing:.06em}.chapter-book__empty{margin:35px;color:#816b4c;font-size:14px}.chapter-book button:focus-visible{outline:3px solid #397aab;outline-offset:3px}@media (min-width: 701px) and (max-height: 760px){.chapter-book__header{padding-top:17px;padding-bottom:17px}.chapter-book__header h2{font-size:26px}.chapter-book__feature{padding:19px 27px 23px}.chapter-book__song-portrait{margin-top:3px;margin-bottom:3px}.chapter-book__song-portrait>img,.chapter-book__song-portrait>div[role=img]{width:128px!important;height:108px!important}.chapter-book__feature-title{font-size:25px}.chapter-book__story{margin:7px 0 15px}.chapter-book__stages{margin-bottom:13px}.chapter-book__contents{padding-top:20px;padding-bottom:19px}.chapter-book__song{min-height:58px}}@media (max-width: 700px){.chapter-book{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-width:5px;border-radius:11px}.chapter-book__header{gap:10px;padding:19px 42px 17px 19px}.chapter-book__eyebrow{font-size:8px;letter-spacing:.1em}.chapter-book__header h2{margin-top:6px;font-size:24px}.chapter-book__header p{font-size:11px}.chapter-book__host{display:none}.chapter-book__close{top:11px;right:10px;width:28px;height:28px}.chapter-book__pages{display:flex;flex-direction:column}.chapter-book__contents{flex-shrink:0;padding:12px;border-right:0;border-bottom:1px solid #cfbb93;background:#f6edd7}.chapter-book__contents-heading{margin-bottom:9px;padding:0 4px}.chapter-book__contents-heading h3{font-size:12px}.chapter-book__song-list{max-height:104px;overflow-y:auto;padding:3px 4px 4px;overscroll-behavior:contain;scrollbar-width:thin}.chapter-book__song{min-height:52px;padding:9px 10px}.chapter-book__song-copy strong{font-size:12px}.chapter-book__contents-note{display:none}.chapter-book__feature{flex-shrink:0;padding:16px 19px 20px;background:linear-gradient(90deg,#f4e9d0,#fff9ec 8%,#fff9ec 92%,#f4e9d0)}.chapter-book__feature-topline>span:first-child{font-size:9px}.chapter-book__song-portrait{margin-top:5px;margin-bottom:5px}.chapter-book__song-portrait>img,.chapter-book__song-portrait>div[role=img]{width:100px!important;height:80px!important}.chapter-book__feature-title{font-size:25px}.chapter-book__story{margin-bottom:17px;font-size:11px}.chapter-book__next{padding:12px 13px}.chapter-book__footer{min-height:29px;padding:7px 15px;font-size:8px}}.chapter-book{max-width:calc(100vw - 20px);max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px)}.chapter-book__pages{flex:1 1 auto;overflow-x:hidden;scrollbar-color:#b6a07a #f1e5cc;scrollbar-width:thin;scroll-padding-block:14px}.chapter-book__song-copy strong,.chapter-book__feature-title,.chapter-book__header h2{overflow-wrap:anywhere}.chapter-book__close{width:40px;height:40px}.chapter-book__play{flex-shrink:0;line-height:1.35}.chapter-book__play>svg{flex-shrink:0}.chapter-book__song-list{scroll-padding-block:6px}.chapter-book__footer{line-height:1.4}.chapter-book__footer.has-action{gap:20px;padding:12px 24px 14px}.chapter-book__stamp{display:flex;flex-direction:column;gap:4px;min-width:0}.chapter-book__stamp strong{color:#8b714b;font-size:10px;font-weight:800}.chapter-book__stamp>span{font-size:9px;letter-spacing:.03em}.chapter-book__footer .chapter-book__play{align-self:center;width:min(100%,360px);min-width:210px;margin:0;letter-spacing:0}@media (max-width: 700px){.chapter-book{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.chapter-book__header{padding:16px 52px 14px 16px}.chapter-book__header h2{font-size:24px}.chapter-book__header p{margin-top:6px;line-height:1.45}.chapter-book__close{top:10px;right:8px;width:36px;height:36px}.chapter-book__song-list{max-height:clamp(100px,21dvh,140px)}.chapter-book__song{gap:7px}.chapter-book__feature{padding-inline:16px}.chapter-book__story{font-size:12px;line-height:1.5}.chapter-book__play{padding-inline:15px;min-height:46px;font-size:14px}.chapter-book__footer{padding:7px 12px;gap:8px;font-size:9px}.chapter-book__footer.has-action{padding:11px 13px 13px}.chapter-book__footer.has-action .chapter-book__stamp{display:none}.chapter-book__footer .chapter-book__play{width:100%;min-width:0}}@media (max-height: 450px) and (min-width: 701px){.chapter-book{max-height:calc(100dvh - 16px);border-width:5px}.chapter-book__header{padding:11px 60px 11px 20px}.chapter-book__eyebrow{font-size:9px}.chapter-book__header h2{font-size:24px}.chapter-book__header p{font-size:11px;line-height:1.4}.chapter-book__host{display:none}.chapter-book__close{top:10px;right:11px;width:36px;height:36px}.chapter-book__contents{padding:15px}.chapter-book__feature{padding:15px 22px 19px}.chapter-book__song-portrait>img,.chapter-book__song-portrait>div[role=img]{width:90px!important;height:78px!important}}.journey-screen{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;isolation:isolate;color:#fff2d4;background:#29222a}.journey-world{position:absolute;top:0;right:0;bottom:0;left:0;container-type:size;background:radial-gradient(ellipse at center,#554134,#22202a 80%)}.journey-world:before{content:"";position:absolute;top:-30px;right:-30px;bottom:-30px;left:-30px;background:var(--journey-painting) center / cover;filter:blur(28px);opacity:.2;pointer-events:none}.journey-world:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#191923b3,transparent 24%,transparent 86%,#1919236b),linear-gradient(0deg,#1a151c6b,transparent 20%);pointer-events:none}.journey-painting{position:absolute;width:min(100cqw,calc(100cqh * 1660 / 948));aspect-ratio:1660 / 948;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--journey-painting) center / 100% 100% no-repeat}.journey-thread{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;fill:none;stroke-linecap:round;pointer-events:none}.journey-thread-shadow{stroke:#37211880;stroke-width:13}.journey-thread-start,.journey-thread-line{stroke:#f4e7c691;stroke-width:4;stroke-dasharray:4 15}.journey-thread-start,.journey-thread-line.is-reached{stroke:#f4ca77;stroke-width:5;stroke-dasharray:5 12;filter:drop-shadow(0 0 4px #dda64780)}.journey-node{position:absolute;z-index:2;display:flex;align-items:center;flex-direction:column;gap:6px;width:144px;padding:0;transform:translate(-50%,-36px);color:#f9edcf;border:0;background:none;cursor:pointer}.journey-landmark{position:relative;display:flex;align-items:center;justify-content:center;width:68px;height:68px;border:2px solid #dbc28d;border-radius:50%;background:radial-gradient(ellipse at 45% 30%,#fff5d6,#cdb68d);box-shadow:0 5px 12px #1d111c6b,inset 0 0 0 3px #8c724033;transition:transform .2s,box-shadow .2s}.journey-node:not(:disabled):hover .journey-landmark{transform:translateY(-3px);box-shadow:0 8px 16px #1d111c80,0 0 0 5px #f4d08933}.journey-stop-number{position:absolute;top:-7px;left:-5px;display:grid;place-items:center;width:24px;height:24px;border:1px solid #c2a875;border-radius:50%;color:#e6d1a7;background:#47342a;font-size:10px;font-weight:800}.journey-place-label{display:flex;flex-direction:column;gap:3px;padding:6px 11px;border:1px solid #c7a26773;border-radius:4px 9px;color:#f6e9cc;background:#302622ed;box-shadow:0 3px 9px #21151a40;text-align:center}.journey-place-label strong{font:500 13px/1.1 Fredoka,sans-serif;white-space:nowrap}.journey-place-label>span{font-size:9px;color:#dfc6a0;line-height:1.15}.journey-node.is-current .journey-landmark{border-color:#ffe2a0;box-shadow:0 0 0 5px #f7c96840,0 0 30px #ffcb6680,0 6px 12px #25171c80}.journey-node.is-current .journey-stop-number{background:#e3b563;color:#402c1f;border-color:#ffe3a5}.journey-node.is-current .journey-place-label{color:#3f2a1f;background:#fff0cc;border-color:#dfba70}.journey-node.is-current .journey-place-label>span{color:#7b5c33}.journey-node.is-locked{cursor:default}.journey-node.is-locked .journey-landmark{background:#bfc0b7;border-color:#d0d1c2;box-shadow:0 4px 12px #19131c66}.journey-node.is-locked .journey-landmark>img,.journey-node.is-locked .journey-landmark>div{filter:grayscale(.85);opacity:.63}.journey-node.is-locked .journey-place-label{background:#252a2de8;border-color:#a6b2b15e;color:#e1e1d8}.journey-node.is-locked .journey-place-label>span{color:#bdc6c8}.journey-lock,.journey-complete{position:absolute;bottom:-3px;right:-4px;display:grid;place-items:center;width:22px;height:22px;color:#e2e8e5;border:1px solid #bdc2b6;border-radius:50%;background:#465257}.journey-complete{color:#fff2d3;background:#647453;border-color:#ced5aa}.journey-keepsake-ribbon{position:absolute;z-index:-1;width:29px;height:19px;top:10px;left:55px;background:#7d9467;clip-path:polygon(0 0,100% 0,80% 50%,100% 100%,0 100%);transform:rotate(-8deg)}.journey-traveller{position:absolute;z-index:3;width:8%;filter:drop-shadow(0 5px 3px #20101b70);pointer-events:none}.journey-heading{position:absolute;z-index:4;top:25px;left:clamp(24px,3.2vw,52px);pointer-events:none;text-shadow:0 2px 12px #15131e}.journey-eyebrow{margin:0 0 5px;color:#eed49e;font-size:10px;font-weight:800;letter-spacing:.2em}.journey-heading h1{margin:0;font:500 clamp(30px,3.2vw,43px)/1.1 "Fredoka",sans-serif;color:#fff1d5}.journey-heading>p:not(.journey-eyebrow){margin:7px 0 12px;font-size:13px;color:#eddfc8}.journey-book-label{display:flex;align-items:center;gap:7px;color:#e8c58b;font-size:10px;font-weight:700}.journey-progress{position:absolute;z-index:4;top:30px;right:34px;display:flex;flex-direction:column;align-items:flex-end;gap:8px;padding:10px 13px;border-radius:7px;background:#20202a9c;color:#ece0c4;font-size:10px}.journey-progress-dots{display:flex;align-items:center;gap:10px}.journey-progress-dots>i{width:7px;height:7px;border-radius:50%;background:#c6c7c06b}.journey-progress-dots>i.is-here{background:#e7bb6d;box-shadow:0 0 0 3px #e7bb6d40}.journey-progress-dots>i.is-done{background:#b1c191}.journey-mobile-hint{display:none}.journey-next{position:absolute;z-index:5;left:clamp(24px,3.2vw,52px);bottom:26px;width:clamp(250px,24vw,310px);padding:20px 22px 16px;border:1px solid #ebcf95;border-radius:5px 18px;background:linear-gradient(130deg,#fff5de,#e5d3b2);color:#483023;box-shadow:0 12px 30px #140e1c66}.journey-next-eyebrow{font-size:9px;font-weight:800;letter-spacing:.15em;color:#886436}.journey-next-place{margin-top:11px;font-size:11px;color:#7b6145}.journey-next-place>span{padding-inline:3px}.journey-next h2{margin:5px 0 7px;font:500 25px/1.1 Fredoka,sans-serif}.journey-next-stage{min-height:17px;font-size:12px;color:#6d5a44}.journey-play{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:43px;margin-top:15px;padding:10px 14px;border:1px solid #b48233;border-radius:7px;background:linear-gradient(#f9d78e,#e6b254);color:#422d1d;box-shadow:0 3px #95622c;font-size:13px;font-weight:800;cursor:pointer;transition:filter .15s,transform .15s}.journey-play:hover{filter:brightness(1.08);transform:translateY(-1px)}.journey-choose{display:block;width:100%;margin-top:10px;padding:6px 0 0;border:0;background:transparent;color:#755833;font-size:10px;cursor:pointer}.journey-choose:hover{text-decoration:underline;text-underline-offset:3px}.journey-choose span{margin-left:3px}.journey-practice{position:absolute;z-index:4;right:30px;bottom:28px;display:flex;flex-direction:column;align-items:flex-end;gap:9px;padding:12px 15px;border:1px solid #d8b88640;border-radius:8px;background:#27232ae8}.journey-practice>span{font-size:8px;letter-spacing:.19em;color:#ccb790;font-weight:800}.journey-practice>div{display:flex;flex-wrap:wrap;gap:18px}.journey-practice button{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;border:0;padding:3px 0;background:transparent;color:#eee0c4;font-size:11px;font-weight:700;cursor:pointer}.journey-practice button:hover{color:#f8d592}.journey-practice small{color:#c1b393;font-size:9px;font-weight:400}@media (min-width: 1450px){.journey-node{transform:translate(-50%,-42px)}.journey-landmark{width:80px;height:80px}.journey-place-label strong{font-size:15px}.journey-place-label>span{font-size:10px}}@media (max-width: 1050px) and (min-width: 681px){.journey-heading{top:21px;left:26px}.journey-heading h1{font-size:33px}.journey-heading>p:not(.journey-eyebrow){font-size:11px}.journey-next{left:25px;bottom:23px;width:210px;padding:17px 18px 14px}.journey-next h2{font-size:22px}.journey-next-place{font-size:10px}.journey-place-label{padding:5px 8px}.journey-place-label strong{font-size:11px}.journey-landmark{width:59px;height:59px}.journey-node{transform:translate(-50%,-29px)}.journey-practice{right:25px;bottom:24px}.journey-practice>div{gap:12px}.journey-practice button{font-size:10px}}.journey-screen{overflow-x:hidden}.journey-play,.journey-choose,.journey-practice button{min-height:44px}.journey-choose{padding-block:9px}.journey-play>svg{flex-shrink:0}.journey-screen button:focus-visible{outline:3px solid #a8d9ff;outline-offset:4px}@media (max-width: 680px),(max-height: 600px) and (max-width: 1050px){.journey-screen{display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-color:#b39260 #29232b;scrollbar-width:thin}.journey-heading{position:relative;inset:auto;order:0;flex-shrink:0;padding:18px 20px 10px;background:#28232a}.journey-eyebrow{font-size:9px}.journey-heading h1{font-size:31px}.journey-heading>p:not(.journey-eyebrow){font-size:12px;margin-bottom:8px}.journey-progress{position:relative;inset:auto;order:1;flex-shrink:0;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;max-width:none;padding:0 20px 12px;border-radius:0;background:#28232a;font-size:10px;text-align:left}.journey-progress-dots{gap:9px;flex-shrink:0}.journey-progress-dots>i{width:6px;height:6px}.journey-mobile-hint{order:2;flex-shrink:0;display:flex;justify-content:space-between;gap:8px;padding:0 20px 11px;margin:0;color:#c5b99f;background:#28232a;font-size:10px}.journey-world{position:relative;flex:0 0 auto;order:3;height:max(389px,calc(100vw * 948 / 1660));overflow-x:auto;overflow-y:hidden;background:#24232c;scrollbar-color:#b39260 #29232b;scrollbar-width:thin;overscroll-behavior-x:contain}.journey-world:before,.journey-world:after{display:none}.journey-painting{width:max(680px,100%);left:0;top:0;transform:none}.journey-node{width:120px;gap:5px;transform:translate(-50%,-24px)}.journey-landmark{width:48px;height:48px}.journey-stop-number{width:20px;height:20px;font-size:9px}.journey-place-label{padding:5px 7px}.journey-place-label strong{font-size:11px}.journey-place-label>span{font-size:9px}.journey-lock,.journey-complete{width:18px;height:18px}.journey-keepsake-ribbon{top:7px;left:38px;width:22px;height:15px}.journey-next{position:relative;inset:auto;order:4;flex-shrink:0;width:auto;margin:16px 18px 0;padding:17px 20px 12px}.journey-next h2{font-size:24px}.journey-practice{position:relative;inset:auto;order:5;flex-shrink:0;align-items:center;padding:12px 15px;margin:12px 18px 18px}.journey-practice>span{font-size:9px}.journey-practice>div{justify-content:center;gap:10px 24px}.journey-practice button{font-size:12px}.journey-traveller{width:9%}}@media (max-height: 450px) and (min-width: 681px) and (max-width: 1050px){.journey-heading{padding-top:13px}.journey-heading>p:not(.journey-eyebrow){display:none}.journey-book-label{margin-top:7px}}.encounter-scene{position:relative;flex:0 0 158px;height:158px;min-height:158px;overflow:hidden;isolation:isolate;color:#f7ecd3;border:1px solid #c5a76f73;border-radius:7px 15px 5px 5px;background:#322a2a;box-shadow:inset 0 0 0 3px #100e1226,0 5px 12px #45321f14}.encounter-scene__painting{position:absolute;z-index:-3;top:0;right:0;bottom:0;left:0;background:var(--encounter-painting) var(--encounter-position) / 125% auto no-repeat;opacity:.8}.encounter-scene:before{content:"";position:absolute;z-index:-2;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#24324859,#211c2199 25%,#241c21a6 72%,#a47b3440),linear-gradient(180deg,#1d223d33,transparent 70%)}.encounter-scene:after{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 10% 55%,#d0e5f329,transparent 23%),radial-gradient(ellipse at 90% 60%,#ffe1a62e,transparent 24%);box-shadow:inset 0 0 28px #1a111b52}.encounter-scene__floor{position:absolute;z-index:-1;inset:auto 0 0;height:31px;border-top:1px solid #ddbb7547;background:linear-gradient(180deg,#785234b3,#38241fd9),repeating-linear-gradient(0deg,transparent 0 5px,#d2b18324 6px,transparent 7px 9px)}.encounter-scene__hero{position:absolute;left:25px;bottom:15px;width:136px;filter:drop-shadow(0 5px 3px #150d1866)}.encounter-scene__hero-name,.encounter-scene__listener-name{position:absolute;bottom:6px;color:#eddbb9;font-size:9px;line-height:1;text-shadow:0 1px 4px #1a1019}.encounter-scene__hero-name{left:74px}.encounter-scene__listener-name{right:20px;max-width:155px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.encounter-scene__content{position:absolute;top:14px;right:180px;bottom:12px;left:176px;display:flex;flex-direction:column;min-width:0}.encounter-scene__breadcrumb{display:flex;align-items:center;gap:8px;color:#d8c29a;font-size:9px;font-weight:800;line-height:1.15;letter-spacing:.12em;text-transform:uppercase}.encounter-scene__breadcrumb i{font-style:normal;color:#b39464}.encounter-scene__breadcrumb>span{white-space:nowrap}.encounter-scene__heading{display:flex;flex-wrap:wrap;align-items:center;gap:5px 10px;margin-top:6px;min-width:0}.encounter-scene__heading h2{flex:0 1 auto;min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff1d3;font:500 clamp(19px,2vw,25px)/1.12 "Fredoka",sans-serif;text-shadow:0 2px 8px #140e1c66}.encounter-scene__stage{flex-shrink:0;padding:3px 7px;border:1px solid #d4b47466;border-radius:4px;color:#e8cd94;background:#a8844326;font-size:9px;font-weight:700;line-height:1;white-space:nowrap}.encounter-scene__message{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:0;margin:7px 0 0;max-width:670px;color:#e5d6bd;font-size:11px;line-height:1.35}.encounter-scene__message.is-response{color:#f0d59e;font-style:italic}.encounter-music{flex-shrink:0;margin-top:auto;padding-top:6px;max-width:550px}.encounter-music__labels{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:5px;color:#e2cda7;font-size:9px;line-height:1;font-variant-numeric:tabular-nums}.encounter-music__labels>span{white-space:nowrap}.encounter-music__style{color:#f3cf7f;margin-left:auto}.encounter-music__remaining{height:7px;overflow:hidden;border:1px solid #b7955c6b;border-radius:5px;background:#130f18b3}.encounter-music__remaining>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#a4b5c2,#dfcfab);transition:width .35s ease}.encounter-music__phrase{height:3px;margin-top:3px;overflow:hidden;border-radius:4px;background:#f4dba01a}.encounter-music__phrase>span{display:block;height:100%;border-radius:inherit;background:#e7b75e;transition:width .15s linear}.encounter-listener{position:absolute;right:40px;bottom:22px;width:106px;height:103px}.encounter-listener__shadow{position:absolute;left:-6%;right:-6%;bottom:-4px;height:12px;border-radius:50%;background:radial-gradient(ellipse,#110c15a6,transparent 70%)}.encounter-listener__figure{position:relative;width:100%;height:100%;transition:opacity .4s ease;filter:drop-shadow(0 5px 3px #100c1573)}.encounter-listener__figure.is-reacting{animation:wiggle .42s ease}.encounter-listener__floats{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:visible}.encounter-float{position:absolute;left:50%;top:18%;transform:translate(-50%);white-space:nowrap;color:#ffe0ad;text-shadow:0 1px 2px #281622,0 0 8px #281622;font:600 18px/1 Fredoka,sans-serif;animation:floatAway 1.1s ease-out forwards}.encounter-float--crit{color:#ffe49f;font-size:13px}.encounter-float--seal{color:#d4e9ad;font-size:16px}.encounter-scene.is-won-over .encounter-listener__figure{opacity:.55}.encounter-scene.is-won-over .encounter-scene__message,.encounter-scene.is-won-over .encounter-music__labels{color:#d0ddb0}.encounter-scene__leave{position:absolute;top:10px;right:13px;display:flex;align-items:center;gap:5px;min-height:27px;padding:3px 8px;border:1px solid #d8c29940;border-radius:5px;color:#ddceb1;background:#21192280;font-size:10px;cursor:pointer}.encounter-scene__leave:hover{color:#fff0cf;background:#554233b3}.encounter-scene__leave>span{font-size:16px;line-height:1}@media (max-width: 1000px) and (min-width: 681px){.encounter-scene__hero{left:10px;width:124px}.encounter-scene__hero-name{left:54px}.encounter-listener{right:23px;width:93px;height:94px}.encounter-scene__listener-name{right:12px;max-width:125px}.encounter-scene__content{left:138px;right:140px}.encounter-scene__heading h2{font-size:21px}}@media (max-width: 680px){.encounter-scene{flex-basis:136px;height:136px;min-height:136px;border-radius:6px 10px 4px 4px}.encounter-scene__painting{background-size:auto 520px}.encounter-scene__floor{height:25px}.encounter-scene__hero{left:2px;bottom:14px;width:85px}.encounter-scene__hero-name{left:31px;bottom:6px;font-size:8px}.encounter-listener{right:8px;bottom:20px;width:63px;height:72px}.encounter-scene__listener-name{right:5px;bottom:6px;max-width:82px;font-size:8px}.encounter-scene__content{top:11px;right:85px;bottom:10px;left:89px}.encounter-scene__breadcrumb{gap:4px;font-size:8px;letter-spacing:.03em}.encounter-scene__breadcrumb>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis}.encounter-scene__heading{display:block;margin-top:5px}.encounter-scene__heading h2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;font-size:16px}.encounter-scene__stage{display:inline-block;margin-top:5px;padding:2px 4px;font-size:8px}.encounter-scene__message{-webkit-line-clamp:1;margin-top:5px;font-size:9px;line-height:1.25}.encounter-music{padding-top:4px}.encounter-music__labels{margin-bottom:4px;gap:5px;font-size:8px}.encounter-music__style{display:none}.encounter-music__remaining{height:5px}.encounter-music__phrase{height:2px;margin-top:2px}.encounter-scene__leave{top:8px;right:7px;min-height:25px;padding:2px 5px;font-size:8px}.encounter-float--crit{font-size:10px}.encounter-float--seal{font-size:12px}}@media (prefers-reduced-motion: reduce){.encounter-scene *,.encounter-scene *:before,.encounter-scene *:after{animation:none!important;transition:none!important}.encounter-float{opacity:0}.encounter-float:last-child{opacity:1}}.encounter-scene__leave{min-width:64px;min-height:40px;justify-content:center;font-size:10px}.encounter-listener{height:84px}@media (max-width: 680px){.encounter-listener{height:64px}.encounter-scene__leave{min-width:62px;min-height:40px;font-size:9px}}@media (max-width: 360px){.encounter-scene__hero{left:-3px;width:70px}.encounter-scene__hero-name{left:23px}.encounter-scene__content{left:71px;right:76px}.encounter-listener{right:7px;width:56px}.encounter-scene__listener-name{max-width:72px;font-size:8px}.encounter-scene__stage{max-width:100%;white-space:normal;line-height:1.15}.encounter-scene__message{margin-top:3px}.encounter-music__labels{gap:4px;font-size:8px}}@media (max-height: 640px){.encounter-scene{flex-basis:118px;height:118px;min-height:118px}.encounter-scene__hero{left:9px;bottom:10px;width:106px}.encounter-scene__hero-name{left:46px;bottom:5px}.encounter-scene__content{top:8px;right:123px;bottom:9px;left:120px}.encounter-scene__heading{gap:4px 7px;margin-top:4px}.encounter-scene__heading h2{font-size:20px}.encounter-scene__breadcrumb{gap:5px;font-size:8px;letter-spacing:.04em}.encounter-scene__stage{padding:3px 5px;font-size:8px}.encounter-scene__message{-webkit-line-clamp:1;margin-top:4px;font-size:10px;line-height:1.2}.encounter-music{padding-top:4px}.encounter-music__labels{margin-bottom:4px;font-size:8px}.encounter-music__remaining{height:5px}.encounter-music__phrase{height:2px;margin-top:2px}.encounter-listener{right:25px;bottom:15px;width:78px;height:60px}.encounter-scene__listener-name{right:10px;bottom:5px;max-width:110px;font-size:8px}.encounter-scene__floor{height:22px}.encounter-scene__leave{top:6px;right:9px}}@media (max-height: 640px) and (max-width: 680px){.encounter-scene__hero{left:0;width:76px}.encounter-scene__hero-name{left:26px}.encounter-scene__content{left:80px;right:83px}.encounter-scene__heading h2{font-size:16px}.encounter-scene__stage{margin-top:3px}.encounter-listener{right:8px;width:60px;height:54px}.encounter-scene__listener-name{right:4px;max-width:77px}.encounter-scene__message{font-size:9px}}@media (max-height: 460px){.encounter-scene{flex-basis:92px;height:92px;min-height:92px}.encounter-scene__hero{left:10px;bottom:7px;width:84px}.encounter-scene__hero-name{left:39px;bottom:3px;font-size:8px}.encounter-scene__content{top:6px;right:171px;bottom:6px;left:103px}.encounter-scene__heading{display:flex;flex-wrap:nowrap;margin-top:3px}.encounter-scene__heading h2{display:block;white-space:nowrap;font-size:18px}.encounter-scene__stage{margin:0;flex-shrink:0;padding:3px 5px;white-space:nowrap;font-size:8px}.encounter-scene__message{margin-top:3px;font-size:9px}.encounter-music{padding-top:3px}.encounter-listener{right:85px;bottom:12px;width:64px;height:61px}.encounter-scene__listener-name{right:80px;bottom:3px;max-width:91px}.encounter-scene__leave{top:5px;right:9px}.encounter-scene__floor{height:18px}}.reading-scene{position:relative;isolation:isolate;flex:0 0 158px;height:158px;min-height:158px;overflow:hidden;border:1px solid #bac9c0;border-radius:7px 15px 5px 5px;background:#536975;box-shadow:inset 0 0 0 3px #d6e6e914}.reading-scene__painting{position:absolute;z-index:-3;top:0;right:0;bottom:0;left:0;opacity:.63;background:var(--reading-painting) 49% 31% / 125% auto no-repeat}.reading-scene:before{content:"";position:absolute;z-index:-2;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#354f64a6,#8b9caa59 32%,#5a778c66 70%,#283e57b3),linear-gradient(180deg,#b8d2de33,transparent)}.reading-scene:after{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 9% 35%,#deeff747,transparent 25%),radial-gradient(ellipse at 91% 60%,#e1ead152,transparent 25%)}.reading-scene__shelf{position:absolute;z-index:-1;inset:auto 0 0;height:29px;border-top:1px solid #ead7aa73;background:linear-gradient(#987852cc,#644c37e6);box-shadow:inset 0 -4px #3d302c26}.reading-scene__pier{position:absolute;width:136px;left:25px;bottom:15px;filter:drop-shadow(0 5px 3px #24324059)}.reading-scene__pier-name,.reading-companion__name{position:absolute;bottom:6px;color:#f5eacf;font-size:9px;line-height:1;text-shadow:0 1px 4px #2d383a}.reading-scene__pier-name{left:75px}.reading-companion__name{right:33px}.reading-fieldnote{position:absolute;top:11px;right:176px;bottom:11px;left:172px;display:flex;flex-direction:column;min-width:0;padding:11px 18px 10px;border:1px solid #d7c59e;border-radius:3px 10px 3px 3px;color:#445b66;background:linear-gradient(115deg,#fff6dfef,#f4ead5f5 70%,#e8dec9f5);box-shadow:0 4px 12px #26394926,inset 3px 0 #e0cfa966}.reading-fieldnote:after{content:"";position:absolute;top:-1px;right:15px;width:17px;height:9px;border:1px solid #b4a27c;border-top:0;border-radius:0 0 5px 5px;background:#c1b18b;box-shadow:0 1px 2px #7b6d5040}.reading-fieldnote__eyebrow{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;font-size:9px;font-weight:800;letter-spacing:.12em;line-height:1.15;color:#547381;text-transform:uppercase}.reading-fieldnote__eyebrow>span:first-child{flex-shrink:0}.reading-fieldnote__location{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#837350;font-size:8px;letter-spacing:.03em}.reading-fieldnote h2{flex-shrink:0;margin:5px 0 0;color:#3c5667;font:500 clamp(21px,2.2vw,26px)/1.1 "Fredoka",sans-serif}.reading-fieldnote__unit{flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;color:#7c795d;font-size:9px;line-height:1.15}.reading-fieldnote__intro{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;flex:1 1 auto;min-height:0;margin:5px 0 4px;color:#68777a;font-size:11px;line-height:1.35}.reading-exploration{flex-shrink:0;max-width:560px;padding-top:3px}.reading-exploration__labels{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:5px;color:#657b82;font-size:9px;line-height:1;font-variant-numeric:tabular-nums}.reading-exploration__labels>span{white-space:nowrap}.reading-exploration__labels>span:last-child{color:#8b7e5c}.reading-exploration__track{height:5px;overflow:hidden;border-radius:4px;background:#b8c6c354;box-shadow:inset 0 1px 2px #8193961a}.reading-exploration__track>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#88a9b5,#567e8a);transition:width .3s ease}.reading-companion{position:absolute;width:96px;height:91px;right:35px;bottom:21px}.reading-companion>img,.reading-companion>div{position:relative;filter:drop-shadow(0 4px 3px #27313d66)}.reading-companion__score{position:absolute;width:54px;height:62px;left:-24px;bottom:-2px;transform:rotate(-9deg);filter:drop-shadow(0 3px 2px #1e313740)}.reading-companion__shadow{position:absolute;left:-15%;right:-12%;height:11px;bottom:-3px;border-radius:50%;background:radial-gradient(ellipse,#30282970,transparent 72%)}.reading-scene__leave{position:absolute;top:9px;right:13px;display:flex;align-items:center;gap:5px;min-height:27px;padding:3px 8px;border:1px solid #e5ece35e;border-radius:5px;color:#f0edda;background:#30495a80;font-size:10px;cursor:pointer}.reading-scene__leave:hover{background:#466578d9;color:#fff7df}.reading-scene__leave>span{font-size:16px;line-height:1}@media (max-width: 1000px) and (min-width: 681px){.reading-scene__pier{left:9px;width:123px}.reading-scene__pier-name{left:53px}.reading-fieldnote{left:139px;right:143px;padding-inline:13px}.reading-fieldnote h2{font-size:22px}.reading-companion{right:24px;width:83px;height:85px}.reading-companion__name{right:19px}.reading-fieldnote__eyebrow{gap:8px}}@media (max-width: 680px){.reading-scene{flex-basis:136px;height:136px;min-height:136px;border-radius:6px 10px 4px 4px}.reading-scene__painting{background-size:auto 520px}.reading-scene__shelf{height:25px}.reading-scene__pier{left:0;bottom:14px;width:82px}.reading-scene__pier-name{left:28px;bottom:6px;font-size:8px}.reading-fieldnote{top:7px;right:82px;bottom:7px;left:83px;padding:6px 8px 6px 9px}.reading-fieldnote:after{right:9px;width:12px;height:5px}.reading-fieldnote__eyebrow{display:block;font-size:8px;letter-spacing:.06em}.reading-fieldnote__location{display:block;margin-top:3px;font-size:8px}.reading-fieldnote h2{margin-top:4px;font-size:16px}.reading-fieldnote__unit{margin-top:3px;font-size:8px}.reading-fieldnote__intro{-webkit-line-clamp:1;margin:3px 0;font-size:9px;line-height:1.25}.reading-exploration{padding-top:3px}.reading-exploration__labels{margin-bottom:4px;gap:5px;font-size:8px}.reading-exploration__track{height:4px}.reading-companion{right:8px;bottom:19px;width:60px;height:65px}.reading-companion__score{width:34px;height:40px;left:-9px;bottom:-1px}.reading-companion__name{right:6px;bottom:6px;font-size:8px}.reading-scene__leave{top:7px;right:7px;min-height:25px;padding:2px 5px;font-size:8px}}@media (prefers-reduced-motion: reduce){.reading-scene *,.reading-scene *:before,.reading-scene *:after{animation:none!important;transition:none!important}}.reading-scene__leave{min-width:64px;min-height:40px;justify-content:center;font-size:10px}@media (max-width: 680px){.reading-scene__leave{min-width:62px;min-height:40px;font-size:9px}}@media (max-width: 360px){.reading-scene__pier{left:-3px;width:67px}.reading-scene__pier-name{left:20px}.reading-fieldnote{left:69px;right:74px;padding-inline:7px}.reading-companion{right:7px;width:54px;height:58px}.reading-companion__name{right:4px;max-width:69px;font-size:8px}.reading-fieldnote h2{font-size:15px}}@media (max-height: 640px){.reading-scene{flex-basis:118px;height:118px;min-height:118px}.reading-scene__pier{left:8px;bottom:10px;width:105px}.reading-scene__pier-name{left:46px;bottom:5px}.reading-fieldnote{top:6px;right:129px;bottom:6px;left:120px;padding:7px 12px}.reading-fieldnote__eyebrow{gap:7px;font-size:8px;letter-spacing:.06em}.reading-fieldnote h2{margin-top:4px;font-size:20px}.reading-fieldnote__unit{margin-top:2px;font-size:8px}.reading-fieldnote__intro{-webkit-line-clamp:1;margin-block:4px;font-size:10px}.reading-exploration{padding-top:2px}.reading-exploration__labels{margin-bottom:4px;font-size:8px}.reading-exploration__track{height:4px}.reading-companion{right:29px;bottom:15px;width:72px;height:63px}.reading-companion__score{width:38px;height:44px;left:-14px}.reading-companion__name{right:18px;bottom:5px;font-size:8px}.reading-scene__shelf{height:22px}.reading-scene__leave{top:6px;right:9px}}@media (max-height: 640px) and (max-width: 680px){.reading-scene__pier{left:0;width:73px}.reading-scene__pier-name{left:25px}.reading-fieldnote{left:77px;right:80px;padding:6px 7px}.reading-fieldnote h2{margin-top:3px;font-size:16px}.reading-fieldnote__intro{font-size:9px;margin-block:3px}.reading-fieldnote__location{margin-top:2px}.reading-companion{right:8px;width:58px;height:54px}.reading-companion__name{right:5px}}@media (max-height: 460px){.reading-scene{flex-basis:92px;height:92px;min-height:92px}.reading-scene__pier{left:9px;bottom:7px;width:83px}.reading-scene__pier-name{left:38px;bottom:3px;font-size:8px}.reading-fieldnote{top:5px;right:170px;bottom:5px;left:102px;padding:5px 10px}.reading-fieldnote h2{margin-top:3px;font-size:18px}.reading-fieldnote__eyebrow{display:flex;font-size:8px}.reading-fieldnote__location{margin:0}.reading-fieldnote__unit{display:none}.reading-fieldnote__intro{margin-block:3px;font-size:9px}.reading-exploration__labels{margin-bottom:3px}.reading-companion{right:88px;bottom:12px;width:58px;height:56px}.reading-companion__score{width:31px;height:36px;left:-10px}.reading-companion__name{right:82px;bottom:3px;max-width:84px}.reading-scene__leave{top:5px;right:9px}.reading-scene__shelf{height:18px}}.piano-input{flex-shrink:0;font-family:Nunito,sans-serif}.piano-input--collapsed{display:flex;justify-content:center;align-items:center;min-height:34px}.piano-input button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;border:1px solid #c8b594;border-radius:6px;color:#7e6948;background:#f7edda;font-size:10px;line-height:1.3;font-weight:800;cursor:pointer}.piano-input button>svg{flex-shrink:0}.piano-input button:disabled{opacity:.55;cursor:default}.piano-input button:hover:not(:disabled){border-color:#aa8a53;background:#f4e3bd}.piano-input__status{max-width:100%;padding:5px 10px}.piano-input__status-action{padding-left:7px;border-left:1px solid #cbb998;color:#9d7b41}.piano-input .is-connected,.piano-input .is-on{border-color:#9eafa1;color:#45695c;background:#e4ece8}.piano-input--open{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;width:100%;padding:5px;border:1px solid #d3bf96;border-radius:6px;background:#f5ead3}.piano-input--open:focus{outline:none}.piano-input__choice{padding:6px 9px}.piano-input__octave{display:inline-flex;align-items:center;gap:5px;min-height:32px;color:#796242;font-size:10px;font-weight:700;cursor:pointer}.piano-input__octave input{accent-color:#5d7b6b}.piano-input__message{flex:1 1 180px;min-width:0;color:#917a53;font-size:10px;line-height:1.4;text-align:center}.piano-input__message.is-error{color:#a34b35}.piano-input .piano-input__done{padding:5px 10px;border-color:transparent;background:transparent}@media (max-width: 700px){.piano-input button{min-height:40px;font-size:10px!important}.piano-input__status{padding-inline:7px;gap:5px!important}.piano-input__status-action{padding-left:5px}.piano-input__choice,.piano-input .piano-input__done{padding-inline:7px}.piano-input__message{flex-basis:100%;order:2}.piano-input__octave{min-height:40px}}.finger-cue.finger-cue--numbered{display:flex;align-items:center;justify-content:center;min-height:76px;gap:12px;padding:10px 15px;border:1px solid #afc0c7;border-radius:7px;color:#496674;background:#edf2ef;font-family:Nunito,sans-serif}.finger-cue__number{display:grid;place-items:center;width:48px;aspect-ratio:1;flex-shrink:0;border:3px solid #fff9e9;border-radius:50%;color:#fff8e5;background:#4e748a;box-shadow:0 0 0 1px #a5b8bf;font:500 31px/1 Fredoka,sans-serif}.finger-cue__copy{display:flex;flex-direction:column;gap:3px;font-size:11px;line-height:1.25}.finger-cue__copy>strong{font:500 20px/1.1 Fredoka,sans-serif}.finger-cue__hand{color:#7b8b88;font-size:9px;font-weight:800;letter-spacing:.05em}@media (max-width: 700px){.finger-cue.finger-cue--numbered{min-height:68px;padding:8px 12px}.finger-cue__number{width:42px;font-size:28px}}@media (max-height: 460px){.finger-cue.finger-cue--numbered{min-height:54px;padding-block:5px}.finger-cue__number{width:35px;font-size:24px}.finger-cue__copy>strong{font-size:17px}}.quest-screen.adventure-play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow:hidden;padding:0;background:linear-gradient(180deg,#684631,#3e2c26 48%,#302326);color:#493326}.quest-score{position:relative;display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;width:calc(100% - 64px);max-width:1080px;margin:13px auto 0;padding:0 20px 6px;border:1px solid #d5bb86;border-radius:7px 7px 3px 3px;background:linear-gradient(90deg,#e5d2ad,#fff7e7 3%,#fffaf0 55%,#f3e7cd 98%,#d8bf91);box-shadow:0 8px 20px #21161c40,inset 0 2px #fff7df;scrollbar-color:#b6a07a #f1e5cc;scrollbar-width:thin}.quest-page-heading{display:flex;justify-content:space-between;align-items:center;flex-shrink:0;gap:10px;min-height:31px;border-bottom:1px solid #bba47740;color:#8a6c40;font-size:9px;font-weight:800;letter-spacing:.05em}.quest-page-heading>span{display:flex;align-items:center;gap:6px}.quest-page-heading>span:first-child{min-width:0}.quest-page-heading>span:last-child{flex-shrink:0;color:#a18c68}.quest-guidance{padding:7px 10px 2px;text-align:center;font-size:11px;line-height:1.4;color:#8c652d}.adventure-play .quest-teaching{display:flex;flex-direction:column;justify-content:center;flex:1 0 auto;padding:6px 0 0}.quest-note-ribbon{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:7px;margin:4px 0 6px}.quest-notation-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px 30px;flex-shrink:0;margin:5px 0}.quest-notation{max-width:100%}.quest-starting-hand:empty{display:none}.quest-notation-row.has-main-staff .quest-notation{padding:8px 14px;transform:scale(1.15);transform-origin:center}.adventure-play .quest-prompt{gap:10px;margin:7px 0 3px}.quest-prompt-copy{color:#745e43;font-size:14px}.quest-note-name{min-width:63px;padding:5px 14px;border:1px solid #d3ac59;border-radius:8px;color:#996723;background:#f3dfad;font:500 29px/1.15 Fredoka,sans-serif;text-align:center}.adventure-play .finger-cue{padding:3px 14px;gap:12px;border-color:#adc0cb;background:#eff3f4;box-shadow:0 3px 8px #77634a0a}.quest-help,.quest-option{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid #c8b594;border-radius:6px;background:#f7edda;color:#756044;font-size:11px;font-weight:700;cursor:pointer}.quest-help{background:#f1d28f;color:#775128;border-color:#c8a355}.quest-option.is-on{background:#e4ece8;color:#45695c;border-color:#9eafa1}.quest-option:disabled{opacity:.65;cursor:default}.quest-feedback{display:flex;align-items:center;justify-content:center;min-height:30px;padding:2px 10px;color:#6b6045;font-size:12px;font-weight:700;text-align:center}.quest-feedback:empty{min-height:8px;padding:0}.quest-feedback.is-counting{font:500 24px/1.2 Fredoka,sans-serif}.quest-beats{display:flex;align-items:center;flex-direction:column;gap:3px;margin:2px 0 5px}.quest-beats>div{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px}.quest-beats>div>span:not([style]){color:#8c795a;font-size:10px}.quest-beats .quest-beat-label{text-transform:uppercase;letter-spacing:.1em}.quest-beat-legend{color:#9f8c6c;font-size:9px}.quest-instrument{flex-shrink:0;width:calc(100% - 64px);max-width:1080px;margin:0 auto}.quest-input{padding:2px 10px;background:linear-gradient(90deg,#e5d2ad,#fbf0dc 3%,#fbf0dc 98%,#d8bf91);border-right:1px solid #d5bb86;border-left:1px solid #d5bb86}.quest-input [role=group]{flex-wrap:wrap}.quest-piano{position:relative;display:flex;justify-content:center;z-index:3}.quest-assist{display:flex;align-items:center;justify-content:center;gap:7px;min-height:22px;margin:5px 0 9px;color:#d9c8a6;font-size:10px;text-align:center}.quest-screen.is-sight-reading{background:linear-gradient(180deg,#526163,#394346 48%,#302b2c)}.is-sight-reading .quest-score{border-color:#c9bb97;box-shadow:0 8px 20px #15232a40,inset 0 2px #fff7df}.is-sight-reading .quest-page-heading{color:#607a7c;border-bottom-color:#6f929340}.is-sight-reading .quest-page-heading>span:last-child{padding:4px 8px;border-radius:3px;background:#e4ece6;color:#52716a;letter-spacing:.08em;text-transform:uppercase;font-size:8px}.is-sight-reading .quest-assist{color:#d7dfd4}@media (min-width: 901px){.adventure-play .quest-teaching{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr) auto auto;align-items:center;justify-items:center;gap:2px 18px}.quest-note-ribbon,.quest-beats,.quest-feedback{grid-column:1 / -1}.quest-note-ribbon{grid-row:1}.quest-notation-row{grid-column:1;grid-row:2;gap:8px 18px}.adventure-play .quest-prompt{grid-column:2;grid-row:2;max-width:240px;justify-content:center}.quest-beats{grid-row:3}.quest-feedback{grid-row:4}.adventure-play .quest-prompt .finger-cue{width:100%}}@media (min-width: 901px) and (max-width: 1100px){.quest-starting-hand>div>span{font-size:11px!important}.quest-starting-hand svg{width:auto;height:68px}.quest-notation-row.has-prereading .quest-notation,.quest-companion-staff{max-width:180px}.quest-notation-row.has-prereading .quest-notation>svg,.quest-companion-staff>svg{width:100%;height:auto}.adventure-play .quest-prompt{max-width:220px}.adventure-play .finger-cue>svg{width:80px;height:78px}}@media (max-width: 700px){.quest-starting-hand{flex-basis:100%}.quest-starting-hand>div>span{font-size:11px!important}.quest-starting-hand svg{width:auto;height:64px}.quest-notation-row.has-prereading .quest-notation,.quest-companion-staff{flex:0 1 calc(50% - 8px);max-width:calc(50% - 8px)}.quest-notation-row.has-prereading .quest-notation>svg,.quest-companion-staff>svg{width:100%;height:auto}.adventure-play .finger-cue>svg{width:82px;height:78px}}@media (max-width: 1050px){.quest-score{width:calc(100% - 42px);margin-top:11px;padding-inline:15px}.quest-instrument{width:calc(100% - 42px)}.quest-page-heading{font-size:8px}.quest-notation-row{gap:12px 20px}}@media (max-width: 700px){.quest-screen.adventure-play{padding-inline:0!important}.quest-score{width:calc(100% - 24px);margin-top:10px;padding:0 10px 3px}.quest-instrument{width:calc(100% - 24px)}.quest-page-heading{gap:6px;font-size:8px;line-height:1.3;padding-block:7px}.quest-page-heading>span:first-child{max-width:78%}.quest-page-heading svg{display:none}.quest-guidance{padding:6px 2px 1px;font-size:10px}.adventure-play .quest-teaching{padding-top:6px}.quest-notation-row{gap:8px 14px;margin-block:3px}.quest-notation-row.has-main-staff .quest-notation{transform:none;padding:4px 0}.quest-prompt-copy{font-size:12px}.quest-note-name{min-width:50px;padding:4px 10px;font-size:24px}.quest-note-ribbon{gap:4px}.quest-note-ribbon>span{font-size:12px!important;padding:4px 7px!important;min-width:23px!important}.quest-feedback{min-height:28px;font-size:11px;padding-inline:3px}.quest-assist{font-size:9px;line-height:1.4;margin-bottom:9px}.quest-assist svg{flex-shrink:0}.quest-input{padding-inline:3px}.quest-help,.quest-option{font-size:10px;padding:6px 8px}}.quest-score{overscroll-behavior:contain;overflow-x:hidden;overflow-anchor:none}.quest-instrument{min-width:0}.quest-input{max-height:min(190px,28dvh);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.quest-input button,.quest-input select{max-width:100%}.quest-help,.quest-option{min-height:40px}.quest-score button:focus-visible{outline:3px solid #437fa6;outline-offset:3px}.quest-assist{padding-inline:7px}@media (max-width: 360px){.quest-score,.quest-instrument{width:calc(100% - 16px)}.quest-page-heading{align-items:flex-start;gap:7px;padding-block:6px}.quest-page-heading>span:first-child{max-width:66%}.quest-page-heading>span:last-child{max-width:34%;white-space:normal;text-align:right}.adventure-play .quest-prompt{gap:6px}.quest-note-ribbon>span{min-width:20px!important;padding-inline:5px!important}}@media (max-height: 640px){.quest-score{margin-top:7px;padding-inline:11px}.quest-page-heading{min-height:27px;padding-block:5px}.quest-guidance{padding:4px 3px 1px;font-size:10px}.adventure-play .quest-teaching{justify-content:flex-start;padding-top:4px}.quest-notation-row{gap:6px 16px;margin-block:3px}.quest-notation-row.has-main-staff .quest-notation{padding:4px 0;transform:none}.quest-starting-hand svg{width:auto;max-height:61px}.quest-starting-hand>div>span{font-size:10px!important}.quest-note-ribbon{gap:4px;margin-block:2px 4px}.quest-note-ribbon>span{font-size:11px!important;padding-block:3px!important}.adventure-play .quest-prompt{margin-block:4px 2px}.adventure-play .finger-cue>svg{width:67px;height:65px}.adventure-play .finger-cue{gap:8px;padding:3px 10px}.quest-feedback{min-height:25px;font-size:11px}.quest-assist{min-height:17px;margin:3px 0 5px;font-size:9px;line-height:1.25}.quest-input{max-height:100px}}@media (max-height: 460px){.quest-score,.quest-instrument{width:calc(100% - 28px)}.quest-score{min-height:64px;margin-top:5px;padding:0 10px 3px}.quest-page-heading{min-height:24px;padding-block:4px;font-size:8px}.quest-guidance{font-size:9px;line-height:1.3}.adventure-play .quest-teaching{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;gap:3px 14px;padding-top:3px}.quest-note-ribbon,.quest-feedback,.quest-beats{flex-basis:100%}.quest-notation-row{gap:5px 12px;margin:0}.quest-starting-hand{flex-basis:auto}.quest-starting-hand svg{max-height:49px}.quest-notation-row.has-prereading .quest-notation,.quest-companion-staff{max-width:160px}.quest-notation-row.has-prereading .quest-notation>svg,.quest-companion-staff>svg{width:100%;height:auto}.adventure-play .quest-prompt{max-width:280px;margin:2px 0;gap:6px}.adventure-play .finger-cue>svg{width:54px;height:53px}.quest-prompt-copy{font-size:11px}.quest-note-name{min-width:44px;font-size:21px;padding:4px 8px}.quest-help,.quest-option{padding:6px 8px;font-size:10px}.quest-input{max-height:56px;padding-block:0}.quest-assist{min-height:14px;margin:2px 0 3px;font-size:8px}.quest-feedback{min-height:22px;font-size:10px}}.tin-screen{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;color:#fff4d9;padding:20px clamp(20px,4vw,64px) 16px;background:linear-gradient(90deg,#1c1414d9,#28181094 48%,#1f1616d1),var(--tin-scene) center / cover}.tin-heading-row{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1240px;margin:0 auto 16px}.tin-eyebrow{margin:0 0 4px;font-size:10px;font-weight:800;letter-spacing:.24em;color:#e4be7a}.tin-heading-row h1{margin:0;font:500 clamp(30px,3vw,38px)/1.15 "Fredoka",sans-serif}.tin-subtitle{margin:5px 0 0;font-size:13px;color:#d6c4aa}.tin-collection{display:flex;align-items:center;gap:12px;color:#dfb86e}.tin-collection>span{display:flex;flex-direction:column}.tin-collection strong{font-size:19px;color:#ffedc4;font-weight:700}.tin-collection span span{font-size:11px;color:#d6c4aa}.tin-workbench{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,1.65fr);align-items:start;gap:clamp(22px,4vw,64px);max-width:1240px;margin:auto}.tin-dressing-room{min-width:0}.tin-preview-stage{position:relative;height:clamp(175px,27vh,260px);display:flex;align-items:center;justify-content:center;isolation:isolate}.tin-preview-light{position:absolute;top:5%;right:-5%;bottom:-8%;left:-5%;background:radial-gradient(ellipse at 50% 56%,rgba(239,177,77,.2),transparent 68%);z-index:-1}.tin-pier{max-height:100%;width:auto!important;height:100%!important;filter:drop-shadow(0 14px 10px #180f1499);z-index:1}.tin-preview-floor{position:absolute;bottom:7%;left:14%;right:14%;height:9%;border-radius:50%;background:radial-gradient(ellipse,#130b0ba6,transparent 70%)}.tin-preview-caption{min-height:30px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px;font-size:11px;color:#e9ce9c}.tin-preview-caption button{border:0;background:none;padding:5px;color:#fff2d8;text-decoration:underline;text-underline-offset:3px;cursor:pointer;font-size:11px}.tin-item-detail{position:relative;margin-top:8px;padding:18px 22px 16px;border-radius:5px 18px;background:linear-gradient(125deg,#fff4dc,#eddbb7);color:#3a271c;box-shadow:0 8px 24px #100b123d,inset 0 0 0 1px #fff9e2}.tin-item-detail:before{content:"";position:absolute;top:-3px;right:23px;width:22px;height:8px;background:#bd9761;border-radius:2px;box-shadow:0 1px 2px #3a271c40}.tin-detail-kind{color:#866033;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.17em}.tin-item-detail h2{font:500 24px/1.15 Fredoka,sans-serif;margin:5px 0 8px}.tin-item-detail p{color:#71553d;font-size:13px;line-height:1.55;margin:0 0 16px;min-height:48px}.tin-equip-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;border:1px solid #b58330;border-radius:7px;padding:10px 14px;background:linear-gradient(#f8d48a,#e9b854);color:#3e2a18;font-size:14px;font-weight:800;box-shadow:0 3px #95622c;cursor:pointer;transition:filter .15s,transform .15s}.tin-equip-button:not(:disabled):hover{filter:brightness(1.08);transform:translateY(-1px)}.tin-equip-button:disabled{background:#e2d4b9;color:#705c43;border-color:#cbb895;box-shadow:none;cursor:default}.tin-equip-button>span{margin-left:7px;padding-left:12px;border-left:1px solid #90622d66}.tin-detail-note{display:block;font-size:10px;line-height:1.4;text-align:center;color:#786149;margin-top:10px}.tin-inventory{min-width:0;padding-top:12px}.tin-inventory-heading{display:flex;justify-content:space-between;flex-wrap:wrap;gap:5px 12px;padding:0 3px 12px}.tin-inventory-heading>span:first-child{font-size:10px;letter-spacing:.15em;font-weight:800;color:#e8c28b}.tin-inventory-heading>span:last-child{font-size:11px;color:#d6c4aa}.tin-compartments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:13px;border:1px solid #bf98665e;border-radius:15px;background:linear-gradient(145deg,#6e6c64,#383e3e 22%,#555951 80%,#8c8773);box-shadow:0 15px 32px #100a0d66,inset 0 0 0 4px #ad9b7854,inset 0 0 0 6px #20252599}.tin-treasure{min-width:0;position:relative;display:flex;flex-direction:column;align-items:center;padding:9px 10px 10px;border:2px solid transparent;border-radius:7px;background:radial-gradient(ellipse at 50% 35%,#f9eed7,#d4c4a6);color:#473124;box-shadow:inset 0 2px 5px #554b3938;cursor:pointer;transition:background .18s,border-color .18s,transform .18s}.tin-treasure:hover{background:radial-gradient(ellipse at 50% 35%,#fff7e7,#e5d1a8)}.tin-treasure.is-selected{border-color:#eab755;background:radial-gradient(ellipse at 50% 35%,#fff9e9,#ecd29b);box-shadow:0 0 0 2px #3a2a1c,0 0 12px #f0bc4a33}.tin-treasure-top{align-self:stretch;min-height:22px;display:flex;align-items:flex-start;justify-content:space-between;gap:4px;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#7d6547}.tin-owned-mark{display:flex;align-items:center;gap:3px;text-transform:none;letter-spacing:0;color:#496344}.tin-treasure>img{height:90px!important;max-width:115px;filter:drop-shadow(0 5px 3px #66533326);transition:transform .2s}.tin-treasure:hover>img{transform:translateY(-3px) rotate(-3deg)}.tin-treasure-name{font:500 15px/1.2 Fredoka,sans-serif;margin:9px 0 7px}.tin-treasure-price{display:flex;align-items:center;justify-content:center;gap:4px;font-size:12px;font-weight:800;color:#7b572b}.tin-treasure-price>span{font-size:10px;font-weight:600}.tin-inventory-footnote{display:flex;align-items:center;justify-content:center;gap:8px;color:#d6c4aa;font-size:11px;margin:12px 0 0}@media (min-width: 1450px){.tin-preview-stage{height:min(35vh,330px)}.tin-treasure>img{height:130px!important;max-width:150px}.tin-treasure{padding:14px}}@media (max-width: 900px){.tin-screen{padding:24px}.tin-workbench{gap:24px;grid-template-columns:minmax(210px,.8fr) minmax(0,1.4fr)}.tin-compartments{gap:8px;padding:10px}.tin-treasure{padding:9px 6px 10px}.tin-treasure-name{font-size:13px}.tin-treasure-top,.tin-owned-mark{font-size:7px}}@media (max-width: 680px){.tin-screen{padding:22px 16px 28px}.tin-heading-row{align-items:flex-start;gap:12px}.tin-eyebrow{font-size:8px;letter-spacing:.17em}.tin-subtitle{font-size:11px}.tin-collection{gap:6px;padding-top:12px}.tin-collection>svg{display:none}.tin-collection strong{font-size:17px}.tin-collection span span{font-size:9px}.tin-workbench{grid-template-columns:1fr;gap:22px}.tin-dressing-room{display:grid;grid-template-columns:minmax(110px,.8fr) minmax(0,1.2fr);align-items:center;gap:0 10px}.tin-preview-stage{height:190px}.tin-preview-caption{grid-column:1;grid-row:2;font-size:10px}.tin-item-detail{grid-column:2;grid-row:1 / 3;padding:16px 14px;margin:0}.tin-item-detail h2{font-size:20px}.tin-item-detail p{font-size:11px;min-height:0}.tin-equip-button{font-size:12px;padding-inline:6px}.tin-detail-note{font-size:9px}.tin-inventory{padding:0}.tin-treasure>img{height:85px!important}.tin-treasure-name{font-size:12px;min-height:29px;display:flex;align-items:center}.tin-treasure-top{flex-wrap:wrap;min-height:25px}}@media (prefers-reduced-motion: reduce){.tin-treasure,.tin-treasure>img,.tin-equip-button{transition:none}}.tin-screen{overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-color:#b39260 #29232b;scrollbar-width:thin}.tin-heading-row>div:first-child{min-width:0}.tin-collection{flex-shrink:0}.tin-preview-caption button{min-height:36px}.tin-equip-button{line-height:1.35}.tin-equip-button>svg{flex-shrink:0}.tin-inventory-footnote{text-align:center;line-height:1.5}.tin-treasure-name,.tin-item-detail h2{overflow-wrap:anywhere}.tin-screen button:focus-visible{outline:3px solid #a8d9ff;outline-offset:3px}.tin-treasure:focus-visible{outline-color:#315d7a;outline-offset:-5px}@media (max-width: 900px){.tin-screen{padding:18px 20px 22px}.tin-workbench{gap:20px}.tin-treasure-top,.tin-owned-mark{font-size:9px}.tin-treasure-top{flex-wrap:wrap}}@media (max-width: 680px){.tin-screen{padding:16px 14px 22px}.tin-heading-row{margin-bottom:14px;gap:10px}.tin-eyebrow{font-size:9px;letter-spacing:.12em}.tin-heading-row h1{font-size:30px}.tin-subtitle{max-width:190px;font-size:12px;line-height:1.4}.tin-collection{padding-top:8px}.tin-collection span span{max-width:77px;line-height:1.4;font-size:10px}.tin-workbench{gap:16px}.tin-dressing-room{grid-template-columns:minmax(86px,.7fr) minmax(0,1.3fr);gap:0 9px;padding-block:8px;border-radius:9px;background:#302421}.tin-preview-stage{height:148px}.tin-preview-caption{padding-inline:4px;font-size:10px;line-height:1.4}.tin-preview-caption>svg{display:none}.tin-preview-caption button{font-size:10px;line-height:1.35}.tin-item-detail{padding:13px 11px 12px;margin-right:7px}.tin-item-detail h2{font-size:20px;line-height:1.15}.tin-item-detail p{margin-bottom:11px;font-size:12px;line-height:1.45}.tin-detail-kind{font-size:9px}.tin-detail-note{font-size:10px}.tin-equip-button{min-height:44px;font-size:12px;gap:4px}.tin-equip-button>span{padding-left:6px;margin-left:3px}.tin-inventory-heading{padding:0 2px 9px}.tin-inventory-heading>span:first-child{font-size:9px}.tin-compartments{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:10px}.tin-treasure{padding:9px 7px 10px}.tin-treasure>img{height:69px!important}.tin-treasure-top{min-height:26px;font-size:9px}.tin-owned-mark{font-size:9px}.tin-treasure-name{min-height:29px;margin:5px 0;font-size:14px;text-align:center}.tin-treasure-price{font-size:12px}}@media (max-width: 680px) and (min-height: 740px){.tin-dressing-room{position:sticky;top:0;z-index:3;box-shadow:0 8px 18px #1b141d66}}@media (max-height: 450px) and (min-width: 681px){.tin-heading-row{margin-bottom:10px}.tin-subtitle{font-size:12px}.tin-preview-stage{height:122px}.tin-item-detail{padding:14px 16px}.tin-item-detail p{min-height:0;margin-bottom:12px;font-size:12px}.tin-treasure>img{height:72px!important}}.first-notes-piano{position:relative;container-type:inline-size;width:100%;max-width:700px;flex-shrink:0}.first-notes-numbered-keys{position:relative}.first-notes-markers{position:absolute;top:13px;right:11px;bottom:15px;left:11px;display:flex;pointer-events:none;z-index:4}.first-notes-marker-slot{position:relative;flex:1 1 0;min-width:0;margin:0 1.5px}.first-notes-marker{position:absolute;bottom:10px;left:50%;display:grid;place-items:center;width:clamp(24px,5.2cqw,36px);aspect-ratio:1;transform:translate(-50%);border:1px solid #bfa276;border-radius:50%;color:#8d7049;background:#f6ecd6;box-shadow:0 2px 3px #7f5f2926;font:600 clamp(14px,2.9cqw,20px)/1 "Fredoka",sans-serif}.first-notes-marker.is-active{color:#fff8e5;border-color:#f8f1d8;background:#466e88;box-shadow:0 0 0 2px #466e8873,0 2px 5px #23374c40}.first-notes-start-key{position:absolute;top:7px;left:50%;transform:translate(-50%);color:#785a33;font:600 clamp(11px,2.9cqw,18px)/1 "Fredoka",sans-serif}.first-notes-finger-legend{margin:10px 0 0;color:#a18b65;font-size:10px;line-height:1.4;text-align:center}.primer-lesson{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow-y:auto;padding:15px clamp(18px,3vw,40px) 10px;color:#654d33;background:radial-gradient(ellipse at 18% 0,#94724945,transparent 65%),linear-gradient(140deg,#49372c,#302931 85%);scrollbar-color:#a68e68 #342b2c;scrollbar-width:thin}.primer-lesson__heading{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-shrink:0;width:100%;max-width:1060px;margin:0 auto 12px}.primer-lesson__eyebrow{display:flex;align-items:center;gap:6px;color:#d6b47a;font-size:8px;font-weight:900;letter-spacing:.14em}.primer-lesson__heading h1{margin:4px 0 0;color:#f6e6c8;font:500 clamp(24px,2.8vw,31px)/1.1 "Fredoka",sans-serif}.primer-lesson__back{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex-shrink:0;min-height:35px;padding:8px 12px;border:1px solid #b697626b;border-radius:7px;color:#e2cba2;background:#25242b47;font-size:10px;font-weight:800;cursor:pointer}.primer-lesson__back:hover{border-color:#d9b97e;background:#64523d}.primer-book{display:grid;grid-template-columns:minmax(145px,185px) minmax(0,1fr);flex:1 0 auto;min-height:0;width:100%;max-width:1060px;margin:0 auto;border:1px solid #b9a077;border-radius:8px 8px 4px 4px;background:#fcf4e1;box-shadow:0 10px 24px #17142140,inset 0 0 0 3px #c7af7d66}.primer-book__margin{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:13px;min-width:0;padding:13px 15px;border-right:1px solid #c6b18a;border-radius:7px 0 0 3px;background:linear-gradient(90deg,#f1e5ca,#f8eed8 90%,#dac39a)}.primer-companion{width:100%;text-align:center}.primer-companion>.equipped-pier{max-width:157px;margin:-5px auto 0}.primer-companion>div:last-child>span{color:#9a7f51;font-size:7px;font-weight:900;letter-spacing:.14em}.primer-companion p{max-width:145px;margin:5px auto 0;color:#927b58;font-size:10px;line-height:1.5}.primer-journey{width:100%}.primer-journey__label{display:block;margin-bottom:10px;color:#a1875d;font-size:7px;font-weight:900;letter-spacing:.12em}.primer-journey ol{display:flex;flex-direction:column;gap:11px;margin:0;padding:0;list-style:none}.primer-journey li{display:flex;align-items:center;gap:9px;color:#ab9879}.primer-journey__number{display:grid;place-items:center;width:25px;height:25px;flex-shrink:0;border:1px solid #d6c7a7;border-radius:50%;color:#b4a27e;background:#f9f0dd;font-size:9px;font-weight:900}.primer-journey li>span:nth-child(2),.primer-together>span{display:flex;flex-direction:column;gap:3px}.primer-journey strong{font-size:10px;font-weight:800}.primer-journey small{font-size:8px;line-height:1.2}.primer-journey .is-current{color:#587889}.primer-journey .is-current .primer-journey__number{color:#37627a;border-color:#8cabb9;background:#e4edf0;box-shadow:0 0 0 3px #8cabb918}.primer-journey .is-done{color:#738a5e}.primer-journey .is-done .primer-journey__number{color:#fff9e9;border-color:#8b9d78;background:#8b9d78}.primer-together{display:flex;align-items:center;gap:9px;margin-top:14px;padding-top:12px;border-top:1px solid #d7c8a9;color:#aa9573}.primer-together>svg{flex-shrink:0;width:25px}.primer-book__note{color:#b09a74;font-size:6px;line-height:1.5;letter-spacing:.08em;text-align:center}.primer-book__page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:14px 18px 15px;border-radius:0 7px 3px 0;background:linear-gradient(90deg,#e6d5b4,#fdf5e5 3%,#fffaf0 70%,#f6ead1)}.primer-instruction{flex-shrink:0;min-height:55px;text-align:center}.primer-instruction h2{margin:0;color:#5a402a;font:500 clamp(23px,2.5vw,29px)/1.15 "Fredoka",sans-serif}.primer-instruction p{margin:5px 0 0;color:#8d7552;font-size:12px;line-height:1.35}.primer-lyrics{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px;flex-shrink:0;min-height:35px;max-width:590px;margin:5px 0 4px;padding:3px 0;color:#9a825c}.primer-lyrics>span{padding:3px 6px;border:1px solid transparent;border-radius:5px;font:500 19px/1.1 Fredoka,sans-serif}.primer-lyrics>span.is-current{color:#416b84;background:#e8eff0;border-color:#9bb6c3;box-shadow:0 1px #a8bdc65e}.primer-lyrics>span.is-done{color:#728258}.primer-lyrics.is-preview{color:#b19d79}.primer-instrument{display:flex;align-items:center;justify-content:center;width:100%;min-height:0}.primer-lesson .first-notes-piano{width:100%;max-width:580px;min-height:0;margin:0 auto;flex-shrink:0}.primer-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;min-height:43px;margin-top:7px;flex-shrink:0}.primer-action{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:41px;padding:10px 18px;border:1px solid #bba47e;border-radius:7px;color:#6f6149;background:#f6ebd6;box-shadow:0 2px #d0ba95;font-size:12px;font-weight:800;cursor:pointer}.primer-action--gold{color:#664622;border-color:#c69b4c;background:linear-gradient(#f5d58c,#e7ba62);box-shadow:0 2px #a67a3e}.primer-action--listen{color:#52758b;border-color:#a8bdc5;background:#edf1ee;box-shadow:0 2px #b7c6c5}.primer-action--quiet{color:#817154;background:transparent;box-shadow:none}.primer-action:hover{filter:brightness(1.04)}.primer-action:active{transform:translateY(1px);box-shadow:none}.primer-celebration{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;width:100%;padding:30px 10px;text-align:center}.primer-celebration__seal{display:grid;place-items:center;width:57px;height:57px;border:1px solid #aaba8c;border-radius:50%;color:#7d9262;background:#ebefdd}.primer-celebration__eyebrow{color:#9d8253;font-size:8px;font-weight:900;letter-spacing:.13em}.primer-celebration h2{margin:0;color:#5c4930;font:500 clamp(27px,3.5vw,37px)/1.1 "Fredoka",sans-serif}.primer-celebration p{max-width:345px;margin:0;color:#95805d;font-size:13px;line-height:1.6}.primer-celebration>.primer-action{margin-top:7px;min-width:175px}.primer-celebration__links{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px 18px}.primer-celebration__links button{padding:5px 0;border:0;color:#9a825c;background:transparent;font-size:10px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.primer-celebration__saved{display:inline-flex;align-items:center;justify-content:center;gap:5px;margin-top:9px;color:#8d9a76;font-size:9px}.primer-lesson.is-celebrating .primer-companion>.equipped-pier{animation:popIn .5s ease}.primer-setup{flex-shrink:0;width:100%;max-width:1060px;margin:8px auto 0;color:#c9b693;font-size:10px;line-height:1.6}.primer-setup summary{width:100%;padding:3px 0;cursor:pointer;color:#d7bd92;font-size:9px}.primer-setup summary>span{margin-left:12px;color:#a9977a;font-size:8px}.primer-setup>div{margin-top:6px;padding:13px 17px 10px;border:1px solid #b49b6b6b;border-radius:6px;color:#9a8361;background:#f6ebd5}.primer-setup p{max-width:790px;margin:0 0 8px}.primer-setup [role=group]{flex-wrap:wrap}.primer-lesson button:focus-visible,.primer-lesson summary:focus-visible{outline:3px solid #437fa6;outline-offset:3px}.primer-lesson__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-height: 760px) and (min-width: 701px){.primer-lesson{padding-top:11px}.primer-lesson__heading{margin-bottom:9px}.primer-lesson__heading h1{font-size:26px}.primer-book__page{padding-block:10px}.primer-lesson .first-notes-piano{max-width:540px}.primer-companion>.equipped-pier{max-width:140px}.primer-instruction{min-height:49px}.primer-instruction h2{font-size:25px}.primer-lyrics{margin-top:3px}.primer-journey ol{gap:9px}}@media (max-width: 700px){.primer-lesson{padding:13px 16px 10px}.primer-lesson__heading{gap:10px;margin-bottom:11px}.primer-lesson__eyebrow{font-size:7px;letter-spacing:.1em}.primer-lesson__heading h1{font-size:23px}.primer-lesson__back{min-height:34px;padding:7px 9px;gap:5px;font-size:9px}.primer-book{display:flex;flex-direction:column;flex:1 0 auto}.primer-book__margin{display:grid;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:12px;padding:7px 12px 9px;border-right:0;border-bottom:1px solid #d5c29e;border-radius:7px 7px 0 0;background:linear-gradient(100deg,#efe3c8,#f6ecd5)}.primer-companion>.equipped-pier{max-width:65px;margin:-5px auto 0}.primer-companion>div:last-child>span{font-size:6px}.primer-companion p{display:none}.primer-journey__label{margin-bottom:7px;font-size:6px}.primer-journey ol{flex-direction:row;justify-content:space-between;gap:6px}.primer-journey li{gap:4px}.primer-journey__number{width:19px;height:19px;font-size:8px}.primer-journey__number>svg{width:11px;height:11px}.primer-journey strong{font-size:8px}.primer-journey li small{display:none}.primer-together{gap:6px;margin-top:7px;padding-top:6px}.primer-together>svg{width:17px;height:13px}.primer-together>span{flex-direction:row;align-items:center;gap:6px}.primer-together small{font-size:7px}.primer-book__note{display:none}.primer-book__page{flex:1 0 auto;padding:15px 10px 17px;border-radius:0 0 3px 3px}.primer-instruction{min-height:56px}.primer-instruction h2{font-size:24px}.primer-instruction p{margin-top:5px;font-size:11px}.primer-lyrics{min-height:31px;gap:1px;margin:4px 0 7px}.primer-lyrics>span{padding:4px;font-size:17px}.primer-lesson .first-notes-piano{max-width:580px}.primer-controls{gap:8px;margin-top:13px}.primer-action{gap:7px;min-height:41px;padding:10px 13px;font-size:11px}.primer-celebration{padding:28px 8px 31px;gap:11px}.primer-celebration h2{font-size:31px}.primer-celebration p{max-width:260px;font-size:12px}.primer-celebration__saved{max-width:230px;margin-top:4px;font-size:8px}.primer-setup{margin-top:8px;font-size:10px}.primer-setup summary{padding-block:4px;font-size:9px}.primer-setup summary>span{display:none}.primer-setup>div{padding:12px}}@media (prefers-reduced-motion: reduce){.primer-lesson *,.primer-lesson *:before,.primer-lesson *:after{animation:none!important;transition:none!important}}.primer-lesson{overflow-x:hidden;overscroll-behavior:contain}.primer-lesson__back{min-height:40px}.primer-setup summary{min-height:40px;padding-block:11px}.primer-celebration__links button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:7px 2px}.primer-setup button,.primer-setup select{max-width:100%}@media (max-width: 360px){.primer-lesson{padding-inline:10px}.primer-lesson__heading h1{max-width:210px;font-size:21px}.primer-lesson__back{padding-inline:7px}.primer-book__margin{grid-template-columns:58px minmax(0,1fr);gap:9px;padding-inline:9px}.primer-companion>.equipped-pier{max-width:56px}.primer-journey ol{gap:5px}.primer-together>span{flex-wrap:wrap;gap:2px 5px}.primer-book__page{padding-inline:8px}.primer-instruction h2{font-size:22px}.primer-lyrics>span{font-size:16px;padding-inline:3px}}@media (max-height: 640px){.primer-lesson{padding-top:8px;padding-bottom:6px}.primer-lesson__heading{margin-bottom:7px}.primer-lesson__heading h1{font-size:24px}.primer-book__margin{gap:9px;padding:10px 12px}.primer-companion>.equipped-pier{max-width:95px}.primer-companion p{font-size:9px}.primer-journey ol{gap:8px}.primer-together{margin-top:10px;padding-top:8px}.primer-book__page{padding-block:11px}.primer-instruction{min-height:48px}.primer-instruction h2{font-size:24px}.primer-instruction p{margin-top:4px;font-size:11px}.primer-lyrics{margin-block:3px 5px;min-height:29px}.primer-lyrics>span{font-size:17px}.primer-controls{margin-top:8px}.primer-celebration{gap:9px;padding-block:18px}.primer-celebration__seal{width:43px;height:43px}.primer-celebration h2{font-size:29px}.primer-celebration p{font-size:12px}.primer-setup{margin-top:5px}}@media (max-height: 640px) and (max-width: 700px){.primer-lesson__heading h1{font-size:21px}.primer-book__margin{padding:4px 9px 6px;gap:9px}.primer-companion>.equipped-pier{max-width:49px}.primer-journey__label{margin-bottom:5px}.primer-journey ol{gap:5px}.primer-together{margin-top:5px;padding-top:5px}.primer-book__page{padding-top:12px;padding-bottom:13px}.primer-instruction h2{font-size:22px}}@media (max-height: 460px) and (min-width: 701px){.primer-lesson{padding-inline:14px}.primer-lesson__heading h1{font-size:22px}.primer-lesson__eyebrow{font-size:7px}.primer-book{grid-template-columns:122px minmax(0,1fr)}.primer-book__margin{gap:7px;padding:7px}.primer-companion>.equipped-pier{max-width:48px}.primer-companion>div:last-child>span{font-size:6px}.primer-companion p,.primer-book__note{display:none}.primer-journey__label{margin-bottom:6px;font-size:6px}.primer-journey ol{flex-direction:row;justify-content:space-between;gap:6px}.primer-journey li>span:nth-child(2){display:none}.primer-journey__number{width:22px;height:22px;font-size:8px}.primer-together{gap:5px;margin-top:7px;padding-top:7px}.primer-together>svg{width:17px}.primer-together strong{font-size:9px}.primer-together small{font-size:7px}.primer-book__page{display:grid;grid-template-columns:minmax(165px,.68fr) minmax(0,1fr);grid-template-rows:auto auto auto;justify-items:center;align-content:center;gap:3px 12px;padding:10px 12px}.primer-instruction{grid-column:1;grid-row:1;min-height:0}.primer-instruction h2{font-size:22px}.primer-instruction p{font-size:10px}.primer-lyrics{grid-column:1;grid-row:2;min-height:25px;gap:1px;margin-block:3px}.primer-lyrics>span{padding:3px;font-size:15px}.primer-instrument{grid-column:2;grid-row:1 / span 3}.primer-controls{grid-column:1;grid-row:3;gap:6px;margin-top:3px}.primer-action{padding:8px 10px;gap:6px;min-height:40px;font-size:10px}.primer-celebration{grid-column:1 / -1;gap:7px;padding:10px 8px}.primer-celebration__seal{width:34px;height:34px}.primer-celebration h2{font-size:25px}.primer-celebration p{max-width:425px;font-size:11px;line-height:1.4}.primer-celebration>.primer-action{margin-top:3px}.primer-celebration__saved{margin-top:0}.primer-celebration__links{gap:7px 16px}.primer-celebration__links button{min-height:32px;font-size:9px}.primer-setup summary{padding-block:10px}}@media (max-width: 360px){.primer-lesson__heading h1{max-width:none;font-size:20px}.primer-lesson__back{width:40px;min-width:40px;padding:7px}.primer-lesson__back>span{display:none}}.theory-desk{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow:hidden;padding:17px clamp(18px,3vw,42px) 14px;color:#513c2b;background:radial-gradient(ellipse at 20% 0%,#8a63423d,transparent 63%),linear-gradient(140deg,#3f3331,#2b2c36 75%);font-family:Nunito,system-ui,sans-serif}.theory-desk__heading{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-shrink:0;width:100%;max-width:1080px;margin:0 auto 15px}.theory-desk__eyebrow{display:flex;align-items:center;gap:6px;color:#d9b97e;font-size:8px;font-weight:900;letter-spacing:.14em}.theory-desk__heading h1{margin:5px 0 4px;color:#f5e8c9;font:500 28px/1.1 Fredoka,sans-serif}.theory-desk__heading p{margin:0;color:#c3b59a;font-size:10px;line-height:1.4}.theory-desk__back{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex-shrink:0;min-height:35px;padding:8px 12px;border:1px solid #b697626b;border-radius:7px;color:#e2cba2;background:#25242b47;font:800 10px Nunito,sans-serif;cursor:pointer}.theory-desk__back:hover{border-color:#d9b97e;background:#64523d}.theory-notebook{display:grid;grid-template-columns:minmax(155px,.32fr) minmax(0,1fr);flex:1;min-height:0;width:100%;max-width:1080px;margin:0 auto;overflow:hidden;border:1px solid #b9a077;border-radius:8px 8px 4px 4px;background:#fcf4e1;box-shadow:0 10px 24px #17142140,inset 0 0 0 3px #c7af7d66}.theory-notebook__margin{position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:13px;min-width:0;min-height:0;padding:20px 16px 17px;overflow-y:auto;border-right:1px solid #c6b18a;background:linear-gradient(90deg,#f1e5ca,#f8eed8 90%,#dac39a);text-align:center;scrollbar-width:thin}.theory-notebook__guide{display:flex;flex-direction:column;align-items:center;gap:12px}.theory-notebook__guide>img{filter:drop-shadow(0 6px 4px #7d623b1f)}.theory-notebook__guide div>span{color:#9f8250;font-size:7px;font-weight:900;letter-spacing:.11em}.theory-notebook__guide h2{margin:6px 0 8px;color:#796043;font:500 19px/1.2 Fredoka,sans-serif}.theory-notebook__guide p{margin:0;color:#998260;font-size:10px;line-height:1.65}.theory-notebook__pier{display:flex;flex-direction:column;align-items:center;margin-top:auto}.theory-notebook__pier>p{margin:1px 0 0;color:#a08a65;font-size:9px;line-height:1.5}.theory-notebook__page-number{color:#b19b74;font-size:7px;font-weight:800;letter-spacing:.12em}.theory-notebook__page{display:flex;flex-direction:column;min-width:0;min-height:0;padding:21px 28px 23px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scroll-padding-block:10px;background:linear-gradient(90deg,#e6d5b4,#fdf5e5 3%,#fffaf0 70%,#f6ead1);scrollbar-color:#b6a07a #f1e5cc;scrollbar-width:thin}.theory-progress{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-shrink:0;padding-bottom:13px;border-bottom:1px solid #ddcba7}.theory-progress>div{display:flex;flex-direction:column;gap:4px}.theory-progress>div>span{color:#a1885e;font-size:8px;font-weight:900;letter-spacing:.1em}.theory-progress strong{color:#745b3b;font-size:11px;font-weight:800}.theory-progress ol{display:flex;align-items:center;gap:6px;margin:0;padding:0;list-style:none}.theory-progress li>span:first-child{display:grid;place-items:center;width:23px;height:23px;border:1px solid #d6c7a7;border-radius:50%;color:#b4a27e;background:#f9f0dd;font-size:9px;font-weight:900}.theory-progress .is-current>span:first-child{color:#37627a;border-color:#8cabb9;background:#e4edf0;box-shadow:0 0 0 3px #8cabb918}.theory-progress .is-done>span:first-child{color:#fff9e9;border-color:#789173;background:#789173}.theory-question{display:flex;flex-direction:column;align-items:center;flex:1 0 auto;padding-top:20px;text-align:center}.theory-question__topic{color:#aa8346;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.theory-question h2{max-width:570px;margin:9px 0 0;color:#553c2b;font:500 clamp(21px,2.5vw,28px)/1.25 "Fredoka",sans-serif}.theory-visual{display:flex;align-items:center;justify-content:center;width:100%;max-width:490px;min-height:124px;margin:10px 0 14px}.theory-visual>svg{max-width:100%;flex-shrink:1!important}.theory-visual--staffNote>svg{width:172px;height:118px}.theory-visual--staffPhrase>svg,.theory-visual--fingers>svg{width:min(100%,330px);height:auto;min-height:100px}.theory-field-mark{display:flex;flex-direction:column;align-items:center;gap:10px;color:#bea67a}.theory-field-mark>span{color:#b19a70;font-size:8px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.theory-answers{display:flex;align-items:stretch;justify-content:center;flex-wrap:wrap;gap:9px;width:100%}.theory-answer{display:flex;align-items:center;justify-content:center;gap:8px;flex:1 1 110px;max-width:250px;min-height:48px;padding:10px 12px;border:1px solid #c7b391;border-radius:8px;color:#775b3a;background:#f6ead3;box-shadow:0 2px #d5bf96;font:800 12px/1.35 Nunito,sans-serif;cursor:pointer}.theory-answer:hover:not(:disabled){border-color:#ab864d;background:#f6e2b8}.theory-answer:active:not(:disabled){transform:translateY(1px);box-shadow:0 1px #d5bf96}.theory-answer:disabled{cursor:default}.theory-answer__letter{display:grid;place-items:center;width:19px;height:19px;flex-shrink:0;border:1px solid #d6c3a1;border-radius:5px;color:#a88b61;font-size:8px;font-weight:900}.theory-answer>span:nth-child(2){flex:1}.theory-answer>svg{flex-shrink:0}.theory-answer.is-correct{color:#466746;border-color:#92ad89;background:#e7eedc;box-shadow:0 2px #afc1a2}.theory-answer.is-correct .theory-answer__letter{color:#668260;border-color:#b9c9ab}.theory-answer.is-chosen{color:#a17735;border-color:#caac70;background:#f4e5c5}.theory-question__piano-cue{display:flex;align-items:center;justify-content:center;gap:7px;margin:0 0 3px;color:#6d8d9f;font-size:12px;font-weight:800}.theory-result{display:flex;flex-direction:column;align-items:center;gap:8px;flex:0 0 auto;min-height:88px;margin-top:18px;padding:13px 10px 0;text-align:center}.theory-result__quiet{margin:14px 0 0;color:#ad9975;font-size:10px;font-style:italic}.theory-result__heading{display:flex;align-items:center;justify-content:center;gap:7px;color:#668160;font-size:12px}.theory-result.is-retry .theory-result__heading{color:#a37b34}.theory-result>p:not(.theory-result__quiet){max-width:520px;margin:0;color:#8a7454;font-size:11px;line-height:1.55}.theory-action{display:inline-flex;align-items:center;justify-content:center;gap:19px;min-height:39px;margin-top:3px;padding:9px 17px;border:1px solid #ce9e4c;border-radius:8px;color:#664622;background:linear-gradient(#f5d58c,#e7ba62);box-shadow:0 2px #a67a3e;font:900 12px Nunito,sans-serif;cursor:pointer}.theory-action:hover{filter:brightness(1.06)}.theory-action:active{transform:translateY(1px);box-shadow:0 1px #a67a3e}.theory-complete{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1 0 auto;gap:10px;padding:25px 0;text-align:center}.theory-complete__seal{display:grid;place-items:center;width:64px;height:64px;border:1px solid #b6c0a1;border-radius:50%;color:#779168;background:#eaf0dd}.theory-complete h2{margin:10px 0 0;color:#5e713f;font:500 28px/1.2 Fredoka,sans-serif}.theory-complete p{margin:0;color:#95805d;font-size:12px;line-height:1.6}.theory-complete .theory-action{margin-top:14px}.theory-instrument{flex-shrink:0;width:100%;max-width:1080px;margin:0 auto}.theory-instrument__input{padding:2px 10px;border:solid #b9a077;border-width:0 1px;background:linear-gradient(90deg,#e5d2ad,#fbf0dc 3%,#fbf0dc 98%,#d8bf91)}.theory-instrument__input [role=group]{flex-wrap:wrap}.theory-instrument__keys{display:flex;justify-content:center}.theory-instrument>p{display:flex;align-items:center;justify-content:center;gap:7px;margin:9px 0 0;color:#c8b694;font-size:9px;line-height:1.4;text-align:center}.theory-desk button:focus-visible{outline:3px solid #437fa6;outline-offset:3px}.theory-desk__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.theory-desk.has-keyboard .theory-question{padding-top:13px}.theory-desk.has-keyboard .theory-visual--sketch{min-height:76px;margin:4px 0 7px}.theory-desk.has-keyboard .theory-visual--sketch>svg{width:auto;height:76px;max-height:76px}.theory-desk.has-keyboard .theory-result:not(.is-right):not(.is-retry){min-height:40px;margin-top:9px;padding-top:6px}.theory-desk.has-keyboard.has-result .theory-visual--sketch{display:none}.theory-desk.has-keyboard.has-result .theory-result{margin-top:12px;padding-top:8px}@media (min-width: 701px){.theory-desk.has-keyboard .theory-notebook__guide p{display:none}.theory-desk.has-keyboard .theory-notebook__guide>img{width:86px!important;height:80px!important}.theory-desk.has-keyboard .theory-notebook__pier>.equipped-pier{width:102px!important}}@media (min-width: 701px) and (max-height: 820px){.theory-desk{padding-top:13px;padding-bottom:11px}.theory-desk__heading{margin-bottom:12px}.theory-desk__heading h1{font-size:25px}.theory-notebook__margin{gap:8px;padding:15px 12px 12px}.theory-notebook__guide{gap:8px}.theory-notebook__guide>img{width:95px!important;height:87px!important}.theory-notebook__guide h2{font-size:17px}.theory-notebook__guide p{font-size:9px}.theory-notebook__pier>.equipped-pier{width:113px!important}.theory-notebook__page{padding:16px 23px 18px}.theory-progress{padding-bottom:10px}.theory-question{padding-top:14px}.theory-question h2{font-size:23px}.theory-visual{min-height:103px;margin:7px 0 12px}.theory-visual>svg{max-height:103px}.theory-result{min-height:66px;margin-top:12px;padding-top:9px}}@media (max-width: 700px){.theory-desk{padding:13px 12px 11px}.theory-desk__heading{align-items:flex-start;gap:9px;margin-bottom:12px}.theory-desk__eyebrow{gap:4px;font-size:6px;letter-spacing:.08em}.theory-desk__eyebrow svg{width:10px;height:10px}.theory-desk__heading h1{margin-top:6px;font-size:21px}.theory-desk__heading p{max-width:215px;font-size:8px}.theory-desk__back{gap:5px;min-height:32px;margin-top:12px;padding:7px 8px;font-size:8px}.theory-desk__back svg{width:13px;height:13px}.theory-notebook{display:flex;flex-direction:column}.theory-notebook__margin{flex-direction:row;flex-shrink:0;justify-content:space-between;gap:6px;min-height:76px;padding:8px 13px;overflow:hidden;border-right:0;border-bottom:1px solid #d4bf96;background:linear-gradient(180deg,#f2e6cc,#f8efd9)}.theory-notebook__guide{flex-direction:row;gap:9px;min-width:0;text-align:left}.theory-notebook__guide>img{width:64px!important;height:59px!important}.theory-notebook__guide div>span{font-size:6px;letter-spacing:.06em}.theory-notebook__guide h2{margin:5px 0 0;font-size:15px;line-height:1.1}.theory-notebook__guide p,.theory-notebook__pier>p,.theory-notebook__page-number{display:none}.theory-notebook__pier{flex-shrink:0;margin:0 0 -2px}.theory-notebook__pier>.equipped-pier{width:69px!important}.theory-notebook__page{flex:1;padding:15px 16px 19px}.theory-progress{gap:10px;padding-bottom:12px}.theory-progress>div>span{font-size:7px}.theory-progress strong{font-size:9px}.theory-progress ol{gap:5px}.theory-progress li>span:first-child{width:21px;height:21px;font-size:8px}.theory-question{padding-top:18px}.theory-question__topic{font-size:8px}.theory-question h2{margin-top:8px;font-size:22px}.theory-visual{min-height:106px;margin:8px 0 13px}.theory-visual>svg{max-height:106px}.theory-visual--staffNote>svg{width:151px;height:104px}.theory-visual--staffPhrase>svg,.theory-visual--fingers>svg{min-height:90px}.theory-answers{flex-direction:column;align-items:stretch;gap:8px}.theory-answer{flex:0 0 auto;max-width:none;min-height:44px;padding:9px 12px;font-size:12px;text-align:left}.theory-answer__letter{width:20px;height:20px}.theory-result{min-height:58px;margin-top:14px;padding:10px 0 0}.theory-result__heading{font-size:11px}.theory-result>p:not(.theory-result__quiet){font-size:10px}.theory-result__quiet{margin-top:7px;font-size:9px}.theory-action{min-height:38px;font-size:11px}.theory-instrument__input{padding:2px 3px}.theory-instrument>p{gap:5px;margin-top:7px;font-size:8px}.theory-complete h2{font-size:25px}.theory-complete p{font-size:11px}.theory-desk.has-keyboard.has-result .theory-notebook__page{padding-top:11px;padding-bottom:12px}.theory-desk.has-keyboard.has-result .theory-progress{padding-bottom:8px}.theory-desk.has-keyboard.has-result .theory-visual{margin-top:4px;margin-bottom:5px}.theory-desk.has-keyboard.has-result .theory-result{margin-top:6px;padding-top:4px}}.theory-desk__back,.theory-action{min-height:40px}.theory-notebook{min-width:0}.theory-notebook__page{overflow-anchor:none}.theory-notebook__margin{overscroll-behavior:contain}.theory-instrument{min-width:0}.theory-instrument__input{max-height:min(190px,28dvh);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.theory-instrument__input button,.theory-instrument__input select{max-width:100%}@media (max-width: 360px){.theory-desk{padding-inline:9px}.theory-desk__heading h1{font-size:19px}.theory-desk__back{padding-inline:7px;font-size:9px}.theory-notebook__page{padding-inline:12px}.theory-notebook__margin{padding-inline:9px}.theory-notebook__guide{gap:6px}.theory-notebook__guide h2{font-size:14px}.theory-notebook__guide>img{width:53px!important;height:51px!important}.theory-notebook__pier>.equipped-pier{width:58px!important}.theory-progress{gap:7px}.theory-progress ol{gap:4px}.theory-progress li>span:first-child{width:20px;height:20px}.theory-question h2{font-size:20px}}@media (max-height: 640px){.theory-desk{padding-top:9px;padding-bottom:7px}.theory-desk__heading{margin-bottom:8px;gap:12px}.theory-desk__heading h1{margin-block:3px;font-size:23px}.theory-desk__heading p{font-size:9px}.theory-desk__eyebrow{font-size:8px;letter-spacing:.06em}.theory-notebook{grid-template-columns:135px minmax(0,1fr)}.theory-notebook__margin{gap:7px;padding:9px 10px}.theory-notebook__guide{gap:6px}.theory-notebook__guide>img{width:70px!important;height:65px!important}.theory-notebook__guide h2{margin-block:4px;font-size:15px}.theory-notebook__guide p{display:none}.theory-notebook__guide div>span{font-size:7px}.theory-notebook__pier>.equipped-pier{width:72px!important}.theory-notebook__pier>p,.theory-notebook__page-number{display:none}.theory-notebook__page{padding:10px 16px 13px}.theory-progress{padding-bottom:8px}.theory-question,.theory-desk.has-keyboard .theory-question{padding-top:11px}.theory-question h2{margin-top:6px;font-size:21px}.theory-visual{min-height:82px;margin:6px 0 9px}.theory-visual>svg{max-height:85px}.theory-visual--staffNote>svg{width:126px;height:85px}.theory-visual--staffPhrase>svg,.theory-visual--fingers>svg{min-height:76px}.theory-answers{gap:7px}.theory-answer{min-height:42px;padding-block:8px}.theory-result{min-height:45px;margin-top:10px;padding-top:7px}.theory-result__quiet{margin-top:5px}.theory-action{min-height:40px}.theory-instrument__input{max-height:100px}.theory-instrument>p{margin-top:5px;font-size:8px;line-height:1.25}.theory-complete{gap:8px;padding-block:15px}.theory-complete__seal{width:48px;height:48px}.theory-complete h2{font-size:24px}}@media (max-height: 640px) and (max-width: 700px){.theory-desk__heading{align-items:center;gap:8px}.theory-desk__heading h1{font-size:19px}.theory-desk__back{margin:0;font-size:9px}.theory-desk__eyebrow{font-size:7px}.theory-notebook__margin{min-height:53px;padding:4px 9px}.theory-notebook__guide{flex-direction:row;gap:7px}.theory-notebook__guide>img{width:44px!important;height:42px!important}.theory-notebook__guide h2{margin-block:3px 0;font-size:13px}.theory-notebook__guide div>span{font-size:6px}.theory-notebook__pier>.equipped-pier{width:48px!important}.theory-notebook__page{padding:10px 12px 13px}.theory-question h2{font-size:20px}.theory-progress>div>span{font-size:8px}}@media (max-height: 460px){.theory-desk{padding:6px 14px 5px}.theory-desk__heading{margin-bottom:6px}.theory-desk__heading h1{display:inline;margin-left:8px;font-size:19px}.theory-desk__heading p{margin-top:3px;font-size:8px}.theory-desk__eyebrow{display:inline-flex;font-size:7px}.theory-desk__back{min-height:40px;margin:0;padding-inline:10px;font-size:9px}.theory-notebook{grid-template-columns:104px minmax(0,1fr)}.theory-notebook__margin{padding:7px;gap:4px;justify-content:center}.theory-notebook__guide{gap:4px}.theory-notebook__guide>img{width:54px!important;height:50px!important}.theory-notebook__guide h2{font-size:12px}.theory-notebook__guide div>span{font-size:6px}.theory-notebook__pier{display:none}.theory-notebook__page{padding:8px 13px 10px}.theory-progress{padding-bottom:6px;gap:8px}.theory-progress>div{flex-direction:row;align-items:center;gap:7px}.theory-progress>div>span{font-size:8px}.theory-progress strong{font-size:9px}.theory-progress li>span:first-child{width:19px;height:19px;font-size:8px}.theory-question,.theory-desk.has-keyboard .theory-question{padding-top:7px}.theory-question h2{margin-top:4px;font-size:19px}.theory-visual{min-height:66px;margin:4px 0 7px}.theory-visual>svg{max-height:70px}.theory-visual--staffNote>svg{width:104px;height:70px}.theory-visual--staffPhrase>svg,.theory-visual--fingers>svg{min-height:64px}.theory-answers{flex-direction:row;gap:7px}.theory-answer{flex:1 1 120px;max-width:230px;min-height:40px;padding:7px 10px;font-size:11px}.theory-result{min-height:30px;margin-top:7px;padding-top:6px;gap:6px}.theory-result__quiet{margin:3px 0}.theory-result>p:not(.theory-result__quiet){font-size:10px}.theory-instrument__input{max-height:56px;padding-block:0}.theory-instrument>p{margin-top:3px;font-size:8px;line-height:1.2}}.story-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow:hidden;padding:clamp(20px,4vh,38px) clamp(24px,4.4vw,72px) 15px;color:#f5e8ca;background:radial-gradient(ellipse at 20% 0%,#94734a24,transparent 60%),radial-gradient(ellipse at 95% 100%,#1c314147,transparent 60%),linear-gradient(140deg,#382b29,#24252f 76%);font-family:Nunito,system-ui,sans-serif}.story-screen__heading{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-shrink:0;width:100%;max-width:1240px;margin:0 auto 21px}.story-screen__eyebrow{display:flex;align-items:center;gap:7px;color:#c9ab73;font-size:8px;font-weight:900;letter-spacing:.17em}.story-screen__heading h1{margin:5px 0 0;color:#efdfbd;font:500 24px/1.15 Fredoka,sans-serif}.story-screen__return{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 12px;border:1px solid #ae8e5a5c;border-radius:7px;color:#d7c5a3;background:#2c24263b;font:800 10px Nunito,sans-serif;cursor:pointer}.story-screen__return>span{font-size:16px}.story-screen__return:hover{color:#f5e6c5;border-color:#b79a65;background:#574431}.story-book{display:flex;flex-direction:column;flex:1;min-height:0;width:100%;max-width:1240px;margin:0 auto;overflow:hidden;border:7px solid #614530;border-radius:11px;outline:1px solid #ba965d70;background:#f7ebd2;box-shadow:0 15px 45px #13121d66,0 3px #a7854b,inset 0 0 0 1px #d3b97c}.story-book__spread{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(0,1fr);flex:1;min-height:0;overflow:hidden}.story-book__picture-page{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:14px;min-width:0;min-height:0;padding:24px 27px 19px;border-right:1px solid #d2b88a;background:linear-gradient(90deg,#ebd9b8,#f9efd9 4%,#fff5e0 80%,#e3ceaa 97%,#c7ab7b)}.story-book__picture-edition{color:#b09a72;font-size:8px;font-weight:800;letter-spacing:.14em;text-align:center}.story-book__painting{width:100%;margin:auto 0;padding:7px;border:1px solid #d4bd91;border-radius:5px;background:#fff7e7;box-shadow:0 7px 18px #6f573126;animation:storyPageReveal .3s ease both}.story-book__painting>img{display:block!important}.story-book__painting figcaption{padding:10px 7px 4px;color:#a58b60;font-size:10px;font-style:italic;font-weight:600;text-align:center}.story-book__picture-folio{display:flex;align-items:center;justify-content:space-between;align-self:stretch;gap:15px;color:#b59c70;font-size:8px;font-weight:800;letter-spacing:.1em}.story-book__text-page{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;padding:clamp(24px,3.1vw,44px) clamp(25px,3.3vw,48px) 20px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;background:linear-gradient(90deg,#dfc8a0,#f8eed8 4%,#fff8e9 12%,#fff8e9 93%,#eedfc1);scrollbar-color:#b4a07a #f4e9d0;scrollbar-width:thin}.story-book__passage{flex-shrink:0;margin:auto 0;animation:storyPageReveal .3s ease both}.story-book__chapter-mark{display:flex;align-items:center;gap:8px;margin-bottom:15px;color:#b28e4b;font-size:8px;font-weight:900;letter-spacing:.12em}.story-book__chapter-mark>span:first-child{font-size:17px}.story-book__text-page h2{margin:0 0 23px;color:#64442e;font:500 clamp(25px,2.9vw,38px)/1.12 "Fredoka",sans-serif}.story-book__paragraphs{display:flex;flex-direction:column;gap:17px}.story-book__paragraphs p{margin:0;color:#7b6144;font-size:clamp(15px,1.45vw,19px);line-height:1.7}.story-book__paragraphs p:first-child:first-letter{color:#9e713b}.story-book__end-mark{margin-top:24px;color:#c6b080;font-size:12px;text-align:center}.story-book__text-folio{display:block;margin-top:auto;padding-top:21px;color:#b9a078;font-size:8px;font-weight:800;text-align:right}.story-book__footer{position:relative;flex-shrink:0;padding:15px 25px 11px;border-top:1px solid #d3bc92;background:linear-gradient(90deg,#f2e3c7,#fcf1db 45%,#f2e3c7)}.story-book__controls{display:flex;align-items:center;justify-content:space-between;gap:20px}.story-book__previous{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:42px;min-width:88px;padding:10px 16px;border:1px solid #cbb38b;border-radius:8px;color:#95744c;background:#fbf1db;font:800 12px Nunito,sans-serif;cursor:pointer}.story-book__previous>span:first-child{font-size:16px}.story-book__previous:hover:not(:disabled){color:#6a4c2e;border-color:#a07f4d;background:#f2e0bb}.story-book__previous:disabled{color:#beaa87;border-color:#ded0b3;background:#f4e8d0;cursor:default}.story-book__pagination{display:flex;flex-direction:column;align-items:center;gap:7px}.story-book__pagination ol{display:flex;align-items:center;gap:7px;margin:0;padding:0;list-style:none}.story-book__pagination li{width:5px;height:5px;border:1px solid #c2ac82;border-radius:50%;background:transparent}.story-book__pagination .is-read{border-color:#b9a06d;background:#b9a06d}.story-book__pagination .is-current{width:7px;height:7px;border-color:#af7c2c;background:#c59646;box-shadow:0 0 0 2px #c596461a}.story-book__pagination>span{color:#a78a5a;font-size:8px;font-weight:900;letter-spacing:.12em}.story-book__next{display:flex;align-items:center;justify-content:space-between;gap:25px;min-width:175px;min-height:44px;padding:11px 18px;border:1px solid #c79848;border-radius:8px;color:#63431f;background:linear-gradient(#f6d58a,#e4b35a);box-shadow:0 3px #9b6b33,inset 0 1px #ffebba;font:900 13px Nunito,sans-serif;cursor:pointer}.story-book__next:hover{filter:brightness(1.06)}.story-book__next:active{transform:translateY(2px);box-shadow:0 1px #9b6b33}.story-book__next svg{flex-shrink:0}.story-book__skip{display:block;min-height:40px;margin:6px auto 0;padding:8px 11px;border:0;border-radius:5px;color:#a88e62;background:transparent;font:700 10px Nunito,sans-serif;cursor:pointer}.story-book__skip:hover{color:#79562f;background:#e5d3ad}.story-screen__footnote{flex-shrink:0;margin:15px 0 0;color:#9d8c70;font-size:9px;font-weight:600;letter-spacing:.03em;text-align:center}.story-screen button:focus-visible,.story-book__text-page:focus-visible{outline:3px solid #91b9d3;outline-offset:3px}.story-book__text-page:focus-visible{outline-offset:-4px}@keyframes storyPageReveal{0%{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 701px) and (max-height: 760px){.story-screen{padding-top:22px}.story-screen__heading{margin-bottom:16px}.story-book__text-page{padding-top:24px}.story-book__text-page h2{margin-bottom:18px;font-size:29px}.story-book__chapter-mark{margin-bottom:11px}.story-book__paragraphs{gap:13px}.story-book__paragraphs p{font-size:16px;line-height:1.65}.story-book__picture-page{padding:20px 22px 17px}.story-book__end-mark{margin-top:17px}.story-book__footer{padding-top:12px;padding-bottom:9px}.story-screen__footnote{margin-top:12px}}@media (max-width: 700px){.story-screen{padding:17px 13px 12px}.story-screen__heading{align-items:flex-start;gap:12px;margin-bottom:14px}.story-screen__eyebrow{gap:5px;font-size:6px;letter-spacing:.1em}.story-screen__eyebrow svg{width:11px;height:11px}.story-screen__heading h1{margin-top:6px;font-size:20px}.story-screen__return{gap:6px;min-height:40px;margin-top:0;padding:8px 9px;font-size:9px}.story-book{border-width:5px;border-radius:9px}.story-book__spread{display:block;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b4a07a #f4e9d0}.story-book__picture-page{display:block;min-height:0;padding:14px 16px 13px;border-right:0;border-bottom:1px solid #d4bd92;background:linear-gradient(180deg,#f0dfbf,#fcf2dc 90%,#e5d0a8)}.story-book__picture-edition{display:none}.story-book__painting{padding:4px;box-shadow:0 4px 12px #6f57311f}.story-book__painting figcaption{padding-top:7px;padding-bottom:3px;font-size:8px}.story-book__picture-folio{display:none}.story-book__text-page{display:block;padding:20px 22px 21px;overflow:visible;background:linear-gradient(90deg,#efdfbf,#fff7e5 6%,#fff7e5 93%,#efdfbf)}.story-book__passage{margin:0}.story-book__chapter-mark{gap:7px;margin-bottom:11px;font-size:7px;letter-spacing:.1em}.story-book__chapter-mark>span:first-child{font-size:14px}.story-book__text-page h2{margin-bottom:17px;font-size:27px}.story-book__paragraphs{gap:13px}.story-book__paragraphs p{font-size:15px;line-height:1.7}.story-book__end-mark{margin-top:20px;font-size:10px}.story-book__text-folio{display:none}.story-book__footer{padding:13px 13px 8px}.story-book__controls{gap:10px}.story-book__previous{min-width:58px;min-height:41px;gap:6px;padding:9px 10px;font-size:10px}.story-book__pagination{gap:6px}.story-book__pagination ol{gap:5px}.story-book__pagination li{width:4px;height:4px}.story-book__pagination .is-current{width:6px;height:6px}.story-book__pagination>span{font-size:7px}.story-book__next{gap:9px;min-width:126px;min-height:42px;padding:10px 12px;font-size:11px}.story-book__next svg{width:15px;height:15px}.story-book__skip{margin-top:5px;font-size:9px}.story-screen__footnote{margin-top:12px;font-size:7px}}@media (max-width: 360px){.story-screen__heading{gap:8px}.story-screen__heading h1{font-size:18px}.story-screen__return{gap:5px;padding-inline:7px;font-size:8px}.story-book__controls{gap:7px}.story-book__previous{min-width:52px;padding-inline:8px}.story-book__pagination ol{display:none}.story-book__pagination>span{font-size:8px;white-space:nowrap}.story-book__next{flex:1;min-width:0;max-width:180px;gap:7px;padding-inline:10px;font-size:10px}.story-book__text-page{padding-inline:19px}.story-book__text-page h2{font-size:25px}}@media (min-width: 701px) and (max-height: 520px){.story-screen{padding:12px 18px 10px}.story-screen__heading{margin-bottom:10px}.story-screen__heading h1{margin-top:4px;font-size:20px}.story-screen__eyebrow{font-size:7px}.story-book{border-width:5px}.story-book__spread{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.story-book__picture-page{justify-content:center;gap:0;padding:12px;overflow:hidden}.story-book__picture-edition,.story-book__picture-folio{display:none}.story-book__painting{display:flex;flex-direction:column;height:100%;max-height:100%;min-height:0;margin:0;padding:4px}.story-book__painting>img{flex:1 1 0!important;width:100%!important;height:0!important;min-height:0;aspect-ratio:auto!important;object-fit:contain!important}.story-book__painting figcaption{flex-shrink:0;padding:6px 3px 3px;font-size:9px}.story-book__text-page{padding:17px 24px 15px}.story-book__text-page h2{margin-bottom:13px;font-size:25px}.story-book__chapter-mark{margin-bottom:8px}.story-book__paragraphs{gap:11px}.story-book__paragraphs p{font-size:15px;line-height:1.6}.story-book__end-mark{margin-top:15px}.story-book__text-folio{padding-top:14px}.story-book__footer{display:flex;align-items:center;gap:16px;padding:11px 17px}.story-book__controls{flex:1;min-width:0;gap:15px}.story-book__previous{min-width:76px;min-height:40px;padding:9px 13px}.story-book__next{min-width:165px;min-height:42px;padding:10px 15px;font-size:12px}.story-book__skip{flex-shrink:0;margin:0;padding-inline:9px;font-size:9px}.story-screen__footnote{display:none}}@media (prefers-reduced-motion: reduce){.story-book__painting,.story-book__passage{animation:none}}.reward-overlay{width:min(570px,calc(100vw - 40px));max-height:calc(100dvh - 40px);margin:auto;padding:0;overflow:hidden;border:7px solid #563c2e;border-radius:16px;outline:1px solid #c9a45c;color:#513b2b;background:#fff8e7;box-shadow:0 25px 100px #0e1422b3,inset 0 0 0 1px #d8c18d;font-family:Nunito,system-ui,sans-serif}.reward-overlay[open]{display:flex;flex-direction:column;animation:rewardPageReveal .25s ease both}.reward-overlay::backdrop{background:#111c2cc9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.reward-overlay--finale{width:min(620px,calc(100vw - 40px))}.reward-overlay__page{position:relative;min-height:0;padding:25px 33px 24px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;background:radial-gradient(ellipse at top center,#fffdf4,#fbf2de 80%);text-align:center}.reward-overlay__close{position:absolute;top:13px;right:13px;display:grid;place-items:center;width:29px;height:29px;padding:0;border:1px solid #d9c8a4;border-radius:50%;color:#8c7250;background:#f3e7cd;font:400 24px/1 Nunito,sans-serif;cursor:pointer}.reward-overlay__close:hover{background:#e9d8b5}.reward-overlay__eyebrow{padding:0 22px;color:#9a7b46;font-size:9px;font-weight:900;line-height:1.5;letter-spacing:.13em;text-transform:uppercase}.reward-overlay__characters{position:relative;display:flex;align-items:flex-end;justify-content:center;gap:16px;width:fit-content;max-width:100%;margin:12px auto 6px;padding:0 10px}.reward-overlay__characters:before{content:"";position:absolute;right:0;bottom:5px;left:0;height:1px;background:linear-gradient(90deg,transparent,#d8bf89 32%,#d8bf89 68%,transparent)}.reward-overlay__pier{margin-right:7px}.reward-overlay__seal{position:absolute;z-index:2;right:-9px;bottom:9px;display:grid;place-items:center;width:46px;height:46px;border:1px solid #be8b38;border-radius:50%;background:linear-gradient(145deg,#ffe7a4,#d8a74b);box-shadow:0 2px #b3853e,0 4px 9px #82633329,inset 0 0 0 4px #f5d386,inset 0 0 0 5px #b58b3c}.reward-overlay__seal>span{color:#91651e;font-size:25px;line-height:1}.reward-overlay__characters.has-friend .reward-overlay__seal{right:calc(50% - 19px);bottom:2px}.reward-overlay__occasion{margin-top:16px;color:#a17b39;font-size:9px;font-weight:900;letter-spacing:.16em}.reward-overlay h2{margin:8px 0 0;color:#4a3227;font:500 clamp(27px,3vw,34px)/1.16 "Fredoka",sans-serif}.reward-overlay__subtitle{margin:9px 0 0;color:#846847;font-size:16px;font-weight:800;line-height:1.4}.reward-overlay__achievement{max-width:420px;margin:10px auto 0;color:#8d795b;font-size:12px;line-height:1.6}.reward-overlay__stars{display:flex;justify-content:center;align-items:center;gap:14px;margin:15px 0 3px;font-size:35px;line-height:1.15}.reward-overlay__stars>span{color:#dfd2b4}.reward-overlay__stars .is-earned{color:#ce972f;text-shadow:0 1px 0 #fff3c6,0 3px 5px #ab7d2424;animation:rewardStarReveal .4s ease both;animation-delay:var(--star-delay)}.reward-overlay__first-tune{display:inline-flex;align-items:center;gap:8px;margin-top:15px;padding:7px 13px;border:1px solid #e2c98f;border-radius:18px;color:#95702e;background:#f8edcf;font-size:11px;font-weight:800}.reward-overlay__first-tune>span{font-size:17px}.reward-overlay__unlock{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:20px;padding:13px 15px;border:1px solid #b9c9b4;border-radius:10px;background:#eef1e4;text-align:left}.reward-overlay__unlock-symbol{color:#69835c;font-size:28px}.reward-overlay__unlock>div{display:flex;flex-direction:column;gap:4px}.reward-overlay__unlock div>span{color:#84916c;font-size:8px;font-weight:900;letter-spacing:.09em}.reward-overlay__unlock strong{color:#58714b;font-size:15px;font-weight:900}.reward-overlay__story{margin-top:23px;padding-top:20px;border-top:1px solid #e1cfaa;text-align:left}.reward-overlay__story h3{margin:15px 0 9px;color:#624630;font:500 22px/1.2 Fredoka,sans-serif}.reward-overlay__story p{margin:8px 0 0;color:#876c4e;font-size:13px;line-height:1.65}.reward-overlay__details{display:flex;flex-direction:column;gap:9px;margin:21px 0 0;padding:0;list-style:none}.reward-overlay__details li{display:flex;align-items:baseline;justify-content:center;gap:9px;color:#806747;font-size:12px;line-height:1.55}.reward-overlay__details li>span:first-child{display:block;width:5px;height:5px;flex-shrink:0;border-radius:50%;transform:translateY(-1px)}.reward-overlay__currency{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 25px;margin-top:20px;padding-top:16px;border-top:1px solid #e7d7b8}.reward-overlay__currency>span{display:inline-flex;align-items:center;gap:5px;color:#968262;font-size:11px}.reward-overlay__currency strong{margin-left:2px;color:#76592f;font-size:13px;font-weight:900}.reward-overlay__coin{display:inline-grid;place-items:center;width:21px;height:21px;margin-right:2px;border:1px solid #bc913d;border-radius:50%;color:#a77a22;background:#f1d695;font-size:16px}.reward-overlay__xp{margin-right:4px;color:#7694aa;font-size:20px}.reward-overlay__actions{display:flex;flex-direction:column;align-items:stretch;gap:8px;flex-shrink:0;padding:17px 33px 15px;border-top:1px solid #ddcaa6;background:#f6ead2}.reward-overlay__primary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:47px;padding:12px 20px;border:1px solid #d0a14e;border-radius:10px;color:#56381f;background:linear-gradient(#f9d98d,#e8b651);box-shadow:0 3px #9c6c32,inset 0 1px #ffecc0;font:900 15px Nunito,sans-serif;cursor:pointer}.reward-overlay__primary:hover{filter:brightness(1.06)}.reward-overlay__primary:active{transform:translateY(2px);box-shadow:0 1px #9c6c32}.reward-overlay__back{align-self:center;min-height:31px;padding:5px 13px;border:0;border-radius:6px;color:#90744d;background:transparent;font:800 11px Nunito,sans-serif;cursor:pointer}.reward-overlay__back:hover{color:#5b4027;background:#e9d9b9}.reward-overlay button:focus-visible{outline:3px solid #427fa7;outline-offset:3px}@keyframes rewardPageReveal{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes rewardStarReveal{0%{opacity:0;transform:translateY(4px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 700px){.reward-overlay,.reward-overlay--finale{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-width:5px;border-radius:13px}.reward-overlay__page{padding:22px 23px 21px}.reward-overlay__close{top:10px;right:10px;width:27px;height:27px}.reward-overlay__eyebrow{padding:0 25px;font-size:8px}.reward-overlay__characters{gap:9px;margin-top:8px}.reward-overlay__pier{width:min(128px,36vw)!important;margin-right:3px}.reward-overlay__characters>img,.reward-overlay__characters>div[role=img]:not(.equipped-pier){width:min(102px,29vw)!important;height:min(102px,29vw)!important}.reward-overlay__seal{width:39px;height:39px}.reward-overlay__seal>span{font-size:22px}.reward-overlay__characters.has-friend .reward-overlay__seal{right:calc(50% - 17px)}.reward-overlay__occasion{margin-top:14px;font-size:8px}.reward-overlay h2{font-size:29px}.reward-overlay__subtitle{font-size:14px}.reward-overlay__achievement{font-size:11px}.reward-overlay__stars{margin-top:12px;font-size:32px}.reward-overlay__unlock{gap:10px;padding:11px 12px}.reward-overlay__unlock strong{font-size:14px}.reward-overlay__story p{font-size:12px}.reward-overlay__details li{font-size:11px}.reward-overlay__actions{padding:15px 23px 12px}.reward-overlay__primary{font-size:14px}}@media (max-height: 600px) and (min-width: 701px){.reward-overlay__page{padding-top:19px}.reward-overlay__characters{margin-top:3px}.reward-overlay__pier{width:115px!important}.reward-overlay__characters>img,.reward-overlay__characters>div[role=img]:not(.equipped-pier){width:95px!important;height:95px!important}.reward-overlay__occasion{margin-top:11px}.reward-overlay h2{font-size:29px}}@media (prefers-reduced-motion: reduce){.reward-overlay[open],.reward-overlay__stars .is-earned{animation:none}}.reward-overlay{max-width:calc(100vw - 16px);max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px)}.reward-overlay__page{flex:1 1 auto;scrollbar-color:#b6a07a #f1e5cc;scrollbar-width:thin;scroll-padding-block:16px}.reward-overlay__close{width:36px;height:36px}.reward-overlay h2,.reward-overlay__subtitle,.reward-overlay__unlock strong{overflow-wrap:anywhere}.reward-overlay__unlock>div,.reward-overlay__details li>span:last-child{min-width:0}.reward-overlay__primary{line-height:1.35}.reward-overlay__primary>svg{flex-shrink:0}.reward-overlay__back{min-height:40px}@media (max-width: 700px){.reward-overlay,.reward-overlay--finale{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.reward-overlay__page{padding:20px 18px}.reward-overlay__close{width:34px;height:34px;top:9px;right:8px}.reward-overlay__eyebrow{padding-inline:30px;line-height:1.55}.reward-overlay__characters{gap:7px;padding-inline:4px}.reward-overlay h2{font-size:clamp(25px,8vw,29px)}.reward-overlay__subtitle{font-size:14px}.reward-overlay__details{margin-top:16px}.reward-overlay__details li{font-size:12px}.reward-overlay__actions{gap:6px;padding:12px 18px 10px}.reward-overlay__primary{min-height:46px;padding-inline:15px}}@media (max-height: 450px) and (min-width: 701px){.reward-overlay,.reward-overlay--finale{max-height:calc(100dvh - 16px);border-width:5px}.reward-overlay__page{padding:17px 25px}.reward-overlay__characters{margin-block:5px 0}.reward-overlay__pier{width:90px!important}.reward-overlay__characters>img,.reward-overlay__characters>div[role=img]:not(.equipped-pier){width:76px!important;height:76px!important}.reward-overlay__occasion{margin-top:9px}.reward-overlay h2{font-size:27px}.reward-overlay__subtitle{margin-top:6px;font-size:14px}.reward-overlay__story>img{max-height:140px!important}.reward-overlay__actions{flex-direction:row;align-items:center;gap:10px;padding:10px 20px 12px}.reward-overlay__primary{flex:1;min-width:0;min-height:44px;padding:10px 15px;font-size:14px}.reward-overlay__back{flex-shrink:0;align-self:auto}}