@font-face{font-family:Atkinson Hyperlegible Next Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/atkinson-hyperlegible-next-latin-ext-wght-normal-C6vrW8VD.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible Next Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/atkinson-hyperlegible-next-latin-wght-normal-BcXVPD7q.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-hebrew-wght-normal-DdnsCkLr.woff2)format("woff2-variations");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-latin-ext-wght-normal-CYrqKuxd.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-latin-wght-normal-DM6njrJ3.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.modal.lesson-intro{gap:12px;max-height:calc(100dvh - 32px);padding:22px;overflow-y:auto}.lesson-intro h2,.lesson-intro p{margin:0}.lesson-intro p{line-height:1.4}.lesson-intro>button{min-height:44px}.hold-lesson-guide{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.hold-lesson-guide li{border:1px solid var(--ui-border);background:var(--ui-raised);color:var(--ui-text);text-align:center;border-radius:10px;flex-direction:column;align-items:center;gap:5px;padding:8px 3px;display:flex}.hold-lesson-guide svg{width:80px;max-width:100%;height:58px}.hold-lesson-guide strong{white-space:nowrap;font-size:13px}.hold-lesson-guide span{font-size:12px}.hold-guide-bar{background:#cddfd4;border-radius:8px;width:76%;height:7px;overflow:hidden}.hold-guide-bar b{transform-origin:0;height:100%;transform:scaleX(var(--remaining));background:#168064;display:block}@media (width<=360px){.modal.lesson-intro{padding:14px}.hold-lesson-guide{gap:5px}.hold-lesson-guide strong{font-size:12px}}@media (height<=450px) and (orientation:landscape){.modal.lesson-intro{grid-template-columns:1fr 1fr;gap:8px;width:min(580px,100%);padding:12px 18px}.lesson-intro h2,.lesson-intro p,.hold-lesson-guide{grid-column:1/-1}.lesson-intro h2{font-size:22px}.lesson-intro p{font-size:14px}.hold-lesson-guide li{grid-template-columns:48px 1fr;gap:3px;padding:5px;display:grid}.hold-lesson-guide svg{grid-row:1/4;width:48px;height:48px}.hold-guide-bar{width:100%}.hold-lesson-guide strong{font-size:12px}.hold-lesson-guide span{font-size:11px}}.pet-wardrobe{color:#fff1ce;isolation:isolate;background:#102d3e;border:2px solid #b6bc91;border-radius:30px 24px 28px 22px;grid-template-rows:52px minmax(0,1fr) 160px;width:min(920px,100vw - 20px);max-width:none;height:min(820px,100dvh - 20px);max-height:none;margin:auto;padding:0;display:grid;position:fixed;inset:0;overflow:hidden;box-shadow:0 18px 80px #020e20b3}.pet-wardrobe::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#04131fe0}.wardrobe-header{z-index:4;background:#102d3e;border-bottom:1px solid #83a49c44;align-items:center;gap:8px;padding:5px 12px 5px 20px;display:flex}.wardrobe-header h2{color:#fff1ce;margin:0 auto 0 0;font:500 clamp(18px,3vw,25px)/1 Fredoka Variable,sans-serif}.pet-wardrobe .wardrobe-header button{color:#f9e7b9;width:44px;height:44px;min-height:44px;box-shadow:none;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:10px;display:grid}.wardrobe-header button>svg{width:24px;height:24px}.pet-wardrobe .wardrobe-header button:hover{background:#365364}.wardrobe-stage{background:radial-gradient(at 50% 48%,#438080,#122f40 70%);min-width:0;min-height:0;position:relative;overflow:hidden}.wardrobe-room{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.wardrobe-pet{z-index:1;filter:drop-shadow(0 9px 5px #0a18254d);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pet-wardrobe .wardrobe-pet .pet-button{box-shadow:none;background:0 0;border:0;overflow:visible}.pet-wardrobe .wardrobe-pet .pet-button:hover{background:0 0}.wardrobe-pet .pet-button-speech{color:#173f4a;background:#fff4d6;bottom:70%;right:20%}.wardrobe-lines{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.wardrobe-lines path{fill:none;stroke:currentColor;stroke-width:1.5px;opacity:.5;stroke-linecap:round;stroke-linejoin:round}.wardrobe-lines .is-selected path{stroke-width:2.5px;opacity:1;filter:drop-shadow(0 0 4px)}.pet-wardrobe .wardrobe-spot{z-index:3;width:82px;min-width:44px;min-height:44px;box-shadow:none;color:#fff4d6;touch-action:manipulation;background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;padding:0;display:flex;position:absolute;transform:translate(-50%,-50%)}.wardrobe-spot-icon{background:linear-gradient(145deg,#294a5d,#102d40);border:2px solid #809a9e;border-radius:18px 16px 19px;flex:none;place-items:center;width:54px;height:54px;display:grid;position:relative;box-shadow:0 4px #071c29,0 0 0 4px #15324388}.wardrobe-spot-icon>svg{stroke-width:2px;width:28px;height:28px;color:var(--slot-color);filter:drop-shadow(0 2px #071923)}.wardrobe-spot-icon i{color:#193c44;background:#f6de9e;border:1.5px solid #163143;border-radius:50%;place-items:center;width:17px;height:17px;display:grid;position:absolute;bottom:-4px;right:-5px}.wardrobe-spot-icon i svg{stroke-width:3px;width:11px;height:11px}.wardrobe-spot-label{white-space:nowrap;text-shadow:0 2px 3px #071c29;background:#102a3cd9;border-radius:6px;padding:2px 4px;font:600 12px/1.1 Atkinson Hyperlegible Next Variable,sans-serif}.pet-wardrobe .wardrobe-spot[aria-pressed=true] .wardrobe-spot-icon{background:linear-gradient(140deg,#55716b,#244654);border-color:#ffe3a0;box-shadow:0 4px #725e3d,0 0 0 4px #edcb7044,0 0 20px #edcb7044}.wardrobe-spot:hover .wardrobe-spot-icon{border-color:#fff1ce}.pet-wardrobe button:focus-visible{outline-offset:4px;outline:3px solid #fff1ce}.wardrobe-dress-glow{pointer-events:none;z-index:-1;border-radius:50%;animation:.65s ease-out both wardrobe-equip;position:absolute;inset:20% 15% 10%}@keyframes wardrobe-equip{0%{opacity:1;transform:scale(.5);box-shadow:0 0 0 4px #ffe6a0}to{opacity:0;transform:scale(1.1);box-shadow:0 0 0 2px #ffe6a0}}.wardrobe-tray{z-index:4;background:linear-gradient(#254b57,#163543);border-top:3px solid #b6bc91;grid-template-rows:27px minmax(0,1fr) 23px;min-height:0;padding:8px 16px 0;display:grid;position:relative;box-shadow:0 -6px 20px #061f2f66}.wardrobe-tray-heading{color:#fff1ce;align-items:baseline;gap:12px;min-width:0;display:flex}.wardrobe-tray-heading strong{font:500 19px/1.1 Fredoka Variable,sans-serif}.wardrobe-tray-heading>span{text-overflow:ellipsis;white-space:nowrap;color:#c0d9d7;font-size:12px;overflow:hidden}.wardrobe-items{scrollbar-width:thin;scrollbar-color:#a6bba6 transparent;align-items:stretch;gap:10px;min-width:0;padding:4px 4px 7px;display:flex;overflow-x:auto}.pet-wardrobe .wardrobe-item{color:#fff4d6;background:#173847;border:1.5px solid #759494;border-radius:13px 11px 14px;flex-direction:column;flex:0 0 84px;justify-content:center;align-items:center;gap:5px;min-width:44px;min-height:70px;padding:7px 5px;display:flex;position:relative;box-shadow:0 3px #091e2c}.wardrobe-item>svg{flex:none;width:44px;height:35px}.wardrobe-item small{text-align:center;font:600 10px/1.12 Atkinson Hyperlegible Next Variable,sans-serif}.wardrobe-rarity{color:#ffdc7e;pointer-events:none;font-size:12px;line-height:1;position:absolute;top:3px;left:5px}.pet-wardrobe .wardrobe-item[aria-pressed=true]{opacity:1;background:#546a57;border-color:#ffdb80;box-shadow:0 3px #947248}.pet-wardrobe .wardrobe-item:disabled{color:#fff4d6;cursor:default}.wardrobe-item>.wardrobe-item-check{color:#fff0b8;width:14px;height:14px;position:absolute;top:3px;right:3px}.pet-wardrobe .wardrobe-find{background:#244752;border-style:dashed}.wardrobe-notice{color:#ffe1a0;white-space:nowrap;text-overflow:ellipsis;align-self:center;margin:0;font-size:12px;line-height:1.2;overflow:hidden}.wardrobe-notice[role=alert]{color:#fff4d6;font-weight:700}.wardrobe-style-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-height:0;display:grid;overflow:auto}.wardrobe-style-list>div{align-items:center;gap:8px;padding:3px 0;display:flex}.wardrobe-style-list span{color:#bdd6d6;flex:1;min-width:0;font-size:10px}.wardrobe-style-list strong{color:#fff1ce;font-size:12px;display:block}.pet-wardrobe .wardrobe-style-list button{color:#fff4d6;background:#173847;border:1px solid #98b0a1;border-radius:10px;flex:none;min-height:44px;padding:6px 9px;font-size:12px}.wardrobe-style-list button:disabled{opacity:.5}@media (width<=600px){.pet-wardrobe{border-radius:22px 18px 23px 19px;grid-template-rows:48px minmax(0,1fr) 150px}.wardrobe-header{gap:2px;padding:2px 6px 2px 12px}.wardrobe-header h2{font-size:20px}.wardrobe-spot-icon{border-radius:16px;width:48px;height:48px}.wardrobe-spot-icon>svg{width:25px;height:25px}.wardrobe-spot-label{font-size:10px}.pet-wardrobe .wardrobe-spot{width:66px}.wardrobe-tray{grid-template-rows:24px minmax(0,1fr) 22px;padding:7px 10px 0}.wardrobe-tray-heading{gap:9px}.wardrobe-tray-heading strong{font-size:17px}.wardrobe-tray-heading>span{font-size:11px}.wardrobe-items{gap:7px}.pet-wardrobe .wardrobe-item{flex-basis:72px}.wardrobe-style-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=360px){.wardrobe-header h2{font-size:18px}.wardrobe-spot-label{font-size:9px}.wardrobe-spot-icon{width:44px;height:44px}.wardrobe-spot-icon>svg{width:23px;height:23px}}@media (height<=520px) and (width>=500px){.pet-wardrobe{border-radius:20px;grid-template-rows:44px minmax(0,1fr);grid-template-columns:minmax(0,1fr) 220px;width:calc(100vw - 16px);height:calc(100dvh - 16px)}.wardrobe-header{grid-column:1/-1}.wardrobe-tray{border-top:0;border-left:2px solid #b6bc91;grid-template-rows:42px minmax(0,1fr) 26px;padding:10px}.wardrobe-tray-heading{display:block}.wardrobe-tray-heading>span{margin-top:5px;display:block}.wardrobe-items{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:8px;padding:4px;display:grid;overflow:auto}.pet-wardrobe .wardrobe-item{min-height:75px}.wardrobe-spot-icon{border-radius:15px;width:44px;height:44px}.wardrobe-spot-icon>svg{width:23px;height:23px}.wardrobe-spot-label{display:none}.wardrobe-style-list{grid-template-columns:1fr}.wardrobe-notice{white-space:normal;font-size:11px}.wardrobe-header h2{font-size:20px}}@media (height<=520px) and (width<=499px){.wardrobe-spot-label{display:none}.pet-wardrobe{grid-template-rows:44px minmax(0,1fr) 132px}.wardrobe-tray{grid-template-rows:22px minmax(0,1fr) 19px}}html:not([data-motion=full]) .wardrobe-dress-glow{animation:none}@media (prefers-reduced-motion:reduce){.wardrobe-dress-glow{animation:none}}.wardrobe-plinth{z-index:-1;pointer-events:none;width:66%;height:17%;position:absolute;top:76%;left:17%}.pet-wardrobe button.wardrobe-item>svg.wardrobe-wearable{width:48px;height:38px}.pet-wardrobe .wardrobe-spot.is-worn .wardrobe-spot-icon{background:linear-gradient(145deg,#fff0ce,#c6d3c1)}.pet-wardrobe .wardrobe-spot.is-worn[aria-pressed=true] .wardrobe-spot-icon{background:linear-gradient(145deg,#fff6dc,#f0d99a)}.wardrobe-spot-icon>.wardrobe-wearable{stroke-width:1px;filter:drop-shadow(0 1px 1px #102a3c40);width:84%;height:78%}.pet-shortcuts{color:#fff5dc;background:#123b46;border:0;border-radius:28px;width:min(370px,100vw - 20px);max-height:calc(100dvh - 16px);margin:auto;padding:12px;overflow:auto;box-shadow:0 16px 70px #00131ac0}.pet-shortcuts::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#061c2ab3}.pet-shortcuts header{justify-content:space-between;align-items:center;gap:8px;display:flex}.pet-shortcuts h2{margin:0 0 0 8px;font-size:19px}.pet-shortcuts header button{min-width:44px;min-height:44px;color:inherit;box-shadow:none;background:#ffffff12;border:0;border-radius:50%;padding:9px}.pet-shortcut-wheel{aspect-ratio:1;background:radial-gradient(circle,#77c9b328 0 23%,#0000 24% 47%,#77c9b312 48% 49%,#0000 50%);border-radius:50%;width:100%;position:relative}.pet-shortcut-center{pointer-events:none;width:34%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pet-shortcut-center .cs{width:100%;height:auto}.pet-shortcut-wheel button{background:var(--shortcut-color);color:#163d46;width:84px;height:74px;font:inherit;white-space:nowrap;border:0;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px 4px;font-size:13px;font-weight:750;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 4px #031c2955}.pet-shortcut-wheel button svg{width:27px;height:27px}.pet-shortcut-wheel button:hover{filter:brightness(1.08)}.pet-shortcut-wheel button:focus-visible,.pet-picker-list button:focus-visible{outline-offset:4px;outline:3px solid #fff5dc}.pet-picker{width:min(560px,100vw - 20px)}.pet-picker-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px 2px;display:grid}.pet-picker-list button{min-height:100px;color:inherit;box-shadow:none;font:inherit;background:#ffffff0c;border:2px solid #0000;border-radius:20px;flex-direction:column;align-items:center;padding:6px;font-weight:650;display:flex;position:relative}.pet-picker-list button .cs{width:min(110px,100%);height:auto}.pet-picker-list button[aria-pressed=true]{background:#9bd5aa20;border-color:#9bd5aa}.pet-picker-check{color:#b5dfb5;width:22px;height:22px;position:absolute;top:6px;right:6px}.pet-shortcuts footer{gap:8px;display:flex}.pet-shortcuts footer button{min-height:44px;font:inherit;white-space:nowrap;flex:1;font-size:14px}@media (height<=470px){.pet-shortcuts:not(.pet-picker){border-radius:22px;width:260px;padding:8px}.pet-shortcuts h2{font-size:16px}.pet-shortcut-wheel button{border-radius:18px;gap:3px;width:72px;height:60px;font-size:11px}.pet-shortcut-wheel button svg{width:22px;height:22px}.pet-picker-list{grid-template-columns:repeat(6,minmax(0,1fr))}.pet-picker-list button .cs{width:65px}.pet-picker-list button{min-height:86px;font-size:12px}}.sticker-art:not([data-still=true]) .sticker-foil-sweep{animation:9s linear infinite sticker-foil}.sticker-art[data-rarity=legendary]:not([data-still=true]) .sticker-foil-sweep{animation-name:sticker-legendary-foil;animation-duration:7s}.sticker-art:not([data-still=true]) .sticker-gold-glints{transform-origin:80px 80px;animation:7s ease-in-out infinite sticker-glints}.sticker-art{--sticker-sheen-angle:-15deg}.sticker-art[data-finish=prism]{--sticker-sheen-angle:15deg}.sticker-art[data-finish=starlight]{--sticker-sheen-angle:-8deg}.sticker-art[data-finish=silk] .sticker-foil-sweep{opacity:.8}.sticker-art[data-finish=prism] .sticker-foil-sweep{opacity:.7}.sticker-dust path{opacity:.65}.sticker-art:not([data-still=true]) .sticker-dust path{animation:8s ease-in-out infinite sticker-dust}.sticker-art .sticker-dust path:nth-child(2){animation-delay:-2.7s}.sticker-art .sticker-dust path:nth-child(3){animation-delay:-5.4s}.sticker-art[data-still=true] .sticker-foil-sweep{display:none}.sticker-art[data-rarity=legendary]:not([data-still=true]) :is(.sticker-wheel,.sticker-rotor,.sticker-train-wheel){animation:12s linear infinite sticker-spin}.sticker-wheel{transform-origin:80px 73px}.sticker-rotor{transform-origin:80px 65px}.sticker-art[data-rarity=legendary]:not([data-still=true]) .sticker-rotor{animation-duration:7s}.sticker-art[data-rarity=legendary]:not([data-still=true]) .sticker-cabin{transform-origin:0 0;animation:12s linear infinite reverse sticker-spin}.sticker-art[data-rarity=legendary]:not([data-still=true]) .sticker-train-wheel{animation-duration:3s}.sticker-art[data-rarity=legendary]:not([data-still=true]) :is(.sticker-float,.sticker-steam,.sticker-water,.sticker-sound){animation:2.7s ease-in-out infinite alternate sticker-float}.sticker-art[data-rarity=legendary]:not([data-still=true]) :is(.sticker-sway,.sticker-sail,.sticker-flag){transform-origin:80px 120px;animation:3s ease-in-out infinite alternate sticker-sway}.sticker-art[data-rarity=legendary]:not([data-still=true]) :is(.sticker-wing-left,.sticker-wing-right){transform-origin:80px 80px;animation:1.6s ease-in-out infinite alternate sticker-wing}.sticker-art[data-rarity=legendary]:not([data-still=true]) .sticker-wing-right{animation-direction:alternate-reverse}.sticker-art[data-rarity=legendary]:not([data-still=true]) :is(.sticker-bow,.sticker-beat){transform-origin:80px 80px;animation:1.5s ease-in-out infinite alternate sticker-beat}.sticker-art[data-rarity=legendary]:not([data-still=true]) .sticker-orbit{transform-origin:80px 80px;animation:18s linear infinite sticker-spin}.sticker-art[data-rarity=legendary]:not([data-still=true]) .sticker-gem{animation:2s ease-in-out infinite alternate sticker-jewel}.sticker-art[data-rarity=legendary]:not([data-still=true]) .sticker-strings{animation:.6s ease-in-out infinite alternate sticker-strum}.sticker-art[data-rarity=legendary]:not([data-still=true]) .sticker-record{transform-origin:0 0;animation:3s linear infinite sticker-spin}.sticker-art[data-rarity=legendary]:not([data-still=true]) .sticker-key-press{animation:1.2s ease-in-out infinite alternate sticker-keys}.album-rarity[data-rarity=legendary]{color:#74450e}.album-rarity[data-rarity=foil]{color:#64358d}.album-rarity[data-rarity=rare]{color:#23547c}@keyframes sticker-spin{to{transform:rotate(360deg)}}@keyframes sticker-float{0%{translate:0 2px}to{translate:0 -4px}}@keyframes sticker-sway{0%{rotate:-3deg}to{rotate:3deg}}@keyframes sticker-wing{0%{transform:scaleX(.8)rotate(-7deg)}to{transform:scaleX(1)rotate(5deg)}}@keyframes sticker-beat{0%{translate:0 1px;rotate:-2deg}to{translate:0 -3px;rotate:2deg}}@keyframes sticker-foil{0%{transform:translateX(0) skewX(var(--sticker-sheen-angle))}18%,to{transform:translateX(310px) skewX(var(--sticker-sheen-angle))}}@keyframes sticker-legendary-foil{0%{transform:translateX(0) skewX(var(--sticker-sheen-angle))}23%,to{transform:translateX(310px) skewX(var(--sticker-sheen-angle))}}@keyframes sticker-dust{0%,40%,to{opacity:.35}20%{opacity:1}}@keyframes sticker-glints{0%,28%,to{opacity:.35;scale:.9}14%{opacity:1;scale:1.1}}@keyframes sticker-jewel{0%{fill:#e5ac82}to{fill:#fff1a7}}@keyframes sticker-strum{0%{translate:-.7px}to{translate:.7px}}@keyframes sticker-keys{0%{translate:0}to{translate:0 4px}}@media (prefers-reduced-motion:reduce){.sticker-art *{animation:none!important}}[data-motion=reduced] .sticker-art *,[data-motion=minimal] .sticker-art *{animation:none!important}.stf__block[data-render-paused=true] .sticker-art *{animation-play-state:paused!important}.sticker-album{min-width:0;max-width:1250px;color:var(--ui-text);margin:auto}.album-heading{justify-content:space-between;align-items:center;gap:12px;margin:4px 0 12px;display:flex}.album-heading h2{align-items:center;gap:10px;margin:0;font-size:24px;display:flex}.sticker-album button,.sticker-dialog button{border-radius:12px;justify-content:center;align-items:center;gap:8px;min-width:44px;min-height:46px;padding:10px 14px;font-weight:750;line-height:1.2;display:inline-flex}.sticker-album button svg:not(.sticker-art),.sticker-dialog button svg:not(.sticker-art){flex-shrink:0;width:21px;height:21px}.album-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:8px;display:grid}.album-tabs>button{color:var(--ui-text);background:var(--ui-surface);border:1px solid var(--ui-border);border-bottom:4px solid #79aea3;border-radius:12px 12px 4px 4px;font-size:14px}.album-tabs>button:nth-child(2){border-bottom-color:#9c9acc}.album-tabs>button:nth-child(3){border-bottom-color:#e9ae6a}.album-tabs>button:nth-child(4){border-bottom-color:#dd94a5}.album-tabs>button[aria-pressed=true]{background:var(--ui-surface-raised,var(--ui-surface));box-shadow:inset 0 0 0 2px}.album-tools{margin:8px 0 12px}.album-tools>div{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.album-tools button{color:var(--ui-text);background:var(--ui-surface);border:1px solid var(--ui-border)}.album-book{touch-action:pan-y pinch-zoom;background:#315957;border-radius:10px 17px 17px 10px;padding:9px 9px 12px;position:relative;box-shadow:0 4px #163f40,0 9px #cbb886,0 12px #46625c,0 18px 24px #0003}.album-pages{perspective:1500px;justify-content:center;gap:3px;animation:.32s ease-out album-turn;display:flex}.album-leaf{--album-ink:#244851;--album-muted:#526467;isolation:isolate;aspect-ratio:2/3;width:100%;min-width:0;max-width:600px;color:var(--album-ink);background:#fff7df;border-radius:3px 8px 8px 3px;flex:1;position:relative;overflow:hidden;box-shadow:inset 10px 0 16px #6b502521,inset -1px 0 #86653d55;container-type:inline-size}.album-world-art{z-index:-2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.album-leaf:after{content:"";pointer-events:none;z-index:3;position:absolute;inset:0;box-shadow:inset 12px 0 18px #62472425}.album-leaf>header{text-align:center;margin:0;position:absolute;inset:4% 9% auto}.album-leaf header small{color:#36505a;text-transform:uppercase;letter-spacing:.13em;font-size:clamp(9px,2.1cqw,13px);font-weight:800}.album-leaf h3{color:#244851;text-shadow:0 1px #fff9e4;margin:6px 0;font-size:clamp(19px,5cqw,30px);line-height:1.1}.album-leaf .album-sticker-grid{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5% 7%;display:grid;position:absolute;inset:16% 7% 10%}.sticker-album .album-slot,.sticker-dialog .album-slot{color:#244851;width:100%;min-width:0;min-height:0;box-shadow:none;text-align:center;background:#fffbed85;border:1px dashed #a3916a99;border-radius:8px;margin:0;padding:0;display:block;position:relative}.album-slot[data-state=stuck]{background:#fffbed40;border-color:#0000}.sticker-album .album-slot[data-state=ready],.sticker-dialog .album-slot[data-state=ready]{background:#fff3ca9c;border:2px dashed #93703a}.album-slot:focus-visible{outline-offset:2px;outline:3px solid #d34863}.album-slot-number{color:#526467;font-size:clamp(9px,2.2cqw,13px);font-weight:650;position:absolute;top:4%;left:6%}.album-slot-target{aspect-ratio:1.12;width:auto;height:77%;position:absolute;top:0;left:50%;transform:translate(-50%)}.album-slot-art{width:80%;position:absolute}.sticker-art{filter:drop-shadow(1px 3px 1px #76562942);width:100%;height:auto;display:block;overflow:visible}.album-slot[data-state=stuck] .sticker-art{filter:drop-shadow(0 .6px .4px #76562926)}.sticker-art[data-muted=true]{filter:grayscale();opacity:.16}.album-slot[data-state=ready] .sticker-art{filter:saturate(.65);opacity:.45}.album-slot>strong{overflow-wrap:normal;font-size:clamp(10px,2.8cqw,17px);font-weight:750;line-height:1.12;position:absolute;inset:auto 5% 5%}.album-slot-status{color:#557267;background:#fff8e4;border-radius:50%;justify-content:center;align-items:center;width:clamp(16px,5cqw,26px);height:clamp(16px,5cqw,26px);display:flex;position:absolute;top:6%;right:6%}.album-slot[data-state=ready] .album-slot-status{color:#fff8d4;background:#346a5e;box-shadow:0 2px 3px #273f3333}.sticker-album .album-slot-status svg,.sticker-dialog .album-slot-status svg{width:70%;height:70%}.album-leaf>footer{color:#304f53;justify-content:space-between;align-items:center;font-size:clamp(11px,2.7cqw,16px);display:flex;position:absolute;inset:auto 9% 3%}.album-leaf>footer span{background:#fff7dfd9;border-radius:15px;align-items:center;gap:5px;padding:4px 8px;display:flex}.album-leaf>footer svg{width:14px;height:14px}.album-pagination{justify-content:center;align-items:center;gap:16px;margin:24px 0 10px;display:flex}.album-pagination button{background:var(--ui-surface);color:var(--ui-text);border:1px solid var(--ui-border)}.album-pagination>span{text-align:center;min-width:72px;font-weight:700}.album-pagination button:disabled{opacity:.35}.album-sharing{border-top:1px solid var(--ui-border);margin:24px 0 10px;padding:15px 0;font-size:14px}.album-sharing label{align-items:center;gap:10px;display:flex}.album-sharing input{flex-shrink:0;width:24px;height:24px}.album-sharing p{color:var(--ui-muted);font-size:12px}.sticker-dialog:not(.album-dialog){--ui-text:#214952;--ui-muted:#506970;--ui-surface:#fff6df;--ui-inset:#f2e7c9;--ui-border:#b8a87a}dialog.sticker-dialog{box-sizing:border-box;color:#214952;background:#fff6df;border:2px solid #d4bd88;border-radius:22px;width:min(640px,100% - 24px);max-width:none;max-height:calc(100dvh - 24px);margin:auto;padding:clamp(16px,3vw,28px);position:fixed;inset:0;overflow:auto;box-shadow:0 8px 20px #0005}.sticker-dialog::backdrop{background:#061a29b5}.sticker-dialog>header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.sticker-dialog h2{margin:4px 0 12px;font-size:clamp(23px,2.4vw,34px);line-height:1.12}.sticker-dialog p{margin:10px 0 16px;line-height:1.4}.sticker-dialog small{color:#506970}.sticker-dialog button:not(.primary,.album-slot,.sticker-drag){color:#214952;background:#fffbee;border:1px solid #b8a87a}.sticker-dialog .primary{color:#fffbea;background:#c33349;border:2px solid #ed8e96;min-height:48px;box-shadow:0 4px #86313e}.sticker-dialog .sticker-close{flex-shrink:0;width:44px;height:44px;min-height:44px;padding:9px}.sticker-dialog>footer{justify-content:space-between;gap:10px;margin-top:12px;display:flex}.sticker-dialog .sticker-save-note{color:#526467;font-size:13px}.sticker-dialog [role=alert]{color:#942f41}dialog.album-dialog{background:var(--ui-bg);width:min(1320px,100% - 24px);color:var(--ui-text)}.album-dialog>header h2{color:var(--ui-text);font-size:18px}.album-dialog>header{align-items:center;margin-bottom:8px}.album-dialog .album-heading{display:none}dialog.sticker-placement{grid-template-rows:auto minmax(0,1fr) auto;width:min(660px,100% - 16px);height:min(820px,100dvh - 16px);max-height:none;padding:16px;display:grid;overflow:hidden}.sticker-placement>header h2{margin-bottom:10px;font-size:clamp(20px,3vw,29px)}.sticker-placement>header small{font-size:12px}.placement-scene{background:#c8b992;border:1px solid #b5a17d;border-radius:8px;min-height:0;position:relative;overflow:hidden}.placement-camera{justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.placement-camera .album-leaf{width:auto;max-width:none;height:100%;transform-origin:var(--focus-x) var(--focus-y);flex:none;margin:0;transition:transform .6s cubic-bezier(.22,.7,.22,1)}.placement-camera .album-slot-number{opacity:1}.placement-camera .album-slot-status{display:none}.placement-camera[data-zoom=true] .album-leaf>header,.placement-camera[data-zoom=true] .album-leaf>footer{opacity:0}.album-slot-ghost{opacity:.18;pointer-events:none;width:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.placement-camera .sticker-drag .sticker-art{opacity:1;filter:drop-shadow(1px 3px 1px #76562942)}.placement-scene .placement-zoom{width:44px;height:44px;padding:8px;position:absolute;bottom:8px;right:8px;box-shadow:0 3px 8px #0003}.placement-page-label{color:#244851;background:#fff8e9ed;border-radius:20px;max-width:calc(100% - 76px);padding:5px 10px;font-size:12px;position:absolute;bottom:12px;left:10px}.sticker-dialog .sticker-drag{width:80%;min-width:0;min-height:0;box-shadow:none;touch-action:none;cursor:grab;background:0 0;border:0;border-radius:25%;padding:0;display:block;position:absolute}.sticker-drag:active{cursor:grabbing}.sticker-drag[aria-disabled=true]{opacity:1;cursor:default}.sticker-drag:focus-visible{outline-offset:3px;outline:2px solid #c5465a}.sticker-stuck{pointer-events:none;-webkit-user-select:none;user-select:none;width:80%;display:block;position:absolute}.sticker-rotate button{touch-action:none;-webkit-user-select:none;user-select:none}.sticker-rotate{align-items:center;gap:8px;margin:8px 0 0;display:flex}.sticker-rotate button{border-radius:10px;width:44px;min-width:44px;height:44px;min-height:44px;padding:10px}.placement-controls .sticker-save-note{margin:6px 0 10px;font-size:12px}.placement-controls footer{gap:10px;display:flex}.placement-controls footer .primary{flex:1}dialog.album-reader{grid-template-rows:auto minmax(0,1fr) auto;width:min(950px,100% - 16px);height:calc(100dvh - 16px);padding:12px;display:grid;overflow:hidden}.album-reader h2{font-size:22px}.album-reader-window{touch-action:pan-x pan-y pinch-zoom;background:#315957;border-radius:7px;overflow:auto}.album-reader-window .album-leaf{width:min(100%,520px);max-width:none;margin:0 auto}.album-reader-window[data-zoom=true] .album-leaf{width:200%;max-width:1040px}.sticker-detail{text-align:center}.sticker-detail-art{width:180px;margin:20px auto 28px}.sticker-duplicate-actions{border-top:1px solid #d4bd88;gap:12px;margin:22px 0;padding-top:20px;display:grid}.sticker-duplicate-actions h3,.sticker-duplicate-actions p{margin:0}.sticker-duplicate-actions>div{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.sticker-duplicate-actions>div>p{width:100%}.sticker-price{flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;margin:20px 0;font-size:26px;display:flex}.sticker-price small{font-size:15px}.sticker-pack-dialog{text-align:center}.sticker-pack-dialog>.primary{width:100%}.sticker-pack-art{justify-content:center;padding:20px 15px;display:flex}.sticker-pack-art .sticker-art{width:30%}.sticker-pack-art .sticker-art:first-child{margin-right:-25px;rotate:-15deg}.sticker-pack-art .sticker-art:nth-child(2){z-index:1;translate:0 -10px}.sticker-pack-art .sticker-art:last-child{margin-left:-25px;rotate:15deg}dialog.sticker-pack-reveal{width:min(820px,100% - 24px)}.sticker-reveal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0;display:grid}.sticker-reveal-grid>div{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.sticker-reveal-grid .sticker-art{max-width:180px}.sticker-reveal-grid strong{font-size:18px}.sticker-pack-reveal>.primary{width:100%}.album-rank-strip{align-items:center;gap:10px;margin-bottom:12px;display:flex}.album-rank-strip>b{font-size:24px}.album-rank-strip>span{color:var(--ui-muted);margin-left:auto;font-size:13px}.sticker-gift-entry{flex-wrap:wrap;align-items:center;gap:14px;margin:20px 0;display:flex}.sticker-gift-dialog label{gap:8px;margin:16px 0;font-weight:700;display:grid}.sticker-gift-dialog select{color:#214952;background:#fffbee;border:1px solid #b8a87a;border-radius:10px;width:100%;max-width:100%;min-height:48px;padding:10px}.sticker-gift-dialog footer{flex-wrap:wrap;gap:10px;display:flex}.reward-achievement .achievement-emblem:has(.sticker-art){box-shadow:none;background:0 0;border:0;padding:0}.book-page .journey-body[data-tab=badges]{grid-template-columns:minmax(0,1fr)}.book-page .journey-body[data-tab=badges] .journey-library{min-width:0}.book-page .journey-body[data-tab=badges] .journey-panel{overflow-x:hidden}.book-page:has(.journey-body[data-tab=badges]){max-width:min(1600px,100%)}@keyframes album-turn{0%{opacity:.6;transform:rotateY(-5deg)}to{opacity:1;transform:rotateY(0)}}@media (width>=1000px){.album-book{box-sizing:border-box;width:min(100%,max(600px,133.3dvh - 439.89px));margin:auto}.album-leaf:nth-child(2){border-radius:8px 3px 3px 8px}.album-leaf:nth-child(2):after{box-shadow:inset 14px 0 22px #5e4c382a}}@media (width<=999px){.album-book{box-sizing:border-box;width:min(100%,max(220px,66.67dvh - 190.01px));max-width:550px;margin:auto}.album-tabs>button{flex-direction:column;gap:4px;padding:7px 3px;font-size:12px}.album-heading h2{font-size:20px}.album-count{font-size:18px}.album-tools>div{justify-content:center}.album-tools button{padding:8px 10px;font-size:13px}.album-tools .primary{flex:1}.album-rank-strip>span{display:none}}@media (width<=600px){.album-tabs{gap:4px}.album-tabs>button{font-size:10px}.album-tabs>button svg{width:19px!important;height:19px!important}.album-book{padding:5px 5px 8px}.album-pagination{gap:9px;margin-top:21px}.sticker-reveal-grid{gap:8px}.sticker-reveal-grid strong{font-size:14px}.sticker-reveal-grid small{font-size:11px}.sticker-placement{border-radius:16px!important}.album-sharing{font-size:12px}}@media (height<=460px) and (width>=480px){dialog.sticker-placement{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(210px,.8fr);gap:8px 16px;width:calc(100% - 16px);padding:12px}.sticker-placement>header{grid-column:1/-1}.sticker-placement>header h2{margin-bottom:0;font-size:21px}.placement-controls{align-self:center}.placement-controls footer{flex-wrap:wrap}.placement-controls footer .primary{min-width:140px}.placement-page-label{font-size:10px}.sticker-tilt{gap:6px}}@media (prefers-reduced-motion:reduce){.album-pages,.sticker-placement-page .sticker-art{animation:none!important}.placement-camera .album-leaf{transition:none}}[data-motion=reduced] .album-pages,[data-motion=minimal] .album-pages,[data-motion=reduced] .sticker-placement-page .sticker-drag .sticker-art,[data-motion=minimal] .sticker-placement-page .sticker-drag .sticker-art{animation:none}[data-motion=reduced] .placement-camera .album-leaf,[data-motion=minimal] .placement-camera .album-leaf{transition:none}.album-curl-host{aspect-ratio:2/3;width:100%}.album-curl-host .stf__parent{touch-action:pan-y pinch-zoom;width:100%;height:100%}.album-curl-host .album-leaf{max-width:none}.album-book>div[hidden]{display:none!important}.album-curl-host .album-slot{cursor:pointer}.album-curl-host .stf__item{will-change:transform}.album-book{width:min(100%,520px);max-width:none}.album-pagination{margin:16px 0 8px}@media (width>=1000px){.album-book{width:min(100%,1000px)}.album-curl-host{aspect-ratio:4/3}}@media (width<=999px){.album-book{width:min(100%,max(240px,66.67dvh - 153.341px))}}.placement-camera .album-leaf{transform-origin:50%;transition:transform .6s cubic-bezier(.22,.7,.22,1)}.album-slot>strong{max-height:23%;font-size:clamp(9px,2.5cqw,15px);bottom:3%}.album-slot-target{height:72%}.album-slot-ghost .sticker-art{opacity:1!important;filter:none!important}dialog.album-dialog{flex-direction:column;height:calc(100dvh - 16px);max-height:none;padding:12px;display:flex;overflow:hidden}.album-dialog>.sticker-album{flex-direction:column;flex:1;width:100%;min-height:0;display:flex}.album-dialog .album-book{flex:1;width:100%;min-height:0;padding:5px 5px 8px}.album-dialog .album-curl-host{aspect-ratio:auto;height:100%}.album-dialog .album-tabs,.album-dialog .album-tools,.album-dialog .album-pagination{flex:none}.album-dialog .album-sharing{display:none}.album-dialog .album-tools{margin:0 0 8px}.album-dialog .album-pagination{margin:12px 0 0}.album-dialog .album-tabs>button{min-height:44px;padding:4px;font-size:10px}.album-dialog .album-book{max-width:900px}@media (height<=460px){.album-dialog>.sticker-album{grid-template-rows:auto 1fr auto;grid-template-columns:minmax(120px,150px) minmax(0,1fr);gap:5px 12px;display:grid}.album-dialog .album-tabs{grid-area:1/1;grid-template-columns:1fr 1fr}.album-dialog .album-tools{grid-area:2/1}.album-dialog .album-book{grid-area:1/2/4;height:100%}.album-dialog .album-pagination{flex-wrap:wrap;grid-area:3/1;gap:3px}.album-dialog .album-pagination>span{min-width:30px;font-size:12px}.album-dialog .album-pagination button{padding:7px}}@media (prefers-reduced-motion:reduce){.placement-camera .album-leaf{transition:none!important}}[data-motion=minimal] .placement-camera .album-leaf,[data-motion=reduced] .placement-camera .album-leaf{transition:none!important}.album-slot-number{z-index:1;background:#fff8e8d9;border-radius:4px;padding:1px 3px}.album-leaf h3{font-size:clamp(12px,5cqw,30px)}.album-curl-host{overflow:hidden}.placement-camera .album-slot>strong{font-size:2.5cqw}.placement-camera .album-slot-number{padding:.2cqw .5cqw;font-size:2.2cqw}.album-book{box-shadow:none;-webkit-user-select:none;user-select:none;background:0 0}.album-reader-window,.placement-scene{-webkit-user-select:none;user-select:none}.album-curl-host{isolation:isolate;position:relative}.album-curl-host .stf__parent{min-width:0!important;min-height:0!important}.album-curl-host:before{content:"";left:var(--paper-left);top:var(--paper-top);width:var(--paper-width);height:var(--paper-height);pointer-events:none;border-radius:5px;position:absolute;box-shadow:0 3px #b6a678,0 6px #21474c,0 10px 12px #0003}.album-curl-host[data-cover=front] .stf__parent{transform:translateX(calc(var(--page-width) * -.5))}.album-curl-host[data-cover=back] .stf__parent{transform:translateX(calc(var(--page-width) * .5))}.album-curl-host .stf__item[style*=rotateY]{top:var(--paper-top)!important}.album-curl-host .stf__item.--left[style*=rotateY]{left:var(--spread-left)!important}.album-curl-host .stf__hardShadow,.album-curl-host .stf__hardInnerShadow{top:var(--paper-top)}.album-curl-host[data-portrait=true] .stf__parent{clip-path:inset(var(--paper-top) calc(100% - var(--paper-left) - var(--paper-width)) calc(100% - var(--paper-top) - var(--paper-height)) var(--paper-left))}.album-curl-host[data-edge=true],.album-curl-host[data-edge=true] .album-slot{cursor:grab}:is(.album-book:has([data-dragging=true]),.album-book:has([data-dragging=true]) *){cursor:grabbing!important}.album-cover{color:#fff3ce;aspect-ratio:2/3;background:#205d62;border-radius:4px 9px 9px 4px;position:relative;overflow:hidden;container-type:inline-size}.album-cover-back{border-radius:9px 4px 4px 9px}.album-cover>svg{width:100%;height:100%;position:absolute;inset:0}.album-cover>header{text-align:center;position:absolute;top:20%;left:10%;right:8%}.album-cover header small{letter-spacing:.2em;text-transform:uppercase;color:#ffdc89;font-size:3cqw;font-weight:750}.album-cover h3{color:#fff3ce;text-shadow:0 2px #0c2a40;margin:2cqw 0;font-size:8cqw;line-height:1.08}.album-cover-back>header,.album-cover-inside>header{top:18%}.album-cover>footer{text-align:center;color:#fff3ce;font-size:3.3cqw;position:absolute;bottom:8%;left:10%;right:8%}.album-cover footer span{color:#ffdf96;margin-top:3cqw;font-size:2.9cqw;display:block}.album-corner-hint{pointer-events:none;z-index:30;aspect-ratio:1;width:clamp(16px,4%,34px);left:calc(var(--paper-left) + var(--paper-width));top:calc(var(--paper-top) + var(--paper-height));transform-origin:100% 100%;clip-path:polygon(100% 0,100% 100%,0 100%);opacity:0;background:linear-gradient(135deg,#fff0be 45%,#b5a782 49%,#fffbe9 52%);animation:12s 4s infinite album-corner-peek;position:absolute;transform:translate(-100%,-100%)}.album-curl-host[data-hint=left] .album-corner-hint{left:var(--paper-left);transform-origin:0 100%;transform:translate(100%,-100%)scaleX(-1)}.album-curl-host[data-turning=true] .album-corner-hint,.album-curl-host[data-dragging=true] .album-corner-hint{display:none}@keyframes album-corner-peek{0%,12%,to{opacity:0;scale:.3}3%,8%{opacity:1;scale:1}}@media (prefers-reduced-motion:reduce){.album-corner-hint{animation:none}}[data-motion=reduced] .album-corner-hint,[data-motion=minimal] .album-corner-hint{animation:none}.sticker-album{-webkit-user-select:none;user-select:none}@media (height<=460px){.album-dialog>.sticker-album{grid-template-columns:250px minmax(0,1fr)}.album-dialog .album-tools{align-self:center}.album-dialog .album-tools>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.album-dialog .album-tools button{min-height:44px;padding:6px;font-size:12px}.album-dialog .album-stick-next>svg{display:none}.album-dialog .album-pagination{grid-template-columns:44px 1fr 44px 44px;align-items:center;gap:5px;display:grid}.album-dialog .album-pagination>button{width:44px;min-height:44px}.album-dialog .album-tabs,.album-dialog .album-tools,.album-dialog .album-pagination{margin:0}}.album-curl-host .album-leaf header small{font-size:clamp(6px,2.1cqw,13px)}.album-curl-host .album-leaf h3{margin:1cqw 0;font-size:clamp(10px,5cqw,30px)}@container (width<=220px){.album-curl-host .album-leaf>header{font-size:2.1cqw;line-height:1.2}.album-curl-host .album-leaf h3{font-size:5cqw}}.album-curl-host .album-slot>strong{max-height:none;font-size:clamp(7.5px,2.5cqw,15px)}@container (width<=180px){.album-curl-host .album-rarity{display:none}}.album-curl-host .album-slot-number{color:#244851;padding:.2cqw .5cqw;font-size:clamp(7px,2.2cqw,13px)}.album-curl-host .album-slot-status{width:5cqw;height:5cqw}.album-curl-host .album-slot .album-slot-status svg{width:70%;height:70%}.album-curl-host .album-leaf>footer{font-size:2.7cqw}.album-curl-host .album-leaf>footer span{gap:1cqw;padding:.7cqw 1.5cqw}.album-curl-host .album-leaf>footer svg{width:3cqw;height:3cqw}.album-tabs>button span{white-space:nowrap}.placement-camera button.album-slot{cursor:pointer;touch-action:pinch-zoom}.album-cover>header{top:16.5%;left:14%;right:10%}.album-cover header small{letter-spacing:.14em;font-size:2.4cqw}.album-cover h3{margin:2.5cqw 0;font-size:7.5cqw}.album-cover-back h3,.album-cover-inside h3{font-size:7cqw}.album-cover>footer{font-size:3cqw;inset:82.7% 13% auto 17%}.album-cover-back>header{left:10%;right:14%}.album-cover-back>footer{left:13%;right:17%}.album-cover footer b{color:#173e4a;font-weight:700}.album-cover footer span{margin-top:4cqw;font-size:2.9cqw}@media (width>=1000px){.album-dialog .album-tabs>button{font-size:14px}}.placement-controls .sticker-save-note{min-height:30px}.celebration-layer{z-index:9;pointer-events:none;position:absolute;inset:0;overflow:hidden}.celebration-layer canvas{pointer-events:none;width:100%;height:100%;display:block}.placement-scene:has(>.placement-turn)>.placement-camera:not(.placement-turn){visibility:hidden}.placement-scene>[hidden]{display:none!important}.placement-turn{pointer-events:none;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.placement-turn>div,.placement-turn .stf__parent{width:100%;height:100%}.placement-turn .album-leaf{overflow:hidden;transition:none!important}.placement-camera .album-slot:has(.sticker-drag){z-index:4}.placement-camera[data-zoom=true][data-stuck=false] .album-slot:not(:has(.sticker-drag)){visibility:hidden}.placement-camera[data-zoom=true][data-stuck=false] .album-slot>strong{visibility:hidden}.placement-camera[data-zoom=true] .album-leaf{transform:translate(calc(var(--zoom-x) + var(--page-pan-x,0px)),calc(var(--zoom-y) + var(--page-pan-y,0px))) scale(var(--zoom-scale))}.placement-camera[data-stuck=true] .album-leaf>header,.placement-camera[data-stuck=true] .album-leaf>footer{opacity:1}.placement-scene[data-pan=true]{cursor:grab;touch-action:pinch-zoom}.placement-scene[data-panning=true],.placement-scene[data-panning=true] *{cursor:grabbing}.placement-scene[data-panning=true] .album-leaf{transition:none}.placement-scene:focus-visible{outline-offset:2px;outline:3px solid #347c83}.placement-camera .album-leaf{overflow:visible}.placement-camera .sticker-drag{aspect-ratio:1;perspective:700px;overflow:visible}.sticker-paper,.sticker-paper-flip,.sticker-paper-front,.sticker-paper-back{width:100%;height:100%;display:block}.sticker-paper{transform-origin:15% 15%;filter:drop-shadow(3px 8px 4px #30434c28);position:relative}.sticker-paper:is([data-phase=back],[data-phase=lick],[data-phase=turn],[data-phase=press]){filter:none}.sticker-paper[data-phase=page],.sticker-paper[data-phase=zoom],.sticker-paper[data-phase=empty]{visibility:hidden}.sticker-paper[data-phase=arrive]{animation:.65s cubic-bezier(.22,.75,.3,1) both sticker-slide-in}.sticker-paper-flip{transform-style:preserve-3d;transition:transform .5s cubic-bezier(.4,0,.2,1);position:relative}.sticker-paper-front,.sticker-paper-back{backface-visibility:hidden;position:absolute;inset:0}.sticker-paper-back{transform:rotateY(180deg)}.sticker-paper[data-phase=back] .sticker-paper-flip,.sticker-paper[data-phase=lick] .sticker-paper-flip{transform:rotateY(180deg)rotate(-5deg)translateY(-4%)}.sticker-paper[data-phase=back] .sticker-paper-flip{animation:.65s ease-in-out both sticker-show-back}.sticker-paper[data-phase=turn] .sticker-paper-flip{transform:rotateY(0)rotate(0)}.sticker-back-art,.sticker-corner-press{width:100%;height:100%;display:block;overflow:visible}.sticker-paper .sticker-art{width:100%;height:100%;filter:none!important}.sticker-paper[data-phase=done],.sticker-paper[data-phase=celebrate]{filter:drop-shadow(0 .6px .4px #76562926)}.sticker-glue,.sticker-glue-glint{opacity:0}.sticker-paper[data-phase=lick] .sticker-glue{stroke-dasharray:150;stroke-dashoffset:150px;animation:.8s ease-out both sticker-glue-wet}.sticker-paper[data-phase=lick] .sticker-glue-glint{animation:.8s ease-out both sticker-glue-spark}.sticker-helper{aspect-ratio:1;z-index:8;width:70%;transform:rotate(var(--pet-counter-tilt));transform-origin:40% 40%;pointer-events:auto;display:block;position:absolute;top:40%;left:65%}.sticker-helper-rig{width:100%;height:100%;display:block;position:relative}.sticker-helper[data-phase=back] .sticker-helper-rig{animation:.65s ease-out both sticker-helper-enter}.sticker-helper[data-phase=lick] .sticker-helper-rig{animation:.8s ease-in-out both sticker-helper-lick}.sticker-helper[data-phase=turn] .sticker-helper-rig{animation:.5s ease-in-out both sticker-helper-retreat}.sticker-helper[data-phase=celebrate] .sticker-helper-rig{animation:1.25s ease-in-out both sticker-helper-dance}.sticker-mlem{pointer-events:none;opacity:0;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.sticker-helper[data-phase=lick] .sticker-mlem{opacity:1}.sticker-helper[data-phase=lick] .sticker-mlem g{transform-box:view-box;animation:.4s ease-in-out 2 sticker-tongue}.sticker-helper .pet-button-wrap,.sticker-helper .pet-button,.sticker-helper .pet-action{width:100%;min-width:0;height:100%;min-height:0;box-shadow:none;background:0 0;border:0;padding:0;display:block}.sticker-dialog .sticker-helper .pet-button{box-shadow:none;background:0 0;border:0}.sticker-dialog .sticker-helper svg.cs{width:100%;height:100%}.sticker-helper .pet-button-speech{display:none}.placement-scene[data-quiet=true] .sticker-helper *{animation:none!important}.placement-scene[data-quiet=true] .sticker-paper-flip{transition:none}@keyframes sticker-slide-in{0%{transform:translate(180%,-230%)rotate(28deg)scale(.85)}70%{transform:translate(-3%,2%)rotate(-2deg)}to{transform:none}}@keyframes sticker-show-back{0%{transform:none}to{transform:rotateY(180deg)rotate(-5deg)translateY(-4%)}}@keyframes sticker-helper-enter{0%{opacity:0;transform:translate(170%,35%)rotate(12deg)}to{opacity:1;transform:translate(-58%,-32%)}}@keyframes sticker-tongue{0%,to{opacity:0;transform:scale(.03)}30%,65%{opacity:1;transform:scale(1)}}@keyframes sticker-helper-lick{0%,to{transform:translate(-58%,-32%)}30%{transform:translate(-48%,-48%)rotate(-6deg)}70%{transform:translate(-65%,-20%)rotate(4deg)}}@keyframes sticker-helper-retreat{0%{transform:translate(-58%,-32%)}to{transform:none}}@keyframes sticker-glue-wet{20%{opacity:0}55%{opacity:.6;stroke-dashoffset:65px}to{opacity:.85;stroke-dashoffset:0}}@keyframes sticker-glue-spark{0%,40%{opacity:0}60%,90%{opacity:1}to{opacity:.7}}@keyframes sticker-helper-dance{0%,to{transform:none}18%{transform:translateY(-15%)rotate(-12deg)}36%{transform:rotate(8deg)}56%{transform:translateY(-20%)rotate(10deg)}78%{transform:translateY(-4%)rotate(-7deg)}}@media (width>=1600px) and (height>=900px){dialog.sticker-placement{width:min(900px,100% - 24px);height:min(1080px,100dvh - 32px)}.placement-controls footer button{min-height:56px;font-size:19px}.placement-controls .sticker-save-note{font-size:15px}}@media (height<=460px){.placement-controls .sticker-save-note{min-height:42px}}@media (prefers-reduced-motion:reduce){.sticker-paper,.sticker-helper *{animation:none!important}.sticker-paper-flip{transition:none!important}}.placement-scene .album-slot:has(.sticker-drag)>.album-slot-number{transition:opacity .15s}.placement-scene[data-phase=celebrate] .album-slot:has(.sticker-drag)>.album-slot-number{opacity:0}.shopkeeper-art{width:100%;height:100%;display:block;overflow:visible}.reward-focus>.shopkeeper-visit{text-align:left;grid-template-columns:170px minmax(0,1fr);align-items:center;gap:20px;max-width:670px;margin:auto;display:grid}.shopkeeper-visit>.shopkeeper-art{grid-area:1/1;width:170px;height:170px;animation:.65s ease-out both shopkeeper-arrive}.shopkeeper-visit .shopkeeper-wave{transform-origin:174px 143px;animation:1.2s ease-in-out .4s shopkeeper-wave}.shopkeeper-speech{grid-column:2;min-width:0}.shopkeeper-speech>span{color:var(--ui-muted);font-size:12px;font-weight:800}.reward-stage .reward-focus .shopkeeper-speech h1{margin:8px 0;font-size:clamp(23px,3.6vw,34px);line-height:1.12}.reward-focus .shopkeeper-speech p{letter-spacing:0;text-transform:none;color:#284b50;margin:0 0 8px;font-size:16px;font-weight:500;line-height:1.5}.reward-focus .shopkeeper-speech small{color:#466762;font-size:13px;display:block}.reward-ceremony[data-reward-step=shopkeeper] .reward-stage-friend{display:none}.reward-ceremony[data-reward-step=shopkeeper] .reward-main{grid-template-columns:minmax(0,1fr)}.reward-stars[data-perfect=true]>svg{animation:.7s cubic-bezier(.22,.85,.35,1.2) both lesson-star-arrive}.reward-stars[data-perfect=true]>svg:nth-child(2){animation-delay:.2s}.reward-stars[data-perfect=true]>svg:nth-child(3){animation-delay:.4s}.shopkeeper-offer{text-align:left;align-items:center;gap:10px;margin-bottom:12px;display:flex}.shopkeeper-offer>.shopkeeper-art{flex:none;width:86px;height:86px}.shopkeeper-offer p{font-size:14px;margin:0!important}.sticker-stock-note{color:#244b44;background:#e0f0e2;border:1px solid #82aa94;border-radius:12px;padding:9px 12px;font-size:14px}@media (width<=699px) and (orientation:portrait){.sticker-box-preview>.sticker-chest{display:none}}@media (width<=699px) and (height<=650px) and (orientation:portrait){.sticker-box-preview>.sticker-chest{display:none}.shopkeeper-offer{margin-bottom:4px}.shopkeeper-offer>.shopkeeper-art{width:72px;height:72px}.sticker-box-offer-copy .sticker-stock-note{padding:6px 8px}.sticker-box-offer .sticker-box-odds .sticker-rarity{gap:3px;padding:3px 4px;font-size:11px}.sticker-box-offer .sticker-box-odds b{font-size:12px}.sticker-box-offer .sticker-box-buy>.primary{min-height:48px}}@media (height<=460px){.sticker-box-preview>.sticker-chest{display:none}.shopkeeper-offer{text-align:center;flex-direction:column;gap:3px;margin:0}.shopkeeper-offer>.shopkeeper-art{width:64px;height:64px}.shopkeeper-offer p{font-size:12px}.sticker-box-offer-copy h2{max-width:none}.sticker-box-offer-copy .sticker-stock-note{padding:6px 8px}}@keyframes lesson-star-arrive{0%{opacity:0;transform:translateY(18px)rotate(-24deg)scale(.35)}65%{opacity:1;transform:translateY(-5px)rotate(5deg)scale(1.2)}to{opacity:1;transform:none}}@keyframes shopkeeper-arrive{0%{opacity:0;transform:translate(-24px)rotate(-5deg)}to{opacity:1;transform:none}}@keyframes shopkeeper-wave{0%,to{transform:rotate(0)}30%,70%{transform:rotate(-13deg)}50%{transform:rotate(3deg)}}@media (width<=600px) and (orientation:portrait){.reward-focus>.shopkeeper-visit{text-align:center;grid-template-columns:minmax(0,1fr);gap:4px}.shopkeeper-visit>.shopkeeper-art{width:132px;height:132px;margin:auto}.shopkeeper-speech{grid-column:1}.reward-focus .shopkeeper-speech p{font-size:15px;line-height:1.4}}@media (width<=600px) and (height<=650px) and (orientation:portrait){.shopkeeper-visit>.shopkeeper-art{width:88px;height:88px}.reward-stage .reward-focus .shopkeeper-speech h1{margin:4px 0;font-size:21px}.reward-stage .reward-focus .shopkeeper-speech p{margin-bottom:5px;font-size:13px;line-height:1.35}.reward-stage .reward-focus .shopkeeper-speech small,.shopkeeper-speech>span{font-size:11px}.reward-ceremony[data-reward-step=shopkeeper] .reward-main{padding:6px 12px}.game-screen .reward-ceremony[data-reward-step=shopkeeper] .reward-footer{padding:6px 10px}}@media (orientation:landscape) and (height<=600px){.reward-ceremony[data-reward-step=shopkeeper]:before,.reward-ceremony[data-reward-step=shopkeeper]:after{display:none}.reward-focus>.shopkeeper-visit{grid-template-columns:90px minmax(0,1fr);gap:12px}.shopkeeper-visit>.shopkeeper-art{width:90px;height:90px}.reward-stage .reward-focus .shopkeeper-speech h1{margin:3px 0;font-size:20px}.reward-focus .shopkeeper-speech p{margin-bottom:3px;font-size:13px;line-height:1.3}.reward-focus .shopkeeper-speech small,.shopkeeper-speech>span{font-size:11px}.game-screen .reward-ceremony[data-reward-step=shopkeeper]{grid-template-rows:6px minmax(0,1fr) auto}.reward-ceremony[data-reward-step=shopkeeper] .reward-main{min-height:0;padding:4px 12px}.reward-ceremony[data-reward-step=shopkeeper] .reward-focus{padding:0;overflow:visible}.game-screen .reward-ceremony[data-reward-step=shopkeeper] .reward-footer{padding:4px 8px}}[data-motion=reduced] .shopkeeper-visit *,[data-motion=minimal] .shopkeeper-visit *,[data-motion=reduced] .reward-stars>svg,[data-motion=minimal] .reward-stars>svg{animation:none!important}@media (prefers-reduced-motion:reduce){.shopkeeper-visit *,.reward-stars>svg{animation:none!important}}.orin-room{isolation:isolate;aspect-ratio:960/460;background:#244b50;border-radius:24px;width:100%;position:relative;overflow:hidden;container-type:inline-size}.orin-room-art,.orin-counter-front{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.orin-counter-front{z-index:2}.orin-room-actor{z-index:1;transform-origin:50% 100%;width:23%;height:48%;transition:transform 1s cubic-bezier(.4,0,.2,1),opacity .15s;position:absolute;top:27%;left:43%}.orin-room-actor>.shopkeeper-art{width:100%;height:100%}.orin-room-sign{color:#fff0c8;text-align:center;letter-spacing:.04em;text-shadow:0 2px #785331;font:600 2.4cqw/1 Fredoka Variable,sans-serif;position:absolute;top:4.2%;left:4%;right:4%}.orin-stock-shelf{z-index:3;pointer-events:none;align-items:end;gap:3%;width:23%;height:15%;display:flex;position:absolute;top:62%;left:48%}.orin-stock-shelf>span{flex:1;min-width:0;height:100%}.orin-stock-shelf svg{width:100%;height:100%;display:block}.orin-stock-shelf .stock-empty{opacity:0}.orin-stock-shelf .delivered-parcel{opacity:0;transform:translateY(-23%)scale(.92)}.orin-backroom-door{transform-box:fill-box;transform-origin:0;transition:transform .4s,opacity .4s}.orin-room[data-scene-phase=leaving] .orin-room-actor,.orin-room[data-scene-phase=backroom] .orin-room-actor{transform:translate(115%)scale(.72)}.orin-room[data-scene-phase=backroom] .orin-room-actor{opacity:0}.orin-room[data-scene-phase=returning] .orin-room-actor{opacity:1;transform:none}.orin-room:is([data-scene-phase=leaving],[data-scene-phase=returning]) .orin-backroom-door{opacity:.5;transform:scaleX(.18)}.orin-room:is([data-scene-phase=leaving],[data-scene-phase=returning]) .shopkeeper-art{animation:.25s ease-in-out infinite alternate orin-step}.orin-room[data-scene-phase=placing] .orin-room-actor{animation:.55s ease-in-out both orin-place}.orin-room[data-scene-phase=placing] .delivered-parcel{animation:.55s ease-out forwards orin-parcel-settle}.orin-room[data-scene-phase=ready][data-delivery=true] .stock-parcel[data-new=true]{animation:.6s ease-out orin-shelf-shine}.orin-room[data-scene-phase=welcome] .shopkeeper-wave{transform-origin:174px 143px;animation:1.1s ease-in-out shopkeeper-wave}.orin-room .shopkeeper-eyes{transform-box:fill-box;transform-origin:50%;animation:7s 2s infinite orin-blink}.reward-stage .reward-focus>.shopkeeper-visit{text-align:center;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:12px;width:100%;max-width:960px;display:grid}.shopkeeper-visit .shopkeeper-speech{grid-area:1/1;align-self:center;min-height:0}.reward-stage .reward-focus .shopkeeper-speech h1{max-width:650px;margin:6px auto;font-size:clamp(21px,2.5vw,38px);line-height:1.15}.shopkeeper-visit>.orin-room{grid-row:2;max-height:460px}.reward-ceremony[data-reward-step=shopkeeper] .reward-focus{min-height:0}.game-screen .reward-stage[data-reward-step=shopkeeper]{grid-template-rows:6px minmax(0,1fr) auto;overflow:hidden}.game-screen .reward-stage[data-reward-step=shopkeeper] .reward-main{align-items:stretch;min-height:0;padding:12px 24px}.reward-stage[data-reward-step=shopkeeper] .reward-focus{height:100%;min-height:0;display:grid}.reward-stage .reward-focus>.shopkeeper-visit{align-items:stretch;height:100%;min-height:0}.shopkeeper-visit>.orin-room{justify-self:center;width:auto;max-width:100%;height:100%}@media (orientation:landscape) and (height<=600px){.reward-stage .reward-focus>.shopkeeper-visit{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(130px,.6fr) minmax(0,1fr);align-items:center;gap:16px}.shopkeeper-visit>.orin-room{grid-area:1/2;max-height:160px}.game-screen .reward-stage .reward-focus .shopkeeper-speech h1{margin:4px 0;font-size:18px;line-height:1.15}.game-screen .reward-stage .reward-focus .shopkeeper-speech small{font-size:11px;line-height:1.25}.shopkeeper-visit .shopkeeper-speech>span{line-height:1.25;display:block}.game-screen .reward-stage[data-reward-step=shopkeeper] .reward-main{padding:4px 16px}.shopkeeper-visit>.orin-room{max-height:100%}}.screen-shop .game-screen .shop-page.shop-room-view .shop-market{min-height:0;display:block}.screen-shop .game-screen .shop-page.shop-room-view .shop-entrance{background:#244b50;border:0;border-radius:24px;height:100%;padding:0;overflow:hidden;box-shadow:0 5px #142e37}.orin-shop-floor{background:#244b50;grid-template-rows:minmax(0,1fr) minmax(112px,.7fr);width:100%;min-width:0;max-width:1160px;height:100%;min-height:0;margin:auto;display:grid}.orin-shop-counter{min-height:0;position:relative;overflow:hidden}.orin-shop-counter .orin-room{aspect-ratio:auto;border-radius:24px 24px 0 0;height:100%;min-height:0}.orin-shop-counter .orin-room-art,.orin-shop-counter .orin-counter-front{object-fit:fill}.orin-shop-counter .orin-room-actor{height:48%;top:27%}.orin-shop-counter>button{z-index:4;color:#fff0c8;text-align:center;background:#173b40e8;border:0;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:44px;padding:6px 10px;transition:background .18s,box-shadow .18s;display:flex;position:absolute}.orin-shop-counter>button:hover{background:#306759;box-shadow:0 0 18px #ffe1a14a}.orin-shop-counter>button strong{white-space:nowrap;font:600 clamp(13px,1.5vw,21px)/1.1 Fredoka Variable,sans-serif}.orin-shop-counter>button small{white-space:nowrap;color:#e8dcc1;font-size:clamp(10px,.95vw,13px)}.orin-album-display{width:29%;bottom:9%;left:6%}.orin-stock-display{width:34%;bottom:4%;left:40%}.orin-magic-display{width:20%;bottom:9%;right:4%}.orin-magic-display>svg{color:#dfb9ed}.orin-magic-display>b{color:#183941;background:#ed8290;border:2px solid #fff0c8;border-radius:50%;min-width:24px;font-size:12px;line-height:20px;position:absolute;top:-6px;right:-4px}.orin-album-display .album-progress{width:90%;max-width:230px}.orin-album-display .album-progress span{color:#fff0c8}.screen-shop .shop-page .orin-album-display{flex-direction:column;gap:4px;min-height:52px;padding:6px}.screen-shop .orin-album-display>.album-progress{gap:4px;width:100%;min-width:0;max-height:none;margin:0;overflow:visible}.orin-album-display .album-progress-label{font-size:clamp(10px,.9vw,14px)}.orin-album-display .album-progress-label>span{display:none}.orin-album-display .count-badge{--badge-size:22px;padding:0 4px;font-size:11px}.screen-shop .shop-category-grid.orin-display-shelves{background:repeating-linear-gradient(90deg,#385b50 0 60px,#3d6054 60px 62px);grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 20px;padding:4px 26px 18px;display:grid;container-type:size}.shop-page .orin-shelf-display{color:#fff0c8;min-width:0;min-height:44px;box-shadow:none;text-align:center;isolation:isolate;background:0 0;border:0;border-radius:12px;flex-direction:column;justify-content:end;align-items:center;gap:5px;padding:8px 5px 12px;display:flex;position:relative}.orin-shelf-display:after{content:"";z-index:-1;background:#c99a60;border-bottom:4px solid #86603d;border-radius:3px;height:9px;position:absolute;bottom:3px;left:2%;right:2%;box-shadow:0 5px 6px #122f374f}.orin-shelf-display:hover,.orin-shelf-display:focus-visible{background:#80b99825}.orin-shelf-display .shop-category-art{background:0 0;border-radius:0;width:clamp(32px,27cqh,76px);height:clamp(30px,24cqh,68px);transition:transform .18s;transform:none}.orin-shelf-display:hover .shop-category-art{transform:translateY(-4px)}.orin-shelf-display .shop-category-copy{gap:0}.orin-shelf-display .shop-category-copy strong{white-space:nowrap;font-size:clamp(15px,1.5vw,22px)}.orin-shelf-display .shop-category-copy small,.screen-shop .shop-room-view .shop-earn .shop-box-link{display:none}@keyframes orin-step{to{transform:translateY(-3%)rotate(2deg)}}@keyframes orin-place{50%{transform:translateY(3%)rotate(-7deg)}}@keyframes orin-parcel-settle{0%{opacity:0;transform:translateY(-23%)scale(.92)}40%{opacity:1;transform:translateY(-12%)scale(1.03)}to{opacity:1;transform:none}}@keyframes orin-shelf-shine{40%{filter:drop-shadow(0 0 7px #fff0b8)}}@keyframes orin-blink{0%,45%,49%,to{transform:scaleY(1)}47%{transform:scaleY(.08)}}@media (width<=700px){.orin-shop-floor{grid-template-rows:minmax(0,1fr) minmax(112px,.7fr)}.screen-shop .shop-category-grid.orin-display-shelves{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:5px 8px 12px}.shop-page .orin-shelf-display{min-height:44px;padding:3px 2px 10px}.orin-shelf-display .shop-category-art{width:46px;height:43px}.orin-shelf-display .shop-category-copy strong{font-size:12px}.orin-shop-counter>button{gap:2px;padding:5px}.orin-shop-counter>button strong{font-size:12px}.orin-shop-counter>button small{font-size:9px}.orin-magic-display>svg{display:none}.orin-room-sign{font-size:3.1cqw}.orin-album-display .album-progress{max-height:14px;overflow:hidden}}@media (width<=360px){.orin-shelf-display .shop-category-copy strong,.orin-shop-counter>button strong{font-size:11px}.orin-stock-display{width:36%;left:39%}.orin-shop-counter>button small{font-size:8px}}@media (width<=700px){.screen-shop .shop-page .orin-album-display{min-height:48px}.orin-album-display .album-progress-track{min-width:0;height:5px}.orin-album-display .album-progress-copy{gap:2px}.orin-album-display .count-badge{--badge-size:18px;font-size:10px}.orin-album-display .album-progress-label{font-size:9px}}@media (orientation:landscape) and (height<=600px){.orin-shop-floor{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);min-height:0}.screen-shop .shop-category-grid.orin-display-shelves{grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;padding:4px 8px 10px}.shop-page .orin-shelf-display{min-height:44px}.orin-shelf-display .shop-category-art{width:clamp(30px,27cqh,60px);height:clamp(28px,24cqh,54px)}.orin-shelf-display .shop-category-copy strong,.orin-shop-counter>button strong{font-size:11px}.orin-shop-counter>button small{font-size:9px}.orin-magic-display>svg{display:none}.orin-room-sign{font-size:3.4cqw}.orin-room{border-radius:18px}.orin-stock-display{width:40%;left:35%}}[data-motion=reduced] .orin-room *,[data-motion=minimal] .orin-room *{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){.orin-room *,.orin-shelf-display .shop-category-art{transition:none!important;animation:none!important}}@media (orientation:landscape) and (height<=360px){.orin-shop-floor{grid-template-rows:minmax(0,1fr);height:100%;min-height:0}.screen-shop .shop-category-grid.orin-display-shelves{grid-template-rows:repeat(2,minmax(0,1fr));padding:4px 6px 7px}.shop-page .orin-shelf-display{min-height:0;padding:2px 1px 7px}.orin-shelf-display .shop-category-art{width:33px;height:32px}.orin-shop-counter .orin-room{aspect-ratio:auto;border-radius:14px;height:calc(100% - 46px)}.screen-shop .shop-page .orin-shop-counter>button{border-radius:10px;gap:1px;width:31%;height:44px;min-height:44px;padding:2px;top:auto;bottom:0}.screen-shop .shop-page .orin-album-display{left:0}.screen-shop .shop-page .orin-stock-display{left:34.5%}.screen-shop .shop-page .orin-magic-display{left:69%}.orin-shop-counter>button strong{font-size:10px}.orin-shop-counter>button small,.orin-album-display .album-progress-label{font-size:8px}}dialog.sticker-box-offer,dialog.sticker-box-reveal{text-align:left;-webkit-user-select:none;user-select:none;width:min(1080px,100% - 24px);padding:clamp(14px,2.5vw,28px)}.sticker-box-offer>header,.sticker-box-reveal>header{align-items:center;margin-bottom:10px}.sticker-box-offer-body,.sticker-box-theater{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:clamp(20px,4vw,52px);display:grid}.sticker-box-preview{background:radial-gradient(#ffdfa3 0 25%,#edd9aa80 60%,#0000 70%);border-radius:35% 35% 15% 15%;place-items:center;padding:20px;display:grid;position:relative}.sticker-box-preview>span{color:#28545c;font-size:clamp(16px,1.6vw,22px);font-weight:750}.sticker-chest{filter:drop-shadow(0 5px #8f693133);width:100%;height:auto;overflow:visible}.sticker-box-offer-copy{min-width:0}.sticker-box-offer-copy h2{max-width:15ch;font-size:clamp(26px,3vw,42px)}.sticker-box-odds{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:18px 0 10px;display:grid}.sticker-box-odds>div{background:#e7dcc15c;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;padding:8px;display:flex}.sticker-box-odds b{color:#254850;font-size:14px}.sticker-box-buy{gap:10px;margin-top:16px;display:grid}.sticker-box-buy>span{color:#244851;align-items:center;gap:6px;font-size:14px;font-weight:750;display:flex}.sticker-box-buy>span svg{width:19px;height:19px}.sticker-box-buy>.primary,.sticker-box-actions>.primary{width:100%;min-height:58px;font-size:clamp(18px,1.8vw,24px);position:relative;overflow:hidden}.sticker-box-buy>.primary:after,.sticker-box-actions>.primary:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 30%,#ffffff35 45%,#0000 60%);animation:7s 2s infinite sticker-button-shine;position:absolute;inset:0;transform:translate(-120%)}.sticker-rarity{color:#3d494a;background:#e5decd;border:1px solid #a6a58e;border-radius:9px;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px 8px;padding:5px 9px;font-size:14px;font-weight:800;line-height:1.2;display:inline-flex}.sticker-rarity>span{letter-spacing:-.08em;font-size:.8em}.sticker-rarity>small{flex-basis:100%;font-size:14px;font-weight:500;color:inherit!important}.sticker-rarity[data-rarity=rare]{color:#224d74;background:#dbe9f8;border-color:#6494ad}.sticker-rarity[data-rarity=foil]{color:#583581;background:linear-gradient(115deg,#e3dafd,#d1f3ed,#fce3ed);border-color:#9f7abd}.sticker-rarity[data-rarity=legendary]{color:#674013;background:linear-gradient(115deg,#ffe9a3,#ffd16b,#fff0ba);border-color:#b68029;box-shadow:0 2px #b78536}.sticker-box-theater{--aura:#8dd5b7;isolation:isolate;min-height:min(470px,60dvh);position:relative}.sticker-box-theater[data-rarity=rare]{--aura:#84c7ff}.sticker-box-theater[data-rarity=foil]{--aura:#cbb1ff}.sticker-box-theater[data-rarity=legendary]{--aura:#ffce54}.sticker-box-stage{isolation:isolate;aspect-ratio:1;background:radial-gradient(#fff8e6 10%,#ebd29c60 54%,#0000 72%);border-radius:40%;min-width:0;position:relative;overflow:hidden}.sticker-box-chest{transform-origin:50% 80%;width:84%;position:absolute;bottom:8%;left:8%}.sticker-box-prize{z-index:4;filter:drop-shadow(0 10px 9px #53305e33);width:61%;animation:.75s cubic-bezier(.2,.8,.3,1.2) both sticker-prize-arrive;position:absolute;top:7%;left:19.5%}.sticker-box-rays{background:repeating-conic-gradient(from 0deg,var(--aura) 0deg 11deg,transparent 11deg 30deg);opacity:0;border-radius:50%;position:absolute;inset:4%;-webkit-mask-image:radial-gradient(#000 20%,#0000 68%);mask-image:radial-gradient(#000 20%,#0000 68%)}.sticker-box-halo{background:radial-gradient(ellipse,var(--aura),transparent 65%);opacity:0;border-radius:50%;position:absolute;inset:12%}.sticker-box-theater[data-phase=ready] .sticker-box-chest{animation:3s ease-in-out infinite sticker-chest-idle}.sticker-box-theater[data-phase=windup] .sticker-box-chest{animation:.17s ease-in-out infinite sticker-chest-rattle}.sticker-box-theater[data-phase=windup] .sticker-box-halo{animation:sticker-box-charge var(--opening-duration) ease-in both}.sticker-box-theater[data-phase=reveal] .sticker-box-chest{transition:transform .6s;transform:translateY(13%)scale(.83)}.sticker-box-theater[data-phase=reveal] .chest-lid{transform-origin:180px 125px;animation:.8s ease-out both sticker-lid-open}.sticker-box-theater[data-phase=reveal] .sticker-box-halo{opacity:.8}.sticker-box-theater[data-phase=reveal] .sticker-box-rays{opacity:.42;animation:12s linear sticker-rays}.sticker-box-theater[data-phase=reveal][data-rarity=legendary] .sticker-box-rays{opacity:.75;animation-duration:18s}.sticker-box-theater[data-phase=reveal][data-rarity=legendary] .sticker-box-prize{width:68%;top:3%;left:16%}.sticker-box-headline{flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;min-height:180px;display:flex}.sticker-box-headline h2{text-wrap:balance;margin:0;font-size:clamp(28px,3.4vw,48px)}.sticker-box-headline p{color:#466168;margin:0}.sticker-box-headline>.sticker-rarity{padding:8px 14px;font-size:clamp(16px,1.6vw,22px)}.sticker-box-actions{align-content:start;gap:12px;min-height:116px;margin-top:22px;display:grid}.sticker-box-confetti{pointer-events:none;z-index:6;position:absolute;inset:0;overflow:hidden}.sticker-box-confetti i{top:15%;left:var(--x);background:var(--color);opacity:0;width:8px;height:14px;animation:sticker-confetti 2.4s var(--delay) ease-out both;rotate:calc(var(--i)*37deg);border-radius:2px;position:absolute}@keyframes sticker-confetti{0%{opacity:0;transform:translateY(80px)rotate(0)}15%{opacity:1;transform:translate(calc(var(--drift)*.5),-50px) rotate(90deg)}80%{opacity:1}to{opacity:0;transform:translate(var(--drift),420px) rotate(400deg)}}@keyframes sticker-chest-idle{50%{transform:translateY(-5px)rotate(-1deg)}}@keyframes sticker-chest-rattle{0%,to{transform:rotate(-1.5deg)}50%{transform:translateY(-3px)rotate(1.5deg)}}@keyframes sticker-box-charge{0%{opacity:0;scale:.5}to{opacity:1;scale:1.25}}@keyframes sticker-lid-open{to{opacity:.18;transform:translateY(-65px)rotate(-17deg)}}@keyframes sticker-prize-arrive{0%{opacity:0;transform:translateY(70%)scale(.35)rotate(-12deg)}to{opacity:1;transform:none}}@keyframes sticker-rays{to{rotate:180deg}}@keyframes sticker-button-shine{0%,75%{transform:translate(-120%)}90%,to{transform:translate(120%)}}@media (width>=1800px){dialog.sticker-box-offer,dialog.sticker-box-reveal{width:min(1320px,100% - 48px)}.sticker-box-theater{min-height:560px}}@media (width<=699px) and (height>=461px){.sticker-box-offer-body,.sticker-box-theater{grid-template-columns:minmax(0,1fr);gap:6px;min-height:0}.sticker-box-preview{padding:0}.sticker-box-preview .sticker-chest{width:min(160px,40vw)}.sticker-box-preview>span{display:none}.sticker-box-offer-copy h2{max-width:none;font-size:26px}.sticker-box-offer-copy>p{margin:6px 0}.sticker-box-odds{gap:5px;margin:10px 0}.sticker-box-odds>div{padding:5px}.sticker-box-odds .sticker-rarity{padding:4px;font-size:12px}.sticker-box-buy{gap:6px;margin-top:8px}.sticker-box-stage{justify-self:center;width:min(100%,280px,32dvh)}.sticker-box-headline{text-align:center;align-items:center;gap:8px;min-height:126px}.sticker-box-headline h2{font-size:clamp(22px,6vw,28px)}.sticker-box-actions{gap:9px;margin-top:14px}}@media (height<=460px){dialog.sticker-box-offer,dialog.sticker-box-reveal{width:calc(100% - 16px);max-height:calc(100dvh - 16px);padding:10px 14px}.sticker-box-offer>header,.sticker-box-reveal>header{margin:0}.sticker-box-offer-body,.sticker-box-theater{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:16px;min-height:0}.sticker-box-preview{padding:0}.sticker-box-preview>span{display:none}.sticker-box-stage{justify-self:center;width:min(100%,100dvh - 100px)}.sticker-box-headline{gap:5px;min-height:100px}.sticker-box-headline h2,.sticker-box-offer-copy h2{margin:0;font-size:22px}.sticker-box-headline p,.sticker-box-offer-copy>p{margin:4px 0;font-size:12px}.sticker-box-headline>.sticker-rarity{padding:4px 8px;font-size:14px}.sticker-box-headline>.sticker-rarity>small{font-size:11px}.sticker-box-actions{gap:7px;min-height:95px;margin-top:10px}.sticker-box-buy>.primary,.sticker-box-actions>.primary{min-height:44px;font-size:16px}.sticker-box-actions>button{min-height:44px;padding:7px}.sticker-box-odds{gap:4px;margin:6px 0}.sticker-box-odds>div{gap:2px;padding:3px}.sticker-box-odds .sticker-rarity{gap:3px;padding:3px;font-size:10px}.sticker-box-odds b{font-size:11px}.sticker-box-buy{grid-template-columns:auto 1fr;align-items:center;gap:6px;margin-top:5px}.sticker-box-buy>span{font-size:11px}.sticker-box-offer-copy .sticker-save-note{font-size:10px}}@media (prefers-reduced-motion:reduce){.sticker-box-theater *,.sticker-art *,.sticker-box-actions>.primary:after,.sticker-box-buy>.primary:after{transition:none!important;animation:none!important}.sticker-box-confetti{display:none}}[data-motion=reduced] .sticker-box-theater *,[data-motion=minimal] .sticker-box-theater *,[data-motion=reduced] .sticker-art *,[data-motion=minimal] .sticker-art *,[data-motion=reduced] .sticker-box-actions>.primary:after,[data-motion=minimal] .sticker-box-actions>.primary:after,[data-motion=reduced] .sticker-box-buy>.primary:after,[data-motion=minimal] .sticker-box-buy>.primary:after{transition:none!important;animation:none!important}[data-motion=reduced] .sticker-box-confetti,[data-motion=minimal] .sticker-box-confetti{display:none}.sticker-box-theater[data-phase=reveal][data-motion=reduced] .chest-lid{opacity:.15;transform:translateY(-65px)rotate(-17deg)}.count-badge{--badge-size:clamp(28px,2.2vw,64px);isolation:isolate;min-width:var(--badge-size);height:var(--badge-size);padding:0 calc(var(--badge-size)*.2);color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 1px 1px #6a0c29;background:linear-gradient(155deg,#d32d47,#b51633 75%);border:clamp(2px,.16vw,4px) solid #fff4da;border-radius:999px;flex:none;justify-content:center;align-items:center;font:800 clamp(15px,1.2vw,32px)/1 Atkinson Hyperlegible Next Variable,sans-serif;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 2px 1px #ffb8c5,0 3px #76162d,0 5px 10px #6d18303b}.count-badge:before{content:"";z-index:-1;background:linear-gradient(#ffffff40,#fff0);border-radius:50%;height:36%;position:absolute;inset:2px 3px auto}.count-badge:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff65,#0000);width:30%;position:absolute;inset:-50% auto -50% -80%;transform:rotate(25deg)}[data-motion=full] .count-badge:after{animation:7s ease-in-out infinite badge-shine}@keyframes badge-shine{0%,78%{left:-80%}96%,to{left:150%}}@media (prefers-reduced-motion:reduce){.count-badge:after{animation:none!important}}.album-progress{min-width:0;color:var(--ui-text);align-items:center;gap:10px;display:flex}.album-progress-copy{flex:1;gap:5px;min-width:0;display:grid}.album-progress-label{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:clamp(13px,1.1vw,20px);font-weight:750;line-height:1.2}.album-progress-track{background:#eadcaf;border:1px solid #64786c;border-radius:999px;min-width:40px;height:clamp(8px,.5vw,14px);display:block;overflow:hidden}.album-progress-track>span{border-radius:inherit;background:linear-gradient(90deg,#197867,#388569);height:100%;display:block}[data-theme=dark] .album-progress-track{background:#091b25;border-color:#89b1bd}[data-theme=dark] .album-progress-track>span{background:linear-gradient(90deg,#65dfb0,#ffdc72)}.album-tab-label{text-align:left;gap:4px;width:100%;max-width:180px;display:grid}.game-tabs button:has(.album-tab-label){flex:1.6;min-width:0}.game-tabs button:has(.album-tab-label)>svg{display:none}.album-tab-label .album-progress{gap:6px}.album-tab-label .album-progress-label{font-size:clamp(12px,.7vw,18px)}.album-tab-label .album-progress-label>span{display:none}.album-tab-label .count-badge{--badge-size:clamp(28px,1.5vw,48px);padding-inline:5px;font-size:clamp(15px,.8vw,24px)}.album-heading>.album-progress{width:clamp(110px,28%,240px)}.album-dialog>header>.album-progress{flex:0 220px;margin-left:auto}.shop-category-stickers>.album-progress{flex:none;width:clamp(90px,26%,260px);margin-left:auto}@media (width<=700px){.shop-category-stickers .shop-category-copy{flex-direction:column;align-items:flex-start;gap:3px}.shop-category-stickers>.album-progress{gap:6px}.shop-category-stickers .album-progress-label>span{display:none}.album-dialog>header>.album-progress{flex-basis:100px}}.paper-flowers{pointer-events:none;z-index:3;position:absolute;inset:0}.paper-flowers .paper-flower{width:clamp(44px,4vw,115px);height:clamp(65px,6vw,170px);box-shadow:none;pointer-events:auto;touch-action:pan-y pinch-zoom;background:0 0;border:0;padding:0;position:absolute;bottom:1%;left:19%;overflow:visible}.paper-flowers .paper-flower-1{bottom:3%;left:27%;scale:.8}.paper-flowers .paper-flower-2{left:auto;right:20%}.paper-flowers .paper-flower-3{bottom:4%;left:auto;right:29%;scale:.75}.paper-flower>svg{width:100%;height:100%}.paper-flower:focus-visible{outline-offset:6px;outline:3px dashed #f2c64d}.paper-seed{transform-origin:50% 54%;width:25%;height:29%;transform:rotate(var(--seed-angle)) translateY(-45%);pointer-events:none;position:absolute;top:12%;left:37.5%}.paper-seed svg{filter:drop-shadow(0 1px 1px #234f57);width:100%;height:100%}.paper-flower[data-flying=true] .paper-seed{animation:paper-seed-flight 2.8s var(--seed-delay) ease-out both}@keyframes paper-seed-flight{0%{transform:rotate(var(--seed-angle)) translateY(-45%);opacity:1}65%{opacity:1}to{transform:translate(var(--seed-x),var(--seed-y)) rotate(65deg);opacity:0}}.scenery-touch{pointer-events:all;cursor:pointer}.scenery-touch:focus-visible{outline-offset:3px;outline:3px solid #ffcd5c}.scenery-touch:hover{filter:brightness(1.2)}.paper-flower[data-motion=reduced][data-flying=true] .paper-seed,.paper-flower[data-motion=minimal][data-flying=true] .paper-seed{opacity:.15;animation:none}@media (width<=700px){.paper-flowers .paper-flower{width:44px;height:64px;bottom:1%;left:2%}.paper-flowers .paper-flower-1,.paper-flowers .paper-flower-3{display:none}.paper-flowers .paper-flower-2{left:auto;right:2%}}@media (prefers-reduced-motion:reduce){.paper-flower[data-flying=true] .paper-seed{opacity:.15;animation:none}}.home-page{isolation:isolate;overscroll-behavior-x:contain;scrollbar-width:thin;background:linear-gradient(#f7eac7,#e7d8ae);flex:1;min-height:0;padding:clamp(12px,2.2vw,42px);position:relative;overflow:auto}.home-content{z-index:1;flex-direction:column;width:100%;max-width:1360px;min-height:100%;margin:0 auto;display:flex;position:relative}.home-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.home-heading small{letter-spacing:.14em;color:var(--ui-muted);font-size:11px;font-weight:800}.home-heading h1{color:var(--ui-text);margin:3px 0;font-size:clamp(24px,3.5vw,38px);line-height:1.1}.home-heading>span{color:var(--ui-selected-edge);font:600 50px/1 Fredoka Variable,sans-serif;transform:rotate(12deg)}.home-welcome{grid-template-columns:minmax(0,1fr) 300px;align-items:center;gap:18px;margin-bottom:20px;display:grid}.home-page .home-continue{color:#fff9e5;box-shadow:0 5px 0 var(--ui-shadow);background:linear-gradient(120deg,#164e52,#287b73);border:2px solid #69a59a;border-radius:20px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;margin:0;padding:20px;display:grid}.home-continue h2{color:#fff9e5;margin:4px 0;font-size:clamp(22px,2.3vw,29px);line-height:1.12}.home-continue small,.home-continue p{color:#e0eee7;margin:0;font-size:12px}.home-lesson-icon{background:#fff3c920;border-radius:10px;place-items:center;width:48px;height:56px;display:grid}.home-lesson-icon svg{width:32px;height:32px}.home-page .home-continue .primary{white-space:nowrap;grid-column:auto;width:auto;min-height:48px;margin:0}.home-friend{justify-content:center;align-items:flex-end;min-height:128px;padding-top:35px;display:flex;position:relative}.home-friend .festival-canopy{height:46px;top:-8px}.home-friend .pet-perch,.home-footer .pet-perch{flex:none;width:270px;height:84px;min-height:84px;margin:0;display:block}.home-activities{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:3px 0 8px;display:grid}.destination-card{text-align:left;border:2px solid var(--destination-color);background:var(--ui-surface);min-width:0;min-height:184px;color:var(--ui-text);box-shadow:0 6px 0 color-mix(in srgb,var(--destination-color) 55%,#173f4a),0 12px 22px #071e2914;border-radius:24px 19px 25px 18px;align-items:center;gap:16px;padding:22px 18px;transition:transform .18s,background-color .18s;display:flex;position:relative}.destination-card:hover{background:var(--ui-raised);transform:translateY(-3px)rotate(-.3deg)}.destination-book{--destination-color:#e7b749;--destination-night:#382b16}.destination-minigames{--destination-color:#58bd9e;--destination-night:#123c37}.destination-daily{--destination-color:#ed9978;--destination-night:#4a2933}.destination-boxes{--destination-color:#bba0f0;--destination-night:#33234f}.destination-practice{--destination-color:#70bedb;--destination-night:#173b50}.destination-shop{--destination-color:#e393ba;--destination-night:#46243f}.destination-art{background:color-mix(in srgb,var(--destination-color) 23%,var(--ui-raised));width:112px;height:104px;color:var(--ui-text);border-radius:45% 42% 46% 35%;flex:none;grid-template-columns:minmax(0,1fr);place-items:center;display:grid;position:relative;transform:rotate(-4deg)}.destination-art>svg{width:100%;min-width:0;height:100%}.destination-art>i{font:600 17px/1 Fredoka Variable,sans-serif;position:absolute;top:27px;left:20px}.destination-minigames .destination-art{color:#fff9df;overflow:hidden}.destination-art>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.destination-minigames .destination-art>svg{filter:drop-shadow(0 2px 2px #12352e);position:relative}.destination-copy{flex-direction:column;gap:6px;min-width:0;display:flex}.destination-copy>strong{font:600 clamp(19px,2vw,24px)/1.1 Fredoka Variable,sans-serif}.destination-copy>small{color:var(--ui-muted);font-size:13px;line-height:1.3}.destination-card>.count-badge{position:absolute;top:7px;right:7px}.home-book-progress{background:var(--ui-inset);border-radius:9px;height:5px;overflow:hidden}.home-book-progress i{background:var(--ui-selected-edge);border-radius:inherit;height:100%;display:block}.home-footer{color:var(--ui-muted);justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:24px;font-size:13px;display:flex}:root[data-theme=dark] .home-page{background:linear-gradient(#071624,#102936)}:root[data-theme=dark] .destination-card{background:var(--destination-night);box-shadow:0 6px #030f18,0 12px 24px #0003}:root[data-theme=dark] .destination-card:hover{background:color-mix(in srgb,var(--destination-night) 88%,var(--destination-color))}:root[data-theme=dark] .destination-copy>small{color:#e0e6e5}:root[data-theme=dark] .destination-art{background:color-mix(in srgb,var(--destination-color) 18%,var(--destination-night))}:root[data-theme=dark] .app-frame .home-continue{background:#14514f;border-color:#73d0b6;box-shadow:0 6px #06252c,0 12px 24px #0003}.home-chimes{gap:0;width:132px;height:92px;display:flex;position:absolute;top:-62px;right:8px}.app-frame .paper-toy{box-shadow:none;pointer-events:auto;cursor:grab;touch-action:none;filter:none;background:0 0;border:0;border-radius:12px;padding:0;display:block;transform:none}.paper-toy>span{transform-origin:50% 12%;width:100%;height:100%;display:block}.paper-toy svg{width:100%;height:100%;display:block}.app-frame .paper-toy:active{cursor:grabbing}.app-frame .paper-toy:focus-visible{outline:2px dashed var(--ui-gold);outline-offset:4px}.home-chime{flex:1;min-width:44px;height:92px}.home-friend .pet-perch{z-index:1;position:relative}.home-carnival{z-index:0;pointer-events:none;min-height:100%;position:absolute;inset:0;overflow:hidden}.carnival-sky{width:100%;height:95px;position:absolute;top:-15px}.carnival-wheel{z-index:1;width:clamp(240px,22vw,480px);height:clamp(270px,25vw,550px);position:absolute;bottom:9%;left:-3%}.wheel-stand{width:100%;height:100%;position:absolute;inset:0}.carnival-wheel .wheel-toy{aspect-ratio:1;width:100%;position:absolute;top:0}.wheel-toy>span{transform-origin:50%}.app-frame .wheel-toy:focus-visible{outline:none}.wheel-toy:focus-visible>span>svg{filter:drop-shadow(0 0 5px var(--ui-text))}.wheel-message{z-index:2;color:var(--ui-text);text-align:center;text-shadow:0 1px var(--ui-surface);font:600 clamp(13px,1.2vw,22px)/1.25 Fredoka Variable,sans-serif;position:absolute;bottom:16%;left:0;right:0}.wheel-message:not(:empty){background:var(--ui-surface);box-shadow:0 3px 0 var(--ui-shadow);border-radius:16px;padding:8px 12px}.wheel-flyer{z-index:2;left:var(--launch-x);margin-top:var(--launch-y);aspect-ratio:1;pointer-events:none;width:24%;position:absolute;top:0;transform:translate(-50%,-50%)}.wheel-flyer>svg{width:100%;height:100%}[data-motion=full] .wheel-flyer{animation:1.35s linear both wheel-flight}@keyframes wheel-flight{0%{transform:translate(-50%,-50%)rotate(-12deg)}35%{transform:translate(-30%,-230%)rotate(-5deg)}65%{opacity:1;transform:translate(-55%,-320%)rotate(-40deg)}to{opacity:0;transform:translate(-110%,-350%)rotate(-140deg)}}.carnival-tent{width:clamp(260px,23vw,530px);position:absolute;bottom:8%;right:-3%}.home-carnival .carnival-tent{z-index:1;color:var(--ui-text);box-shadow:none;pointer-events:auto;touch-action:pan-y;background:0 0;border:0;border-radius:0;padding:0}.carnival-tent>svg{width:100%;height:auto;display:block}.tent-visitor{opacity:0;pointer-events:none;width:26%;height:25%;position:absolute;top:64%;left:37%;transform:translateY(12%)}.tent-visitor>svg{width:100%;height:100%}.is-open .tent-visitor{opacity:1;transform:none}[data-motion=full] .tent-visitor{transition:opacity .18s,transform .3s cubic-bezier(.2,.8,.3,1.4)}.tent-greeting{color:#173f4a;background:#fff4da;border-radius:14px 14px 0;padding:8px 14px;font:600 clamp(14px,1.2vw,24px)/1.2 Fredoka Variable,sans-serif;position:absolute;top:53%;right:32%}@media (width<=1500px){.tent-greeting{right:42%}}.home-carnival .carnival-tent:focus-visible{outline:3px dashed var(--ui-gold);outline-offset:4px}.carnival-ground{width:100%;height:clamp(130px,21vh,340px);position:absolute;bottom:0}.ground-back{fill:#86b19a}.ground-front{fill:#568d79}:root[data-theme=dark] .ground-back{fill:#183f47}:root[data-theme=dark] .ground-front{fill:#205a57}.carnival-friend{z-index:2;width:clamp(70px,7vw,142px);height:clamp(70px,7vw,142px);position:absolute;bottom:3%}.carnival-friend>span{transform-origin:50% 90%}.friend-left{left:8%}.friend-right{right:8%}@keyframes carnival-sway{0%{transform:rotate(-3deg)}to{transform:rotate(3deg)}}@keyframes carnival-glimmer{0%{opacity:.4}to{opacity:1}}[data-motion=full] .carnival-flag,[data-motion=full] .tent-flag{transform-box:fill-box;transform-origin:50% 0;animation:4s ease-in-out infinite alternate carnival-sway}[data-motion=full] .carnival-star{animation:5s ease-in-out infinite alternate carnival-glimmer}@media (width>=1800px){.home-content{max-width:1600px}.home-heading h1{font-size:46px}.home-welcome{grid-template-columns:minmax(0,1fr) 340px;margin-bottom:30px}.home-page .home-continue{padding:28px}.home-activities{gap:26px}.destination-card{gap:24px;min-height:220px;padding:28px}.destination-art{width:146px;height:134px}.destination-copy>strong{font-size:30px}.destination-copy>small{font-size:16px}}@media (width<=1500px){.carnival-wheel{opacity:.85}.carnival-tent{opacity:.85;right:-8%}}@media (width<=1100px){.carnival-wheel,.carnival-tent{display:none}.destination-card{flex-direction:column;align-items:flex-start;gap:10px}.destination-art{width:82px;height:76px}}@media (width<=700px){.home-page{padding:10px 12px 18px}.home-heading{margin-bottom:8px}.home-heading small{display:none}.home-heading h1{margin:0;font-size:23px}.home-heading>span{font-size:32px}.home-welcome{grid-template-columns:minmax(0,1fr);gap:4px;margin-bottom:8px}.home-page .home-continue{border-radius:16px;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:10px}.home-lesson-icon{display:none}.home-page .home-continue h2{font-size:20px}.home-continue p{display:none}.home-continue small{font-size:11px}.home-continue .primary{padding:9px;font-size:14px}.home-friend{min-height:88px;padding:4px 0 0}.home-friend .festival-canopy,.home-chimes,.carnival-sky,.carnival-friend{display:none}.carnival-ground{opacity:.45;height:100px}.home-activities{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px}.destination-card{border-radius:16px;flex-direction:row;align-items:center;gap:12px;min-height:60px;padding:8px 9px}.destination-art{border-radius:10px;width:40px;height:40px}.destination-art>i{font-size:12px;top:18px;left:9px}.destination-copy{gap:5px}.destination-copy>strong{font-size:18px}.destination-copy>small{font-size:11px}.destination-copy>small,.home-book-progress{display:none}.destination-card>.count-badge{top:-12px;right:-5px}.home-footer{flex-direction:column;gap:12px;margin-top:auto;padding-top:8px}.home-footer>.pet-perch{display:none}.home-footer:not(:has(.home-social-link)){display:none}}.home-social-link{align-items:center;gap:8px;min-height:44px;padding:10px 14px;font-size:14px;display:inline-flex}.home-social-link svg{width:18px}.home-content{pointer-events:none}.home-content>header,.home-welcome,.home-activities,.home-social-link{pointer-events:auto}.home-footer{align-items:flex-end}.home-footer>.pet-perch{margin-left:auto}@media (width>=1400px){.home-welcome{grid-template-columns:minmax(0,1fr) clamp(360px,20vw,560px)}.home-friend{min-height:clamp(200px,10vw,340px);padding-top:40px}.home-friend .pet-perch,.home-footer .pet-perch{width:min(100%,560px);height:clamp(160px,9vw,290px);min-height:160px}.home-page .companion-follower{width:100%;height:100%}.home-page .pet-interact{flex:0 0 clamp(150px,8.5vw,280px);width:clamp(150px,8.5vw,280px);height:clamp(150px,8.5vw,280px)}.home-page .pet-entrance,.home-page .pet-action,.home-page .pet-poof,.home-page .pet-action>.cs{width:100%;height:100%;top:0;left:0}.home-page .companion-follower p{max-width:250px;padding:12px 16px;font-size:clamp(16px,1vw,24px)}.home-page .companion-follower p small{font-size:.78em}.home-page .pet-perch>i{width:35%;height:6px;bottom:7%}.destination-card>.count-badge{--badge-size:clamp(46px,3.1vw,108px);font-size:clamp(25px,1.85vw,64px);top:12px;right:12px}}[data-motion=full] .destination-card>.count-badge{transform-origin:50% 90%;animation:6s ease-in-out infinite home-count-hop}@keyframes home-count-hop{0%,72%,to{transform:translateY(0)scale(1)}77%{transform:translateY(-9%)scale(1.1)}82%{transform:translateY(0)scale(1)}86%{transform:translateY(-5%)scale(1.05)}91%{transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.destination-card>.count-badge{animation:none!important}}@media (width>=2400px){.home-content{max-width:2000px;padding-top:clamp(24px,4vh,90px)}.home-heading h1{font-size:56px}.home-welcome{margin-bottom:40px}.home-page .home-continue{min-height:180px}.home-continue h2{font-size:36px}.home-activities{gap:32px}.destination-card{min-height:clamp(260px,18vh,380px);padding:36px}.destination-art{width:180px;height:165px}.destination-copy>strong{font-size:36px}.destination-copy>small{font-size:20px}.carnival-wheel{width:24vw;max-width:980px;height:27vw;max-height:1100px}.carnival-tent{width:25vw;max-width:1040px}.carnival-ground{height:25vh}.carnival-friend{width:180px;height:180px}}@media (width<=360px){.home-page{padding-bottom:10px}.home-activities{row-gap:14px}.destination-card{gap:10px;padding-inline:7px}.destination-art{width:34px;height:36px}.destination-copy>strong{font-size:17px}}@media (orientation:landscape) and (height<=500px){.home-heading{margin-bottom:8px}.home-welcome{margin-bottom:12px}.home-friend{min-height:88px;padding-top:4px}.home-friend .festival-canopy{display:none}.destination-card{flex-direction:row;min-height:112px;padding:12px}}@media (orientation:landscape) and (width>=520px) and (width<=700px) and (height<=500px){.home-welcome{grid-template-columns:minmax(0,1fr) 270px;gap:8px}.home-page .home-continue{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.carnival-flag,.carnival-star,.tent-flag{animation:none!important}}@media (width>=701px){.home-page{padding:clamp(12px,2.2dvh,38px) clamp(18px,3vw,60px);container-type:size}.home-content{padding-top:0}.home-heading{margin-bottom:clamp(8px,1.8cqh,22px)}.home-heading h1{font-size:clamp(28px,min(3vw,5.5cqh),56px)}.home-welcome{margin-bottom:clamp(14px,2.7cqh,36px)}.home-page .home-continue{min-height:0;padding:clamp(14px,2.4cqh,28px)}.home-friend{min-height:clamp(112px,22cqh,280px);padding-top:26px}.home-friend .pet-perch{height:clamp(84px,18cqh,240px);min-height:84px}.home-page .pet-interact{flex-basis:clamp(96px,16cqh,230px);width:clamp(96px,16cqh,230px);height:clamp(96px,16cqh,230px)}.home-activities{gap:clamp(12px,2.4cqh,30px)}.destination-card{gap:clamp(12px,1.5vw,24px);min-height:clamp(100px,23cqh,320px);padding:clamp(12px,2.5cqh,32px)}.destination-art{width:clamp(66px,min(9vw,15cqh),180px);height:clamp(64px,min(8.4vw,14cqh),166px)}.destination-copy>strong{font-size:clamp(20px,min(2vw,3.9cqh),36px)}.destination-copy>small{font-size:clamp(13px,min(1.15vw,2.3cqh),20px)}.home-footer{padding-top:12px}}@media (width>=701px) and (height<=1100px){.home-footer>.pet-perch{display:none}.home-footer:not(:has(.home-social-link)){display:none}}@media (width>=701px){.destination-card>.count-badge{top:-18px}}@media (width>=1101px){.home-page{--home-wing:clamp(180px,19vw,740px);--home-wing-gap:clamp(16px,2vw,52px);--home-menu:min(1560px,calc(100cqw - 2 * var(--home-wing)));--home-prop:min(calc(var(--home-wing) - var(--home-wing-gap)),38cqh);--home-friend-size:clamp(70px,7vw,180px)}.home-content{width:var(--home-menu)}.home-welcome{grid-template-columns:minmax(0,1fr) minmax(270px,32%)}.home-friend .pet-perch{width:100%}.carnival-wheel{width:var(--home-prop);height:calc(var(--home-prop) * 1.125);left:calc(50% - var(--home-menu) / 2 - var(--home-wing))}.carnival-tent{width:var(--home-prop);right:calc(50% - var(--home-menu) / 2 - var(--home-wing))}.carnival-friend{width:var(--home-friend-size);height:var(--home-friend-size)}.friend-left{left:calc(50% - var(--home-menu) / 2 - var(--home-wing) / 2 - var(--home-friend-size) / 2)}.friend-right{right:calc(50% - var(--home-menu) / 2 - var(--home-wing) / 2 - var(--home-friend-size) / 2)}}@media (width>=1101px) and (width<=1799px){.app-frame .home-page .home-continue .primary{min-height:48px;padding:10px 14px;font-size:18px}.app-frame .home-page .home-continue .primary svg{width:20px;height:20px}.home-activities{grid-template-columns:repeat(2,minmax(0,1fr))}.destination-card{min-height:clamp(100px,15cqh,150px);padding:clamp(12px,2cqh,22px)}}@media (width>=1101px) and (width<=1279px){.home-page .home-continue{grid-template-columns:48px minmax(0,1fr)}.home-page .home-continue .primary{grid-column:1/-1;width:100%}}@media (width>=1101px) and (width<=2199px){.destination-art{width:min(100px,15cqh);height:min(94px,14cqh)}.destination-copy>strong{font-size:clamp(20px,3.9cqh,28px)}}@media (width>=1101px) and (width<=1799px){.destination-art{width:min(92px,13cqh);height:min(84px,12cqh)}.destination-card>.count-badge{--badge-size:40px;font-size:22px}}@media (width>=1101px){.destination-card{gap:12px;container-type:inline-size}.destination-art{aspect-ratio:14/13;width:clamp(48px,20cqw,100px);height:auto}.destination-copy>strong{white-space:nowrap;font-size:clamp(20px,6.4cqw,30px)}.destination-copy>small{font-size:clamp(13px,4.3cqw,18px)}}@media (width>=1800px){.destination-card{text-align:center;flex-direction:column;justify-content:center;gap:10px}.destination-art{width:clamp(50px,8cqh,100px)}.destination-copy{align-items:center;width:100%}.destination-copy>strong{font-size:clamp(20px,2.6cqh,30px)}.destination-copy>small{font-size:clamp(13px,1.8cqh,20px)}.home-book-progress{width:min(160px,70%)}}@media (width>=2200px) and (height>=1100px){.home-page{--home-menu:min(2340px,calc(100cqw - 2 * var(--home-wing)))}.home-content{max-width:none}.home-heading h1{font-size:clamp(56px,4.7cqh,100px)}.home-heading small{font-size:clamp(16px,1.3cqh,26px)}.home-page .home-continue{grid-template-columns:clamp(64px,6cqh,120px) minmax(0,1fr) auto}.home-lesson-icon{width:clamp(64px,6cqh,120px);height:clamp(72px,7cqh,140px)}.home-lesson-icon svg{width:60%;height:60%}.home-page .home-continue h2{font-size:clamp(32px,2.7cqh,56px)}.home-page .home-continue :is(p,small){font-size:clamp(18px,1.45cqh,28px)}.home-page .home-continue .primary{font-size:clamp(24px,2.2cqh,44px)}.destination-card{min-height:clamp(260px,23cqh,440px)}.destination-art{width:clamp(100px,10cqh,200px);height:clamp(94px,9.4cqh,188px)}.destination-copy>strong{font-size:clamp(32px,2.9cqh,58px)}.destination-copy>small{font-size:clamp(20px,1.7cqh,34px)}.home-page .companion-follower p{max-width:340px;font-size:clamp(20px,1.5cqh,30px)}}.global-bar .profile-button{position:relative}.global-bar .profile-button .profile-save-indicator{color:#674516;width:17px;height:17px;box-shadow:0 0 0 2px var(--ui-surface,#fffaf0);pointer-events:none;background:#ffe2a0;border:1px solid #815b19;border-radius:50%;place-items:center;display:grid;position:absolute;top:2px;right:2px}.global-bar .profile-button .profile-save-indicator svg{width:11px;height:11px;display:block}.profile-button .profile-name small{color:var(--ui-muted,#566769);font-size:10px;line-height:1.2;display:block}.save-notice{border:1px solid var(--ui-border,#b9a16e);background:var(--ui-inset,#fff2cf);color:var(--ui-text,#263a31);border-radius:14px;align-items:start;gap:12px;margin:0 0 22px;padding:14px;display:flex}.save-notice>svg{color:var(--ui-muted,#566769);flex:0 0 24px}.save-notice>div{min-width:0}.save-notice strong{font:600 19px/1.2 Fredoka Variable,sans-serif}.settings-scroll .save-notice p{color:var(--ui-text,#263a31);margin:6px 0 10px}.save-notice-actions{flex-wrap:wrap;gap:8px;display:flex}.save-notice-actions button{min-height:44px;padding:8px 12px;font-size:13px}.save-notice small{color:var(--ui-muted,#566769);margin-top:8px;font-size:12px;line-height:1.4;display:block}.save-reminder{overscroll-behavior:contain;box-sizing:border-box;border:2px solid var(--ui-border,#b9a16e);background:var(--ui-surface,#fffaf0);width:min(430px,100vw - 24px);max-height:calc(100dvh - 24px);color:var(--ui-text,#263a31);text-align:center;border-radius:24px;margin:auto;padding:24px;position:fixed;inset:0;overflow:auto;box-shadow:0 12px 48px #122c3855}.save-reminder::backdrop{background:#132a246b}.save-reminder .save-reminder-close{width:44px;height:44px;min-height:44px;box-shadow:none;color:var(--ui-text);background:var(--ui-raised);border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:8px;right:8px}.save-reminder-close svg{width:20px;height:20px}.save-reminder-pet{background:var(--ui-inset);border-radius:50%;width:100px;height:100px;margin:0 auto 6px;position:relative}.save-reminder-pet>.cs{width:100%;height:100%;margin:0}.save-reminder-pet>span{color:var(--ui-text);font-size:26px;position:absolute;top:10px;right:-9px}.save-reminder .save-reminder-eyebrow{color:var(--ui-muted);margin:10px 0 8px;font-size:11px;font-weight:800}.save-reminder h2{margin:0 0 14px;font-size:28px;line-height:1.1}.save-reminder p{color:var(--ui-text);margin:8px 0;font-size:14px;line-height:1.5}.save-reminder small{color:var(--ui-muted);font-size:11px;line-height:1.4;display:block}.save-reminder-actions{gap:8px;margin:18px 0 10px;display:grid}.save-reminder-actions button{justify-content:center;min-height:44px}.save-reminder-mute{cursor:pointer;justify-content:center;align-items:center;gap:9px;min-height:44px;margin:4px 0;font-size:12px;display:flex}.save-reminder-mute input{accent-color:#28735c;width:18px;height:18px}.save-reminder-gift{background:var(--ui-inset);border:1px solid var(--ui-border);border-radius:14px;padding:12px}.save-reminder-gift strong{color:var(--ui-text);font:600 24px/1.2 Fredoka Variable,sans-serif;display:block}.save-reminder-gift span{margin-top:6px;font-size:12px;display:block}.account-gift{background:var(--ui-inset);border-radius:12px;padding:14px}@media (height<=520px){.save-reminder{padding:16px 24px}.save-reminder-pet{width:60px;height:60px}.save-reminder h2{margin-bottom:8px;font-size:23px}.save-reminder-actions{grid-template-columns:1fr 1fr;margin:12px 0 0}.save-reminder .save-reminder-eyebrow{margin:4px 0}}.save-reminder-shop .save-reminder-pet{width:64px;height:64px}.save-reminder-shop h2{margin-top:12px;font-size:26px}.save-reminder-shop .save-reminder-actions{margin-top:12px}.cloud-dialog{border:1px solid var(--border,#bbc3b5);background:var(--paper,#fffdf7);width:min(720px,100vw - 24px);max-height:calc(100dvh - 24px);color:var(--ink,#263a31);border-radius:18px;margin:auto;padding:0;box-shadow:0 20px 80px #0005}.cloud-dialog::backdrop{background:#132a2470}.cloud-dialog>header{border-bottom:1px solid #83998c55;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.cloud-dialog h2{margin:0;font-size:1.4rem}.cloud-dialog h3{margin:20px 0 10px;font-size:1.1rem}.cloud-dialog h4{margin:0 0 8px}.cloud-body{max-height:calc(100dvh - 110px);padding:8px 20px 20px;overflow:auto}.cloud-dialog fieldset{border:0;min-width:0;margin:0;padding:0}.cloud-dialog label{gap:6px;margin:12px 0;display:grid}.cloud-dialog input:not([type=checkbox]),.cloud-dialog select{box-sizing:border-box;background:var(--paper,#fffdf7);width:100%;min-width:0;color:inherit;font:inherit;border:1px solid #83998c;border-radius:8px;padding:10px}.cloud-dialog button{background:var(--paper,#fffdf7);min-height:44px;color:inherit;font:inherit;cursor:pointer;border:1px solid #83998c80;border-radius:9px;margin:3px 0;padding:8px 12px}.cloud-dialog button:disabled{opacity:.45;cursor:default}.cloud-dialog .primary{color:#fff;background:#24664b}.cloud-actions{flex-wrap:wrap;gap:8px;display:flex}.cloud-dialog .cloud-check{align-items:center;gap:10px;display:flex}.cloud-check input{flex-shrink:0;width:18px;height:18px}.cloud-card{border:1px solid #83998c55;border-radius:12px;margin:12px 0;padding:14px}.cloud-card p{margin:8px 0}.cloud-dialog p{line-height:1.5}.cloud-secret{overflow-wrap:anywhere;white-space:normal;display:block}.cloud-dialog details{margin:14px 0}.cloud-dialog summary{cursor:pointer;padding:8px 0}.cloud-dialog table{border-collapse:collapse;width:100%}.cloud-dialog td,.cloud-dialog th{text-align:left;border-bottom:1px solid #83998c44;padding:8px}.cloud-dialog .performance-review{min-height:260px}.cloud-save-error{z-index:1000;color:#502700;background:#fff0db;border:2px solid #bd7420;border-radius:12px;width:min(90vw,620px);padding:12px;position:fixed;top:10px;left:50%;transform:translate(-50%)}[data-theme=dark] .cloud-dialog{--paper:#172d27;--ink:#e8f1e8}.parent-controls{border-top:1px solid var(--border-color,#80929a);margin-top:1rem;padding-top:1rem}.parent-controls header{align-items:center;gap:.6rem;display:flex}.parent-controls h4{margin:0}.parent-controls fieldset{min-width:0}.parent-controls select{max-width:100%}.parent-rules{gap:.75rem;margin:1rem 0;display:grid}.parent-rule{border:1px solid #81959d;border-radius:.8rem;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:.25rem .75rem;padding:.65rem;display:grid}.parent-rule .cloud-check{grid-area:1/1;min-height:44px;margin:0}.parent-used{grid-area:2/1;align-items:center;gap:.35rem;font-size:.8rem;display:flex}.parent-used svg{width:1rem;height:1rem}.parent-rule .parent-limit,.parent-rule .parent-minutes{min-width:0;margin:0}.parent-rule .parent-limit{grid-area:1/2/3;font-size:.8rem}.parent-rule .parent-minutes{grid-column:2;font-size:.8rem}.parent-save{padding:.4rem 0}@media (width>=700px){.parent-rules{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}.parent-rule input[type=number]{width:100%;min-width:0}.parent-play-gate{text-align:center;color:#163641;background:#f7f3df;border:2px solid #216976;border-radius:1.5rem;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;width:min(34rem,100vw - 2rem);max-height:calc(100dvh - 2rem);margin:auto;padding:1.25rem;display:flex;overflow:auto}.parent-play-gate::backdrop{background:#0b263cec}.parent-play-gate button{color:#163641;background:#fff;border:1px solid #216976;min-height:44px}.parent-play-gate button.primary{color:#fff;background:#216976}.parent-play-gate>svg{color:#216976;flex-shrink:0;width:4rem;height:4rem}.parent-play-gate h1,.parent-play-gate p{max-width:32rem;margin:0}.parent-play-gate>div{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.parent-time-left{right:.5rem;bottom:max(.5rem, env(safe-area-inset-bottom));z-index:28;pointer-events:none;color:#fff;background:#163641;border-radius:1rem;padding:.25rem .5rem;font-size:.75rem;position:fixed}@media (height<=450px){.parent-play-gate{gap:.35rem;padding:.6rem}.parent-play-gate>svg{width:2rem;height:2rem}.parent-play-gate h1{font-size:1.5rem}}.lesson-landing{isolation:isolate;background:radial-gradient(ellipse at 50% 35%,var(--ui-raised),transparent 70%);place-items:center;min-height:50vh;padding:28px 16px 80px;display:grid;position:relative;overflow:hidden}.lesson-landing>section{border:2px solid var(--ui-border);background:var(--ui-surface);width:min(620px,100%);color:var(--ui-text);box-shadow:0 7px 0 color-mix(in srgb,var(--ui-border) 65%,transparent);box-sizing:border-box;border-radius:24px;padding:clamp(20px,5vw,36px);position:relative}.lesson-landing small{color:var(--ui-muted);font-size:12px;font-weight:800}.lesson-landing h1{margin:10px 0;font-size:clamp(27px,5.5vw,40px);line-height:1.15}.lesson-landing p{color:var(--ui-text);margin:12px 0;line-height:1.5}.landing-actions{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.lesson-landing button{border-radius:10px;align-items:center;gap:8px;min-height:44px;padding:10px 16px;display:flex}.lesson-landing button:not(.primary){background:var(--ui-inset);color:var(--ui-text)}.lesson-landing button>svg{width:20px}.landing-awning{background:repeating-linear-gradient(90deg,#e87886 0 12.5%,#f4c85c 12.5% 25%,#9b93cf 25% 37.5%,#70b6a1 37.5% 50%);border-radius:21px 21px 10px 10px;height:24px;margin:calc(-1*clamp(20px,5vw,36px)) calc(-1*clamp(20px,5vw,36px)) 14px;box-shadow:0 4px #193e3b19}.landing-host{align-items:center;gap:10px;margin:0 0 12px;display:flex}.landing-host>.cs{flex:0 0 86px;width:86px;height:86px;margin:0}.landing-host>span{color:var(--ui-muted);background:var(--ui-inset);border-radius:14px 14px 14px 3px;padding:8px 12px;font:500 16px Fredoka Variable,sans-serif}.landing-scenery{z-index:-1;pointer-events:none;color:var(--ui-gold);position:absolute;inset:0;overflow:hidden}.landing-scenery .festival-canopy{opacity:.65;height:75px}.landing-balloon{opacity:.35;transform-origin:50% 140%;background:#c887a0;border-radius:50% 50% 46% 46%;width:46px;height:58px;animation:7s ease-in-out infinite alternate landing-drift;position:absolute}.landing-balloon:after{content:"";border-left:1px solid var(--ui-muted);height:75px;position:absolute;top:100%;left:50%;transform:rotate(-8deg)}.balloon-one{top:17%;left:5%;transform:rotate(-10deg)}.balloon-two{background:#7fbeb5;animation-delay:-3s;top:32%;right:5%}.landing-tent{clip-path:polygon(50% 0,100% 60%,88% 60%,88% 100%,12% 100%,12% 60%,0 60%);opacity:.17;background:repeating-linear-gradient(90deg,#e9918c 0 28px,#f2cd7a 28px 56px);width:170px;height:120px;position:absolute;bottom:-20px}.tent-one{left:-30px}.tent-two{right:-30px;transform:scale(.8)}.landing-note{opacity:.25;font-size:38px;animation:8s ease-in-out infinite alternate landing-drift;position:absolute}.note-one{color:#668f83;bottom:15%;left:12%}.note-two{color:#a780b6;animation-delay:-4s;top:13%;right:12%}@keyframes landing-drift{to{transform:translateY(-7px)rotate(5deg)}}html:not([data-motion=full]) .landing-scenery *{animation:none}@media (prefers-reduced-motion:reduce){.landing-scenery *{animation:none!important}}@media (height<=600px){.landing-host{margin-bottom:6px}.landing-host>.cs{flex-basis:64px;width:64px;height:64px}.landing-host>span{font-size:13px}.landing-actions{margin-top:12px}.lesson-landing h1{font-size:27px}.lesson-landing p{margin:8px 0;font-size:14px}}@media (orientation:landscape) and (height<=500px){.landing-host{float:right;margin:0 0 6px 12px}.landing-host>span{display:none}.lesson-landing>section{padding:16px 22px}.landing-awning{height:16px;margin:-16px -22px 12px}.landing-actions{clear:both}}.trailer-player{border:2px solid var(--ui-border);background:var(--ui-surface);width:min(1120px,100vw - 32px);max-width:none;height:min(850px,100dvh - 32px);max-height:none;color:var(--ui-text);box-shadow:0 8px 0 var(--ui-shadow),0 24px 80px #050b2470;border-radius:20px;margin:auto;padding:0;display:none;position:fixed;inset:0;overflow:hidden}.trailer-player[open]{display:block}.trailer-content{background:var(--ui-surface);width:100%;height:100%;color:var(--ui-text);grid-template-rows:auto minmax(0,1fr) auto;display:grid}.trailer-player::backdrop{background:#080e24e6}.trailer-content>header{justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;display:flex}.trailer-player .trailer-content h2{color:var(--ui-text);margin:2px 0;font:600 clamp(17px,3vw,23px)/1.2 Fredoka Variable,sans-serif}.trailer-player header small{color:var(--ui-muted);text-transform:uppercase;letter-spacing:.12em;font-size:10px}.trailer-screen{background:#11152a;min-width:0;min-height:0}.trailer-screen video{object-fit:contain;width:100%;height:100%;display:block}.trailer-content>footer{background:var(--ui-inset);padding:4px 16px 12px}.trailer-timeline{height:44px;display:block}.trailer-timeline input{width:100%;height:44px;accent-color:var(--ui-selected-edge);cursor:pointer;margin:0}.trailer-transport{align-items:center;gap:12px;display:flex}.trailer-player button{border:1px solid var(--ui-border);background:var(--ui-raised);min-width:44px;min-height:44px;color:var(--ui-text);border-radius:10px;flex:none;justify-content:center;align-items:center;gap:7px;padding:8px 12px;display:inline-flex}.trailer-player button svg{width:20px;height:20px}.trailer-player button.primary{background:var(--ui-action);color:var(--ui-action-ink);border-color:var(--ui-action-edge)}.trailer-transport output{font-variant-numeric:tabular-nums;flex:1;font-size:13px}.trailer-transport output span{color:var(--ui-muted)}.trailer-player footer p{margin:8px 0 0;font-size:12px}.trailer-sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.trailer-content:fullscreen{width:100%;height:100%}@media (width<=600px){.trailer-player{border-radius:14px;width:calc(100vw - 16px);height:calc(100dvh - 16px)}.trailer-content>header{padding:10px 12px}.trailer-content>footer{padding:0 10px max(12px,env(safe-area-inset-bottom))}.trailer-transport{gap:7px}}@media (height<=500px){.trailer-content>header{padding:4px 10px}.trailer-player header small{display:none}.trailer-content>footer{padding-bottom:6px}.trailer-timeline,.trailer-timeline input{height:30px}}.app-frame .pet-welcome{background:radial-gradient(at 20% 45%,#62bda229,#0000 55%),radial-gradient(at 90% 80%,#e8ba5930,#0000 50%);padding:clamp(12px,2vh,28px);overflow:auto}.app-frame .pet-welcome .pet-ticket{border:1px solid var(--ui-border);grid-template-rows:auto 1fr auto;grid-template-columns:minmax(260px,1fr) minmax(300px,1fr);gap:24px 36px;width:min(1120px,100%);height:auto;max-height:none;padding:clamp(20px,3vw,42px);display:grid;overflow:visible}.pet-welcome .pet-ticket>header{text-align:center;grid-area:1/1/auto/-1}.pet-welcome .pet-ticket>header small{color:var(--ui-text)}.pet-welcome .pet-ticket>header h1{margin:6px 0 0;font-size:clamp(28px,3.3vw,48px);line-height:1.1}.pet-welcome .pet-ticket .starter-pet-stage{--starter-stage:#21656a;isolation:isolate;flex-direction:column;grid-area:2/1/4;justify-content:flex-end;gap:0;min-height:360px;padding:20px 20px 28px;display:flex;position:relative}.starter-curtain{z-index:-1;width:100%;height:100%;position:absolute;inset:0}.pet-welcome .pet-ticket .starter-pet-stage .pet-greeting{background:0 0;flex:none;width:clamp(200px,22vw,310px);height:clamp(200px,22vw,310px)}.pet-welcome .pet-ticket .starter-name{text-align:center;color:#173f4a;background:#fff4d6;border-radius:20px;padding:6px 20px;box-shadow:0 4px #b89b58}.pet-welcome .pet-ticket .starter-name h2{color:#173f4a;margin:0;font-size:28px}.pet-welcome .pet-ticket .starter-name p{color:#355b62;margin:0;font-size:14px}.starter-bells{justify-content:space-between;height:80px;display:flex;position:absolute;top:4%;left:20%;right:20%}.pet-welcome .pet-ticket .starter-bell{box-shadow:none;touch-action:none;cursor:grab;background:0 0;border:0;width:48px;height:80px;padding:0}.starter-bell>span{transform-origin:50% 0;height:100%;display:block}.starter-bell svg{width:100%;height:100%}.pet-welcome .pet-ticket .starter-pet-choices{grid-area:2/2;grid-template-columns:repeat(3,minmax(0,1fr));align-content:center;gap:12px}.app-frame .pet-welcome .pet-ticket .starter-pet-choices .choice-control{border:2px solid var(--ui-border);min-height:128px;box-shadow:0 5px var(--ui-shadow);border-radius:22px 18px 23px 16px;align-items:center;gap:2px;padding:8px;display:flex;position:relative}.pet-welcome .pet-ticket .starter-pet-choices .choice-control.selected{border-color:var(--ui-selected-edge);background:var(--ui-selected)}.pet-welcome .pet-ticket .starter-pet-choices .choice-art,.pet-welcome .pet-ticket .starter-pet-choices .choice-art>.cs{flex-basis:84px;width:84px;height:84px}.pet-welcome .pet-ticket .starter-pet-choices .choice-copy strong{font-size:18px}.pet-welcome .pet-ticket>footer{flex-direction:column;grid-area:3/2;align-items:stretch;gap:14px;display:flex}.pet-welcome .pet-ticket>footer label{max-width:none;font-size:16px}.pet-welcome .pet-ticket>footer input{min-height:48px;margin-top:6px}.pet-welcome .pet-ticket>footer .primary{min-height:62px;font-size:24px}.pet-welcome .pet-button-speech{bottom:88%;left:50%;right:auto;transform:translate(-50%)}@media (width<=700px){.app-frame .pet-welcome .pet-ticket{grid-template-rows:auto auto auto auto;grid-template-columns:minmax(0,1fr);gap:14px;padding:16px 12px}.pet-welcome .pet-ticket .starter-pet-stage{grid-area:2/1;min-height:190px;padding:0 0 12px}.pet-welcome .pet-ticket .starter-pet-stage .pet-greeting{width:170px;height:170px}.pet-welcome .pet-ticket .starter-name{padding:5px 12px;position:absolute;bottom:20px;right:5%}.pet-welcome .pet-ticket .starter-name h2{font-size:22px}.pet-welcome .pet-ticket .starter-name p{font-size:12px}.starter-bells{height:50px;top:0;left:12%;right:12%}.pet-welcome .pet-ticket .starter-bell{width:36px;height:50px}.pet-welcome .pet-ticket .starter-pet-choices{grid-area:3/1;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.app-frame .pet-welcome .pet-ticket .starter-pet-choices .choice-control{border-radius:12px;min-height:82px;padding:2px}.pet-welcome .pet-ticket .starter-pet-choices .choice-art,.pet-welcome .pet-ticket .starter-pet-choices .choice-art>.cs{flex-basis:48px;width:48px;height:48px}.pet-welcome .pet-ticket .starter-pet-choices .choice-copy strong{font-size:13px}.pet-welcome .pet-ticket>footer{grid-area:4/1;gap:10px}.pet-welcome .pet-ticket>footer .primary{min-height:52px;font-size:22px}}@media (height<=730px) and (width>=701px){.app-frame .pet-welcome .pet-ticket{gap:10px 24px;padding:16px}.pet-welcome .pet-ticket .starter-pet-stage{min-height:270px}.pet-welcome .pet-ticket .starter-pet-stage .pet-greeting{width:210px;height:210px}.app-frame .pet-welcome .pet-ticket .starter-pet-choices .choice-control{min-height:94px}.pet-welcome .pet-ticket .starter-pet-choices .choice-art,.pet-welcome .pet-ticket .starter-pet-choices .choice-art>.cs{flex-basis:60px;width:60px;height:60px}}@media (height<=650px) and (width<=700px){.app-frame .pet-welcome{padding:8px}.app-frame .pet-welcome .pet-ticket{gap:10px;padding:12px}.pet-welcome .pet-ticket .starter-pet-stage{min-height:135px}.pet-welcome .pet-ticket .starter-pet-stage .pet-greeting{width:130px;height:130px}.pet-welcome .pet-ticket .starter-name{bottom:14px;right:0}.pet-welcome .pet-ticket .starter-name p{display:none}.starter-bells{height:40px;left:8%;right:8%}.pet-welcome .pet-ticket .starter-bell{height:40px}.pet-welcome .pet-ticket>header h1{font-size:26px}}@media (orientation:landscape) and (height<=500px){.app-frame .pet-welcome{padding:8px}.app-frame .pet-welcome .pet-ticket{grid-template-columns:32% minmax(0,1fr);gap:8px 16px;padding:12px}.pet-welcome .pet-ticket>header{text-align:left;grid-area:1/2}.pet-welcome .pet-ticket>header small{display:none}.pet-welcome .pet-ticket>header h1{margin:0;font-size:24px}.pet-welcome .pet-ticket .starter-pet-stage{grid-area:1/1/4;min-height:190px;padding:0 0 14px}.pet-welcome .pet-ticket .starter-pet-stage .pet-greeting{width:160px;height:160px}.pet-welcome .pet-ticket .starter-name{position:static}.pet-welcome .pet-ticket .starter-name p{display:none}.pet-welcome .pet-ticket .starter-name h2{font-size:22px}.pet-welcome .pet-ticket .starter-pet-choices{grid-area:2/2;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.app-frame .pet-welcome .pet-ticket .starter-pet-choices .choice-control{min-height:76px;padding:2px}.pet-welcome .pet-ticket .starter-pet-choices .choice-art,.pet-welcome .pet-ticket .starter-pet-choices .choice-art>.cs{flex-basis:44px;width:44px;height:44px}.pet-welcome .pet-ticket .starter-pet-choices .choice-copy strong{font-size:12px}.pet-welcome .pet-ticket>footer{flex-direction:row;grid-area:3/2;align-items:end;gap:12px}.pet-welcome .pet-ticket>footer label{font-size:12px}.pet-welcome .pet-ticket>footer input{min-height:44px;margin-top:3px;padding:6px}.pet-welcome .pet-ticket>footer .primary{white-space:nowrap;min-height:44px;font-size:18px}.starter-bells,.pet-welcome .pet-ticket .starter-bell{height:44px}}.pet-welcome .pet-greeting .cs{transform:scale(1.22)}.app-frame .pet-welcome .pet-ticket[data-step=name]{flex-direction:column;gap:18px;width:min(540px,100%);padding:24px;display:flex}.pet-ticket[data-step=name]>header{text-align:center}.pet-ticket[data-step=name] .selected-pal{text-align:left;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.selected-pal-art,.selected-pal-art>.cs{width:64px;height:64px}.selected-pal strong{font-size:20px}.selected-pal button{min-height:44px;padding:8px 12px;font-size:14px}.pet-welcome .pet-ticket[data-step=name]>footer{flex-direction:column;gap:14px}.pet-welcome .pet-ticket[data-step=name]>footer label{margin:0;font-size:16px}.pet-welcome .pet-ticket[data-step=name]>footer input{font-size:18px}@media (width<=700px),(height<=500px){.app-frame .pet-welcome .pet-ticket[data-step=name]{gap:10px;padding:16px}.pet-welcome .pet-ticket[data-step=name]>header h1{font-size:28px}.pet-ticket[data-step=name] .selected-pal{grid-template-columns:48px minmax(0,1fr) auto;gap:8px}.selected-pal-art,.selected-pal-art>.cs{width:48px;height:48px}.pet-welcome .pet-ticket[data-step=name]>footer .primary{min-height:48px}}@media (height<=450px){.app-frame .pet-welcome .pet-ticket[data-step=name]{gap:8px;padding:12px}.pet-welcome .pet-ticket[data-step=name]>footer{gap:8px}}@media (orientation:landscape) and (height<=400px){.app-frame .pet-welcome .pet-ticket[data-step=name]{grid-template-rows:auto auto;grid-template-columns:140px minmax(0,1fr);gap:8px 16px;padding:12px;display:grid}.pet-welcome .pet-ticket[data-step=name]>header{grid-area:1/1/auto/-1}.pet-ticket[data-step=name] .selected-pal{grid-area:2/1;grid-template-columns:48px minmax(0,1fr)}.selected-pal button{grid-column:1/-1}.pet-welcome .pet-ticket[data-step=name]>footer{grid-area:2/2;gap:8px}}.key-particles{pointer-events:none;z-index:4;contain:strict;width:100%;height:100%;position:absolute;inset:0}[data-effect=keys-embers]{--key-press:#f4ac54;--key-edge:#d56628}[data-effect=keys-snow]{--key-press:#98dced;--key-edge:#238bb5}[data-effect=keys-bubbles]{--key-press:#91dfcd;--key-edge:#238b7a}[data-effect=keys-confetti]{--key-press:#ddb3df;--key-edge:#b45fa0}[data-effect=keys-confetti] [data-midi]:nth-child(4n+1){--key-press:#f1a0b5;--key-edge:#c05573}[data-effect=keys-confetti] [data-midi]:nth-child(4n+2){--key-press:#f3d67c;--key-edge:#b58a28}[data-effect=keys-confetti] [data-midi]:nth-child(4n+3){--key-press:#8dd9c4;--key-edge:#288b75}[data-effect=keys-confetti] [data-midi]:nth-child(4n){--key-press:#c2afe7;--key-edge:#8362b4}:is([data-effect=keys-embers],[data-effect=keys-snow],[data-effect=keys-bubbles],[data-effect=keys-confetti]) .studio-key.white.active,:is([data-effect=keys-embers],[data-effect=keys-snow],[data-effect=keys-bubbles],[data-effect=keys-confetti]).shop-try-piano>button.pressed{background:linear-gradient(#fffaf0,var(--key-press,#9ad7c2))!important;box-shadow:inset 0 0 0 2px var(--key-edge,#4d9a82),inset 0 -5px var(--key-edge,#4d9a82)!important}:is([data-effect=keys-embers],[data-effect=keys-snow],[data-effect=keys-bubbles],[data-effect=keys-confetti]) .studio-key.black.active{box-shadow:inset 0 -4px var(--key-edge,#4d9a82),inset 1px 0 #486365,0 3px 3px #071a2280}.shop-try-piano[data-piano]{background:var(--piano-surface)}.viewport-piano .studio-key.is-exercise-note:before,.viewport-piano .studio-key.is-next-note:before{content:none}.viewport-piano .studio-key.white.is-exercise-note{box-shadow:inset 0 -6px #70a69b,inset -2px 0 #183c4328}.viewport-piano .studio-key.black.is-exercise-note{box-shadow:inset 0 -5px #70a69b,0 3px 4px #061a2280}.viewport-piano .studio-key.is-next-note{filter:none;animation:none}.viewport-piano .studio-key.white.is-next-note{background:linear-gradient(100deg,#fff8de 35%,#ffe29a);box-shadow:inset 0 0 0 3px #dda936,inset 0 -8px #dda936}.viewport-piano .studio-key.black.is-next-note{background:linear-gradient(100deg,#294b55,#4a5860);box-shadow:inset 0 0 0 3px #ffdc7c,inset 0 -6px #e3b246,0 3px 4px #061a2280}.viewport-piano .studio-key.is-next-note:after{content:"↓";width:auto;height:auto;box-shadow:none;color:#80591a;pointer-events:none;background:0 0;border-radius:0;font:700 26px/1 Atkinson Hyperlegible Next Variable,sans-serif;position:absolute;top:auto;bottom:76px;left:50%;transform:translate(-50%)}.viewport-piano .studio-key.black.is-next-note:after{color:#ffe198;font-size:20px;bottom:55px}.viewport-piano .studio-key.is-next-note span{text-shadow:none;color:#513b15!important;font-size:18px!important}.viewport-piano .studio-key.black.is-next-note span{color:#fff0c9!important}.viewport-piano .studio-key.is-next-note kbd{color:#583d0e;background:#fff0c8;border-color:#c39d51}.viewport-piano[data-help="1"] .studio-key.white.is-next-note,.viewport-piano[data-help="2"] .studio-key.white.is-next-note{background:linear-gradient(#fff3be,#ffd371);box-shadow:inset 0 0 0 4px #9b6525,inset 0 -8px #b67d29}.viewport-piano[data-help="1"] .studio-key.black.is-next-note,.viewport-piano[data-help="2"] .studio-key.black.is-next-note{background:linear-gradient(#94702b,#514326);box-shadow:inset 0 0 0 4px #ffdf7e,inset 0 -7px #deac37}.viewport-piano[data-help="2"] .studio-key.is-next-note:after{content:"↓";font-size:32px;animation:1.2s ease-in-out infinite piano-guide-point}.viewport-piano[data-help="2"] .piano-next-note{background:#ffe4a0;border:2px solid #e1b953}.viewport-piano .studio-key.white.active{background:linear-gradient(#d3eee4,#7ac4b1);box-shadow:inset 0 0 0 2px #247e70,inset 0 -5px #247e70}.viewport-piano .studio-key.black.active{background:linear-gradient(#28746e,#123e43);box-shadow:inset 0 -4px #8cdbc4,inset 0 0 0 2px #6cb6a4}.viewport-piano .studio-key.is-next-note.active:after{content:"✓";animation:none}@keyframes piano-guide-point{0%,to{transform:translate(-50%,-3px)}50%{transform:translate(-50%,2px)}}[data-motion=reduced] .viewport-piano .studio-key:after,[data-motion=minimal] .viewport-piano .studio-key:after{animation:none!important}@media (prefers-reduced-motion:reduce){.viewport-piano .studio-key:after{animation:none!important}}@media (width<=700px){.viewport-piano .studio-key.white.is-next-note:after{font-size:22px;bottom:68px}.viewport-piano .studio-key.black.is-next-note:after{font-size:15px;bottom:55px}}@media (orientation:landscape) and (height<=600px){.viewport-piano .studio-key.is-next-note:after{display:none}.viewport-piano .studio-key.is-next-note span{font-size:14px!important}}.screen-shop{background:radial-gradient(at 15% 10%,#397679 0,#0000 48%),linear-gradient(140deg,#1d4d56,#11363f)}.shop-page{color:#173f4a;max-width:1512px;margin:auto;padding:20px 32px 32px}.shop-page button,.shop-page summary,.shop-preview button{cursor:pointer;min-height:44px}.shop-page button:focus-visible,.shop-page summary:focus-visible,.shop-preview button:focus-visible{outline-offset:4px;outline:3px solid #efb947}.shop-page button>svg:not(.cosmetic-art),.shop-page summary>svg{flex-shrink:0;width:20px;height:20px}.shop-page>header{color:#fff1cd;align-items:center;gap:18px;margin-bottom:20px;display:flex}.shop-heading h1{letter-spacing:-.02em;text-shadow:0 3px #153b43;margin:0;font:600 clamp(32px,3vw,44px)/1.05 Fredoka Variable,sans-serif}.shop-eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:10px;font-weight:800}.shop-heading .shop-eyebrow{color:#ddc892}.shop-back{color:#fff3d4;background:#17424b;border:1px solid #87a49b;border-radius:14px;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:800;display:flex;box-shadow:0 3px #0f3038}.shop-wardrobe-link{color:#173f4a;text-align:left;background:#f2ebd2;border:2px solid #a9bfaa;border-radius:14px;grid-template-columns:28px 1fr;align-items:center;gap:5px 9px;min-width:195px;margin-left:auto;padding:9px 14px;display:grid;box-shadow:0 4px #13383e}.shop-wardrobe-link>svg{grid-row:1/3;width:26px!important;height:26px!important}.shop-wardrobe-link>span{font-size:14px;font-weight:800}.shop-wardrobe-link small{color:#566d65;font-size:11px;font-weight:500;display:block}.shop-collection-meter{background:#cdcbb6;border-radius:8px;height:5px;display:block;overflow:hidden}.shop-collection-meter:before{content:"";width:var(--collected);background:#2a846d;height:100%;display:block}.shop-market{grid-template-columns:252px minmax(0,1fr);align-items:start;gap:24px;display:grid}.shop-counter{top:calc(var(--app-bar-height) + 20px);background:#f6e7bf;border:3px solid #c09764;border-radius:90px 90px 20px 20px;position:sticky;overflow:hidden;box-shadow:0 7px #12343b,0 0 0 4px #173f4a}.shop-stall{background:#286164;height:236px;position:relative;overflow:hidden}.shop-stall-room{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.shop-awning{background:repeating-linear-gradient(90deg,#e78d78 0 28px,#fae3b7 28px 56px);border-radius:0 0 18px 18px;height:34px;position:absolute;top:0;left:0;right:0;box-shadow:0 5px #123d4b45}.shop-keeper{width:165px;height:165px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.shop-keeper .cs{width:100%;height:100%}.shop-counter-top{color:#fff3d1;text-shadow:0 2px #764f36;background:repeating-linear-gradient(90deg,#0000 0 75px,#764f3633 75px 78px),#b68353;border-top:7px solid #e4b679;border-bottom:4px solid #865b40;justify-content:center;align-items:center;gap:20px;height:42px;font:500 24px Fredoka Variable,sans-serif;display:flex;position:absolute;bottom:0;left:0;right:0}.shop-counter-top>svg{color:#f7d794;width:22px}.shop-host-copy{text-align:center;padding:18px 10px 12px}.shop-host-copy .shop-eyebrow{color:#805735;letter-spacing:.13em;font-size:8px}.shop-host-copy h2{margin:3px 0 4px;font:600 30px/1.1 Fredoka Variable,sans-serif}.shop-host-copy p{color:#516962;margin:0;font-size:12px}.shop-picks{border-top:1px solid #c9b58a;margin:0 12px;padding:12px 0 14px}.shop-picks h3{justify-content:center;align-items:center;gap:7px;margin:0 0 8px;font-size:12px;font-weight:800;display:flex}.shop-picks h3 svg{color:#90652b;width:15px;height:15px}.shop-picks>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.shop-picks button{color:#284e50;background:#fff6da;border:1px solid #cfb68a;border-radius:12px;flex-direction:column;justify-content:start;align-items:center;gap:2px;min-width:0;padding:4px;display:flex;box-shadow:0 3px #d6bf94}.shop-picks button:hover{background:#fffbed}.shop-picks .cosmetic-art,.shop-picks .collection-pet-art{width:60px;max-width:100%;height:56px}.shop-picks span{font-size:10px;font-weight:800;line-height:1.2}.shop-box-link{color:#4e3e68;text-align:left;background:#ece0f2;border:2px solid #ac8fbc;border-radius:12px;align-items:center;gap:9px;padding:10px 12px;font-size:14px;font-weight:800;display:flex;box-shadow:0 3px #947ca0}.shop-counter>.shop-box-link{width:calc(100% - 24px);margin:0 12px 16px}.shop-box-link>svg{color:#795597;width:28px!important;height:28px!important}.shop-box-link small{margin-top:2px;font-size:10px;font-weight:500;display:block}.shop-box-link b{margin-left:auto;font-size:16px}.shop-inventory{background:#f4e6bf;border:3px solid #bc9868;border-radius:23px;min-width:0;padding:0 18px 10px;box-shadow:0 7px #102e35,0 0 0 4px #173f4a}.shop-tools{top:var(--app-bar-height);z-index:10;background:#f4e6bf;border-radius:20px 20px 0 0;position:sticky;box-shadow:0 3px #d8c398}.shop-filters{overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:#ad9569 #eee0b9;border-bottom:1px solid #d5bd8d;gap:5px;margin:0;padding:15px 0 10px;display:flex;overflow:auto}.shop-filters button{color:#51665c;background:#fff3d3;border:1px solid #d0ba8d;border-bottom:3px solid #c9ab75;border-radius:12px;flex-direction:column;flex:1 0 70px;justify-content:center;align-items:center;gap:3px;min-width:0;padding:7px 5px;font-size:11px;font-weight:800;transition:background .15s,transform .15s;display:flex}.shop-filters button>svg{width:24px;height:24px}.shop-filters button small{font-variant-numeric:tabular-nums;font-size:9px;font-weight:500;line-height:1.1}.shop-filters button:hover{background:#fffae8}.shop-filters button[aria-pressed=true]{color:#fff5d6;background:#226469;border-color:#164e53 #164e53 #103a40;box-shadow:inset 0 1px #60908a,0 2px #d0b887}.shop-shelf-toolbar{justify-content:space-between;align-items:center;gap:10px;padding:14px 0 12px;display:flex}.shop-shelf-toolbar h2{margin:0;font:600 25px/1.1 Fredoka Variable,sans-serif}.shop-shelf-toolbar p{color:#596c5f;margin:4px 0 0;font-size:12px}.shop-browse-actions{flex-shrink:0;gap:6px;display:flex}.shop-browse-actions button{color:#365851;background:#fff5d9;border:1px solid #beaa80;border-radius:10px;align-items:center;gap:6px;padding:8px 10px;font-size:11px;font-weight:800;display:flex}.shop-browse-actions button[aria-pressed=true],.shop-browse-actions button[aria-expanded=true]{color:#1c5449;background:#d6e5cd;border-color:#82a08b}.shop-refine-toggle b{color:#fff8df;background:#226469;border-radius:50%;place-items:center;width:18px;height:18px;font-size:10px;display:grid}.shop-refine{grid-template-columns:minmax(110px,1fr) 160px 172px;gap:7px;padding:0 0 12px;display:grid}.shop-refine[hidden]{display:none}.shop-refine>label{background:#fffbed;border:1px solid #b6a27a;border-radius:10px;align-items:center;gap:7px;min-width:0;padding:0 9px;display:flex}.shop-refine label>span{color:#536b60;font-size:10px}.shop-refine input,.shop-refine select{color:#173f4a;background:0 0;border:0;width:100%;min-width:0;height:44px;font-size:12px}.shop-refine select{cursor:pointer}.shop-search svg{color:#648079;flex-shrink:0;width:17px}.shop-refine label:focus-within{outline-offset:2px;outline:2px solid #278974}.shop-refine input:focus,.shop-refine select:focus{outline:0}.shop-results{justify-content:space-between;align-items:center;gap:8px;min-height:40px;margin:2px 0;display:flex}.shop-results>p{color:#655d48;margin:0;font-size:11px;font-weight:800}.shop-results>p>span{font-weight:400}.shop-reset{color:#37675b;background:0 0;border:0;align-items:center;gap:4px;padding:4px;font-size:11px;font-weight:800;display:flex}.shop-reset svg{width:15px!important}.shop-announcement{color:#71512b;background:#fae2ba;border:1px solid #a67a43;border-radius:12px;align-items:center;gap:8px;margin:0 0 12px;padding:10px 14px;font-size:13px;font-weight:800;display:flex}.shop-announcement>span{align-items:center;gap:8px;display:flex}.shop-announcement.is-success{color:#265540;background:#d6ebd6;border-color:#7b9f81}.shop-announcement.is-success>span{animation:.26s ease-out shop-stamp}.shop-announcement:empty{display:none}.shop-announcement svg{flex-shrink:0;width:20px}.shop-page .shop-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:20px 12px;padding:0 0 8px;display:grid}.shop-item{min-width:0;scroll-margin-top:calc(var(--app-bar-height) + 230px);isolation:isolate;background:#fffae7;border:2px solid #c4a974;border-radius:16px;flex-direction:column;display:flex;position:relative;box-shadow:0 5px #ad8552,0 8px 0 2px #cfb284}.shop-item.equipped{border-color:#418876;box-shadow:0 5px #397665,0 8px 0 2px #b7c39c}.shop-item.box-exclusive{border-color:#b59cba}.shop-item button{font-weight:800}.shop-item .shop-art{background:radial-gradient(ellipse at 50% 45%,#fffce7 0 22%,transparent 67%),color-mix(in srgb,var(--item-accent) 18%,#f5e7c5);color:#33534c;border:0;border-radius:13px 13px 0 0;place-items:center;width:100%;height:146px;min-height:146px;padding:13px 10px 8px;display:grid;position:relative;overflow:hidden}.shop-art:before{content:"";background:#6c63431c;border-bottom:4px solid #a18e4b26;border-radius:50%;height:16px;position:absolute;bottom:12px;left:18%;right:18%}.shop-art>.cosmetic-art,.shop-art>.collection-pet-art{pointer-events:none;width:126px;max-width:100%;height:126px;transition:transform .18s ease-out;position:relative}.shop-art .collection-pet-art{width:138px;height:138px;margin-top:-6px}.shop-art:hover>.cosmetic-art,.shop-art:hover>.collection-pet-art,.shop-art:focus-visible>.cosmetic-art,.shop-art:focus-visible>.collection-pet-art{transform:translateY(-4px)scale(1.04)}.shop-art:focus-visible{z-index:1;outline-offset:-4px!important}.shop-try-hint{pointer-events:none;background:#fff9e5ec;border-radius:9px;align-items:center;gap:3px;padding:4px 6px;font-size:9px;display:flex;position:absolute;bottom:5px;right:6px}.shop-try-hint svg{width:13px!important;height:13px!important}.shop-owned,.shop-exclusive{color:#315f4d;pointer-events:none;background:#fffbed;border:1px solid #acc6a9;border-radius:7px;align-items:center;gap:4px;padding:4px 7px;font-size:9px;font-weight:800;display:flex;position:absolute;top:7px;left:7px}.shop-item.equipped .shop-owned{background:#d5edd6;border-color:#8ab396}.shop-exclusive{color:#704e80;background:#f9edff;border-color:#cdb2d8}.shop-owned svg,.shop-exclusive svg{width:11px;height:11px}.shop-item-copy{padding:10px 10px 0}.shop-item-copy>small{text-transform:uppercase;letter-spacing:.08em;color:#677160;font-size:9px;font-weight:800;display:block}.shop-item-copy h3{overflow-wrap:break-word;margin:3px 0 0;font:550 20px/1.1 Fredoka Variable,sans-serif}.shop-item footer{gap:5px;margin-top:auto;padding:8px 9px 10px;display:grid}.shop-item-status{color:#646d5e;min-height:14px;font-size:10px;display:block}.shop-item-actions{gap:5px;display:flex}.shop-item-actions>button{color:#624713;background:linear-gradient(#ffe39a,#f7cf70);border:1px solid #ba882f;border-bottom:3px solid #b48430;border-radius:9px;justify-content:center;align-items:center;gap:5px;min-height:44px;padding:7px 5px;font-size:12px;display:flex;box-shadow:inset 0 1px #fff2c5}.shop-item-actions svg{width:16px!important;height:16px!important}.shop-buy{flex:1;min-width:0}.shop-buy.is-diamond{color:#564174;background:linear-gradient(#e8dcfa,#d9c4f2);border-color:#a08bbd}.shop-item-actions .sound-preview{color:#315c54;background:#fff6de;border-color:#b8aa88;flex:0 0 44px;width:44px}.shop-item-actions>button:disabled{opacity:1;color:#606856;box-shadow:none;cursor:default;background:#ece8d7;border-color:#c5c4af}.shop-item.equipped .shop-buy:disabled{color:#2d604b;background:#d8e9d2;border-color:#99b38e}.shop-item.owned:not(.equipped) .shop-buy{color:#fff3cd;background:#246369;border-color:#133e48;box-shadow:inset 0 1px #51837d}.shop-shelf-end{color:#7c7358;justify-content:center;align-items:center;gap:12px;padding:26px 0 12px;font-size:11px;display:flex}.shop-shelf-end svg{color:#ac8c4c;width:16px;height:16px}.shop-empty{text-align:center;background:#fff6db;border:2px dashed #c7b389;border-radius:16px;padding:38px 20px}.shop-empty>svg{color:#719180;width:36px;height:36px}.shop-empty h2{margin:10px 0;font:550 26px Fredoka Variable,sans-serif}.shop-empty p{color:#5d6e60;font-size:13px}.shop-empty button{color:#fff6de;background:#28656a;border:1px solid #587f67;border-radius:10px;margin:5px;padding:8px 16px;font-size:12px;font-weight:800}.shop-loadout{scroll-margin-top:calc(var(--app-bar-height) + 16px);background:#f5edd4;border:2px solid #a6b6a0;border-radius:16px;margin:24px 0 12px;box-shadow:0 4px #12383d}.shop-loadout summary{cursor:pointer;align-items:center;gap:10px;padding:12px 16px;font-size:16px;font-weight:800;display:flex}.shop-loadout summary:after{content:"+";margin-left:8px;font-size:22px}.shop-loadout[open] summary:after{content:"−"}.shop-loadout summary span{color:#526d60;margin-left:auto;font-size:12px;font-weight:400}.shop-loadout-intro{color:#526d60;margin:0 16px 16px;font-size:13px}.shop-loadout dl{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0 16px 16px;display:grid}.shop-loadout dl>div{background:#fff8e1;border:1px solid #cbb992;border-radius:12px;grid-template-rows:auto 1fr auto;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:0 8px;padding:10px;display:grid}.shop-loadout dl .cosmetic-art,.shop-loadout dl .collection-pet-art,.shop-default-art{grid-row:1/4;width:64px;height:64px}.shop-default-art{color:#a18f65;padding:18px}.shop-loadout dt{color:#657366;font-size:9px}.shop-loadout dd{margin:2px 0;font-size:12px;font-weight:800}.shop-default-action button{color:#305b50;background:#fffbee;border:1px solid #afad8c;border-radius:8px;width:100%;margin-top:4px;padding:6px 8px;font-size:11px}.shop-default-action span{color:#617363;align-items:center;min-height:44px;font-size:11px;font-weight:400;display:flex}.shop-earn{color:#dfd9bc;align-items:center;gap:18px;font-size:13px;display:flex}.shop-earn>.pet-perch{flex:0 0 270px;margin:0}.shop-earn p{margin:0}.shop-earn small{color:#b5c7bb;margin-top:4px;font-size:11px;display:block}.shop-earn button{color:#fff3cf;background:#1c4a53;border:1px solid #869f91;border-radius:11px;align-items:center;gap:10px;margin-left:auto;padding:8px 14px;font-size:12px;font-weight:800;display:flex}.shop-earn button>svg.lucide-arrow-left{transform:rotate(180deg)}.shop-earn .shop-box-link{box-shadow:none}.shop-earn button+button{margin-left:0}@keyframes shop-stamp{0%{opacity:.4;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.shop-preview{color:#173f4a;background:#fff3d3;border:3px solid #ba9563;border-radius:24px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 24px;width:min(820px,100vw - 28px);height:fit-content;max-height:calc(100dvh - 28px);margin:auto;padding:20px;display:grid;position:fixed;inset:0;overflow:auto;box-shadow:0 10px #0e303a88,0 22px 80px #071d39a0}.shop-preview::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0c2839cf}.shop-preview header{z-index:3;background:#fff3d3;border-bottom:1px solid #d5be8b;grid-column:1/-1;justify-content:space-between;align-items:start;gap:12px;padding:0 0 10px;display:flex;position:sticky;top:-20px}.shop-preview header small{text-transform:uppercase;letter-spacing:.13em;color:#6a765e;font-size:9px;font-weight:800}.shop-preview h2{margin:5px 0 0;font:600 32px/1.05 Fredoka Variable,sans-serif}.shop-preview header button{color:#31554e;background:#fff9e5;border:1px solid #bc9b65;border-bottom-width:3px;border-radius:13px;flex-shrink:0;place-items:center;min-width:44px;padding:8px;display:grid}.shop-preview-art{isolation:isolate;background:radial-gradient(at 50% 20%,#4c8986,#164951 80%);border:3px solid #ac8857;border-radius:70px 70px 16px 16px;grid-row:2/5;place-items:center;min-height:310px;display:grid;position:relative;overflow:hidden}.shop-preview-art:before{content:"";z-index:-1;background:linear-gradient(118deg,#0000 19%,#fff0b012 20%,#fff0b02b 35%,#0000 36%),linear-gradient(242deg,#0000 19%,#fff0b012 20%,#fff0b02b 35%,#0000 36%);position:absolute;inset:0}.shop-preview-art:after{content:"";z-index:-1;background:#d6b67d;border-bottom:9px solid #9e744d;border-radius:50%;height:30px;position:absolute;bottom:29px;left:12%;right:12%;box-shadow:0 8px #0c344b44}.shop-preview-art>.cosmetic-art,.shop-preview-art>.collection-pet-art{filter:drop-shadow(0 7px #123b4933);width:90%;max-width:260px;height:240px}.shop-preview-description{margin:4px 0 0;font-size:16px;line-height:1.45}.shop-preview-controls p,.shop-preview footer p{color:#526c5f;margin:0 0 10px;font-size:12px;line-height:1.4}.shop-preview footer{align-self:end}.shop-preview footer button{color:#624713;background:linear-gradient(#ffe6a3,#f4cc6a);border:1px solid #b6842b;border-bottom-width:4px;border-radius:12px;justify-content:center;align-items:center;gap:7px;width:100%;padding:12px;font-size:14px;font-weight:800;display:flex;box-shadow:inset 0 1px #fff7d7}.shop-preview button:disabled{opacity:1;color:#3b6550;box-shadow:none;background:#deebd4;border-color:#9ab78b}.shop-preview button svg{width:20px;height:20px}.preview-sample{color:#315f52;background:#fffbed;border:1px solid #bda779;border-radius:10px;justify-content:center;align-items:center;gap:7px;width:100%;margin-top:8px;font-size:12px;font-weight:800;display:flex}.shop-try-piano{border:3px solid var(--piano-edge);background:var(--piano-frame);box-shadow:inset 0 10px var(--piano-bed);border-radius:12px;padding:14px 5px 5px;display:flex;position:relative}.shop-try-piano>button{background:linear-gradient(var(--piano-ivory),#fff9ea);color:#173f4a;border:1px solid #9c947e;border-radius:0 0 5px 5px;flex:1;justify-content:center;align-items:end;min-width:0;height:92px;padding-bottom:9px;font-weight:800;display:flex;position:relative;box-shadow:inset 0 -5px #cbbfa8}.shop-try-piano>i{pointer-events:none;background:linear-gradient(100deg,#07171d,#244752,#08191e);border-radius:0 0 4px 4px;width:9%;height:51px;position:absolute;top:14px;transform:translate(-50%);box-shadow:inset 0 -4px #030e13}.shop-try-piano>button.pressed{background:linear-gradient(#bde9d6,#7acfb4);box-shadow:inset 0 7px 10px #20584b30}.shop-try-piano[data-effect=keys-softglow]>button.pressed{box-shadow:inset 0 0 14px #f1b934,inset 0 -4px #b97a29}.shop-try-piano[data-effect=keys-mint]>button.pressed{box-shadow:inset 0 0 0 3px #63d4b6,inset 0 -5px #23836c}.shop-try-piano[data-effect=keys-starlight]>button.pressed:after{content:"✦";color:#b68521;position:absolute;top:35%}@media (width>=1360px){.shop-page .shop-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (width<=1190px){.shop-market{grid-template-columns:215px minmax(0,1fr);gap:18px}.shop-page{padding:18px 22px 26px}.shop-page .shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.shop-inventory{padding-inline:14px}.shop-host-copy h2{font-size:28px}.shop-keeper{width:150px;height:150px}.shop-stall{height:210px}.shop-shelf-toolbar h2{font-size:22px}.shop-owned-toggle span{display:none}.shop-browse-actions .shop-owned-toggle{justify-content:center;width:44px}.shop-loadout dl{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=900px){.shop-market{grid-template-columns:minmax(0,1fr)}.shop-counter{border-radius:18px;grid-template-columns:140px 1fr auto;align-items:center;min-height:108px;display:grid;position:relative;top:auto}.shop-stall{border-right:3px solid #bc9868;height:110px}.shop-stall-room{height:170px;top:-25px}.shop-keeper{width:95px;height:95px;bottom:3px}.shop-awning{height:16px}.shop-counter-top{border-top-width:4px;border-bottom-width:2px;gap:9px;height:20px;font-size:13px}.shop-counter-top svg{width:12px}.shop-picks{display:none}.shop-host-copy{padding:12px}.shop-host-copy h2{font-size:26px}.shop-counter>.shop-box-link{width:auto;margin:10px 12px 10px 0}.shop-box-link small{font-size:9px}.shop-page .shop-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.shop-tools{border-radius:16px 16px 0 0}.shop-inventory{border-radius:18px}.shop-item-copy h3{font-size:19px}.shop-loadout dl{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-earn{flex-wrap:wrap}.shop-earn>.pet-perch{flex-basis:270px}}@media (width<=700px){.shop-page{padding:12px 12px 22px}.shop-page>header{gap:10px;margin-bottom:12px}.shop-back{width:44px;min-width:44px;padding:8px}.shop-back span{display:none}.shop-heading h1{font-size:30px}.shop-heading .shop-eyebrow{letter-spacing:.12em;font-size:8px}.shop-wardrobe-link{grid-template-columns:20px 1fr;gap:3px 6px;min-width:0;padding:7px 9px}.shop-wardrobe-link>svg{width:20px!important;height:20px!important}.shop-wardrobe-link>span{font-size:11px}.shop-wardrobe-link small{font-size:9px}.shop-collection-meter{height:4px}.shop-market{gap:13px}.shop-counter{border-width:2px;border-radius:14px;grid-template-columns:92px minmax(0,1fr) auto;min-height:88px}.shop-stall{height:90px}.shop-stall-room{width:160px;top:-35px;left:-34px}.shop-keeper{width:88px;height:88px;bottom:3px}.shop-host-copy{padding:8px}.shop-host-copy .shop-eyebrow{display:none}.shop-host-copy h2{font-size:23px}.shop-host-copy p{max-width:135px;margin:auto;font-size:10px}.shop-counter>.shop-box-link{text-align:center;border-radius:10px;grid-template-columns:auto auto;gap:4px;max-width:88px;margin:7px 8px 7px 0;padding:7px;font-size:10px;display:grid}.shop-box-link>svg{justify-self:center;width:22px!important;height:22px!important}.shop-box-link>span{grid-area:2/1/auto/-1}.shop-box-link small{display:none}.shop-box-link b{margin:0;font-size:12px}.shop-inventory{border-width:2px;border-radius:16px;padding:0 10px 8px}.shop-filters{gap:5px;padding-top:10px}.shop-filters button{flex:0 0 65px;gap:2px;padding:6px 4px;font-size:10px}.shop-filters button>svg{width:21px;height:21px}.shop-filters button small{font-size:8px}.shop-shelf-toolbar{gap:5px;padding:10px 0}.shop-shelf-toolbar h2{max-width:210px;font-size:22px}.shop-shelf-toolbar p{display:none}.shop-browse-actions{gap:5px}.shop-browse-actions button{justify-content:center;width:44px;padding:7px}.shop-browse-actions span{display:none}.shop-refine-toggle{position:relative}.shop-refine-toggle b{position:absolute;top:-5px;right:-3px}.shop-refine{grid-template-columns:1fr 1fr;gap:6px}.shop-refine .shop-search{grid-column:1/-1}.shop-refine input,.shop-refine select{font-size:11px}.shop-refine>label{gap:4px;padding:0 6px}.shop-refine label>span{font-size:9px}.shop-results{min-height:34px}.shop-results>p{font-size:10px}.shop-results>p>span{display:none}.shop-reset{padding:0;font-size:10px}.shop-page .shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 10px}.shop-item .shop-art{height:140px;min-height:140px}.shop-art>.cosmetic-art{width:124px;height:124px}.shop-art>.collection-pet-art{width:134px;height:134px}.shop-item-copy{padding:9px 9px 0}.shop-item-copy h3{font-size:20px}.shop-item-copy>small{letter-spacing:.03em;font-size:9px}.shop-item footer{padding:7px 7px 9px}.shop-item-status{font-size:9px}.shop-item-actions>button{gap:4px;font-size:11px}.shop-item-actions svg{width:15px!important;height:15px!important}.shop-owned,.shop-exclusive{padding:4px 6px;font-size:8px;top:5px;left:5px}.shop-shelf-end{gap:6px;padding:22px 0 7px;font-size:10px}.shop-shelf-end svg{flex-shrink:0;width:12px}.shop-loadout{margin-top:18px}.shop-loadout summary{gap:7px;padding:10px;font-size:14px}.shop-loadout summary span{font-size:10px}.shop-loadout-intro{margin:0 12px 12px;font-size:12px}.shop-loadout dl{gap:8px;padding:0 10px 10px}.shop-loadout dl>div{text-align:center;grid-template-columns:1fr;padding:9px}.shop-loadout dl .cosmetic-art,.shop-loadout dl .collection-pet-art,.shop-default-art{grid-row:auto;justify-self:center;width:80px;height:60px}.shop-loadout dt{font-size:9px}.shop-default-action span{justify-content:center}.shop-earn{flex-wrap:wrap;gap:10px;padding:8px 2px}.shop-earn p{font-size:12px}.shop-earn small{font-size:10px}.shop-earn button{margin-left:0}.shop-announcement{padding:9px;font-size:12px}.shop-preview{border-radius:20px;grid-template-columns:1fr;gap:12px;width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:14px}.shop-preview header{grid-column:1;padding-bottom:9px;top:-14px}.shop-preview h2{font-size:28px}.shop-preview-art{border-radius:55px 55px 14px 14px;grid-row:auto;height:175px;min-height:175px}.shop-preview-art>.cosmetic-art,.shop-preview-art>.collection-pet-art{width:200px;height:165px}.shop-preview-art:after{border-bottom-width:6px;height:20px;bottom:12px;left:18%;right:18%}.shop-preview-description{font-size:14px}.shop-preview-controls p{margin-bottom:8px;font-size:11px}.shop-try-piano>button{height:78px}.shop-try-piano>i{height:43px}.shop-preview footer p{margin-bottom:8px;font-size:12px}.shop-preview footer button{padding:10px;font-size:13px}}@media (width<=360px){.shop-page{padding-inline:9px}.shop-heading h1{font-size:26px}.shop-heading .shop-eyebrow{font-size:7px}.shop-wardrobe-link{grid-template-columns:1fr;padding:6px}.shop-wardrobe-link>svg{display:none}.shop-counter{grid-template-columns:78px minmax(0,1fr) auto}.shop-host-copy h2{font-size:20px}.shop-host-copy p{font-size:9px}.shop-inventory{padding-inline:8px}.shop-item .shop-art{height:118px;min-height:118px;padding-inline:5px}.shop-art>.cosmetic-art{width:106px;height:106px}.shop-art>.collection-pet-art{width:115px;height:115px}.shop-item-copy h3{font-size:18px}.shop-item-actions>button{font-size:10px}.shop-item-actions .sound-preview{flex-basis:44px}.shop-item-actions:has(.sound-preview){flex-wrap:wrap}.shop-item-actions:has(.sound-preview) .shop-buy{flex-basis:100%}.shop-shelf-toolbar h2{font-size:19px}.shop-item-copy>small{letter-spacing:0;font-size:9px}}@media (orientation:landscape) and (height<=600px){.shop-page{padding:10px 20px 20px}.shop-page>header{gap:12px;margin-bottom:12px}.shop-heading h1{font-size:28px}.shop-heading .shop-eyebrow{display:none}.shop-wardrobe-link{gap:8px;min-height:44px;padding:6px 10px;display:flex}.shop-wardrobe-link>span{font-size:12px}.shop-wardrobe-link small{margin-left:6px;font-size:10px;display:inline}.shop-wardrobe-link .shop-collection-meter{display:none}.shop-filters{gap:6px;padding:8px 0}.shop-filters button{flex-direction:row;gap:5px;min-height:44px;padding:6px}.shop-filters button>svg{width:18px;height:18px}.shop-filters button small{display:none}.shop-shelf-toolbar{padding:7px 0}.shop-shelf-toolbar h2{font-size:20px}.shop-shelf-toolbar p{display:none}.shop-results{min-height:26px}.shop-item .shop-art{height:110px;min-height:110px}.shop-art>.cosmetic-art,.shop-art>.collection-pet-art{width:105px;height:105px}.shop-tools{position:static}.shop-counter{display:none}.shop-market{grid-template-columns:1fr}.shop-page .shop-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.shop-preview{grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:8px 18px;width:min(760px,100vw - 24px);padding:14px}.shop-preview header{grid-column:1/-1;top:-14px}.shop-preview h2{font-size:24px}.shop-preview-art{grid-row:2/5;height:auto;min-height:170px}.shop-preview-art>.cosmetic-art,.shop-preview-art>.collection-pet-art{width:200px;height:170px}.shop-preview-description{font-size:13px}.shop-preview-controls p{font-size:11px}.shop-try-piano>button{height:67px}.shop-try-piano>i{height:34px}.shop-preview footer p{margin-bottom:5px;font-size:11px}}@media (width<=700px) and (height<=650px) and (orientation:portrait){.shop-preview-art{height:115px;min-height:115px}.shop-preview-art>.cosmetic-art,.shop-preview-art>.collection-pet-art{height:115px}.shop-preview{gap:8px}.shop-preview-art:after{height:15px;bottom:5px}.shop-try-piano>button{height:62px}.shop-try-piano>i{height:34px}}[data-motion=reduced] .shop-announcement>span,[data-motion=minimal] .shop-announcement>span{animation:none}[data-motion=reduced] .shop-art>.cosmetic-art,[data-motion=reduced] .shop-art>.collection-pet-art{transition:none;transform:none}@media (width<=700px) and (height<=650px) and (orientation:portrait){.shop-counter{min-height:62px}.shop-stall{height:64px}.shop-keeper{width:68px;height:68px;bottom:0}.shop-host-copy h2{margin:0;font-size:19px}.shop-host-copy p{display:none}.shop-counter>.shop-box-link{gap:2px;margin-block:5px;padding:4px 6px}.shop-page>header{margin-bottom:10px}.shop-market{gap:11px}}.shop-preview>header{border-radius:12px;padding:12px}.game-screen .shop-page .shop-entrance{scrollbar-width:thin;padding:clamp(10px,2vw,22px);overflow:auto}.shop-departments h2{margin:0 0 18px;font:500 clamp(20px,2vw,28px)/1.15 Fredoka Variable,sans-serif}.shop-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:3px 2px 10px;display:grid}.shop-page .shop-category-card{border:2px solid var(--department-color);background:var(--ui-surface);min-width:0;min-height:120px;color:var(--ui-text);text-align:left;box-shadow:0 6px color-mix(in srgb,var(--department-color) 55%,#173f4a),0 10px 16px #071e2914;border-radius:24px 19px 25px 18px;align-items:center;gap:18px;padding:14px;transition:transform .18s,background-color .18s;display:flex}.shop-category-card:hover{background:var(--ui-raised);transform:translateY(-2px)}.shop-category-art{background:color-mix(in srgb,var(--department-color) 23%,var(--ui-raised));border-radius:45% 42% 46% 35%;flex:none;grid-template-columns:minmax(0,1fr);place-items:center;width:82px;height:76px;display:grid;transform:rotate(-4deg)}.shop-category-art>svg,.shop-category-art>.collection-pet-art{width:100%;min-width:0;height:100%}.shop-category-art .cs{width:100%;height:100%}.shop-category-copy{flex-direction:column;gap:6px;min-width:0;display:flex}.shop-category-copy strong{font:600 clamp(19px,2vw,25px)/1.1 Fredoka Variable,sans-serif}.shop-category-copy small{color:var(--ui-muted);font-size:13px}.shop-page .shop-item{border-color:var(--item-accent);box-shadow:0 6px color-mix(in srgb,var(--item-accent) 50%,#173f4a),0 10px 16px #071e2914;border-radius:22px 17px 23px 16px}.shop-page .shop-item .shop-art{border-radius:19px 14px 0 0}.shop-page .shop-item>footer{border-radius:0 0 20px 13px}.shop-page .shop-item.equipped{border-color:#418876;box-shadow:0 6px #397665}:root[data-theme=dark] .app-frame .shop-page .shop-category-card{background:color-mix(in srgb,var(--department-color) 12%,#071624);color:#fff5d9}:root[data-theme=dark] .app-frame .shop-page .shop-category-card:hover{background:color-mix(in srgb,var(--department-color) 23%,#071624)}:root[data-theme=dark] .app-frame .shop-page .shop-category-copy small{color:#dce5e7}:root[data-theme=dark] .app-frame .shop-page .shop-item{border-color:var(--item-accent)}:root[data-theme=dark] .app-frame .shop-page .shop-item.equipped{border-color:#73d0b6}:root[data-theme=dark] .app-frame .shop-page .shop-item .shop-exclusive{color:#623c73;background:#f9edff}:root[data-theme=dark] .app-frame .shop-page .shop-item .shop-owned{color:#24513f;background:#d5edd6}@media (width>=1200px){.shop-category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.shop-page .shop-category-card{flex-direction:column;align-items:flex-start;gap:12px;min-height:180px}}@media (width>=1600px){.shop-category-grid{gap:22px}.shop-page .shop-category-card{min-height:210px}.shop-category-art{width:100px;height:94px}}@media (width<=1100px){.shop-page .shop-category-card{gap:12px;min-height:100px;padding:10px}.shop-category-art{width:64px;height:62px}}@media (width<=700px){.shop-departments h2{margin-bottom:12px;font-size:20px}.shop-category-grid{gap:12px}.shop-page .shop-category-card{border-radius:16px;gap:10px;min-height:62px;padding:8px}.shop-category-art{border-radius:10px;width:38px;height:38px}.shop-category-copy strong{font-size:17px}.shop-category-copy small{display:none}}@media (width<=360px){.shop-page .shop-category-card{flex-direction:column;gap:8px;min-height:76px;padding:8px 6px}.shop-category-art{width:30px;height:30px}.shop-category-copy strong{font-size:16px}}@media (orientation:landscape) and (height<=500px){.shop-category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.shop-page .shop-category-card{gap:10px;min-height:74px;padding:8px}.shop-category-art{width:40px;height:40px}.shop-category-copy strong{font-size:17px}.shop-category-copy small{display:none}}[data-motion=reduced] .shop-category-card,[data-motion=minimal] .shop-category-card{transition:none;transform:none}.shop-page .shop-category-stickers{flex-direction:row;grid-column:1/-1;align-items:center;min-height:100px}.shop-category-stickers .shop-category-art{width:62px;height:62px}.shop-category-stickers .shop-category-copy{flex-flow:wrap;align-items:center;gap:10px 20px}@media (width<=700px){.shop-departments h2{margin-bottom:4px}.shop-category-grid{gap:8px}.shop-page .shop-category-card{min-height:60px}.shop-page .shop-category-stickers{min-height:50px;padding-block:6px}.shop-category-stickers .shop-category-art{width:32px;height:32px}.shop-category-stickers .shop-category-copy{gap:2px 12px}.shop-category-stickers .shop-category-copy small{font-size:12px;display:block}}.shop-funds{border:2px solid var(--ui-border);width:min(480px,100% - 24px);max-height:calc(100dvh - 24px);color:var(--ui-text);background:var(--ui-surface);border-radius:20px;margin:auto;padding:28px;position:fixed;inset:0;overflow-y:auto}.shop-funds::backdrop{background:#061925bb}.shop-funds .close{background:var(--ui-raised);color:var(--ui-text);position:absolute;top:8px;right:8px}.shop-funds h2{padding-right:32px;font-size:28px}.shop-funds>div{gap:12px;margin:20px 0;display:grid}.shop-funds button{background:var(--ui-raised);min-height:48px;color:var(--ui-text);border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:10px 16px;display:inline-flex}.shop-funds button svg{flex:none;width:22px;height:22px}.shop-funds .close{width:44px;height:44px;min-height:44px;padding:10px}.shop-funds button:not(.primary){border:1px solid var(--ui-border)}.shop-funds small{color:var(--ui-muted);line-height:1.5;display:block}.shop-keeper{pointer-events:auto;z-index:3}.shop-keeper .pet-button-speech{bottom:80%;right:0}.shop-preview-art.is-acquired .collection-pet-art{animation:.9s ease-out both shop-unlock-hop}.shop-preview-art.is-acquired{background:radial-gradient(#f7ca6744,#0000 70%)}@keyframes shop-unlock-hop{0%{transform:scale(.86)rotate(-7deg)}40%{transform:translateY(-12px)scale(1.07)rotate(5deg)}75%{transform:translateY(0)rotate(-2deg)}to{transform:none}}.shop-try-piano button{touch-action:none;-webkit-user-select:none;user-select:none}.shop-preview-art .pet-button-speech{max-width:100%;bottom:0;right:0}.screen-shop .game-screen .shop-market{grid-template-columns:minmax(0,1fr)}:root .screen-shop .game-screen .shop-inventory:not(.shop-entrance){box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}:root .screen-shop .game-screen .shop-tools{box-shadow:none;background:0 0;border-radius:0;grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.screen-shop .game-screen .shop-filters{scrollbar-width:none;border:0;gap:3px;min-width:0;padding:0 0 3px}.screen-shop .game-screen .shop-filters button{color:#e8e3d0;min-width:44px;min-height:44px;box-shadow:none;white-space:nowrap;background:0 0;border:0;border-radius:10px;flex-direction:row;flex:1 0 44px;gap:5px;padding:6px}.screen-shop .game-screen .shop-filters button small{display:none}.screen-shop .game-screen .shop-filters button[aria-pressed=true]{color:#234b50;background:#f7d47b;box-shadow:0 3px #a98048}.screen-shop .game-screen .shop-filters button>svg{width:19px;height:19px}.screen-shop .game-screen .shop-shelf-toolbar{align-items:start;padding:0}.screen-shop .game-screen .shop-browse-actions button{color:#fff0c8;background:#346466;border:0;justify-content:center;width:44px;height:44px;padding:10px}.screen-shop .game-screen .shop-browse-actions span{display:none}.screen-shop .game-screen .shop-browse-actions button:is([aria-pressed=true],[aria-expanded=true]){color:#234b50;background:#f7d47b}.screen-shop .game-screen .shop-refine{grid-column:1/-1}.screen-shop .game-screen .shop-inventory:has(.shop-refine:not([hidden])){overflow:auto}.screen-shop .game-screen .shop-inventory:has(.shop-refine:not([hidden])) .shop-grid{flex:none;overflow:visible}:root .screen-shop .game-screen .shop-results{color:#e8e3d0;background:0 0;min-height:22px;margin:0;padding:0 3px}.screen-shop .game-screen .shop-results p{color:inherit;font-size:11px}.screen-shop .game-screen .shop-reset{color:#fff0c8}.screen-shop .game-screen .shop-grid{gap:14px;padding:4px 8px 14px 3px}.screen-shop .game-screen .shop-item{border-width:1px;box-shadow:0 4px #102f36}.screen-shop .game-screen .shop-item-actions>button{white-space:nowrap}.screen-shop .game-screen .shop-item .art-accessory{padding:26px 8px 24px}.shop-art.art-accessory:before{display:none}.shop-accessory-art{pointer-events:none;place-items:center;width:100%;height:100%;min-height:0;display:grid}.shop-accessory-object{justify-self:center;width:100%;min-width:0;max-width:150px;height:100%;min-height:0;display:block}.shop-accessory-object .cs-eyes{display:none}.shop-art.art-accessory:is(:hover,:focus-visible){box-shadow:inset 0 0 0 3px var(--item-accent)}@media (width<=900px){.screen-shop .game-screen .shop-filters button span{display:none}.screen-shop .game-screen .shop-filters button[aria-pressed=true] span{display:block}.screen-shop .game-screen .shop-filters button[aria-pressed=true]{min-width:max-content}}@media (orientation:landscape) and (height<=500px){.screen-shop .game-screen .shop-page{gap:6px;padding:6px 10px}.screen-shop .game-screen .shop-item .shop-art{height:65px;min-height:65px;padding:5px}:is(.art-accessory .shop-try-hint,.shop-item:has(.art-accessory)>.shop-owned,.shop-item:has(.art-accessory)>.shop-exclusive){display:none}.screen-shop .game-screen .shop-art>.cosmetic-art,.screen-shop .game-screen .shop-art>.collection-pet-art{width:90px;height:62px}.screen-shop .game-screen .shop-item-copy{padding:4px 8px}.screen-shop .game-screen .shop-item-copy>small,.screen-shop .game-screen .shop-item-status{display:none}.screen-shop .game-screen .shop-item-copy h3{margin:0;font-size:16px}.screen-shop .game-screen .shop-item>footer{padding:3px 7px 7px}.screen-shop .game-screen .shop-earn{padding:0}}@media (orientation:landscape) and (height<=360px){.screen-shop .game-screen .shop-item .shop-art{height:44px;min-height:44px;padding:0}.screen-shop .game-screen .shop-art>.cosmetic-art,.screen-shop .game-screen .shop-art>.collection-pet-art{width:66px;height:44px}.screen-shop .game-screen .shop-item-copy h3{font-size:14px}.screen-shop .game-screen .shop-item>footer{padding:2px 5px 4px}.screen-shop .game-screen .shop-item-actions>button{padding:5px 3px;font-size:10px}}@media (width>=2200px) and (height>=1100px){.screen-shop .game-screen .shop-page:not(.shop-room-view){gap:24px;max-width:min(92vw,3000px);padding-block:28px}.screen-shop .shop-page:not(.shop-room-view) .shop-heading h1{font-size:clamp(44px,3.2dvh,68px)}.screen-shop .shop-page:not(.shop-room-view) .shop-eyebrow{font-size:clamp(12px,1dvh,20px)}.screen-shop .shop-page:not(.shop-room-view) :is(.shop-back,.shop-wardrobe-link){min-height:clamp(60px,4.5dvh,96px);padding:14px 22px;font-size:clamp(20px,1.5dvh,30px)}.screen-shop .shop-page:not(.shop-room-view) .shop-wardrobe-link{grid-template-columns:40px 1fr;gap:8px 16px;min-width:240px}.screen-shop .shop-page:not(.shop-room-view) .shop-wardrobe-link>span{font-size:clamp(20px,1.4dvh,30px)}.screen-shop .shop-page:not(.shop-room-view) .shop-wardrobe-link>svg{width:40px!important;height:40px!important}.screen-shop .shop-page:not(.shop-room-view) .shop-wardrobe-link small{font-size:clamp(16px,1.2dvh,24px)}.screen-shop .game-screen .shop-filters button{gap:12px;min-height:clamp(60px,4dvh,86px);font-size:clamp(18px,1.4dvh,28px)}.screen-shop .game-screen .shop-browse-actions button{width:clamp(60px,4dvh,86px);height:clamp(60px,4dvh,86px)}.screen-shop .shop-page:not(.shop-room-view) button>svg:not(.cosmetic-art){width:clamp(26px,2dvh,40px);height:clamp(26px,2dvh,40px)}:root .screen-shop .game-screen .shop-results{min-height:38px}.screen-shop .game-screen .shop-results p{font-size:clamp(16px,1.1dvh,23px)}.screen-shop .game-screen .shop-page .shop-grid{grid-template-columns:repeat(auto-fill,minmax(clamp(240px,18dvh,400px),1fr));gap:24px;padding-bottom:22px}.screen-shop .game-screen .shop-item .shop-art{height:clamp(200px,14dvh,320px);min-height:clamp(200px,14dvh,320px);padding:40px 18px}.screen-shop .game-screen .shop-art>.cosmetic-art,.screen-shop .game-screen .shop-art>.collection-pet-art{width:clamp(180px,12dvh,260px);height:clamp(180px,12dvh,260px)}.shop-accessory-object{max-width:300px}.shop-try-hint{padding:6px 9px;font-size:clamp(12px,.8dvh,18px);bottom:10px;right:14px}.shop-try-hint svg{width:20px!important;height:20px!important}.shop-owned,.shop-exclusive{padding:6px 10px;font-size:clamp(12px,.8dvh,18px);top:10px;left:12px}.shop-owned svg,.shop-exclusive svg{width:18px;height:18px}.screen-shop .game-screen .shop-item-copy{padding:16px 18px 0}.screen-shop .game-screen .shop-item-copy>small{font-size:clamp(12px,1dvh,20px)}.screen-shop .game-screen .shop-item-copy h3{margin-top:6px;font-size:clamp(26px,1.8dvh,38px)}.screen-shop .game-screen .shop-item footer{gap:10px;padding:16px 18px 20px}.screen-shop .game-screen .shop-item-status{font-size:clamp(15px,1.1dvh,23px)}.screen-shop .game-screen .shop-item-actions>button{gap:10px;min-height:clamp(58px,4.3dvh,92px);font-size:clamp(20px,1.4dvh,30px)}.screen-shop .game-screen .shop-item-actions svg{width:26px!important;height:26px!important}}.celebration-art{pointer-events:none;z-index:-1;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.celebration-art>svg{opacity:.65;width:100%;height:100%}.celebration-star{pointer-events:auto;width:clamp(44px,7vw,130px);height:auto;position:absolute;top:15%}.celebration-star-0{left:2%}.celebration-star-1{right:2%}.celebration-star svg{width:100%;height:auto}.celebration-confetti{z-index:115;pointer-events:none;position:fixed;inset:0;overflow:hidden}.celebration-confetti i{width:clamp(6px,.5vw,15px);height:clamp(11px,.9vw,24px);animation:celebration-fall 3.8s var(--fall-delay) cubic-bezier(.2,.4,.7,1) both;border-radius:2px;position:absolute;top:-35px}@keyframes celebration-fall{0%{opacity:0;transform:translateY(-40px)rotate(0)}8%{opacity:1}85%{opacity:1}to{transform:translate(var(--fall-drift),105vh) rotate(var(--fall-turn));opacity:0}}.game-screen .results:not(.reward-results) .result-card.first-result{isolation:isolate;background:var(--ui-surface);grid-template-rows:auto;grid-template-columns:minmax(0,1fr) minmax(270px,.8fr);align-items:center;gap:clamp(20px,4vw,64px);width:min(1280px,100%);height:auto;min-height:min(660px,100%);padding:clamp(22px,4vh,60px) clamp(24px,8vw,120px);position:relative;overflow:auto}.first-result-copy{text-align:center;min-width:0}.first-result-copy h1{margin:12px 0 20px;font-size:clamp(26px,3vw,60px);line-height:1.08}.first-result-copy>p{text-transform:uppercase;letter-spacing:.1em;font-weight:800}.first-result-copy>strong{font-size:clamp(24px,2vw,38px)}.first-result .result-stars{justify-content:center;margin:18px 0}.first-result .result-stars svg{width:clamp(32px,3vw,56px);height:clamp(32px,3vw,56px)}.first-result-coins{justify-content:center;align-items:center;gap:8px;margin:20px 0;font-size:22px;display:flex}.first-result-coins svg{width:28px;height:28px}.first-result-next{text-align:center;gap:14px;display:grid}.first-result-next>button{justify-content:center;min-height:64px;font-size:clamp(20px,1.7vw,30px)}.first-result-next>p{margin:0;line-height:1.4}.first-result-next .result-friend{width:100%;min-height:220px}.first-result .pet-perch,.reward-stage-friend .pet-perch{width:100%;height:clamp(180px,18vw,330px);min-height:160px;margin:0}.first-result .companion-follower,.reward-stage-friend .companion-follower{justify-content:center;width:100%;height:100%}.first-result .pet-interact,.reward-stage-friend .pet-interact{flex:0 0 50%;width:50%;height:100%}.first-result .pet-entrance,.reward-stage-friend .pet-entrance,.first-result .pet-action,.reward-stage-friend .pet-action{width:100%;height:100%;inset:0}.first-result .companion-follower p,.reward-stage-friend .companion-follower p{max-width:48%;padding:12px;font-size:clamp(14px,1.1vw,23px)}.first-result .pet-perch>i,.reward-stage-friend .pet-perch>i{width:45%;bottom:8%}.game-screen .reward-ceremony.reward-stage{grid-template-rows:6px minmax(min-content,1fr) auto;grid-template-columns:minmax(0,1fr);width:min(2300px,90%,max(1100px,82vw));height:min(1050px,100%)}.reward-stage .reward-main{grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);align-items:center;gap:24px;min-width:0;padding:clamp(16px,4vh,60px) clamp(24px,6vw,100px);display:grid}.reward-stage .reward-focus{padding:12px}.reward-stage-friend{min-width:0}.game-screen .reward-stage .reward-footer{background:0 0;border:0;grid-template-columns:1fr;padding:18px clamp(18px,6vw,100px) 28px}.reward-stage .reward-score{gap:10px}.game-screen .reward-stage .reward-actions .reward-next{min-width:220px;min-height:64px;font-size:clamp(20px,1.5vw,30px)}.reward-stage .reward-focus h1{font-size:clamp(28px,3vw,60px);line-height:1.1}.reward-stage .reward-focus strong{font-size:clamp(25px,2.4vw,42px)}.reward-stage .reward-focus small{font-size:clamp(13px,1vw,20px)}.result-review-toggle{justify-self:start;min-height:48px}.result-review-intro{border-left:4px solid var(--ui-gold);background:var(--ui-inset);padding:16px;font-size:16px;line-height:1.5}@media (width<=700px){.game-screen .results:not(.reward-results) .result-card.first-result{grid-template-columns:1fr;gap:8px;min-height:0;padding:22px 22px 30px;display:grid}.first-result-copy h1,.first-result .result-stars,.first-result-coins{margin:8px 0}.first-result-next .result-friend{min-height:120px}.first-result .pet-perch{height:130px;min-height:130px}.first-result-next>button{min-height:54px}.reward-stage .reward-main{grid-template-columns:1fr;gap:0;padding:14px 24px 0}.reward-stage-friend .pet-perch{height:130px;min-height:130px}.game-screen .reward-stage .reward-footer{padding:8px 16px 18px}.reward-stage .reward-score{gap:2px}.celebration-star{width:44px;top:4%}.reward-stage .reward-burst{width:64px;height:64px;font-size:36px}}@media (orientation:landscape) and (height<=600px){.game-screen .results:not(.reward-results) .result-card.first-result{grid-template-columns:1fr 1fr;gap:20px;min-height:0;padding:12px 35px;display:grid}.first-result-copy h1{margin:6px 0;font-size:24px}.first-result-copy>p{margin:0}.first-result .result-stars,.first-result-coins{margin:7px 0}.first-result-next .result-friend{min-height:95px}.first-result .pet-perch{height:95px;min-height:95px}.first-result-next>button{min-height:48px}.reward-stage .reward-main{grid-template-columns:1fr .8fr;gap:12px;padding:8px 38px}.reward-stage-friend .pet-perch{height:140px;min-height:100px}.reward-stage .reward-score{gap:0}.game-screen .reward-stage .reward-actions .reward-next{min-height:48px}.game-screen .reward-stage .reward-footer{padding:8px 16px}.reward-stage .reward-focus h1{font-size:26px}.reward-stage .reward-burst{display:none}}.first-result .pet-action>.cs,.reward-stage-friend .pet-action>.cs{width:100%;height:100%}@media (width>=1800px){.reward-stage .reward-focus h1{font-size:clamp(48px,3vw,86px)}.reward-stage .reward-focus strong{font-size:clamp(38px,2.2vw,68px)}.reward-stage-friend .pet-perch{height:clamp(300px,15vw,480px)}.game-screen .results:not(.reward-results) .result-card.first-result{width:min(2100px,90%)}.first-result .pet-perch{height:clamp(280px,13vw,450px)}}@media (width<=700px){.game-screen .reward-ceremony.reward-stage{width:100%}.game-screen .reward-stage .reward-actions{flex-wrap:wrap}.game-screen .reward-stage .reward-actions .reward-next{flex:1;min-width:0;padding:10px 12px;font-size:18px}.game-screen .reward-stage .reward-actions .reward-skip{min-height:44px;padding:8px;font-size:12px}.reward-stage .reward-focus h1{font-size:24px}.reward-stage .reward-score>small{font-size:12px}.reward-stage .reward-score>p{font-size:11px}.reward-stage .reward-stars{margin-top:8px}.reward-stage .reward-stars svg{width:32px;height:32px}.reward-stage .reward-focus{padding:4px}.reward-stage .reward-main{padding-inline:18px}.reward-stage-friend .pet-perch{height:110px;min-height:110px}.reward-stage .reward-burst{width:50px;height:50px;font-size:30px}.game-screen .reward-stage .reward-footer{padding-inline:10px}.reward-stage .reward-focus p{margin-bottom:4px}}.game-screen .results:not(.reward-results):has(.first-result){justify-content:center;align-items:center;display:flex}.game-screen .results:not(.reward-results) .result-card.first-result{align-content:center;max-height:100%;margin:auto}@media (width>=1800px){.game-screen .results:not(.reward-results) .result-card.first-result{min-height:min(1000px,100%)}.first-result-copy h1{font-size:clamp(50px,2.6vw,86px)}.first-result-copy>strong{font-size:clamp(34px,2vw,60px)}.first-result-copy>p,.first-result-next>p{font-size:clamp(18px,1.1vw,28px)}}@media (orientation:landscape) and (height<=600px){.game-screen .results:not(.reward-results) .result-card.first-result{grid-template-columns:minmax(0,1fr) minmax(160px,1fr);gap:14px;padding:8px 30px}.first-result-copy h1{margin:5px 0;font-size:20px;line-height:1.05}.first-result-copy>strong{font-size:22px}.first-result-copy>p{font-size:11px}.first-result-coins{margin:4px 0;font-size:16px}.first-result .result-stars svg{width:26px;height:26px}.first-result .result-stars{margin:4px 0}.first-result-next{gap:5px}.first-result-next>p{font-size:12px}.first-result-next>p br{display:none}.first-result-next .result-friend{min-height:65px}.first-result .pet-perch{height:65px;min-height:65px}.first-result .companion-follower p{padding:5px;font-size:11px}.first-result .companion-follower p small{display:none}.first-result-next>button{min-height:44px;padding:8px;font-size:17px}.first-result .pet-perch>i{display:none}}@media (prefers-reduced-motion:reduce){.celebration-confetti{display:none}}@media (width>=1800px){.game-screen .reward-stage .reward-focus h1{font-size:clamp(48px,3vw,86px)}.game-screen .reward-stage .reward-focus strong{font-size:clamp(38px,2.2vw,68px)}.game-screen .reward-stage .reward-focus small{font-size:22px}.game-screen .reward-stage .reward-stars svg{width:58px;height:58px}.game-screen .reward-stage .reward-actions .reward-next{min-height:86px;padding:18px 36px;font-size:32px}.game-screen .reward-stage .reward-actions .reward-skip{min-height:60px;font-size:22px}}@media (orientation:landscape) and (height<=600px){.celebration-art>svg>path:nth-child(2),.celebration-art>svg>path:nth-child(n+3):nth-child(-n+9){display:none}}:root[data-theme] .app-frame .reward-stage .reward-actions{background:0 0;border:0}@media (width<=700px){.game-screen .reward-stage .reward-actions[data-sticker-ready=true]{grid-template-columns:1fr 1fr;gap:6px;padding:0;display:grid}.game-screen .reward-stage .reward-actions .reward-place{grid-column:1/-1;width:100%;min-height:48px;padding:10px;font-size:18px}.game-screen .reward-stage .reward-actions[data-sticker-ready=true] .reward-next{min-height:44px;padding:8px;font-size:14px}.game-screen .reward-stage .reward-actions[data-sticker-ready=true] .reward-skip{font-size:12px}}@media (width<=700px) and (height<=700px){.reward-stage[data-reward-step=achievement] .reward-stage-friend .pet-perch{height:80px;min-height:80px}.reward-stage[data-reward-step=achievement] .reward-main{padding-top:5px}.reward-stage[data-reward-step=achievement] .celebration-art>svg{opacity:.3}}.game-screen .reward-stage:before,.game-screen .reward-stage:after{display:none}.reward-stage .reward-progress{height:6px}.reward-stage .celebration-art>svg{display:none}.reward-stage .celebration-star{width:clamp(36px,5vw,80px);top:12px}.game-screen .reward-stage .reward-main{gap:20px;padding:24px clamp(24px,5vw,80px)}.game-screen .reward-stage[data-reward-step=shopkeeper] .reward-main{grid-template-columns:minmax(0,1fr)}.game-screen .reward-stage .reward-focus{padding:0}.game-screen .reward-stage .reward-focus>.reward-score{grid-template-columns:minmax(0,1fr);gap:8px}.game-screen .reward-stage .reward-focus>.reward-score>*{grid-area:auto/1}.game-screen .reward-stage .reward-score h1{text-wrap:balance;margin:0}.game-screen .reward-stage .reward-score p{margin:0}.game-screen .reward-stage .reward-actions button{white-space:nowrap;justify-content:center}.game-screen .reward-stage .reward-actions .reward-skip{margin:0}@container reward (width<=700px){.game-screen .reward-stage .reward-main{grid-template-columns:minmax(0,1fr);gap:8px;padding:64px 18px 0}.game-screen .reward-stage .reward-stage-friend .pet-perch{height:100px;min-height:100px}.game-screen .reward-stage .reward-stage-friend .companion-follower p{padding:8px;font-size:13px}.game-screen .reward-stage .reward-footer{padding:8px 12px 10px}.game-screen .reward-stage .reward-actions{grid-template-columns:minmax(0,1fr);gap:6px;width:100%;display:grid}.game-screen .reward-stage .reward-actions .reward-next{width:100%;min-height:48px;padding:10px 14px;font-size:17px}.game-screen .reward-stage .reward-actions .reward-skip{min-height:44px;padding:8px 12px;font-size:13px}.game-screen .reward-stage .reward-actions[data-sticker-ready=true]{grid-template-columns:repeat(2,minmax(0,1fr))}.game-screen .reward-stage .reward-actions[data-sticker-ready=true] .reward-next{min-height:44px;padding:8px;font-size:14px}.game-screen .reward-stage .reward-actions .reward-place{grid-column:1/-1}}@container reward (width<=700px) and (height<=520px){.reward-stage .celebration-star{display:none}.game-screen .reward-stage .reward-main{gap:4px;padding:8px 12px 0}.game-screen .reward-stage .reward-focus>.reward-score{grid-template-columns:minmax(0,1fr) auto;gap:4px 10px}.game-screen .reward-stage .reward-focus>.reward-score :is(p,h1,strong){grid-column:1/-1}.game-screen .reward-stage .reward-focus>.reward-score small{grid-area:4/1;justify-self:start}.game-screen .reward-stage .reward-focus>.reward-score .reward-stars{grid-area:4/2}.game-screen .reward-stage .reward-focus h1{font-size:22px;line-height:1.12}.game-screen .reward-stage .reward-score strong{font-size:28px;line-height:1.1}.game-screen .reward-stage .reward-score p{font-size:10px}.game-screen .reward-stage .reward-score small{margin:3px 0;font-size:11px}.game-screen .reward-stage .reward-focus .reward-stars{align-items:center;margin:0}.game-screen .reward-stage .reward-focus .reward-stars svg{width:24px;height:24px}.game-screen .reward-stage .reward-stage-friend .pet-perch{height:72px;min-height:72px}.game-screen .reward-stage .reward-stage-friend .companion-follower p{padding:6px;font-size:12px}.game-screen .reward-stage .reward-stage-friend .companion-follower p small{display:none}.game-screen .reward-stage .shopkeeper-visit>.shopkeeper-art{width:64px;height:64px}.game-screen .reward-stage .reward-focus :is(.reward-coins,.reward-diamonds)>small{margin:0;font-size:11px;line-height:1.25}.game-screen .reward-stage .reward-focus :is(.reward-coins,.reward-diamonds)>small b{font-size:14px;line-height:1.25}.game-screen .reward-stage .reward-footer{padding:6px 10px 10px}.game-screen .reward-stage .reward-actions .reward-next{min-height:44px;padding:8px 12px;font-size:16px}}@media (orientation:landscape) and (height<=500px){.game-screen .reward-stage .reward-main{grid-template-columns:minmax(0,1fr) minmax(140px,.55fr);gap:12px;padding:6px 24px}.game-screen .reward-stage .reward-focus>.reward-score{text-align:left;grid-template-columns:minmax(0,1fr) auto;justify-items:start;gap:3px 8px}.game-screen .reward-stage .reward-focus>.reward-score h1{font-size:20px;line-height:1.1}.game-screen .reward-stage .reward-focus>.reward-score small{margin:0;line-height:1.2}.game-screen .reward-stage .reward-focus>.reward-coins,.game-screen .reward-stage .reward-focus>.reward-diamonds{grid-template-columns:80px minmax(0,1fr);gap:2px 12px}.game-screen .reward-stage .reward-focus :is(.reward-coin-medal,.reward-diamond-medal){grid-area:1/1/6;width:72px;height:72px;margin:0}.game-screen .reward-stage .reward-coin-medal svg{width:40px;height:40px}.game-screen .reward-stage .reward-focus :is(.reward-coins,.reward-diamonds)>:not(.reward-coin-medal,.reward-diamond-medal){grid-area:auto/2}.game-screen .reward-stage .reward-focus :is(.reward-coins,.reward-diamonds)>strong{font-size:36px;line-height:1}.game-screen .reward-stage .reward-focus :is(.reward-coins,.reward-diamonds)>p{margin:0}.game-screen .reward-stage .reward-focus>.reward-score :is(p,h1,small){grid-column:1/-1}.game-screen .reward-stage .reward-focus>.reward-score strong{grid-area:3/1;font-size:26px}.game-screen .reward-stage .reward-focus>.reward-score .reward-stars{grid-area:3/2;margin:0}.game-screen .reward-stage .reward-stars svg{width:20px;height:20px}.game-screen .reward-stage .reward-stage-friend .pet-perch{height:90px;min-height:90px}.game-screen .reward-stage .reward-footer{padding:4px 12px 6px}.game-screen .reward-stage .reward-actions{flex-wrap:nowrap;display:flex}.game-screen .reward-stage .reward-actions .reward-next{flex:1;width:auto}.game-screen .reward-stage .reward-actions .reward-skip{flex:none}.game-screen .reward-stage .reward-actions[data-sticker-ready=true]{display:flex}.game-screen .reward-stage .reward-actions .reward-place{flex:1;width:auto;min-height:44px;padding:8px 12px;font-size:16px}.game-screen .reward-stage .reward-focus>.reward-achievement h1{margin:0;font-size:20px}.game-screen .reward-stage .reward-focus>.reward-achievement p{margin:0;font-size:10px;line-height:1.2}.game-screen .reward-stage .reward-focus>.reward-achievement small{padding:4px 8px;line-height:1.2}}@media (orientation:landscape) and (height<=350px){.app-frame.screen-results .game-screen .reward-stage .reward-main{gap:8px;padding:4px 12px}.app-frame.screen-results .game-screen .reward-stage .reward-stage-friend .pet-perch{height:72px;min-height:72px}.app-frame.screen-results .game-screen .reward-stage .reward-actions{padding-right:52px}.app-frame.screen-results:has(.piano-dock:not(.is-collapsed)) .game-screen .reward-stage{overflow:auto}}.coin-bag{width:100%;height:100%;display:block;overflow:visible}.coin-bag .bag-fill{transition:transform .28s cubic-bezier(.2,.7,.3,1.3)}.coin-bag .bag-squash,.coin-bag .bag-cloth-left,.coin-bag .bag-cloth-right{transform-origin:60px 105px}.coin-bag.golden{filter:drop-shadow(0 0 5px #e9c15e)}.coin-bag .bag-full-treasure{opacity:0;transform-origin:60px 105px}.coin-bag.is-bursting .bag-cloth-left{animation:.65s cubic-bezier(.2,.7,.4,1) .12s both bag-tear-left}.coin-bag.is-bursting .bag-cloth-right{animation:.65s cubic-bezier(.2,.7,.4,1) .12s both bag-tear-right}.coin-bag.is-bursting .bag-full-treasure{animation:.6s ease-out .18s both bag-treasure}@keyframes bag-tear-left{0%{transform:scale(1.08,.94)}45%{opacity:1}to{opacity:.6;transform:translate(-12px,6px)rotate(-30deg)}}@keyframes bag-tear-right{0%{transform:scale(1.08,.94)}45%{opacity:1}to{opacity:.6;transform:translate(12px,6px)rotate(30deg)}}@keyframes bag-treasure{0%{opacity:0;transform:scale(.3)}60%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}html:not([data-motion=full]) .coin-bag *{transition:none!important;animation:none!important}html:not([data-motion=full]) .coin-bag.is-bursting .bag-cloth-left{opacity:.6;transform:translate(-12px,6px)rotate(-30deg)}html:not([data-motion=full]) .coin-bag.is-bursting .bag-cloth-right{opacity:.6;transform:translate(12px,6px)rotate(30deg)}html:not([data-motion=full]) .coin-bag.is-bursting .bag-full-treasure{opacity:1}@media (prefers-reduced-motion:reduce){.coin-bag *{transition:none!important;animation:none!important}.coin-bag.is-bursting .bag-cloth-left{opacity:.6;transform:translate(-12px,6px)rotate(-30deg)}.coin-bag.is-bursting .bag-cloth-right{opacity:.6;transform:translate(12px,6px)rotate(30deg)}.coin-bag.is-bursting .bag-full-treasure{opacity:1}}body>.reward-flight-layer{z-index:110;contain:layout style;pointer-events:none;position:fixed;inset:0;overflow:visible}.reward-flight-coin{opacity:0;width:18px;height:18px;animation:reward-coin-flight var(--flight-duration) cubic-bezier(.4,.05,.35,1) var(--flight-delay) forwards;text-align:center;color:#82541c;will-change:transform,opacity;background:linear-gradient(145deg,#ffdc60,#d78e24);border:2px solid #fff0a0;border-radius:50%;margin:-9px;font:900 12px/14px serif;position:fixed;box-shadow:0 2px #89501c}@keyframes reward-coin-flight{0%{opacity:1;transform:translate(0)scale(.65)}14%{opacity:1;transform:translate(var(--flight-spread),-32px) scale(1.1)}to{opacity:1;transform:translate(var(--flight-x),var(--flight-y)) scale(.8)}}.currency-wallet{white-space:nowrap;border-radius:20px;justify-content:center;align-items:center;gap:5px;min-height:36px;padding:5px 9px;display:flex}.currency-wallet:disabled{opacity:1;cursor:default}.global-status .currency-wallet>svg{display:block!important}.currency-wallet strong{font-variant-numeric:tabular-nums;transform-origin:50%;min-width:1ch;display:inline-block}.global-diamonds{color:#5c4a91;background:linear-gradient(145deg,#f0f3ff,#d8cdf3);border:1px solid #a499d1;box-shadow:0 3px #9889c1}.global-diamonds span{font-size:10px;font-weight:800}.global-diamonds svg{fill:#d1ecff;color:#6965a8}.reward-ceremony[data-reward-step=diamonds]{background:radial-gradient(at 50% 35%,#fffaff,#ede4ff 60%,#d6c9f0);border-color:#8a70ad;box-shadow:0 8px #715991,0 22px 50px #3f31563f}.reward-focus-diamonds{overflow:hidden}.reward-diamonds{gap:2px!important}.reward-diamond-medal{width:200px;height:176px;margin:-14px auto -5px}.diamond-reward-art{width:100%;height:100%;overflow:visible}.diamond-jewel{transform-origin:120px 110px;animation:.8s cubic-bezier(.2,.8,.25,1.15) both diamond-reveal}.diamond-rays{transform-origin:120px 104px;animation:1.4s ease-out both diamond-rays}.diamond-glints{animation:1.3s ease-out both diamond-glints}.reward-diamonds p{color:#7b5c9e;font-size:11px}.reward-diamonds h1{margin:0;font-size:30px}.reward-focus .reward-diamonds>strong{color:#6852a8;text-shadow:0 2px #fff;font-size:66px;line-height:1.05}.reward-diamonds small{color:#655486;margin-top:0}.reward-diamonds>span{color:#786391;margin-top:6px;font-size:12px}.reward-flight-diamond{width:28px;height:26px;box-shadow:none;filter:drop-shadow(0 2px 1px #594e9377);background:0 0;border:0;border-radius:0;margin:-13px -14px}.reward-flight-diamond .diamond-gem{width:100%;height:100%;display:block}.diamond-ring{transform-origin:120px 108px;animation:.9s ease-out .15s both diamond-ring}@keyframes diamond-ring{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(1.5)}}.diamond-glints path{transform-box:fill-box;transform-origin:50%;animation:1.8s ease-in-out .5s 2 diamond-twinkle}.diamond-glints path:nth-child(2){animation-delay:.8s}.diamond-glints path:nth-child(3){animation-delay:1.1s}@keyframes diamond-twinkle{0%,to{transform:scale(.65)}50%{transform:scale(1.2)}}[data-reward-step=diamonds] .reward-actions{background:#eee4f8;border-color:#d4c3e6}[data-reward-step=diamonds] .reward-next{background:#8065ae;box-shadow:0 4px #59417e}.reward-bag .coin-bag{animation:none!important}@keyframes diamond-reveal{0%{opacity:0;transform:translateY(16px)scale(.55)rotate(-8deg)}65%{opacity:1;transform:translateY(-3px)scale(1.04)rotate(2deg)}to{transform:none}}@keyframes diamond-rays{0%{opacity:0;transform:scale(.6)rotate(-15deg)}40%{opacity:1}to{opacity:.45;transform:none}}@keyframes diamond-glints{0%,35%{opacity:0}55%{opacity:1}70%{opacity:.4}to{opacity:1}}@media (width<=700px){.currency-wallet{gap:4px;padding:4px 6px}.currency-wallet span{display:none}.currency-wallet strong{font-size:13px}.reward-diamond-medal{width:176px;height:156px}.reward-diamonds h1{font-size:27px}.reward-diamonds>strong{font-size:58px}}@media (width<=400px){.global-status{gap:4px}.currency-wallet{padding-inline:5px}.global-status .currency-wallet svg{width:14px}.global-status .currency-wallet strong{font-size:12px}}@media (orientation:landscape) and (height<=600px){.reward-focus>.reward-diamonds{grid-template-columns:116px minmax(0,1fr);gap:0 14px!important}.reward-diamond-medal{grid-area:1/1/7;width:116px;height:120px;margin:0}.reward-diamonds h1{font-size:25px}.reward-diamonds>strong{font-size:40px}.reward-diamonds>span{grid-column:2;margin-top:0;font-size:11px}}html:not([data-motion=full]) .diamond-reward-art *{animation:none!important}@media (prefers-reduced-motion:reduce){.diamond-reward-art *{animation:none!important}}@container (width>=500px) and (height<=560px){.reward-focus>div{grid-template-columns:150px minmax(0,1fr);align-content:center;gap:8px 22px}.reward-focus .reward-burst,.reward-focus .reward-coin-medal,.reward-focus .achievement-emblem,.reward-focus .reward-diamond-medal{grid-area:1/1/7;width:110px;height:110px;margin:12px}.reward-focus :is(.reward-score,.reward-coins,.reward-diamonds,.reward-achievement)>:not(.reward-burst,.reward-coin-medal,.achievement-emblem,.reward-diamond-medal){grid-area:auto/2}.reward-focus h1{font-size:clamp(28px,5cqw,36px);line-height:1.13}.reward-focus .reward-achievement>strong{font-size:16px}.reward-focus .reward-diamonds>strong{font-size:52px}.reward-focus .reward-stars{margin:4px 0}.reward-actions{justify-content:center;align-items:center;gap:16px;display:flex}.reward-actions .reward-skip{margin:0}}@container (width>=500px) and (height<=320px){.reward-focus>div{grid-template-columns:85px minmax(0,1fr);gap:2px 12px}.reward-focus .reward-burst,.reward-focus .reward-coin-medal,.reward-focus .achievement-emblem,.reward-focus .reward-diamond-medal{width:64px;height:64px;margin:5px}.reward-focus h1{font-size:24px}.reward-focus .reward-diamonds>strong{font-size:34px}}.settings-screen{width:min(1080px,100% - 48px);max-width:none;height:min(820px,100dvh - 48px);max-height:none;color:var(--ink);background:var(--paper);border:2px solid #b9a16e;border-radius:22px;margin:auto;padding:0;position:fixed;inset:0;overflow:hidden;box-shadow:0 8px #796543,0 24px 70px #071e2966}.settings-screen[open]{grid-template-rows:auto minmax(0,1fr) auto;display:grid}.settings-screen::backdrop{background:#081c21c7}body:has(.settings-screen[open]){overflow:hidden}.settings-screen>header{background:var(--cream);border-bottom:2px solid #d3bc86;align-items:center;gap:14px;padding:20px 24px;display:flex}.settings-emblem{background:var(--deep);color:#ffdb86;border-radius:15px;place-items:center;width:48px;height:48px;display:grid;box-shadow:0 3px #a9b6a0}.settings-screen>header small{color:#75523b;text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:800}.settings-screen h2{margin:0;font-size:34px;line-height:1.1}.settings-screen>header .icon-button{width:44px;height:44px;color:var(--deep);background:#ede2c7;border:1px solid #c6ae79;border-radius:50%;flex:0 0 44px;margin-left:auto}.settings-scroll{overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0;padding:24px;overflow:auto}.settings-scroll h3{margin:0;font-size:22px;line-height:1.2}.settings-scroll p{color:#52676a;margin:5px 0 14px;font-size:13px;line-height:1.5}.settings-appearance{border:0;min-width:0;margin:0 0 24px;padding:0}.settings-appearance legend{padding:0;font:600 22px/1.2 Fredoka Variable,sans-serif}.appearance-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.appearance-choice{border:2px solid var(--ui-border);background:var(--ui-raised);min-width:0;min-height:72px;color:var(--ui-text);box-shadow:0 3px 0 var(--ui-shadow);cursor:pointer;border-radius:14px;align-items:center;gap:12px;padding:12px 32px 12px 12px;display:flex;position:relative}.appearance-choice input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.appearance-choice strong{font:600 16px/1.2 Fredoka Variable,sans-serif}.appearance-choice:hover{border-color:var(--ui-selected-edge)}.appearance-choice:has(input:checked){background:var(--ui-selected);color:var(--ui-selected-ink);border-color:var(--ui-selected-edge);box-shadow:inset 0 0 0 1px var(--ui-selected-edge),0 3px 0 var(--ui-shadow)}.appearance-choice:has(input:focus-visible){outline:3px solid var(--ui-focus);outline-offset:3px}.appearance-swatch{color:#71451e;background:linear-gradient(145deg,#fff2bc,#f5bf79);border-radius:12px;flex:0 0 40px;place-items:center;width:40px;height:40px;display:grid;box-shadow:inset 0 1px #ffffff80}.appearance-swatch svg{width:24px;height:24px}[data-theme-choice=dark] .appearance-swatch{color:#ffe5a0;background:linear-gradient(145deg,#39396c,#724c81)}[data-theme-choice=system] .appearance-swatch{color:#172c40;background:linear-gradient(120deg,#f4d799 0 49%,#39396c 50%)}[data-theme-choice=system] .appearance-swatch svg{background:#fff1ca;border-radius:5px;padding:3px}.appearance-check{width:17px;height:17px;color:var(--ui-selected-edge);visibility:hidden;pointer-events:none;position:absolute;top:9px;right:9px}.appearance-choice:has(input:checked) .appearance-check{visibility:visible}@media (width<=520px){.appearance-choices{gap:8px}.appearance-choice{flex-direction:column;justify-content:center;gap:7px;padding:12px 6px}.appearance-choice strong{font-size:15px}.appearance-check{width:14px;height:14px;top:6px;right:6px}}@media (forced-colors:active){.appearance-choice input{opacity:1;width:18px;height:18px;position:static}}.settings-section-heading{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.settings-section-heading>span{color:#68462f;background:#edddb2;border-radius:20px;padding:3px 8px;font-size:11px;font-weight:800}.preset-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:22px;display:grid}.preset-grid button{text-align:left;background:var(--cream);border:2px solid #c8b68a;border-radius:12px;min-width:0;padding:13px 10px;box-shadow:0 3px #c8b68a}.preset-grid button:hover{border-color:var(--teal)}.preset-grid button.selected{background:#d5e8d6;border-color:#357b76;box-shadow:0 3px #357b76}.preset-grid strong{justify-content:space-between;align-items:center;gap:3px;font-size:16px;display:flex}.preset-grid svg{flex:0 0 16px;width:16px;height:16px}.preset-grid button span{color:#4e6262;margin-top:6px;font-size:12px;line-height:1.35;display:block}.setting-section{background:var(--ui-surface);border:1px solid var(--ui-border);box-shadow:0 2px 0 var(--ui-shadow);border-radius:13px;margin-bottom:10px;overflow:clip}.setting-section>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:54px;padding:12px 16px;font-family:Fredoka Variable,sans-serif;font-size:18px;font-weight:600;list-style:none;display:flex}.setting-section>summary::-webkit-details-marker{display:none}.setting-section>summary svg{width:20px;height:20px;transition:transform .15s}.setting-section[open]>summary{border-bottom:1px solid var(--ui-border)}.setting-section[open]>summary svg{transform:rotate(180deg)}.setting-section-body{padding:16px}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.setting-control{border:1px solid var(--ui-border);background:var(--ui-inset);min-width:0;min-height:72px;color:var(--ui-text);border-radius:10px;padding:12px;font-size:13px;font-weight:700;line-height:1.4}.setting-control>span:first-child,.setting-range>label{overflow-wrap:anywhere;min-width:0}.setting-toggle{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;display:flex}.setting-description{color:var(--ui-muted);margin-top:6px;font-size:13px;font-weight:400;line-height:1.45;display:block}.setting-switch{flex:0 0 48px;align-items:center;width:48px;height:44px;display:inline-flex;position:relative}.setting-switch input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.setting-switch>span{background:var(--ui-border);pointer-events:none;border-radius:20px;width:48px;height:26px}.setting-switch>span:after{content:"";background:var(--cream);border-radius:50%;width:18px;height:18px;margin:4px;display:block}.setting-switch input:checked+span{background:var(--ui-selected-edge)}.setting-switch input:checked+span:after{transform:translate(22px)}.setting-switch input:focus-visible+span{outline-offset:3px;outline:3px solid #2f72c8}.setting-select{align-content:start;gap:8px;display:grid}.setting-select select{width:100%;min-width:0;min-height:44px;color:var(--ui-text);background:var(--ui-raised);border:1px solid var(--ui-border);border-radius:8px;padding:10px 12px;font-size:13px}.setting-range{grid-template-columns:1fr auto;align-items:center;gap:0 10px;padding-top:12px;display:grid}.setting-range output{color:var(--ui-selected-edge);font-variant-numeric:tabular-nums}.setting-range input{width:100%;min-width:0;height:44px;accent-color:var(--ui-selected-edge);cursor:pointer;grid-column:1/-1;margin:0}.settings-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.settings-actions button,.profile-switcher button,.import-save{background:#ede5cb;border:1px solid #bca97b;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:9px 12px;font-size:13px;font-weight:800;display:flex}.settings-actions button:hover,.profile-switcher button:hover,.import-save:hover{background:#e1e8d2}.settings-actions svg,.profile-switcher svg{flex-shrink:0;width:18px;height:18px}.settings-actions>span{color:#52676a;overflow-wrap:anywhere;font-size:12px}.settings-scroll .settings-help{margin-bottom:0}.shortcut-map{background:#e7edda;border-radius:8px;margin-top:14px;padding:12px}.shortcut-map p{margin:4px 0}.shortcut-map code{white-space:normal;font-size:12px}.settings-profiles{margin-top:24px}.profile-switcher{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.profile-switcher h3{display:none}.profile-switcher button{overflow-wrap:anywhere;justify-content:flex-start}.profile-switcher button.active{background:#d5e8d6;border-color:#357b76;box-shadow:inset 3px 0 #357b76}.profile-switcher .profile-portrait{flex:0 0 30px;width:30px;height:30px}.import-save{cursor:pointer;position:relative}.import-save input{opacity:0;width:1px;height:1px;position:absolute}.import-save:focus-within{outline-offset:3px;outline:3px solid #2f72c8}.settings-screen>footer{background:var(--cream);border-top:2px solid #d3bc86;align-items:center;gap:10px;padding:14px 24px;font-size:12px;display:flex}.settings-screen>footer>svg{color:#286b65;flex:0 0 20px;width:20px}.settings-screen>footer>span{flex:1;line-height:1.3}.settings-screen>footer .primary{background:#a53e50;min-width:100px;min-height:44px;box-shadow:0 3px #6f293c}.settings-screen>footer.save-temporary,.settings-screen>footer.save-recovered{color:#61381e;background:#f9dfaa}[data-contrast=high] .settings-screen{border-color:var(--ink)}[data-contrast=high] .settings-screen .setting-control{border-color:#8d815f}@media (width<=700px),(pointer:coarse){.settings-screen{width:100%;height:100dvh;box-shadow:none;border:0;border-radius:0;margin:0}.settings-screen>header{gap:10px;padding:12px 16px}.settings-screen h2{font-size:28px}.settings-emblem{width:42px;height:42px}.settings-scroll{padding:18px 14px}.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-screen>footer{padding:10px 14px max(12px, env(safe-area-inset-bottom))}}@media (width<=520px){.settings-grid{grid-template-columns:minmax(0,1fr)}.setting-section-body{padding-inline:12px}.preset-grid button{padding:11px}}@media (height<=500px){.settings-screen>header{padding-block:6px}.settings-screen>header small{display:none}.settings-screen>footer{padding-block:6px}}@media (forced-colors:active){.setting-switch input{appearance:auto;opacity:1}.setting-switch>span{visibility:hidden}}.settings-screen .preset-grid .choice-control{align-items:start;padding:28px 12px 12px}.settings-screen .preset-grid .choice-mark{width:16px;height:16px;top:7px;right:9px}.settings-screen .preset-grid .choice-mark svg{width:16px;height:16px}.settings-screen .preset-grid .choice-mark i{width:13px;height:13px}.settings-screen .preset-grid .choice-copy strong{font-size:15px}.setting-section-body>.settings-actions:first-child{margin:0 0 12px}.settings-body{grid-template-columns:210px minmax(0,1fr);min-height:0;display:grid}.settings-categories{background:var(--ui-inset);border-right:1px solid var(--ui-border);flex-direction:column;gap:6px;padding:18px 12px;display:flex;overflow:auto}.settings-screen .settings-categories button{min-height:48px;color:var(--ui-text);box-shadow:none;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;margin:0;padding:10px 14px;font-size:15px}.settings-screen .settings-categories button[aria-pressed=true]{background:var(--ui-selected);color:var(--ui-selected-ink);border-color:var(--ui-selected-edge);box-shadow:inset 4px 0 var(--ui-selected-edge)}.settings-categories button:hover{background:var(--ui-raised)}.settings-category-picker,.settings-screen .settings-scroll [hidden]{display:none}.settings-screen .setting-section{box-shadow:none;background:0 0;border:0;margin:0;overflow:visible}.settings-screen .setting-section>h3{margin-bottom:20px}.settings-screen .setting-section-body{padding:0}.settings-screen .settings-profiles{margin:0}.settings-screen .settings-guidance{margin-bottom:26px}.settings-screen .preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=700px){.settings-body{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.settings-categories{display:none}.settings-category-picker{border-bottom:1px solid var(--ui-border);background:var(--ui-inset);color:var(--ui-muted);align-items:center;gap:12px;padding:10px 14px;font-size:13px;display:flex}.settings-category-picker select{min-width:0;min-height:44px;color:var(--ui-text);background:var(--ui-raised);border:1px solid var(--ui-border);border-radius:9px;flex:1;padding:8px 12px;font:600 16px Fredoka Variable,sans-serif}}.lesson-progress-panel{color:#17343c;background:#fff8e6;border:1px solid #c9b783;border-radius:14px;min-width:0;overflow:hidden}.lesson-progress-panel>summary{cursor:pointer;align-items:center;gap:10px;min-height:64px;padding:10px 14px;list-style:none;display:flex}.lesson-progress-panel>summary::-webkit-details-marker{display:none}.lesson-progress-panel>summary>svg{color:#267867;flex:none;width:23px;height:23px}.lesson-progress-panel>summary>span{gap:2px;min-width:0;display:grid}.lesson-progress-panel>summary strong{font-size:17px}.lesson-progress-panel>summary small{color:#49675f;font-size:12px;line-height:1.3}.lesson-progress-panel>summary>b{margin-left:auto;font-size:22px}.lesson-progress-panel[open]>summary>b{transform:rotate(45deg)}.lesson-progress-panel[open]>summary{border-bottom:1px solid #d8c99f}.progress-library{margin-block:16px}.progress-library-body{max-width:800px;margin:auto;padding:14px}.progress-library-body>label{gap:6px;font-size:12px;font-weight:800;display:grid}.progress-library-body select{color:#17343c;width:100%;min-width:0;min-height:46px;font:inherit;background:#fffdf4;border:1px solid #b5a371;border-radius:8px;padding:10px;font-size:14px}.score-history{min-width:0;padding:14px}.progress-library-body>.score-history{padding:16px 0 8px}.history-totals{color:#49665f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.history-totals>span:first-child{align-items:center;gap:6px;display:flex}.history-totals svg{color:#9b6b16;width:16px;height:16px}.history-totals strong{color:#17343c;font-size:18px}.history-chart{width:100%;margin:8px 0}.history-chart svg{width:100%;height:166px;display:block;overflow:visible}.history-chart text{fill:#49665f;font:11px Atkinson Hyperlegible Next Variable,Arial,sans-serif}.history-grid{stroke:#ddcfac;stroke-width:1px}.history-area{fill:#2d8b7014}.history-line{fill:none;stroke:#267867;stroke-width:3px;stroke-linejoin:round}.history-dot{fill:#fff8e6;stroke:#267867;stroke-width:2px}.history-dot.selected{fill:#ad4453;stroke:#fff8e6;stroke-width:3px}.history-cursor{stroke:#a84a55;stroke-width:1px;stroke-dasharray:3 4}.history-controls{grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:12px;display:grid}.history-controls button{color:#17343c;background:#f0e5c6;border:1px solid #c2b181;border-radius:9px;place-items:center;min-width:44px;height:44px;display:grid}.history-controls button:disabled{opacity:.35}.history-controls svg{width:18px}.history-controls input{accent-color:#267867;width:100%;min-width:0;height:44px}.history-selection{background:#f0e7cb;border-radius:10px;gap:7px;margin-top:10px;padding:12px;display:grid}.history-selection>div:first-child{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;display:flex}.history-selection strong{font-size:20px}.history-selection span{color:#49665f;font-size:12px}.history-selection dl{gap:24px;margin:2px 0 0;display:flex}.history-selection dl div{gap:1px;display:grid}.history-selection dt{color:#49665f;font-size:11px}.history-selection dd{margin:0;font-size:18px;font-weight:800}.history-caption{color:#49665f;margin:10px 0 0;font-size:12px;line-height:1.45}.history-replay{justify-content:center;align-items:center;gap:8px;width:100%;min-height:46px;display:flex;margin:8px 0 0!important}.history-replay svg{width:17px}@media (width<=600px){.lesson-progress-panel>summary{padding:9px 11px}.score-history,.progress-library-body{padding:12px}.history-totals{gap:6px}.history-selection>div:first-child{display:grid}.history-selection dl{gap:22px}}.screen-practice .practice-page{color:#fff6df;width:min(1200px,100%);margin-inline:auto}.practice-page>header button{align-items:center;gap:6px;min-height:44px;display:flex}.practice-reward-note{color:#664518;background:#f5df9e;border:1px solid #c6af75;border-radius:10px;align-items:center;gap:10px;margin:0 0 24px;padding:12px 16px;font-size:13px;display:flex}.practice-reward-note>svg{flex:none;width:22px}.practice-songs>header{justify-content:space-between;align-items:center;gap:12px;display:flex}.practice-songs h2{margin:0;font-size:28px}.practice-songs>header>span{color:#d8e7df;font-size:12px}.practice-songs>p{color:#d8e7df;margin:4px 0 14px;font-size:13px}.practice-page .practice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.practice-warmups:has(.practice-card:only-child){max-width:640px;margin-inline:auto}.practice-page .practice-grid .practice-card{color:#17343c;background:#fff6df;border:1px solid #bfa56d;border-top:5px solid #438778;border-radius:12px;flex-direction:column;gap:12px;min-width:0;padding:18px;display:flex;box-shadow:0 4px #c5a56833}.practice-card-label{color:#49675f;justify-content:space-between;gap:8px;font-size:11px;display:flex}.practice-card-label>span{align-items:center;gap:5px;display:flex}.practice-card-label svg{width:15px;height:15px}.practice-page .practice-card h3{margin:0;font-size:24px;line-height:1.2}.practice-page .practice-card>p{color:#49675f;flex:1;min-height:0;margin:0;font-size:13px;line-height:1.5}.practice-facts{flex-wrap:wrap;gap:5px;display:flex}.practice-facts>span{color:#49675f;background:#eee4c8;border-radius:5px;padding:4px 7px;font-size:11px}.practice-record{color:#49675f;align-items:center;gap:5px;min-height:24px;font-size:12px;display:flex}.practice-record svg{flex:none;width:16px;height:16px}.practice-record strong{color:#17343c}.practice-page .practice-card>button{justify-content:center;align-items:center;gap:8px;width:100%;min-height:48px;margin:0;display:flex}.practice-card>button svg{width:18px}.practice-warmups{color:#17343c;background:#efe4c8;border:1px solid #c6b387;border-radius:12px;margin-top:22px;padding:0 16px 16px}.practice-warmups:not([open]){padding-bottom:0}.practice-warmups>summary{cursor:pointer;align-items:center;gap:8px;min-height:58px;list-style:none;display:flex}.practice-warmups>summary::-webkit-details-marker{display:none}.practice-warmups>summary>svg{width:21px}.practice-warmups>summary strong{font-size:20px}.practice-warmups>summary span{color:#49675f;margin-left:auto;font-size:12px}.practice-warmups>summary b{margin-left:5px;font-size:22px}.practice-warmups[open]>summary b{transform:rotate(45deg)}.practice-page .route-panel>.practice-reward-note{margin-top:16px}@media (height<=600px){.practice-page .practice-warmups{margin-top:0}.practice-page .practice-warmups>summary{min-height:44px}.practice-page .practice-grid .practice-card{gap:8px;padding:10px}.practice-page .practice-card-label{display:none}.practice-page .practice-card h3{font-size:20px}}.practice-next{color:#49675f;background:#efe4c8;border:1px dashed #b6a274;border-radius:10px;gap:10px;margin-top:20px;padding:14px;display:flex}.practice-next>svg{flex:none;width:20px;height:20px}.practice-next strong{font-size:14px}.practice-next p,.practice-empty{margin:4px 0 0;font-size:13px;line-height:1.4}@media (width<=1000px){.practice-page .practice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.practice-page .practice-grid{grid-template-columns:1fr}.practice-page .practice-card h3{font-size:22px}.practice-warmups{padding-inline:10px}.practice-page .practice-grid .practice-card{padding:14px}.practice-songs>header{align-items:baseline}.practice-reward-note{margin-bottom:18px;padding:10px;font-size:12px}}.app-frame.screen-practice .game-screen .practice-page{isolation:isolate;background:0 0;width:100%;max-width:none;position:relative}.practice-garden{z-index:-1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.app-frame.screen-practice .practice-page>header,.practice-page>.route-panel{width:min(100%,1640px);max-width:none;margin-inline:auto}.practice-page .practice-grid{width:100%;max-width:none}.practice-page .practice-grid:has(>.practice-card:only-child){grid-template-columns:minmax(0,1fr)}.practice-page .practice-card>button{align-self:flex-start;width:auto;min-width:160px;padding-inline:24px}.practice-page .practice-warmups{background:var(--ui-surface);max-width:none;color:var(--ui-text);border-color:var(--ui-border);margin-inline:0}.app-frame.screen-practice .practice-page .practice-songs :is(h2,p),.app-frame.screen-practice .practice-page>header :is(h1,p),.practice-songs>header>span{color:var(--ui-text)}:root[data-theme=dark] .practice-page{--practice-sky-top:#123443;--practice-sky-bottom:#286d65}.practice-page .practice-grid .practice-card{border:1px solid #90bdac;border-top:5px solid #76c6ac;border-radius:22px;box-shadow:0 6px #092c3966}@media (width>=1100px) and (height>=700px){.practice-page>.route-panel{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);align-content:start;gap:24px;padding-top:clamp(16px,6dvh,100px);display:grid}.practice-songs{grid-column:1}.practice-page .practice-warmups{background:0 0;border:0;grid-column:2;margin-top:0;padding:0}.practice-page .practice-warmups .practice-grid{grid-template-columns:1fr}.practice-page .practice-warmups:has(.practice-card:nth-child(4)) .practice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.practice-page .practice-grid .practice-card{gap:18px;padding:24px}.practice-page .practice-songs .practice-grid{grid-template-columns:1fr}.practice-page .practice-songs .practice-card{justify-content:flex-start;min-height:0}.practice-page .practice-warmups:not(:has(.practice-card:nth-child(4))) .practice-card{grid-template-columns:minmax(0,1fr) auto;gap:12px 20px;padding:22px 24px;display:grid}.practice-warmups:not(:has(.practice-card:nth-child(4))) .practice-card :is(.practice-card-label,h3,p,.practice-facts,.practice-record){grid-column:1}.practice-page .practice-warmups:not(:has(.practice-card:nth-child(4))) .practice-card>button{grid-area:1/2/6;align-self:center}.practice-next,.practice-page .route-panel>.practice-reward-note,.practice-empty{grid-column:1/-1;margin:0}.practice-page .practice-reward-note{background:#ffe6a8;justify-self:center;width:max-content;max-width:100%}}@media (width>=2200px) and (height>=1100px){.app-frame.screen-practice .practice-page>header,.practice-page>.route-panel{width:min(78vw,2700px)}.app-frame.screen-practice .practice-page>header h1{font-size:clamp(42px,3.6dvh,78px)}.app-frame.screen-practice .practice-page>header p{font-size:clamp(18px,1.5dvh,32px)}.practice-page>header button{gap:14px;min-height:clamp(54px,5dvh,108px);padding:16px 24px;font-size:clamp(20px,1.7dvh,36px)}.practice-page>header button svg{width:30px;height:30px}.practice-page .practice-songs h2{font-size:clamp(34px,2.7dvh,58px)}.practice-page .practice-songs :is(p,header>span){font-size:clamp(18px,1.4dvh,30px)}.practice-page .practice-grid .practice-card{gap:clamp(18px,1.5dvh,32px);padding:clamp(28px,2.5dvh,54px)}.practice-page .practice-card h3{font-size:clamp(30px,2.6dvh,56px)}.practice-page .practice-card>button{gap:14px;min-height:clamp(64px,5.5dvh,118px);font-size:clamp(24px,2dvh,42px)}.practice-page .practice-card>button svg{width:30px;height:30px}.practice-page :is(.practice-card-label,.practice-facts>span,.practice-record,.practice-card>p,.practice-next p,.practice-reward-note){font-size:clamp(18px,1.35dvh,28px)}.practice-page .practice-card-label svg,.practice-page .practice-record svg{width:24px;height:24px}.practice-page .practice-warmups>summary{min-height:clamp(72px,6dvh,130px)}.practice-page .practice-warmups>summary strong,.practice-next strong{font-size:clamp(24px,2dvh,42px)}.practice-page .practice-warmups>summary span{font-size:clamp(18px,1.4dvh,30px)}.practice-page .practice-warmups:not(:has(.practice-card:nth-child(4))) .practice-card{grid-template-columns:minmax(0,1fr) auto;gap:16px 28px;padding:28px 32px;display:grid}}.book-page .songbook{color:#173f4a;margin:24px 0}.songbook>header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 20px;display:flex}.songbook>header small{color:#526d70;font-size:12px}.songbook>header h2{margin:2px 0 0;font-size:30px}.songbook>header>strong{font-size:14px}.songbook>p{color:#526d70;margin:8px 0 16px;font-size:14px}.songbook-songs{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.songbook-song{background:#fffbef;border:1px solid #cfbea0;border-radius:16px;min-width:0;padding:18px;box-shadow:0 3px #e2d5b9}.songbook-heading{align-items:center;gap:12px;display:flex}.songbook-number{background:#f3c45d;border-radius:8px 8px 16px 16px;flex:0 0 40px;place-items:center;height:44px;font-weight:800;display:grid}.songbook-song:nth-child(3n+2) .songbook-number{background:#acd6c7}.songbook-song:nth-child(3n) .songbook-number{background:#d6cbe9}.songbook-heading small{color:#526d70;font-size:12px}.songbook-heading h3{overflow-wrap:anywhere;margin:2px 0 0;font-size:24px;line-height:1.15}.songbook-record{flex-wrap:wrap;align-items:center;gap:8px 16px;margin:16px 0;font-size:13px;display:flex}.songbook-stars{color:#8c6110;gap:4px;display:flex}.songbook-stars svg{width:20px;height:20px}.songbook-actions{flex-wrap:wrap;gap:8px;display:flex}.songbook-actions button{flex:150px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:10px;font-size:13px;display:inline-flex}.songbook-actions button:not(.primary){color:#173f4a;background:#f5eedb;border:1px solid #b8aa8e;border-radius:10px}.songbook-actions svg{flex-shrink:0;width:18px;height:18px}.songbook-lessons{border-top:1px solid #dfd2b9;margin-top:12px}.songbook-lessons summary{cursor:pointer;align-items:center;gap:8px;min-height:44px;font-size:13px;display:flex}.songbook-lessons summary:before{content:"+";font-size:18px}.songbook-lessons[open] summary:before{content:"−"}.songbook-lessons>div{gap:6px;display:grid}.songbook-lessons button{text-align:left;min-height:44px;font-size:13px}@media (width<=700px){.songbook-songs{grid-template-columns:1fr}.songbook-song{padding:14px}.songbook-heading h3{font-size:23px}}.journey-chapter-picker{align-items:center;gap:8px;margin-bottom:5px;font-size:12px;display:flex}.journey-chapter-picker>span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.journey-chapter-picker select{color:#29464c;width:100%;min-width:0;max-width:380px;min-height:44px;font:inherit;background:#fff6df;border:1px solid #927858;border-radius:9px;padding:7px 24px 7px 10px;font-weight:700}.current-chapter>header>div:first-child{min-width:0}.book-page[data-volume=Book\ Two] .current-chapter:before{background:repeating-linear-gradient(90deg,#679caa 0 28px,#e8bb6b 28px 56px,#9991be 56px 84px,#66a999 84px 112px)}.book-page[data-volume=Book\ Two] .journey-progress>div span{background:linear-gradient(90deg,#568c9b,#a18cbc,#e1bb6d)}.book-page[data-volume=Book\ Two] .lesson-seal{color:#fff2ce;background:#496c85;border-color:#e1bb6d}.book-page[data-volume=Book\ Two] .book-garden{background:linear-gradient(#263f63,#598785)}.book-page[data-volume=Book\ Two] .book-garden-hint{color:#fff2ce}.game-screen .daily-page{width:100%;min-height:0;color:var(--ui-text);scrollbar-gutter:auto;background:radial-gradient(at 5% 95%,#56b79c24,#0000 55%),radial-gradient(at 95% 0,#e9ac7130,#0000 50%);flex:1}.daily-content{max-width:1900px;margin:auto;padding:clamp(12px,2vw,36px)}.daily-page button,.daily-help button{justify-content:center;align-items:center;gap:8px;min-height:44px;display:inline-flex}.daily-page button>svg,.daily-help button>svg{flex-shrink:0;width:22px;height:22px}.daily-header{align-items:center;gap:16px;margin:0 0 24px;display:flex}.daily-header h1{flex:1;margin:0;font-size:clamp(26px,2.6vw,52px);line-height:1.1}.daily-header button{min-width:44px;padding:10px}.daily-layout{grid-template-columns:minmax(260px,.65fr) minmax(0,2fr);align-items:start;gap:clamp(20px,3vw,52px);display:grid}.daily-prize{min-width:0}.daily-page .daily-box-trail{text-align:left;background:var(--ui-surface);width:100%;color:var(--ui-text);border:2px solid #b696d0;border-radius:20px;gap:12px;padding:14px;display:flex;box-shadow:0 5px #75619b55}.daily-box-trail>span:last-child{flex-direction:column;gap:7px;min-width:0;display:flex}.daily-box-trail strong{font-family:Fredoka Variable,sans-serif;font-size:clamp(17px,1.2vw,25px);line-height:1.15}.daily-box-trail small{color:var(--ui-muted);font-size:13px;line-height:1.2}.daily-chest{flex:0 0 72px;width:72px;position:relative}.daily-chest .magic-chest{width:100%;height:auto;display:block}.daily-stamps .count-badge{--badge-size:28px;margin-left:3px;font-size:15px}.daily-stamps{align-items:center;gap:7px;display:flex}.daily-stamps i{border:1px dashed var(--ui-border);background:var(--ui-inset);border-radius:50%;place-items:center;width:28px;height:28px;font-style:normal;font-weight:700;display:grid}.daily-stamps i.done{color:#173f4a;background:#b5e5cf;border:1px solid #347e6c}.daily-stamps svg{width:20px;height:20px}.daily-booth{aspect-ratio:400/390;margin-top:24px;position:relative}.daily-booth-art{width:100%;height:100%;display:block}.daily-page .daily-bell{width:18%;height:25%;min-height:44px;box-shadow:none;background:0 0;border:0;padding:0;position:absolute;top:31%;right:18%}.daily-bell>span{transform-origin:50% 0;width:100%;height:100%;display:block}.daily-bell svg{width:100%;height:100%;display:block}.daily-page .daily-booth .pet-perch{width:56%;height:39%;margin:0;position:absolute;top:43%;left:12%}.daily-booth .pet-perch>i{display:none}.daily-booth .companion-follower{width:100%;height:100%}.daily-booth .pet-interact,.daily-booth .pet-entrance,.daily-booth .pet-action,.daily-booth .pet-action>.cs,.daily-booth .pet-poof{width:100%;height:100%;inset:0}.daily-booth .pet-interact{flex:1}.daily-booth .companion-follower p{display:none}.daily-collection-heading{justify-content:space-between;align-items:center;gap:10px;min-height:44px;margin:0 0 12px;display:flex}.daily-collection-heading h2{margin:0;font-size:clamp(22px,1.5vw,32px)}.daily-page .daily-archive{border:1px solid var(--ui-border);color:var(--ui-text);box-shadow:none;background:0 0;border-radius:12px;padding:8px 12px;font-size:14px}.daily-page .daily-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:0;display:grid}.daily-page .daily-card{--daily-edge:#d6ab4c;min-width:0;color:var(--ui-text);background:var(--ui-surface);border:2px solid var(--daily-edge);box-shadow:0 6px 0 color-mix(in srgb,var(--daily-edge),var(--ui-bg) 40%);border-radius:22px;flex-direction:column;gap:12px;padding:20px;display:flex}.daily-page .daily-card[data-color="1"]{--daily-edge:#60b8a1}.daily-page .daily-card[data-color="2"]{--daily-edge:#b694db}.daily-song-heading{align-items:center;gap:14px;display:flex}.daily-song-heading>div{min-width:0}.daily-song-art{background:color-mix(in srgb,var(--daily-edge) 22%,var(--ui-surface));border-radius:32% 44% 36% 42%;flex:0 0 76px;height:80px;display:block;transform:rotate(-6deg)}.daily-song-art .coin-bag{width:100%;height:100%}.daily-song-heading small{color:var(--ui-muted);font-size:13px}.daily-song-heading h3{overflow-wrap:anywhere;margin:4px 0 0;font-family:Fredoka Variable,sans-serif;font-size:clamp(21px,1.5vw,32px);font-weight:600;line-height:1.15}.daily-bag-progress{color:var(--ui-muted);justify-content:space-between;align-items:center;gap:8px;font-size:14px;display:flex}.daily-bag-marks{gap:6px;display:flex}.daily-bag-marks i{border:1px solid var(--ui-border);border-radius:50%;place-items:center;width:25px;height:25px;font-style:normal;font-weight:700;display:grid}.daily-bag-marks svg{width:16px;height:16px}.daily-bag-marks .claimed{color:#173f4a;background:#b5e5cf;border-color:#347e6c}.daily-bag-marks .next{color:#65441e;background:#ffe39a;border-color:#af7725}.daily-next-reward{border-top:1px dashed var(--ui-border);align-items:center;gap:14px;padding-top:10px;display:flex}.daily-next-reward>span{color:var(--ui-muted);margin-right:auto;font-size:14px}.daily-next-reward strong{align-items:center;gap:5px;font-size:22px;display:flex}.daily-next-reward svg{width:23px;height:23px}.daily-page .daily-card>.primary{width:100%;min-height:52px;margin-top:auto;font-size:21px}.daily-page .daily-variation{background:0 0;width:100%;font-size:14px}.daily-rest{text-align:center;padding:clamp(18px,4vw,60px)}.daily-rest>.coin-bag{width:clamp(100px,13vw,240px);margin:auto;display:block}.daily-rest h3{margin:12px 0;font-size:clamp(25px,2vw,36px)}.daily-rest p{color:var(--ui-muted)}.daily-rest button{min-height:52px;font-size:20px}@media (width<=700px) and (orientation:portrait){.daily-songs{grid-row:1}.daily-prize{grid-row:2}.daily-rest{padding:10px}.daily-rest>.coin-bag{width:80px}.daily-rest h3{margin:8px 0;font-size:24px}}.daily-help{border:2px solid var(--ui-border);background:var(--ui-surface);width:min(570px,100% - 24px);max-height:calc(100dvh - 24px);color:var(--ui-text);box-shadow:0 10px 0 var(--ui-shadow);border-radius:22px;margin:auto;padding:clamp(16px,3vw,28px);position:fixed;inset:0;overflow:auto}.daily-help::backdrop{background:#051522b8}.daily-help header{align-items:center;gap:12px;display:flex}.daily-help h2{flex:1;margin:0;font-size:28px;line-height:1.1}.daily-help header button{flex:0 0 44px;padding:8px}.daily-help ol{gap:20px;margin:26px 0;padding:0;list-style:none;display:grid}.daily-help li{align-items:start;gap:14px;display:flex}.daily-help li>svg{width:38px;height:38px;color:var(--ui-text);flex:0 0 38px}.daily-help p{color:var(--ui-muted);margin:5px 0 0;line-height:1.4}.daily-help strong{color:var(--ui-text);font-size:18px}.daily-help .daily-help-note{margin-bottom:18px;font-size:14px}.daily-help>.primary{width:100%;min-height:48px}@media (width>=1500px){.daily-page .daily-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.daily-layout{grid-template-columns:minmax(280px,.65fr) minmax(0,2.6fr)}}@media (width>=1800px){.daily-page .daily-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=2200px){.daily-content{flex-direction:column;justify-content:center;width:94%;max-width:3200px;min-height:100%;padding-block:48px;display:flex}.daily-header{margin-bottom:36px}.daily-page .daily-card{gap:20px;padding:28px}.daily-song-art{flex-basis:140px;height:140px}.daily-song-heading h3{font-size:36px}.daily-page .daily-card>.primary{min-height:74px;font-size:30px}.daily-bag-progress,.daily-next-reward>span,.daily-song-heading small{font-size:20px}.daily-next-reward strong{font-size:34px}.daily-bag-marks i{width:32px;height:32px}.daily-bag-marks svg{width:21px;height:21px}.daily-box-trail small{font-size:20px}.daily-chest{flex-basis:110px}}@media (width<=900px){.daily-header{gap:10px;margin-bottom:12px}.daily-layout{flex-direction:column;gap:14px;display:flex}.daily-prize{align-items:center;gap:12px;width:100%;display:flex}.daily-page .daily-box-trail{flex:1;gap:8px;padding:10px}.daily-booth{aspect-ratio:auto;flex:0 0 120px;height:108px;margin:0}.daily-booth-art{display:none}.daily-page .daily-booth .pet-perch{width:84px;height:86px;top:12px;left:0}.daily-page .daily-bell{width:44px;height:50px;top:0;right:0}.daily-chest{flex-basis:48px;width:48px}.daily-stamps{gap:5px}.daily-stamps i{width:22px;height:22px;font-size:12px}.daily-stamps svg{width:16px;height:16px}.daily-songs{width:100%}.daily-page .daily-card{gap:10px;padding:16px}}@media (width<=540px){.daily-content{padding:12px 12px 24px}.daily-header h1{font-size:25px}.daily-header button{padding:8px}.daily-header button span{display:none}.daily-prize{gap:4px}.daily-booth{flex-basis:86px;height:100px}.daily-page .daily-booth .pet-perch{width:80px;height:72px;top:25px}.daily-page .daily-bell{height:44px;top:-7px;right:0}.daily-chest{display:none}.daily-box-trail strong{font-size:17px}.daily-box-trail small{font-size:12px}.daily-page .daily-grid{grid-template-columns:1fr;gap:18px}.daily-collection-heading{margin-bottom:8px}.daily-collection-heading h2{font-size:22px}.daily-song-art{flex-basis:64px;height:68px}.daily-song-heading h3{font-size:23px}}@media (orientation:landscape) and (height<=600px){.daily-content{padding:8px 16px 20px}.daily-header{margin-bottom:8px}.daily-header h1{font-size:25px}.daily-layout{grid-template-columns:180px minmax(0,1fr);gap:14px;display:grid}.daily-prize{display:block}.daily-chest{display:none}.daily-box-trail strong{font-size:16px}.daily-box-trail small{font-size:11px}.daily-booth{width:100%;height:85px}.daily-page .daily-booth .pet-perch{width:80px;height:78px;top:0;left:20%}.daily-page .daily-bell{width:44px;height:50px;top:0;right:0}.daily-collection-heading{min-height:0;margin:0 0 8px}.daily-collection-heading h2{font-size:20px}.daily-page .daily-grid{grid-template-columns:1fr;gap:14px}.daily-page .daily-card{grid-template-columns:minmax(0,1fr) 130px;gap:8px 14px;padding:12px;display:grid}.daily-song-heading{grid-row:1/3;gap:12px}.daily-song-heading h3{font-size:21px}.daily-song-art{flex-basis:52px;height:58px}.daily-bag-progress{flex-direction:column;grid-column:2;gap:3px;font-size:12px}.daily-next-reward{border:0;grid-column:2;justify-content:center;gap:10px;padding:0}.daily-next-reward>span{display:none}.daily-page .daily-card>.primary{grid-column:1/-1;min-height:44px;margin:0;font-size:20px}.daily-variation{grid-column:1/-1}}@media (width<=540px) and (height<=700px){.daily-layout{gap:8px}.daily-content{padding-top:8px}.daily-header{margin-bottom:6px}.daily-prize{min-height:88px}.daily-booth{height:88px}.daily-page .daily-booth .pet-perch{height:64px;top:20px}.daily-page .daily-box-trail{padding:8px 10px}.daily-box-trail>span:last-child{gap:5px}.daily-collection-heading{min-height:30px;margin-bottom:6px}.daily-page .daily-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;padding:12px;display:grid}.daily-song-heading{grid-column:1/-1}.daily-bag-progress{flex-direction:column;align-items:start;gap:3px;font-size:12px}.daily-next-reward{border:0;justify-content:flex-end;align-self:end}.daily-next-reward>span{display:none}.daily-page .daily-card>.primary,.daily-variation{grid-column:1/-1}.daily-song-art{flex-basis:52px;height:56px}.daily-song-heading h3{font-size:21px}.daily-next-reward{padding-top:6px}.daily-next-reward strong{font-size:20px;line-height:1.2}.daily-page .daily-card>.primary{min-height:48px;padding:9px 12px;line-height:1.2}}@media (orientation:landscape) and (height<=360px){.daily-header{margin-bottom:4px}.daily-layout{grid-template-columns:170px minmax(0,1fr);gap:12px}.daily-collection-heading:not(:has(button)){display:none}.daily-page .daily-card{grid-template-columns:minmax(0,1fr) 98px;gap:6px 10px;padding:10px}.daily-song-heading{grid-area:1/1/3}.daily-song-heading h3{font-size:18px}.daily-song-art{display:none}.daily-next-reward{grid-area:1/2}.daily-bag-progress{flex-direction:row;grid-area:3/1}.daily-page .daily-card>.primary{grid-area:2/2/4;align-self:end;padding:6px;line-height:1.2}.daily-booth{height:64px}.daily-page .daily-booth .pet-perch{width:80px;height:64px}.daily-box-trail small{display:none}}@media (width<=700px) and (orientation:portrait){.daily-songs{order:-1}}.festival-page{color:#173f4a;max-width:1280px;margin:auto;padding:24px 24px 80px}.festival-page>header{justify-content:space-between;align-items:start;gap:18px;display:flex}.festival-page>header>div{flex:1}.festival-page h1{margin:4px 0 8px;font-size:clamp(30px,4vw,46px);line-height:1.1}.festival-page p{line-height:1.4}.festival-page>header small{letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:800}.festival-page button{justify-content:center;align-items:center;gap:7px;min-height:44px;display:inline-flex}.festival-page button>svg{width:20px}.festival-footnote{color:#567075;font-size:13px}.festival-shortcuts{flex-wrap:wrap;gap:10px;margin:12px 0;display:flex}.festival-shortcuts button{background:#fff8df;border:1px solid #cab67d;border-radius:12px;align-items:center;gap:8px;min-height:44px;padding:8px 14px;display:flex}.festival-shortcuts svg{width:20px}.festival-shortcuts small{color:#567075}.practice-status{background:#fff2cb;border-top:1px solid #c8b78d;flex-shrink:0;align-items:center;gap:12px;min-height:68px;padding:8px 16px;display:flex}.practice-status-copy{flex:1;min-width:0}.practice-status-copy strong{font-size:14px}.practice-status-copy p{margin:2px 0;font-size:13px}.practice-status-copy small{color:#78541e;font-size:11px}.practice-status>button{white-space:nowrap;background:#f2e1ba;border:1px solid #b5a272;min-height:40px;font-size:12px}.practice-streak{gap:5px;display:flex}.practice-streak i{color:#857859;border:2px solid #9f916f;border-radius:50%;place-items:center;width:28px;height:28px;font-style:normal;font-weight:800;display:grid}.practice-streak .done{color:#fff8df;background:#248b75;border-color:#248b75}.bag-stage{flex-shrink:0;width:85px;height:64px;position:relative}.bag-note-pool span{opacity:0;color:#ab7027;pointer-events:none;font-size:20px;font-weight:900;position:absolute;top:20px;left:0}.pet-perch{width:min(270px,100%);height:84px;margin:8px 0;position:relative}.pet-perch i{background:#c8aa75;border-radius:5px;width:74px;height:5px;position:absolute;bottom:12px;left:16px}.pet-perch:nth-of-type(2n){margin-left:auto}.companion-follower{z-index:18;pointer-events:none;align-items:center;width:270px;height:84px;transition:left .9s ease-in-out,top .9s ease-in-out;display:flex;position:absolute}.companion-follower>.cs,.companion-follower>.character-art{flex-shrink:0;width:92px;height:92px}.companion-follower p{color:#173f4a;background:#fff9e8;border:1px solid #d0b67e;border-radius:12px 12px 12px 2px;max-width:165px;padding:8px 10px;font-size:13px;line-height:1.25;box-shadow:0 2px #d7bd82}.companion-follower.is-flying p{opacity:0}.screen-lesson .cs *{animation:none!important}.collection-pet-art{width:150px;height:130px;margin:auto}.box-inventory{gap:12px;display:grid}.box-inventory>article{background:#fff8df;border:2px solid #c7b187;border-radius:16px;align-items:center;gap:18px;padding:18px;display:flex}.box-inventory>article>svg{color:#9270ad;width:48px;height:48px}.box-inventory article>div{flex:1}.box-inventory h2{margin:0;font-size:23px}.box-inventory p{margin:4px 0}.box-possibilities{margin-top:32px}.box-possibilities>h2{align-items:center;gap:8px;display:flex}.box-items{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.box-items article{text-align:center;background:#fff8e6;border:1px solid #c7b187;border-radius:14px;justify-items:center;padding:12px;display:grid}.box-items strong{font-size:14px}.box-items small{color:#765f81;margin-top:5px}@media (width<=600px){.festival-page{padding:16px 12px 70px}.festival-page>header{flex-wrap:wrap}.festival-page>header>div{flex-basis:100%;order:2}.festival-page>header>button:last-child{margin-left:auto}.practice-status{flex-wrap:wrap;gap:7px;padding:6px 8px}.practice-status>button{min-height:30px;padding:5px 8px;font-size:10px}.practice-status-copy p{font-size:11px}.practice-streak i{width:23px;height:23px}.bag-stage{width:60px;height:50px}.box-inventory>article{flex-wrap:wrap}.box-inventory>article>button{width:100%}.box-items{grid-template-columns:repeat(2,minmax(0,1fr))}.box-items .collection-pet-art{width:120px}.festival-shortcuts{gap:7px}.festival-shortcuts button{padding:7px 9px;font-size:12px}.festival-shortcuts small{display:none}}@media (orientation:landscape) and (height<=600px){.practice-status{min-height:40px;padding:3px 12px}.bag-stage{width:56px;height:40px}.practice-status-copy p{font-size:11px}.practice-status-copy small{display:none}}html:not([data-motion=full]) .companion-follower,html:not([data-motion=full]) .coin-bag g{transition:none}html:not([data-motion=full]) .coin-bag.full,html:not([data-motion=full]) .magic-chest,html:not([data-motion=full]) .box-reveal-art{animation:none}@media (prefers-reduced-motion:reduce){.companion-follower,.coin-bag g{transition:none}.coin-bag.full,.magic-chest,.box-reveal-art{animation:none!important}}.pet-perch{width:100%}.pet-perch i:last-child{display:none;left:auto;right:180px}@media (width>=850px){.pet-perch i:last-child{display:block}}.collection-pet-art{position:relative}.diamond-wallet{background:#e0edf2;border-color:#91b7c5}.diamond-wallet>svg{color:#407e94}html:not([data-motion=full]) .chest-lid,html:not([data-motion=full]) .chest-sparkles,html:not([data-motion=full]) .reward-bag .coin-bag{animation:none}@media (prefers-reduced-motion:reduce){.chest-lid,.chest-sparkles,.reward-bag .coin-bag{animation:none!important}}.companion-follower{transition:none}.companion-follower.is-flying{transition:left .9s ease-in-out,top .9s ease-in-out}.companion-follower>.cs{flex-basis:110px;width:110px;height:110px;margin-left:-8px;position:relative;top:-7px}.companion-follower p{flex:1}@media (prefers-reduced-motion:reduce){.companion-follower.is-flying{transition:none}}html:not([data-motion=full]) .companion-follower.is-flying{transition:none}.practice-status>button{border-radius:8px;min-height:44px;font-size:12px}@media (width<=600px){.practice-status>button{white-space:normal;max-width:116px;min-height:44px;font-size:11px}}.collection-pet-art .cs-character,.collection-pet-art .cs-eyes{animation:none!important}.companion-follower p{overflow-wrap:anywhere;min-width:0}.game-screen .boxes-page{overscroll-behavior-x:contain;scrollbar-width:thin;max-width:1480px;padding:clamp(12px,2vw,30px) clamp(12px,3vw,44px) 32px;display:block;overflow:auto}.game-screen .boxes-page>header{flex-wrap:nowrap;gap:14px;margin:0 0 22px;display:flex}.game-screen .boxes-page>header>div{flex:1;order:0}.game-screen .boxes-page>header h1{font-size:clamp(25px,3vw,40px)}.boxes-content{gap:28px;display:grid}.boxes-page .box-inventory{isolation:isolate;color:#fff9e6;--ui-muted:#e9dff5;background:radial-gradient(at 20% 40%,#775f99 0,#0000 54%),linear-gradient(120deg,#4b3567,#302442);border:2px solid #b9a0df;border-radius:28px 22px 30px;grid-template-rows:1fr auto;grid-template-columns:minmax(180px,.9fr) minmax(240px,1.1fr);align-items:center;column-gap:32px;padding:24px 36px 18px;display:grid;position:relative;box-shadow:0 7px #392548,0 15px 30px #071e2918}.box-stand-art{grid-row:1/3;place-items:center;min-height:280px;padding:12px 0 22px;display:grid;position:relative}.box-stand-art>.magic-chest{z-index:1;filter:drop-shadow(0 7px #1b12272e);width:min(100%,320px);height:auto;position:relative;transform:rotate(-4deg)}.box-plinth{background:#d8baf0;border-radius:50%;width:82%;max-width:320px;height:48px;position:absolute;bottom:14px;box-shadow:0 10px #8966a8,0 16px #281d3d}.box-bunting{clip-path:polygon(0 0,100% 0,100% 10%,96% 100%,91% 10%,85% 100%,80% 10%,74% 100%,69% 10%,63% 100%,58% 10%,52% 100%,47% 10%,41% 100%,36% 10%,30% 100%,25% 10%,19% 100%,14% 10%,8% 100%,3% 10%,0 30%);background:repeating-linear-gradient(90deg,#ed8996 0 20px,#0000 20px 38px,#f4cc6a 38px 58px,#0000 58px 76px,#85ccb8 76px 96px,#0000 96px 114px);border-top:2px solid #e8bd69;width:100%;height:28px;position:absolute;top:-4px;transform:rotate(-5deg)}.box-invitation{min-width:0;padding:6px 0}.box-ready{color:#ffe39a;align-items:center;gap:8px;font:600 15px/1.3 Fredoka Variable,sans-serif;display:inline-flex}.box-ready svg{width:19px;height:19px}.boxes-page .box-invitation h2{color:#fff9e6;margin:10px 0;font:500 clamp(28px,3.5vw,46px)/1.05 Fredoka Variable,sans-serif}.boxes-page .box-invitation p{max-width:390px;margin:0 0 18px;font-size:17px;line-height:1.4}.boxes-page .box-open{min-width:210px;min-height:56px;padding:12px clamp(32px,3.5vw,88px) 12px 28px;font-size:21px;position:relative}.box-open .count-badge{position:absolute;top:-10px;right:-10px}.box-invitation .box-earned{margin:12px 0 0;font-size:12px;display:block}.box-friend{grid-column:2;padding-top:8px}.box-friend .pet-perch{width:270px;height:84px;min-height:84px;margin:0;display:block;position:relative}.boxes-page .box-earn-link{color:#4b3567;background:#fff4da;border:1px solid #d1b98b;border-radius:12px;padding:10px 18px;font-size:17px}.box-earn{grid-template-columns:1fr 1fr;gap:20px;display:grid}.boxes-page .box-earn-card{text-align:left;border:2px solid var(--box-edge);background:var(--ui-surface);min-width:0;color:var(--ui-text);box-shadow:0 5px 0 color-mix(in srgb,var(--box-edge) 65%,#173f4a);border-radius:20px 17px 23px 18px;grid-template-columns:76px minmax(0,1fr) 24px;gap:18px;padding:18px 22px;transition:transform .18s;display:grid}.box-earn-daily{--box-edge:#d98578}.box-earn-book{--box-edge:#d9b355}.boxes-page .box-earn-card>svg:first-child{width:76px;height:76px}.box-earn-card>span{flex-direction:column;gap:5px;min-width:0;display:flex}.box-earn-card strong{font:600 clamp(19px,2vw,25px)/1.15 Fredoka Variable,sans-serif}.box-earn-card small{color:var(--ui-muted);font-size:14px;line-height:1.3}.box-stamps{align-items:center;gap:6px;margin-top:3px;display:flex}.box-stamps i{border:1px dashed var(--ui-muted);width:23px;height:23px;color:var(--ui-muted);border-radius:50%;place-items:center;font:600 12px/1 Fredoka Variable,sans-serif;display:grid}.box-stamps i.done{color:#fff9e6;background:#247261;border:1px solid #7bd0b8}.box-stamps i svg{width:15px;height:15px}.box-stamps>svg{width:20px;height:20px;color:var(--ui-muted);margin-left:3px}.box-collection{padding:4px 0 0}.box-collection>header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.boxes-page .box-collection h2{margin:0 0 5px;font:500 clamp(23px,2.5vw,30px)/1.2 Fredoka Variable,sans-serif}.box-collection p{color:var(--ui-muted);margin:0;font-size:14px}.box-collected-count{white-space:nowrap;color:var(--ui-muted);align-items:center;gap:6px;font-size:14px;display:inline-flex}.box-collected-count svg{width:17px;height:17px}.boxes-page .box-items{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.boxes-page .box-items article{background:var(--ui-surface);border:0;border-bottom:4px solid #b59bcb;border-radius:50% 50% 16px 16px/25% 25% 16px 16px;flex-direction:column;justify-content:flex-start;align-items:center;min-width:0;padding:10px 8px 16px;display:flex;position:relative}.boxes-page .box-items article.collected{border-bottom-color:#57ab94}.boxes-page .box-items .pet-button-wrap{flex:none;width:100%;max-width:154px;height:140px;margin-bottom:4px}.boxes-page .box-items .pet-button{padding:0;display:block}.boxes-page .box-items strong{margin:auto 0 6px;font:600 15px/1.2 Fredoka Variable,sans-serif}.boxes-page .box-items small{color:var(--ui-muted);align-items:center;gap:4px;margin:0;font-size:12px;display:inline-flex}.box-items small svg{width:14px;height:14px}.boxes-page .box-items .pet-button-wrap{flex-direction:column;align-items:center;display:flex}.boxes-page .box-items .pet-button{flex:1;height:auto}.boxes-page .box-items .pet-button-speech{flex:none;max-width:100%;padding:4px 6px;font-size:12px;position:static}.box-pet-reaction>.pet-button-wrap{flex-direction:column;width:100px;height:100%;display:flex}@media (width>=1100px){.boxes-page .box-inventory{grid-template-rows:auto;grid-template-columns:minmax(200px,.85fr) minmax(270px,1fr) 270px;gap:24px}.box-stand-art{grid-row:1;min-height:245px}.box-stand-art>.magic-chest{width:250px}.box-friend{grid-column:3;align-self:end;padding-bottom:12px}}@media (hover:hover){.box-earn-card:hover{transform:translateY(-3px)}.has-gift:hover .box-stand-art>.magic-chest{transform:rotate(2deg)}}[data-motion=full] .has-gift .chest-sparkles{transform-origin:50%;animation:3s ease-in-out infinite box-twinkle}[data-motion=full] .box-stand-art>.magic-chest{transition:transform .35s}@keyframes box-twinkle{50%{opacity:.35;transform:scale(.92)}}@media (width>=1800px){.game-screen .boxes-page{max-width:1600px}.box-stand-art{min-height:340px}.box-stand-art>.magic-chest{width:380px}.boxes-page .box-items .pet-button-wrap{max-width:190px;height:170px}.boxes-content{gap:36px}}@media (width<=760px){.game-screen .boxes-page>header{gap:10px;margin-bottom:16px}.game-screen .boxes-page>header>button{padding:8px 10px}.game-screen .boxes-page>header h1{font-size:25px}.boxes-content{gap:22px}.boxes-page .box-inventory{border-radius:22px;grid-template-columns:minmax(90px,.65fr) minmax(160px,1fr);gap:6px 12px;padding:18px 16px 12px}.box-stand-art{grid-row:1;min-height:158px;padding:12px 0 14px}.box-plinth{width:100%;height:22px;bottom:10px}.box-bunting{height:18px;top:6px}.box-ready{gap:4px;font-size:12px}.box-ready svg{width:15px;height:15px}.boxes-page .box-invitation h2{margin:7px 0;font-size:28px}.boxes-page .box-invitation p{margin-bottom:12px;font-size:14px}.boxes-page .box-open{width:100%;min-width:0;min-height:48px;padding:9px 36px 9px 12px;font-size:18px}.box-invitation .box-earned{margin-top:8px;font-size:11px}.box-friend{grid-column:1/-1;justify-self:center;padding-top:6px}.box-earn{gap:14px}.boxes-page .box-earn-card{grid-template-columns:40px minmax(0,1fr);align-items:start;gap:8px;padding:12px 10px}.boxes-page .box-earn-card>svg:first-child{width:40px;height:46px}.box-earn-card>svg:last-child{display:none}.box-earn-card strong{font-size:18px}.box-earn-card small{font-size:12px}.box-stamps{gap:4px}.box-stamps i{width:19px;height:19px}.box-stamps>svg{display:none}.box-collection>header{flex-direction:column;align-items:flex-start;gap:8px}.box-collected-count{font-size:12px}.boxes-page .box-items{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 8px}.boxes-page .box-items .pet-button-wrap{height:100px}.boxes-page .box-items strong{font-size:13px}.boxes-page .box-items small{font-size:11px}.boxes-page .box-items article{padding:6px 6px 12px}}@media (width<=370px){.game-screen .boxes-page>header{flex-wrap:wrap}.game-screen .boxes-page>header>div{flex:1}.game-screen .boxes-page>header>button:last-child{margin-left:auto}.game-screen .boxes-page>header h1{font-size:24px}.boxes-page .box-inventory{column-gap:8px;padding:14px 10px 10px}.boxes-page .box-invitation h2{font-size:25px}.box-earn{grid-template-columns:1fr;gap:12px}.boxes-page .box-earn-card{grid-template-columns:50px minmax(0,1fr) 24px;align-items:center}.box-earn-card>svg:last-child{display:block}.box-earn-card small br{display:none}.box-stamps{margin:0}.box-earn-daily>span{grid-template-columns:1fr auto;display:grid}.box-earn-daily strong{grid-column:1/-1}.boxes-page .box-items{grid-template-columns:repeat(2,minmax(0,1fr))}.boxes-page .box-items .pet-button-wrap{height:120px}}.box-reveal{text-align:center;color:#173f4a;background:radial-gradient(circle at 50% 42%,#fffce8,#f1ddff);border:3px solid #ca9e48;border-radius:24px;width:min(540px,100vw - 24px);height:fit-content;max-height:calc(100dvh - 24px);margin:auto;padding:24px;position:fixed;inset:0;overflow:auto}.box-reveal::backdrop{background:#173f4ab8}.box-reveal h1{min-height:2.3em;margin:8px 0;font-size:30px;line-height:1.15}.box-reveal>small{text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:800}.box-reveal-art{place-items:center;height:210px;margin:6px auto;display:grid}.box-reveal-art>.cosmetic-art,.box-reveal-art>.collection-pet-art{width:210px;height:190px}.box-reveal-art>svg{color:#62adca;width:110px;height:110px}.box-reveal-art>.pet-button-wrap{flex-direction:column;align-items:center;width:210px;height:190px;display:flex}.box-reveal .pet-button{background:0 0;flex:1;height:auto;min-height:44px;padding:0}.box-reveal .pet-button-speech{flex:none;max-width:100%;padding:5px 9px;font-size:13px;position:static}.box-reveal{--ui-muted:#5c5369}.box-reveal button{border-radius:12px;min-height:44px;padding:10px 20px}.box-reveal .box-crack{touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;place-items:center;width:250px;height:210px;padding:0;display:grid}.box-crack:hover{background:#ffffff40}.box-crack[aria-disabled=true]{cursor:default}.box-crack .magic-chest{filter:drop-shadow(0 4px #6c45841f);transform-origin:50% 75%;width:240px;height:210px;overflow:visible}.chest-burst-rays{opacity:0;transform-origin:100px 86px}.chest-lid{transform-origin:42px 76px}.chest-cracks{filter:drop-shadow(0 0 3px #ffcf49)}.box-tap-hint{color:#655079;min-height:2.7em;margin:2px 0 8px;font-size:14px;line-height:1.35}.box-tap-progress{justify-content:center;gap:8px;margin:0 0 12px;display:flex}.box-tap-progress i{background:#c4b3cf;border-radius:5px;width:20px;height:8px}.box-tap-progress .done{background:#a55ad4;box-shadow:inset 0 1px #dcb3f6}.box-skip{color:#64566c;background:#fff9e6;border:1px solid #d5bd97}.box-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.box-actions>button:not(.primary){background:#fff9e6;border:1px solid #d5bd97}.box-pet-reaction{justify-content:center;align-items:center;height:100px;display:flex}.box-pet-reaction>.cs,.box-pet-reaction>.character-art{width:100px;height:100px}.box-pet-reaction span{font-size:14px}[data-motion=full] .magic-chest.cracked:not(.burst){animation:.3s ease-out both chest-tap}[data-motion=full] .magic-chest.burst{animation:.76s ease-out both chest-burst}[data-motion=full] .burst .chest-lid{animation:.76s ease-out both chest-lid-burst}[data-motion=full] .burst .chest-burst-rays{animation:.76s ease-out both chest-rays}[data-motion=full] .box-reveal.revealed .box-reveal-art{animation:.6s cubic-bezier(.2,.8,.3,1.15) both box-item-in}@keyframes chest-tap{0%{transform:scale(.92,1.06)rotate(-3deg)}38%{transform:scale(1.06,.94)rotate(2deg)}70%{transform:scale(.99,1.02)rotate(-1deg)}to{transform:none}}@keyframes chest-burst{0%{transform:scale(.94,1.05)}23%{transform:scale(1.12)}50%{opacity:1;transform:scale(1.08)}to{opacity:0;transform:scale(1.24)}}@keyframes chest-lid-burst{0%{transform:none}45%,to{transform:translate(-14px,-38px)rotate(-28deg)}}@keyframes chest-rays{0%{opacity:0;transform:scale(.3)}25%{opacity:1}to{opacity:0;transform:scale(1.35)}}@keyframes box-item-in{0%{opacity:0;transform:translateY(12px)scale(.8)}to{opacity:1;transform:none}}@media (width<=600px){.box-reveal{padding:16px}.box-reveal h1{font-size:25px}}@media (height<=700px) and (orientation:portrait){.box-reveal.revealed h1{min-height:0;font-size:23px}.box-reveal.revealed .box-reveal-art{height:145px}.box-reveal.revealed .box-reveal-art>*{width:160px;height:145px}.box-reveal.revealed>p{margin:8px 0;font-size:13px}.box-reveal.revealed .box-pet-reaction,.box-reveal.revealed .box-pet-reaction>.cs{height:70px}}@media (orientation:landscape) and (height<=600px){.box-reveal{padding:12px 20px}.box-reveal h1{min-height:0;font-size:23px}.box-reveal-art,.box-reveal .box-crack{height:118px;margin:0 auto}.box-crack .magic-chest{width:145px;height:118px}.box-reveal-art>.cosmetic-art,.box-reveal-art>.collection-pet-art{width:125px;height:105px}.box-pet-reaction{display:none}.box-tap-hint{min-height:0;margin:4px 0}.box-tap-progress{margin:8px 0}}@media (prefers-reduced-motion:reduce){.box-reveal *{animation:none!important}}@media (orientation:landscape) and (height<=500px){.game-screen .boxes-page{padding:10px 12px}.game-screen .boxes-page>header{margin-bottom:8px}.boxes-page .box-inventory{grid-template-rows:auto;grid-template-columns:130px minmax(0,1fr);gap:14px;padding:12px}.boxes-page .box-stand-art{grid-row:1;height:120px;min-height:100px;padding:0}.box-plinth{height:16px;bottom:6px}.boxes-page .box-invitation h2{margin:5px 0;font-size:24px}.boxes-page .box-invitation p{margin:0 0 6px;font-size:13px}.boxes-page .box-open{min-width:0;min-height:44px;padding:8px 20px;font-size:17px}.boxes-page .box-friend{display:none}.boxes-page .box-ready{font-size:12px}.boxes-page .boxes-content{gap:14px}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--font-weight-semibold:600;--font-weight-bold:700;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--radius-2xl:1rem;--ease-out:cubic-bezier(0, 0, .2, 1);--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-sm:8px;--blur-md:12px;--blur-xl:24px;--blur-2xl:40px;--blur-3xl:64px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.inset-\[22\%\]{inset:22%}.inset-x-0{inset-inline:0}.inset-x-2{inset-inline:calc(var(--spacing) * 2)}.inset-x-5{inset-inline:calc(var(--spacing) * 5)}.inset-x-8{inset-inline:calc(var(--spacing) * 8)}.inset-x-10{inset-inline:calc(var(--spacing) * 10)}.inset-x-\[14\%\]{inset-inline:14%}.inset-x-\[18\%\]{inset-inline:18%}.inset-x-\[28\%\]{inset-inline:28%}.inset-y-0{inset-block:0}.top-0{top:0}.top-1\.5{top:calc(var(--spacing) * 1.5)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.top-3{top:calc(var(--spacing) * 3)}.top-6{top:calc(var(--spacing) * 6)}.top-7{top:calc(var(--spacing) * 7)}.top-8{top:calc(var(--spacing) * 8)}.top-\[12\%\]{top:12%}.top-\[18\%\]{top:18%}.right-3{right:calc(var(--spacing) * 3)}.right-10{right:calc(var(--spacing) * 10)}.right-100{right:calc(var(--spacing) * 100)}.right-1000{right:calc(var(--spacing) * 1000)}.right-\[10\%\]{right:10%}.bottom-0{bottom:0}.bottom-1\.5{bottom:calc(var(--spacing) * 1.5)}.bottom-3{bottom:calc(var(--spacing) * 3)}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-6{bottom:calc(var(--spacing) * 6)}.bottom-24{bottom:calc(var(--spacing) * 24)}.bottom-28{bottom:calc(var(--spacing) * 28)}.bottom-\[14\%\]{bottom:14%}.bottom-\[18\%\]{bottom:18%}.left-0{left:0}.left-1\.5{left:calc(var(--spacing) * 1.5)}.left-1\/2{left:50%}.left-3{left:calc(var(--spacing) * 3)}.left-12{left:calc(var(--spacing) * 12)}.left-\[-0\.45rem\]{left:-.45rem}.left-\[1\.15rem\]{left:1.15rem}.left-\[10\%\]{left:10%}.isolate{isolation:isolate}.z-10{z-index:10}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[70\]{z-index:70}.z-\[85\]{z-index:85}.col-span-2{grid-column:span 2/span 2}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.container\!{width:100%!important}@media (width>=40rem){.container\!{max-width:40rem!important}}@media (width>=48rem){.container\!{max-width:48rem!important}}@media (width>=64rem){.container\!{max-width:64rem!important}}@media (width>=80rem){.container\!{max-width:80rem!important}}@media (width>=96rem){.container\!{max-width:96rem!important}}.m-2{margin:calc(var(--spacing) * 2)}.m-4{margin:calc(var(--spacing) * 4)}.m-5{margin:calc(var(--spacing) * 5)}.m-6{margin:calc(var(--spacing) * 6)}.m-11{margin:calc(var(--spacing) * 11)}.m-13{margin:calc(var(--spacing) * 13)}.m-14{margin:calc(var(--spacing) * 14)}.m-17{margin:calc(var(--spacing) * 17)}.m-18{margin:calc(var(--spacing) * 18)}.m-22{margin:calc(var(--spacing) * 22)}.m-23{margin:calc(var(--spacing) * 23)}.m-25{margin:calc(var(--spacing) * 25)}.m-28{margin:calc(var(--spacing) * 28)}.m-31{margin:calc(var(--spacing) * 31)}.m-46{margin:calc(var(--spacing) * 46)}.mx-0\.5{margin-inline:calc(var(--spacing) * .5)}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-auto{margin-top:auto}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-3{margin-right:calc(var(--spacing) * 3)}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.ml-1{margin-left:var(--spacing)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-24{height:calc(var(--spacing) * 24)}.h-28{height:calc(var(--spacing) * 28)}.h-32{height:calc(var(--spacing) * 32)}.h-40{height:calc(var(--spacing) * 40)}.h-44{height:calc(var(--spacing) * 44)}.h-\[10\.75rem\]{height:10.75rem}.h-\[30\%\]{height:30%}.h-\[34\%\]{height:34%}.h-\[44\%\]{height:44%}.h-\[92px\]{height:92px}.h-\[100dvh\]{height:100dvh}.h-\[110px\]{height:110px}.h-\[146px\]{height:146px}.h-full{height:100%}.min-h-0{min-height:0}.min-h-\[2\.85rem\]{min-height:2.85rem}.min-h-\[3\.1rem\]{min-height:3.1rem}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-1{width:var(--spacing)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-28{width:calc(var(--spacing) * 28)}.w-32{width:calc(var(--spacing) * 32)}.w-40{width:calc(var(--spacing) * 40)}.w-\[24\%\]{width:24%}.w-\[38\%\]{width:38%}.w-full{width:100%}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[11ch\]{max-width:11ch}.max-w-\[14\.5rem\]{max-width:14.5rem}.max-w-\[16rem\]{max-width:16rem}.max-w-\[17rem\]{max-width:17rem}.max-w-\[20\.5rem\]{max-width:20.5rem}.max-w-\[22ch\]{max-width:22ch}.max-w-\[30rem\]{max-width:30rem}.max-w-\[1480px\]{max-width:1480px}.max-w-full{max-width:100%}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:0}.min-w-\[40rem\]{min-width:40rem}.min-w-\[720px\]{min-width:720px}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[4px\]{--tw-translate-y:4px;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[5px\]{--tw-translate-y:5px;translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-45{rotate:45deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.transform\!{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)!important}.animate-pulse{animation:var(--animate-pulse)}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-\[1\.2fr_0\.8fr_0\.9fr_0\.9fr_0\.9fr\]{grid-template-columns:1.2fr .8fr .9fr .9fr .9fr}.grid-cols-\[2\.8rem_minmax\(0\,1fr\)_2\.8rem\]{grid-template-columns:2.8rem minmax(0,1fr) 2.8rem}.grid-cols-\[3rem_minmax\(0\,1fr\)_3rem\]{grid-template-columns:3rem minmax(0,1fr) 3rem}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[0\.7rem\]{border-radius:.7rem}.rounded-\[0\.8rem\]{border-radius:.8rem}.rounded-\[0\.65rem\]{border-radius:.65rem}.rounded-\[0\.95rem\]{border-radius:.95rem}.rounded-\[1\.1rem\]{border-radius:1.1rem}.rounded-\[1\.2rem\]{border-radius:1.2rem}.rounded-\[1\.3rem\]{border-radius:1.3rem}.rounded-\[1\.4rem\]{border-radius:1.4rem}.rounded-\[1\.05rem\]{border-radius:1.05rem}.rounded-\[1\.5rem\]{border-radius:1.5rem}.rounded-\[1\.6rem\]{border-radius:1.6rem}.rounded-\[1\.7rem\]{border-radius:1.7rem}.rounded-\[1\.8rem\]{border-radius:1.8rem}.rounded-\[1\.9rem\]{border-radius:1.9rem}.rounded-\[1\.35rem\]{border-radius:1.35rem}.rounded-\[1\.45rem\]{border-radius:1.45rem}.rounded-\[1\.55rem\]{border-radius:1.55rem}.rounded-\[1\.65rem\]{border-radius:1.65rem}.rounded-\[1\.75rem\]{border-radius:1.75rem}.rounded-\[1\.85rem\]{border-radius:1.85rem}.rounded-\[1rem\]{border-radius:1rem}.rounded-\[2\.1rem\]{border-radius:2.1rem}.rounded-\[2\.2rem\]{border-radius:2.2rem}.rounded-\[2rem\]{border-radius:2rem}.rounded-full{border-radius:2147483647px}.rounded-b-\[0\.95rem\]{border-bottom-right-radius:.95rem;border-bottom-left-radius:.95rem}.rounded-b-\[1\.05rem\]{border-bottom-right-radius:1.05rem;border-bottom-left-radius:1.05rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-\[\#5c6f89\]{border-color:#5c6f89}.border-\[\#8de7d1\]{border-color:#8de7d1}.border-\[\#bca57b\]{border-color:#bca57b}.border-\[\#f0d48a\]{border-color:#f0d48a}.border-\[\#f5dd91\]{border-color:#f5dd91}.border-\[rgba\(111\,200\,174\,0\.14\)\]{border-color:#6fc8ae24}.border-\[rgba\(111\,200\,174\,0\.18\)\]{border-color:#6fc8ae2e}.border-\[rgba\(111\,200\,174\,0\.22\)\]{border-color:#6fc8ae38}.border-\[rgba\(111\,200\,174\,0\.24\)\]{border-color:#6fc8ae3d}.border-\[rgba\(111\,200\,174\,0\.28\)\]{border-color:#6fc8ae47}.border-\[rgba\(111\,200\,174\,0\.34\)\]{border-color:#6fc8ae57}.border-\[rgba\(111\,200\,174\,0\.38\)\]{border-color:#6fc8ae61}.border-\[rgba\(122\,166\,184\,0\.5\)\]{border-color:#7aa6b880}.border-\[rgba\(131\,154\,255\,0\.22\)\]{border-color:#839aff38}.border-\[rgba\(143\,233\,207\,0\.2\)\]{border-color:#8fe9cf33}.border-\[rgba\(143\,233\,207\,0\.5\)\]{border-color:#8fe9cf80}.border-\[rgba\(143\,233\,207\,0\.28\)\]{border-color:#8fe9cf47}.border-\[rgba\(143\,233\,207\,0\.38\)\]{border-color:#8fe9cf61}.border-\[rgba\(143\,233\,207\,0\.42\)\]{border-color:#8fe9cf6b}.border-\[rgba\(145\,240\,213\,0\.2\)\]{border-color:#91f0d533}.border-\[rgba\(145\,240\,213\,0\.3\)\]{border-color:#91f0d54d}.border-\[rgba\(145\,240\,213\,0\.12\)\]{border-color:#91f0d51f}.border-\[rgba\(145\,240\,213\,0\.16\)\]{border-color:#91f0d529}.border-\[rgba\(145\,240\,213\,0\.18\)\]{border-color:#91f0d52e}.border-\[rgba\(145\,240\,213\,0\.22\)\]{border-color:#91f0d538}.border-\[rgba\(145\,240\,213\,0\.24\)\]{border-color:#91f0d53d}.border-\[rgba\(145\,240\,213\,0\.26\)\]{border-color:#91f0d542}.border-\[rgba\(145\,240\,213\,0\.34\)\]{border-color:#91f0d557}.border-\[rgba\(145\,240\,213\,0\.42\)\]{border-color:#91f0d56b}.border-\[rgba\(145\,240\,213\,0\.46\)\]{border-color:#91f0d575}.border-\[rgba\(193\,92\,103\,0\.38\)\]{border-color:#c15c6761}.border-\[rgba\(214\,179\,106\,0\.1\)\]{border-color:#d6b36a1a}.border-\[rgba\(214\,179\,106\,0\.2\)\]{border-color:#d6b36a33}.border-\[rgba\(214\,179\,106\,0\.3\)\]{border-color:#d6b36a4d}.border-\[rgba\(214\,179\,106\,0\.4\)\]{border-color:#d6b36a66}.border-\[rgba\(214\,179\,106\,0\.14\)\]{border-color:#d6b36a24}.border-\[rgba\(214\,179\,106\,0\.16\)\]{border-color:#d6b36a29}.border-\[rgba\(214\,179\,106\,0\.18\)\]{border-color:#d6b36a2e}.border-\[rgba\(214\,179\,106\,0\.22\)\]{border-color:#d6b36a38}.border-\[rgba\(214\,179\,106\,0\.24\)\]{border-color:#d6b36a3d}.border-\[rgba\(214\,179\,106\,0\.25\)\]{border-color:#d6b36a40}.border-\[rgba\(214\,179\,106\,0\.34\)\]{border-color:#d6b36a57}.border-\[rgba\(214\,179\,106\,0\.38\)\]{border-color:#d6b36a61}.border-\[rgba\(214\,179\,106\,0\.42\)\]{border-color:#d6b36a6b}.border-\[rgba\(240\,90\,79\,0\.18\)\]{border-color:#f05a4f2e}.border-\[rgba\(240\,90\,79\,0\.34\)\]{border-color:#f05a4f57}.border-\[rgba\(240\,212\,138\,0\.55\)\]{border-color:#f0d48a8c}.border-\[rgba\(249\,115\,22\,0\.5\)\]{border-color:#f9731680}.border-\[rgba\(255\,125\,104\,0\.34\)\]{border-color:#ff7d6857}.border-\[rgba\(255\,125\,104\,0\.55\)\]{border-color:#ff7d688c}.border-\[rgba\(255\,137\,112\,0\.24\)\]{border-color:#ff89703d}.border-\[rgba\(255\,137\,112\,0\.26\)\]{border-color:#ff897042}.border-\[rgba\(255\,139\,108\,0\.28\)\]{border-color:#ff8b6c47}.border-\[rgba\(255\,152\,112\,0\.3\)\]{border-color:#ff98704d}.border-\[rgba\(255\,190\,108\,0\.18\)\]{border-color:#ffbe6c2e}.border-\[rgba\(255\,190\,108\,0\.22\)\]{border-color:#ffbe6c38}.border-\[rgba\(255\,206\,126\,0\.16\)\]{border-color:#ffce7e29}.border-\[rgba\(255\,206\,126\,0\.18\)\]{border-color:#ffce7e2e}.border-\[rgba\(255\,206\,126\,0\.35\)\]{border-color:#ffce7e59}.border-\[rgba\(255\,214\,168\,0\.12\)\]{border-color:#ffd6a81f}.border-\[rgba\(255\,214\,168\,0\.14\)\]{border-color:#ffd6a824}.border-\[rgba\(255\,214\,168\,0\.16\)\]{border-color:#ffd6a829}.border-\[rgba\(255\,214\,168\,0\.18\)\]{border-color:#ffd6a82e}.border-\[rgba\(255\,214\,168\,0\.22\)\]{border-color:#ffd6a838}.border-\[rgba\(255\,214\,168\,0\.24\)\]{border-color:#ffd6a83d}.border-\[rgba\(255\,214\,168\,0\.26\)\]{border-color:#ffd6a842}.border-\[rgba\(255\,222\,146\,0\.6\)\]{border-color:#ffde9299}.border-\[rgba\(255\,255\,255\,0\.05\)\]{border-color:#ffffff0d}.border-\[rgba\(255\,255\,255\,0\.08\)\]{border-color:#ffffff14}.border-\[rgba\(255\,255\,255\,0\.14\)\]{border-color:#ffffff24}.border-\[rgba\(255\,255\,255\,0\.18\)\]{border-color:#ffffff2e}.border-current\/25{border-color:currentColor}@supports (color:color-mix(in lab, red, red)){.border-current\/25{border-color:color-mix(in oklab, currentcolor 25%, transparent)}}.border-white\/18{border-color:#ffffff2e}@supports (color:color-mix(in lab, red, red)){.border-white\/18{border-color:color-mix(in oklab, var(--color-white) 18%, transparent)}}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.border-white\/20{border-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.bg-\[\#7ae0c2\]{background-color:#7ae0c2}.bg-\[\#8fe9cf\]{background-color:#8fe9cf}.bg-\[\#f0d48a\]{background-color:#f0d48a}.bg-\[radial-gradient\(circle_at_50\%_18\%\,rgba\(255\,214\,136\,0\.12\)\,transparent_22\%\)\,rgba\(6\,10\,17\,0\.96\)\]{background-color:radial-gradient(circle at 50% 18%,#ffd6881f,transparent 22%),#060a11f5}.bg-\[rgba\(3\,7\,14\,0\.82\)\]{background-color:#03070ed1}.bg-\[rgba\(4\,7\,16\,0\.68\)\]{background-color:#040710ad}.bg-\[rgba\(4\,7\,16\,0\.82\)\]{background-color:#040710d1}.bg-\[rgba\(4\,7\,16\,0\.86\)\]{background-color:#040710db}.bg-\[rgba\(5\,9\,16\,0\.18\)\]{background-color:#0509102e}.bg-\[rgba\(5\,9\,16\,0\.34\)\]{background-color:#05091057}.bg-\[rgba\(5\,10\,18\,0\.5\)\]{background-color:#050a1280}.bg-\[rgba\(5\,10\,18\,0\.6\)\]{background-color:#050a1299}.bg-\[rgba\(7\,10\,17\,0\.38\)\]{background-color:#070a1161}.bg-\[rgba\(8\,14\,24\,0\.6\)\]{background-color:#080e1899}.bg-\[rgba\(9\,16\,28\,0\.62\)\]{background-color:#09101c9e}.bg-\[rgba\(9\,25\,23\,0\.84\)\]{background-color:#091917d6}.bg-\[rgba\(10\,18\,31\,0\.56\)\]{background-color:#0a121f8f}.bg-\[rgba\(10\,18\,31\,0\.62\)\]{background-color:#0a121f9e}.bg-\[rgba\(10\,18\,31\,0\.72\)\]{background-color:#0a121fb8}.bg-\[rgba\(10\,18\,31\,0\.78\)\]{background-color:#0a121fc7}.bg-\[rgba\(11\,20\,34\,0\.72\)\]{background-color:#0b1422b8}.bg-\[rgba\(16\,28\,29\,0\.98\)\]{background-color:#101c1dfa}.bg-\[rgba\(16\,44\,36\,0\.84\)\]{background-color:#102c24d6}.bg-\[rgba\(16\,44\,36\,0\.96\)\]{background-color:#102c24f5}.bg-\[rgba\(17\,33\,34\,0\.92\)\]{background-color:#112122eb}.bg-\[rgba\(18\,24\,35\,0\.96\)\]{background-color:#121823f5}.bg-\[rgba\(18\,24\,35\,0\.975\)\]{background-color:#121823f9}.bg-\[rgba\(18\,44\,40\,0\.88\)\]{background-color:#122c28e0}.bg-\[rgba\(18\,57\,51\,0\.86\)\]{background-color:#123933db}.bg-\[rgba\(22\,28\,39\,0\.94\)\]{background-color:#161c27f0}.bg-\[rgba\(22\,28\,39\,0\.96\)\]{background-color:#161c27f5}.bg-\[rgba\(22\,40\,38\,0\.88\)\]{background-color:#162826e0}.bg-\[rgba\(22\,40\,38\,0\.96\)\]{background-color:#162826f5}.bg-\[rgba\(22\,44\,56\,0\.96\)\]{background-color:#162c38f5}.bg-\[rgba\(23\,42\,40\,0\.72\)\]{background-color:#172a28b8}.bg-\[rgba\(23\,42\,40\,0\.76\)\]{background-color:#172a28c2}.bg-\[rgba\(23\,42\,40\,0\.88\)\]{background-color:#172a28e0}.bg-\[rgba\(23\,42\,40\,0\.96\)\]{background-color:#172a28f5}.bg-\[rgba\(23\,73\,64\,0\.95\)\]{background-color:#174940f2}.bg-\[rgba\(24\,41\,39\,0\.92\)\]{background-color:#182927eb}.bg-\[rgba\(24\,41\,39\,0\.96\)\]{background-color:#182927f5}.bg-\[rgba\(24\,44\,42\,0\.92\)\]{background-color:#182c2aeb}.bg-\[rgba\(24\,44\,42\,0\.96\)\]{background-color:#182c2af5}.bg-\[rgba\(25\,18\,9\,0\.84\)\]{background-color:#191209d6}.bg-\[rgba\(26\,31\,42\,0\.94\)\]{background-color:#1a1f2af0}.bg-\[rgba\(31\,39\,49\,0\.9\)\]{background-color:#1f2731e6}.bg-\[rgba\(31\,39\,49\,0\.76\)\]{background-color:#1f2731c2}.bg-\[rgba\(31\,39\,49\,0\.94\)\]{background-color:#1f2731f0}.bg-\[rgba\(32\,56\,51\,0\.96\)\]{background-color:#203833f5}.bg-\[rgba\(35\,10\,16\,0\.86\)\]{background-color:#230a10db}.bg-\[rgba\(36\,35\,28\,0\.96\)\]{background-color:#24231cf5}.bg-\[rgba\(38\,14\,20\,0\.78\)\]{background-color:#260e14c7}.bg-\[rgba\(43\,33\,24\,0\.88\)\]{background-color:#2b2118e0}.bg-\[rgba\(54\,8\,18\,0\.94\)\]{background-color:#360812f0}.bg-\[rgba\(62\,42\,24\,0\.86\)\]{background-color:#3e2a18db}.bg-\[rgba\(62\,44\,24\,0\.84\)\]{background-color:#3e2c18d6}.bg-\[rgba\(63\,41\,28\,0\.92\)\]{background-color:#3f291ceb}.bg-\[rgba\(63\,41\,28\,0\.96\)\]{background-color:#3f291cf5}.bg-\[rgba\(68\,28\,14\,0\.96\)\]{background-color:#441c0ef5}.bg-\[rgba\(76\,54\,24\,0\.32\)\]{background-color:#4c361852}.bg-\[rgba\(78\,18\,24\,0\.88\)\]{background-color:#4e1218e0}.bg-\[rgba\(82\,31\,24\,0\.82\)\]{background-color:#521f18d1}.bg-\[rgba\(83\,37\,27\,0\.96\)\]{background-color:#53251bf5}.bg-\[rgba\(90\,130\,255\,0\.12\)\]{background-color:#5a82ff1f}.bg-\[rgba\(92\,33\,25\,0\.32\)\]{background-color:#5c211952}.bg-\[rgba\(97\,65\,30\,0\.92\)\]{background-color:#61411eeb}.bg-\[rgba\(98\,33\,24\,0\.6\)\]{background-color:#62211899}.bg-\[rgba\(111\,200\,174\,0\.1\)\]{background-color:#6fc8ae1a}.bg-\[rgba\(111\,200\,174\,0\.08\)\]{background-color:#6fc8ae14}.bg-\[rgba\(111\,200\,174\,0\.12\)\]{background-color:#6fc8ae1f}.bg-\[rgba\(111\,200\,174\,0\.14\)\]{background-color:#6fc8ae24}.bg-\[rgba\(111\,200\,174\,0\.26\)\]{background-color:#6fc8ae42}.bg-\[rgba\(131\,154\,255\,0\.1\)\]{background-color:#839aff1a}.bg-\[rgba\(143\,233\,207\,0\.12\)\]{background-color:#8fe9cf1f}.bg-\[rgba\(143\,233\,207\,0\.22\)\]{background-color:#8fe9cf38}.bg-\[rgba\(187\,240\,224\,0\.24\)\]{background-color:#bbf0e03d}.bg-\[rgba\(207\,242\,255\,0\.24\)\]{background-color:#cff2ff3d}.bg-\[rgba\(214\,179\,106\,0\.08\)\]{background-color:#d6b36a14}.bg-\[rgba\(214\,179\,106\,0\.12\)\]{background-color:#d6b36a1f}.bg-\[rgba\(214\,179\,106\,0\.14\)\]{background-color:#d6b36a24}.bg-\[rgba\(214\,179\,106\,0\.18\)\]{background-color:#d6b36a2e}.bg-\[rgba\(214\,179\,106\,0\.35\)\]{background-color:#d6b36a59}.bg-\[rgba\(230\,255\,246\,0\.92\)\]{background-color:#e6fff6eb}.bg-\[rgba\(230\,255\,246\,0\.94\)\]{background-color:#e6fff6f0}.bg-\[rgba\(240\,212\,138\,0\.12\)\]{background-color:#f0d48a1f}.bg-\[rgba\(240\,212\,138\,0\.88\)\]{background-color:#f0d48ae0}.bg-\[rgba\(244\,251\,255\,0\.94\)\]{background-color:#f4fbfff0}.bg-\[rgba\(255\,152\,112\,0\.24\)\]{background-color:#ff98703d}.bg-\[rgba\(255\,156\,76\,0\.12\)\]{background-color:#ff9c4c1f}.bg-\[rgba\(255\,157\,84\,0\.08\)\]{background-color:#ff9d5414}.bg-\[rgba\(255\,159\,84\,0\.08\)\]{background-color:#ff9f5414}.bg-\[rgba\(255\,190\,108\,0\.26\)\]{background-color:#ffbe6c42}.bg-\[rgba\(255\,210\,122\,0\.08\)\]{background-color:#ffd27a14}.bg-\[rgba\(255\,212\,138\,0\.22\)\]{background-color:#ffd48a38}.bg-\[rgba\(255\,214\,168\,0\.22\)\]{background-color:#ffd6a838}.bg-\[rgba\(255\,214\,168\,0\.24\)\]{background-color:#ffd6a83d}.bg-\[rgba\(255\,222\,146\,0\.14\)\]{background-color:#ffde9224}.bg-\[rgba\(255\,225\,164\,0\.92\)\]{background-color:#ffe1a4eb}.bg-\[rgba\(255\,226\,208\,0\.92\)\]{background-color:#ffe2d0eb}.bg-\[rgba\(255\,240\,207\,0\.88\)\]{background-color:#fff0cfe0}.bg-\[rgba\(255\,244\,216\,0\.92\)\]{background-color:#fff4d8eb}.bg-\[rgba\(255\,245\,214\,0\.92\)\]{background-color:#fff5d6eb}.bg-\[rgba\(255\,255\,255\,0\.03\)\]{background-color:#ffffff08}.bg-\[rgba\(255\,255\,255\,0\.04\)\]{background-color:#ffffff0a}.bg-\[rgba\(255\,255\,255\,0\.05\)\]{background-color:#ffffff0d}.bg-\[rgba\(255\,255\,255\,0\.06\)\]{background-color:#ffffff0f}.bg-\[rgba\(255\,255\,255\,0\.08\)\]{background-color:#ffffff14}.bg-\[rgba\(255\,255\,255\,0\.09\)\]{background-color:#ffffff17}.bg-\[rgba\(255\,255\,255\,0\.12\)\]{background-color:#ffffff1f}.bg-black\/10{background-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.bg-black\/10{background-color:color-mix(in oklab, var(--color-black) 10%, transparent)}}.bg-transparent{background-color:#0000}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-\[linear-gradient\(90deg\,\#6fc8ae_0\%\,\#d7b25d_55\%\,\#fff0c9_100\%\)\]{background-image:linear-gradient(90deg,#6fc8ae 0%,#d7b25d 55%,#fff0c9 100%)}.bg-\[linear-gradient\(90deg\,\#ffd688\,\#ff9151\)\]{background-image:linear-gradient(90deg,#ffd688,#ff9151)}.bg-\[linear-gradient\(180deg\,\#8fe9cf\,\#4f8e83\)\]{background-image:linear-gradient(#8fe9cf,#4f8e83)}.bg-\[linear-gradient\(180deg\,\#d9b76d\,\#9c6a36\)\]{background-image:linear-gradient(#d9b76d,#9c6a36)}.bg-\[linear-gradient\(180deg\,\#f0d48a\,\#9c6a36\)\]{background-image:linear-gradient(#f0d48a,#9c6a36)}.bg-\[linear-gradient\(180deg\,rgba\(14\,24\,39\,0\.94\)\,rgba\(8\,13\,23\,0\.98\)\)\]{background-image:linear-gradient(#0e1827f0,#080d17fa)}.bg-\[linear-gradient\(180deg\,rgba\(20\,43\,42\,0\.92\)\,rgba\(8\,13\,22\,0\.94\)\)\]{background-image:linear-gradient(#142b2aeb,#080d16f0)}.bg-\[linear-gradient\(180deg\,rgba\(20\,64\,58\,0\.95\)\,rgba\(9\,19\,25\,0\.98\)\)\]{background-image:linear-gradient(#14403af2,#091319fa)}.bg-\[linear-gradient\(180deg\,rgba\(26\,46\,48\,0\.98\)\,rgba\(10\,26\,28\,0\.98\)\)\]{background-image:linear-gradient(#1a2e30fa,#0a1a1cfa)}.bg-\[linear-gradient\(180deg\,rgba\(26\,58\,52\,0\.98\)\,rgba\(12\,32\,28\,0\.98\)\)\]{background-image:linear-gradient(#1a3a34fa,#0c201cfa)}.bg-\[linear-gradient\(180deg\,rgba\(28\,34\,48\,0\.94\)\,rgba\(8\,13\,22\,0\.96\)\)\]{background-image:linear-gradient(#1c2230f0,#080d16f5)}.bg-\[linear-gradient\(180deg\,rgba\(33\,29\,28\,0\.92\)\,rgba\(8\,13\,22\,0\.94\)\)\]{background-image:linear-gradient(#211d1ceb,#080d16f0)}.bg-\[linear-gradient\(180deg\,rgba\(36\,45\,56\,0\.88\)\,rgba\(12\,16\,24\,0\.94\)\)\]{background-image:linear-gradient(#242d38e0,#0c1018f0)}.bg-\[linear-gradient\(180deg\,rgba\(45\,24\,18\,0\.92\)\,rgba\(14\,18\,31\,0\.88\)\)\]{background-image:linear-gradient(#2d1812eb,#0e121fe0)}.bg-\[linear-gradient\(180deg\,rgba\(53\,39\,24\,0\.72\)\,rgba\(10\,15\,23\,0\.96\)\)\]{background-image:linear-gradient(#352718b8,#0a0f17f5)}.bg-\[linear-gradient\(180deg\,rgba\(55\,39\,22\,0\.72\)\,rgba\(11\,15\,24\,0\.92\)\)\]{background-image:linear-gradient(#372716b8,#0b0f18eb)}.bg-\[linear-gradient\(180deg\,rgba\(62\,44\,24\,0\.98\)\,rgba\(36\,22\,10\,0\.98\)\)\]{background-image:linear-gradient(#3e2c18fa,#24160afa)}.bg-\[linear-gradient\(180deg\,rgba\(67\,15\,22\,0\.9\)\,rgba\(18\,14\,24\,0\.94\)\)\]{background-image:linear-gradient(#430f16e6,#120e18f0)}.bg-\[linear-gradient\(180deg\,rgba\(67\,15\,22\,0\.92\)\,rgba\(14\,18\,31\,0\.9\)\)\]{background-image:linear-gradient(#430f16eb,#0e121fe6)}.bg-\[linear-gradient\(180deg\,rgba\(72\,51\,28\,0\.94\)\,rgba\(11\,15\,24\,0\.98\)\)\]{background-image:linear-gradient(#48331cf0,#0b0f18fa)}.bg-\[linear-gradient\(180deg\,rgba\(111\,200\,174\,0\.14\)\,rgba\(12\,27\,27\,0\.8\)\)\]{background-image:linear-gradient(#6fc8ae24,#0c1b1bcc)}.bg-\[linear-gradient\(180deg\,rgba\(214\,179\,106\,0\.12\)\,rgba\(145\,240\,213\,0\.28\)\,rgba\(145\,240\,213\,0\.1\)\)\]{background-image:linear-gradient(#d6b36a1f,#91f0d547,#91f0d51a)}.bg-\[linear-gradient\(180deg\,rgba\(255\,202\,133\,0\.18\)\,rgba\(47\,29\,19\,0\.72\)\)\]{background-image:linear-gradient(#ffca852e,#2f1d13b8)}.bg-\[radial-gradient\(circle_at_16\%_22\%\,rgba\(255\,214\,140\,0\.16\)\,transparent_20\%\)\,radial-gradient\(circle_at_74\%_18\%\,rgba\(143\,233\,207\,0\.18\)\,transparent_24\%\)\,radial-gradient\(circle_at_58\%_76\%\,rgba\(93\,117\,191\,0\.18\)\,transparent_28\%\)\]{background-image:radial-gradient(circle at 16% 22%,#ffd68c29,#0000 20%),radial-gradient(circle at 74% 18%,#8fe9cf2e,#0000 24%),radial-gradient(circle at 58% 76%,#5d75bf2e,#0000 28%)}.bg-\[radial-gradient\(circle_at_50\%_18\%\,rgba\(255\,255\,255\,0\.34\)\,transparent_30\%\)\,radial-gradient\(circle_at_50\%_120\%\,rgba\(16\,20\,28\,0\.45\)\,transparent_55\%\)\]{background-image:radial-gradient(circle at 50% 18%,#ffffff57,#0000 30%),radial-gradient(circle at 50% 120%,#10141c73,#0000 55%)}.bg-\[radial-gradient\(circle_at_top\,rgba\(91\,121\,127\,0\.24\)\,transparent_36\%\)\,linear-gradient\(180deg\,\#0d1624_0\%\,\#090d16_55\%\,\#06090f_100\%\)\]{background-image:radial-gradient(circle at top,#5b797f3d,#0000 36%),linear-gradient(#0d1624 0%,#090d16 55%,#06090f 100%)}.bg-\[radial-gradient\(circle_at_top\,rgba\(255\,240\,201\,0\.1\)\,rgba\(11\,17\,28\,0\.88\)\)\]{background-image:radial-gradient(circle at top,#fff0c91a,#0b111ce0)}.from-\[\#0f2234\]{--tw-gradient-from:#0f2234;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#2b6b5f\]{--tw-gradient-from:#2b6b5f;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#3a8e78\]{--tw-gradient-from:#3a8e78;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#4fc8b1\]{--tw-gradient-from:#4fc8b1;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#6fc8ae\]{--tw-gradient-from:#6fc8ae;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#8ad9c5\]{--tw-gradient-from:#8ad9c5;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#9ef2d8\]{--tw-gradient-from:#9ef2d8;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#76d9bc\]{--tw-gradient-from:#76d9bc;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#33465f\]{--tw-gradient-from:#33465f;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#76624b\]{--tw-gradient-from:#76624b;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#c6a86d\]{--tw-gradient-from:#c6a86d;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#c8b389\]{--tw-gradient-from:#c8b389;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#c13a3c\]{--tw-gradient-from:#c13a3c;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#c67cff\]{--tw-gradient-from:#c67cff;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#d1a24d\]{--tw-gradient-from:#d1a24d;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#d4b06b\]{--tw-gradient-from:#d4b06b;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#d6e6dc\]{--tw-gradient-from:#d6e6dc;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#dff8ff\]{--tw-gradient-from:#dff8ff;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#e4c88f\]{--tw-gradient-from:#e4c88f;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#f0a63a\]{--tw-gradient-from:#f0a63a;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#f05a4f\]{--tw-gradient-from:#f05a4f;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#f6d98d\]{--tw-gradient-from:#f6d98d;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#ff8d6b\]{--tw-gradient-from:#ff8d6b;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#ffb5b0\]{--tw-gradient-from:#ffb5b0;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#ffb07d\]{--tw-gradient-from:#ffb07d;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#ffb470\]{--tw-gradient-from:#ffb470;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#ffd681\]{--tw-gradient-from:#ffd681;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#ffe19b\]{--tw-gradient-from:#ffe19b;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#ffe28a\]{--tw-gradient-from:#ffe28a;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#fff6dd\]{--tw-gradient-from:#fff6dd;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-\[\#fffdf7\]{--tw-gradient-from:#fffdf7;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-\[\#1d5963\]{--tw-gradient-via:#1d5963;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-\[\#1f5f57\]{--tw-gradient-via:#1f5f57;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-\[\#2d3039\]{--tw-gradient-via:#2d3039;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-\[\#3f4658\]{--tw-gradient-via:#3f4658;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-\[\#49b89e\]{--tw-gradient-via:#49b89e;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-\[\#173f4d\]{--tw-gradient-via:#173f4d;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-\[\#799ab0\]{--tw-gradient-via:#799ab0;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-\[\#69451e\]{--tw-gradient-via:#69451e;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-\[\#324253\]{--tw-gradient-via:#324253;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-\[\#607079\]{--tw-gradient-via:#607079;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-\[\#863720\]{--tw-gradient-via:#863720;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-\[\#b57e49\]{--tw-gradient-via:#b57e49;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-\[\#d6666e\]{--tw-gradient-via:#d6666e;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-\[\#df8645\]{--tw-gradient-via:#df8645;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-\[\#f2d77b\]{--tw-gradient-via:#f2d77b;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-\[\#f4e8ce\]{--tw-gradient-via:#f4e8ce;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-\[\#ff9553\]{--tw-gradient-via:#ff9553;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-\[\#0b1220\]{--tw-gradient-to:#0b1220;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#0c2a24\]{--tw-gradient-to:#0c2a24;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#0c1320\]{--tw-gradient-to:#0c1320;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#0d121b\]{--tw-gradient-to:#0d121b;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#0f3530\]{--tw-gradient-to:#0f3530;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#3a2a14\]{--tw-gradient-to:#3a2a14;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#3e1a55\]{--tw-gradient-to:#3e1a55;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#6b2a0f\]{--tw-gradient-to:#6b2a0f;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#7a2d1a\]{--tw-gradient-to:#7a2d1a;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#7a4e10\]{--tw-gradient-to:#7a4e10;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#8a1d26\]{--tw-gradient-to:#8a1d26;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#8a5a18\]{--tw-gradient-to:#8a5a18;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#123a45\]{--tw-gradient-to:#123a45;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#123c36\]{--tw-gradient-to:#123c36;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#180f15\]{--tw-gradient-to:#180f15;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#08111c\]{--tw-gradient-to:#08111c;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#08121c\]{--tw-gradient-to:#08121c;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#11131b\]{--tw-gradient-to:#11131b;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#050915\]{--tw-gradient-to:#050915;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#66251a\]{--tw-gradient-to:#66251a;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#091019\]{--tw-gradient-to:#091019;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#101622\]{--tw-gradient-to:#101622;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#111521\]{--tw-gradient-to:#111521;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#382218\]{--tw-gradient-to:#382218;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#431521\]{--tw-gradient-to:#431521;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#541218\]{--tw-gradient-to:#541218;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#582414\]{--tw-gradient-to:#582414;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#b9752a\]{--tw-gradient-to:#b9752a;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#d1bc98\]{--tw-gradient-to:#d1bc98;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.p-1{padding:var(--spacing)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-7{padding:calc(var(--spacing) * 7)}.p-8{padding:calc(var(--spacing) * 8)}.px-1{padding-inline:var(--spacing)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pr-1{padding-right:var(--spacing)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pb-1{padding-bottom:var(--spacing)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pl-10{padding-left:calc(var(--spacing) * 10)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.6rem\]{font-size:.6rem}.text-\[0\.7rem\]{font-size:.7rem}.text-\[0\.8rem\]{font-size:.8rem}.text-\[0\.52rem\]{font-size:.52rem}.text-\[0\.56rem\]{font-size:.56rem}.text-\[0\.58rem\]{font-size:.58rem}.text-\[0\.62rem\]{font-size:.62rem}.text-\[0\.64rem\]{font-size:.64rem}.text-\[0\.65rem\]{font-size:.65rem}.text-\[0\.66rem\]{font-size:.66rem}.text-\[0\.68rem\]{font-size:.68rem}.text-\[0\.72rem\]{font-size:.72rem}.text-\[0\.74rem\]{font-size:.74rem}.text-\[0\.76rem\]{font-size:.76rem}.text-\[0\.78rem\]{font-size:.78rem}.text-\[0\.86rem\]{font-size:.86rem}.text-\[0\.95rem\]{font-size:.95rem}.text-\[0\.96rem\]{font-size:.96rem}.text-\[0\.97rem\]{font-size:.97rem}.text-\[0\.98rem\]{font-size:.98rem}.text-\[1\.02rem\]{font-size:1.02rem}.text-\[1\.2rem\]{font-size:1.2rem}.text-\[1\.05rem\]{font-size:1.05rem}.text-\[1\.15rem\]{font-size:1.15rem}.text-\[1\.22rem\]{font-size:1.22rem}.text-\[1\.35rem\]{font-size:1.35rem}.text-\[1\.75rem\]{font-size:1.75rem}.text-\[1rem\]{font-size:1rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-8{--tw-leading:calc(var(--spacing) * 8);line-height:calc(var(--spacing) * 8)}.leading-9{--tw-leading:calc(var(--spacing) * 9);line-height:calc(var(--spacing) * 9)}.leading-\[0\.92\]{--tw-leading:.92;line-height:.92}.leading-\[0\.96\]{--tw-leading:.96;line-height:.96}.leading-\[0\.98\]{--tw-leading:.98;line-height:.98}.leading-\[1\.5\]{--tw-leading:1.5;line-height:1.5}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.1em\]{--tw-tracking:.1em;letter-spacing:.1em}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-\[0\.06em\]{--tw-tracking:.06em;letter-spacing:.06em}.tracking-\[0\.08em\]{--tw-tracking:.08em;letter-spacing:.08em}.tracking-\[0\.14em\]{--tw-tracking:.14em;letter-spacing:.14em}.tracking-\[0\.16em\]{--tw-tracking:.16em;letter-spacing:.16em}.tracking-\[0\.18em\]{--tw-tracking:.18em;letter-spacing:.18em}.tracking-\[0\.22em\]{--tw-tracking:.22em;letter-spacing:.22em}.tracking-\[0\.24em\]{--tw-tracking:.24em;letter-spacing:.24em}.tracking-\[0\.26em\]{--tw-tracking:.26em;letter-spacing:.26em}.tracking-\[0\.28em\]{--tw-tracking:.28em;letter-spacing:.28em}.text-\[\#1a1206\]{color:#1a1206}.text-\[\#1b1410\]{color:#1b1410}.text-\[\#2d3442\]{color:#2d3442}.text-\[\#4a2a30\]{color:#4a2a30}.text-\[\#5d6a7d\]{color:#5d6a7d}.text-\[\#5f4715\]{color:#5f4715}.text-\[\#8FE9CF\]{color:#8fe9cf}.text-\[\#8ccfc1\]{color:#8ccfc1}.text-\[\#8cd1c2\]{color:#8cd1c2}.text-\[\#8ea1b8\]{color:#8ea1b8}.text-\[\#8fe9cf\]{color:#8fe9cf}.text-\[\#9ecfc3\]{color:#9ecfc3}.text-\[\#9faec1\]{color:#9faec1}.text-\[\#9fcbc2\]{color:#9fcbc2}.text-\[\#97d8c8\]{color:#97d8c8}.text-\[\#11202b\]{color:#11202b}.text-\[\#17131a\]{color:#17131a}.text-\[\#30220b\]{color:#30220b}.text-\[\#556171\]{color:#556171}.text-\[\#a7f1df\]{color:#a7f1df}.text-\[\#b8d6cd\]{color:#b8d6cd}.text-\[\#b9c5d8\]{color:#b9c5d8}.text-\[\#bdcade\]{color:#bdcade}.text-\[\#bdf9ea\]{color:#bdf9ea}.text-\[\#bfae91\]{color:#bfae91}.text-\[\#bfc8d8\]{color:#bfc8d8}.text-\[\#bfeedd\]{color:#bfeedd}.text-\[\#c8b99c\]{color:#c8b99c}.text-\[\#c8cfdb\]{color:#c8cfdb}.text-\[\#c9d4df\]{color:#c9d4df}.text-\[\#cbbda0\]{color:#cbbda0}.text-\[\#cbd3df\]{color:#cbd3df}.text-\[\#cdbf9f\]{color:#cdbf9f}.text-\[\#d3c9b2\]{color:#d3c9b2}.text-\[\#d6cfbc\]{color:#d6cfbc}.text-\[\#d6dfd8\]{color:#d6dfd8}.text-\[\#d7cfbc\]{color:#d7cfbc}.text-\[\#d7fff2\]{color:#d7fff2}.text-\[\#d7fff4\]{color:#d7fff4}.text-\[\#d8b87a\]{color:#d8b87a}.text-\[\#d8ccb4\]{color:#d8ccb4}.text-\[\#d8e5de\]{color:#d8e5de}.text-\[\#d9e9de\]{color:#d9e9de}.text-\[\#d9fff3\]{color:#d9fff3}.text-\[\#d9fff5\]{color:#d9fff5}.text-\[\#dae1ff\]{color:#dae1ff}.text-\[\#dccfb2\]{color:#dccfb2}.text-\[\#ddfff3\]{color:#ddfff3}.text-\[\#dee4ff\]{color:#dee4ff}.text-\[\#def8ef\]{color:#def8ef}.text-\[\#defaf2\]{color:#defaf2}.text-\[\#dffef6\]{color:#dffef6}.text-\[\#dffff2\]{color:#dffff2}.text-\[\#e1eadf\]{color:#e1eadf}.text-\[\#e1f2f8\]{color:#e1f2f8}.text-\[\#e3d7bf\]{color:#e3d7bf}.text-\[\#e4d7b8\]{color:#e4d7b8}.text-\[\#e5ebdf\]{color:#e5ebdf}.text-\[\#e6dbc5\]{color:#e6dbc5}.text-\[\#e7decb\]{color:#e7decb}.text-\[\#e7fff7\]{color:#e7fff7}.text-\[\#e8dcc3\]{color:#e8dcc3}.text-\[\#e9dcc0\]{color:#e9dcc0}.text-\[\#eadfc9\]{color:#eadfc9}.text-\[\#ebfffa\]{color:#ebfffa}.text-\[\#efe2c8\]{color:#efe2c8}.text-\[\#efe4c8\]{color:#efe4c8}.text-\[\#effff7\]{color:#effff7}.text-\[\#effff8\]{color:#effff8}.text-\[\#f0c8b8\]{color:#f0c8b8}.text-\[\#f0d48a\]{color:#f0d48a}.text-\[\#f0e7d5\]{color:#f0e7d5}.text-\[\#f2dfb2\]{color:#f2dfb2}.text-\[\#f2e4c4\]{color:#f2e4c4}.text-\[\#f2e7cf\]{color:#f2e7cf}.text-\[\#f3e4c7\]{color:#f3e4c7}.text-\[\#f3e7d0\]{color:#f3e7d0}.text-\[\#f3ead4\]{color:#f3ead4}.text-\[\#f3eee2\]{color:#f3eee2}.text-\[\#f4ecd8\]{color:#f4ecd8}.text-\[\#f6e5ba\]{color:#f6e5ba}.text-\[\#f6ead1\]{color:#f6ead1}.text-\[\#f6ebd2\]{color:#f6ebd2}.text-\[\#f7e2b1\]{color:#f7e2b1}.text-\[\#f7e6c9\]{color:#f7e6c9}.text-\[\#f7eed8\]{color:#f7eed8}.text-\[\#f8dfb6\]{color:#f8dfb6}.text-\[\#fbead0\]{color:#fbead0}.text-\[\#ff7a72\]{color:#ff7a72}.text-\[\#ff9b92\]{color:#ff9b92}.text-\[\#ffb38f\]{color:#ffb38f}.text-\[\#ffb58a\]{color:#ffb58a}.text-\[\#ffb980\]{color:#ffb980}.text-\[\#ffbf87\]{color:#ffbf87}.text-\[\#ffbfaf\]{color:#ffbfaf}.text-\[\#ffc981\]{color:#ffc981}.text-\[\#ffcb88\]{color:#ffcb88}.text-\[\#ffd2c5\]{color:#ffd2c5}.text-\[\#ffd4a7\]{color:#ffd4a7}.text-\[\#ffd9b0\]{color:#ffd9b0}.text-\[\#ffd9df\]{color:#ffd9df}.text-\[\#ffd27a\]{color:#ffd27a}.text-\[\#ffd28a\]{color:#ffd28a}.text-\[\#ffd37f\]{color:#ffd37f}.text-\[\#ffd59f\]{color:#ffd59f}.text-\[\#ffd98b\]{color:#ffd98b}.text-\[\#ffdbc8\]{color:#ffdbc8}.text-\[\#ffe0d2\]{color:#ffe0d2}.text-\[\#ffe0d6\]{color:#ffe0d6}.text-\[\#ffe4b6\]{color:#ffe4b6}.text-\[\#ffe4b9\]{color:#ffe4b9}.text-\[\#ffe4d7\]{color:#ffe4d7}.text-\[\#ffe5d6\]{color:#ffe5d6}.text-\[\#ffe7a8\]{color:#ffe7a8}.text-\[\#ffe8c4\]{color:#ffe8c4}.text-\[\#fff0cf\]{color:#fff0cf}.text-\[\#fff0d0\]{color:#fff0d0}.text-\[\#fff0d2\]{color:#fff0d2}.text-\[\#fff0d3\]{color:#fff0d3}.text-\[\#fff0d6\]{color:#fff0d6}.text-\[\#fff0ea\]{color:#fff0ea}.text-\[\#fff1c8\]{color:#fff1c8}.text-\[\#fff1cb\]{color:#fff1cb}.text-\[\#fff1d2\]{color:#fff1d2}.text-\[\#fff1d6\]{color:#fff1d6}.text-\[\#fff2cf\]{color:#fff2cf}.text-\[\#fff2d8\]{color:#fff2d8}.text-\[\#fff4dd\]{color:#fff4dd}.text-\[rgba\(200\,185\,156\,0\.45\)\]{color:#c8b99c73}.text-current\/80{color:currentColor}@supports (color:color-mix(in lab, red, red)){.text-current\/80{color:color-mix(in oklab, currentcolor 80%, transparent)}}.text-white{color:var(--color-white)}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.text-white\/70{color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.text-white\/76{color:#ffffffc2}@supports (color:color-mix(in lab, red, red)){.text-white\/76{color:color-mix(in oklab, var(--color-white) 76%, transparent)}}.text-white\/78{color:#ffffffc7}@supports (color:color-mix(in lab, red, red)){.text-white\/78{color:color-mix(in oklab, var(--color-white) 78%, transparent)}}.text-white\/95{color:#fffffff2}@supports (color:color-mix(in lab, red, red)){.text-white\/95{color:color-mix(in oklab, var(--color-white) 95%, transparent)}}.uppercase{text-transform:uppercase}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-70{opacity:.7}.opacity-95{opacity:.95}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_28px_rgba\(0\,0\,0\,0\.26\)\]{--tw-shadow:0 0 28px var(--tw-shadow-color,#00000042);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_4px_12px_rgba\(0\,0\,0\,0\.35\)\,inset_0_1px_0_rgba\(255\,255\,255\,0\.25\)\]{--tw-shadow:0 4px 12px var(--tw-shadow-color,#00000059), inset 0 1px 0 var(--tw-shadow-color,#ffffff40);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_8px_22px_rgba\(0\,0\,0\,0\.4\)\,inset_0_1px_0_rgba\(255\,255\,255\,0\.25\)\]{--tw-shadow:0 8px 22px var(--tw-shadow-color,#0006), inset 0 1px 0 var(--tw-shadow-color,#ffffff40);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_10px_16px_rgba\(0\,0\,0\,0\.26\)\]{--tw-shadow:0 10px 16px var(--tw-shadow-color,#00000042);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_10px_24px_rgba\(0\,0\,0\,0\.22\)\]{--tw-shadow:0 10px 24px var(--tw-shadow-color,#00000038);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_10px_24px_rgba\(3\,9\,18\,0\.38\)\]{--tw-shadow:0 10px 24px var(--tw-shadow-color,#03091261);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_10px_24px_rgba\(3\,9\,18\,0\.42\)\]{--tw-shadow:0 10px 24px var(--tw-shadow-color,#0309126b);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_12px_26px_rgba\(0\,0\,0\,0\.2\)\]{--tw-shadow:0 12px 26px var(--tw-shadow-color,#0003);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_12px_28px_rgba\(3\,9\,18\,0\.5\)\]{--tw-shadow:0 12px 28px var(--tw-shadow-color,#03091280);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_12px_28px_rgba\(3\,9\,18\,0\.38\)\]{--tw-shadow:0 12px 28px var(--tw-shadow-color,#03091261);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_14px_28px_rgba\(7\,16\,28\,0\.42\)\]{--tw-shadow:0 14px 28px var(--tw-shadow-color,#07101c6b);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_16px_40px_rgba\(3\,9\,18\,0\.42\)\]{--tw-shadow:0 16px 40px var(--tw-shadow-color,#0309126b);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_18px_40px_rgba\(0\,0\,0\,0\.24\)\]{--tw-shadow:0 18px 40px var(--tw-shadow-color,#0000003d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_18px_40px_rgba\(0\,0\,0\,0\.28\)\]{--tw-shadow:0 18px 40px var(--tw-shadow-color,#00000047);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_18px_40px_rgba\(0\,0\,0\,0\.36\)\]{--tw-shadow:0 18px 40px var(--tw-shadow-color,#0000005c);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_18px_42px_rgba\(0\,0\,0\,0\.28\)\]{--tw-shadow:0 18px 42px var(--tw-shadow-color,#00000047);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_22px_52px_rgba\(0\,0\,0\,0\.34\)\]{--tw-shadow:0 22px 52px var(--tw-shadow-color,#00000057);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_28px_64px_rgba\(0\,0\,0\,0\.34\)\]{--tw-shadow:0 28px 64px var(--tw-shadow-color,#00000057);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_28px_72px_rgba\(0\,0\,0\,0\.42\)\]{--tw-shadow:0 28px 72px var(--tw-shadow-color,#0000006b);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_1px_0_rgba\(255\,239\,196\,0\.12\)\]{--tw-shadow:inset 0 1px 0 var(--tw-shadow-color,#ffefc41f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_1px_0_rgba\(255\,241\,213\,0\.08\)\,inset_0_-1px_0_rgba\(0\,0\,0\,0\.4\)\]{--tw-shadow:inset 0 1px 0 var(--tw-shadow-color,#fff1d514), inset 0 -1px 0 var(--tw-shadow-color,#0006);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.03\)\]{--tw-shadow:inset 0 1px 0 var(--tw-shadow-color,#ffffff08);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.04\)\]{--tw-shadow:inset 0 1px 0 var(--tw-shadow-color,#ffffff0a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.08\)\]{--tw-shadow:inset 0 1px 0 var(--tw-shadow-color,#ffffff14);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.52\)\,0_10px_18px_rgba\(0\,0\,0\,0\.18\)\]{--tw-shadow:inset 0 1px 0 var(--tw-shadow-color,#ffffff85), 0 10px 18px var(--tw-shadow-color,#0000002e);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_2px_6px_rgba\(255\,255\,255\,0\.12\)\,0_8px_14px_rgba\(9\,27\,42\,0\.34\)\]{--tw-shadow:inset 0 2px 6px var(--tw-shadow-color,#ffffff1f), 0 8px 14px var(--tw-shadow-color,#091b2a57);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_3px_8px_rgba\(255\,255\,255\,0\.2\)\,0_6px_14px_rgba\(95\,57\,18\,0\.28\)\]{--tw-shadow:inset 0 3px 8px var(--tw-shadow-color,#fff3), 0 6px 14px var(--tw-shadow-color,#5f391247);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring,.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-\[rgba\(240\,212\,138\,0\.38\)\]{--tw-ring-color:#f0d48a61}.ring-white\/10{--tw-ring-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.ring-white\/10{--tw-ring-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-2xl{--tw-blur:blur(var(--blur-2xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-3xl{--tw-blur:blur(var(--blur-3xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-md{--tw-blur:blur(var(--blur-md));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-xl{--tw-blur:blur(var(--blur-xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow-\[0_0_6px_rgba\(255\,108\,96\,0\.5\)\]{--tw-drop-shadow-size:drop-shadow(0 0 6px var(--tw-drop-shadow-color,#ff6c6080));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow-\[0_0_8px_rgba\(255\,108\,96\,0\.55\)\]{--tw-drop-shadow-size:drop-shadow(0 0 8px var(--tw-drop-shadow-color,#ff6c608c));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow-\[0_0_8px_rgba\(255\,120\,104\,0\.7\)\]{--tw-drop-shadow-size:drop-shadow(0 0 8px var(--tw-drop-shadow-color,#ff7868b3));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow-\[0_0_8px_rgba\(255\,200\,120\,0\.5\)\]{--tw-drop-shadow-size:drop-shadow(0 0 8px var(--tw-drop-shadow-color,#ffc87880));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow-\[0_0_10px_rgba\(255\,120\,104\,0\.75\)\]{--tw-drop-shadow-size:drop-shadow(0 0 10px var(--tw-drop-shadow-color,#ff7868bf));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.saturate-\[0\.82\]{--tw-saturate:saturate(.82);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter\!{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)!important}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.select-none{-webkit-user-select:none;user-select:none}.\[no-new-privileges\:true\]{no-new-privileges:true}@media (hover:hover){.hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:-translate-y-\[1px\]:hover{--tw-translate-y:calc(1px * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:border-\[\#7d91ae\]:hover{border-color:#7d91ae}.hover\:border-\[\#d8bb86\]:hover{border-color:#d8bb86}.hover\:border-\[rgba\(214\,179\,106\,0\.4\)\]:hover{border-color:#d6b36a66}.hover\:border-\[rgba\(214\,179\,106\,0\.24\)\]:hover{border-color:#d6b36a3d}.hover\:border-\[rgba\(255\,222\,146\,0\.38\)\]:hover{border-color:#ffde9261}.hover\:bg-\[rgba\(17\,29\,47\,0\.88\)\]:hover{background-color:#111d2fe0}.hover\:bg-\[rgba\(95\,45\,33\,0\.98\)\]:hover{background-color:#5f2d21fa}.hover\:bg-\[rgba\(214\,179\,106\,0\.12\)\]:hover{background-color:#d6b36a1f}.hover\:bg-\[rgba\(255\,222\,146\,0\.08\)\]:hover{background-color:#ffde9214}.hover\:bg-\[rgba\(255\,255\,255\,0\.06\)\]:hover{background-color:#ffffff0f}.hover\:bg-\[rgba\(255\,255\,255\,0\.08\)\]:hover{background-color:#ffffff14}.hover\:text-\[\#fff1c8\]:hover{color:#fff1c8}.hover\:shadow-\[0_14px_22px_rgba\(0\,0\,0\,0\.3\)\]:hover{--tw-shadow:0 14px 22px var(--tw-shadow-color,#0000004d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.56\)\,0_16px_24px_rgba\(0\,0\,0\,0\.22\)\]:hover{--tw-shadow:inset 0 1px 0 var(--tw-shadow-color,#ffffff8f), 0 16px 24px var(--tw-shadow-color,#00000038);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:brightness-\[1\.02\]:hover{--tw-brightness:brightness(1.02);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.hover\:brightness-\[1\.05\]:hover{--tw-brightness:brightness(1.05);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-\[rgba\(255\,214\,168\,0\.26\)\]:focus-visible{--tw-ring-color:#ffd6a842}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:translate-y-\[3px\]:active{--tw-translate-y:3px;translate:var(--tw-translate-x) var(--tw-translate-y)}.active\:translate-y-\[4px\]:active{--tw-translate-y:4px;translate:var(--tw-translate-x) var(--tw-translate-y)}.active\:shadow-\[0_6px_10px_rgba\(0\,0\,0\,0\.24\)\]:active{--tw-shadow:0 6px 10px var(--tw-shadow-color,#0000003d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.active\:shadow-\[inset_0_3px_8px_rgba\(255\,255\,255\,0\.18\)\,0_6px_12px_rgba\(0\,0\,0\,0\.16\)\]:active{--tw-shadow:inset 0 3px 8px var(--tw-shadow-color,#ffffff2e), 0 6px 12px var(--tw-shadow-color,#00000029);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.disabled\:translate-y-0:disabled{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-35:disabled{opacity:.35}.disabled\:opacity-45:disabled{opacity:.45}@media (width>=40rem){.sm\:top-2{top:calc(var(--spacing) * 2)}.sm\:top-4{top:calc(var(--spacing) * 4)}.sm\:top-5{top:calc(var(--spacing) * 5)}.sm\:top-28{top:calc(var(--spacing) * 28)}.sm\:right-5{right:calc(var(--spacing) * 5)}.sm\:right-auto{right:auto}.sm\:bottom-2{bottom:calc(var(--spacing) * 2)}.sm\:bottom-auto{bottom:auto}.sm\:left-2{left:calc(var(--spacing) * 2)}.sm\:left-4{left:calc(var(--spacing) * 4)}.sm\:left-5{left:calc(var(--spacing) * 5)}.sm\:left-\[1\.3rem\]{left:1.3rem}.sm\:mt-6{margin-top:calc(var(--spacing) * 6)}.sm\:mt-7{margin-top:calc(var(--spacing) * 7)}.sm\:block{display:block}.sm\:hidden{display:none}.sm\:inline{display:inline}.sm\:h-6{height:calc(var(--spacing) * 6)}.sm\:h-7{height:calc(var(--spacing) * 7)}.sm\:h-\[104px\]{height:104px}.sm\:h-\[124px\]{height:124px}.sm\:h-\[170px\]{height:170px}.sm\:max-h-\[calc\(100dvh-2rem\)\]{max-height:calc(100dvh - 2rem)}.sm\:w-6{width:calc(var(--spacing) * 6)}.sm\:w-7{width:calc(var(--spacing) * 7)}.sm\:w-auto{width:auto}.sm\:max-w-\[14rem\]{max-width:14rem}.sm\:max-w-\[19\.5rem\]{max-width:19.5rem}.sm\:max-w-\[19rem\]{max-width:19rem}.sm\:max-w-\[20rem\]{max-width:20rem}.sm\:max-w-\[25rem\]{max-width:25rem}.sm\:min-w-\[9rem\]{min-width:9rem}.sm\:min-w-\[11rem\]{min-width:11rem}.sm\:min-w-\[13rem\]{min-width:13rem}.sm\:min-w-\[840px\]{min-width:840px}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:items-end{align-items:flex-end}.sm\:items-start{align-items:flex-start}.sm\:justify-between{justify-content:space-between}.sm\:justify-end{justify-content:flex-end}.sm\:gap-4{gap:calc(var(--spacing) * 4)}.sm\:gap-6{gap:calc(var(--spacing) * 6)}:where(.sm\:space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}.sm\:overflow-y-auto{overflow-y:auto}.sm\:p-4{padding:calc(var(--spacing) * 4)}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:p-7{padding:calc(var(--spacing) * 7)}.sm\:p-8{padding:calc(var(--spacing) * 8)}.sm\:p-9{padding:calc(var(--spacing) * 9)}.sm\:px-5{padding-inline:calc(var(--spacing) * 5)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:px-7{padding-inline:calc(var(--spacing) * 7)}.sm\:px-8{padding-inline:calc(var(--spacing) * 8)}.sm\:px-12{padding-inline:calc(var(--spacing) * 12)}.sm\:py-4{padding-block:calc(var(--spacing) * 4)}.sm\:py-6{padding-block:calc(var(--spacing) * 6)}.sm\:pt-5{padding-top:calc(var(--spacing) * 5)}.sm\:pb-10{padding-bottom:calc(var(--spacing) * 10)}.sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.sm\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.sm\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.sm\:text-\[0\.7rem\]{font-size:.7rem}.sm\:text-\[0\.68rem\]{font-size:.68rem}.sm\:text-\[0\.72rem\]{font-size:.72rem}.sm\:text-\[0\.76rem\]{font-size:.76rem}.sm\:text-\[1\.1rem\]{font-size:1.1rem}.sm\:text-\[1\.2rem\]{font-size:1.2rem}.sm\:text-\[1\.9rem\]{font-size:1.9rem}.sm\:text-\[1\.16rem\]{font-size:1.16rem}.sm\:text-\[1\.22rem\]{font-size:1.22rem}.sm\:text-\[1\.35rem\]{font-size:1.35rem}.sm\:text-\[2\.1rem\]{font-size:2.1rem}.sm\:text-\[2\.4rem\]{font-size:2.4rem}.sm\:leading-8{--tw-leading:calc(var(--spacing) * 8);line-height:calc(var(--spacing) * 8)}.sm\:leading-9{--tw-leading:calc(var(--spacing) * 9);line-height:calc(var(--spacing) * 9)}.sm\:leading-\[1\.8\]{--tw-leading:1.8;line-height:1.8}.sm\:leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.sm\:tracking-\[0\.08em\]{--tw-tracking:.08em;letter-spacing:.08em}.sm\:tracking-\[0\.18em\]{--tw-tracking:.18em;letter-spacing:.18em}}@media (width>=48rem){.md\:bottom-20{bottom:calc(var(--spacing) * 20)}.md\:bottom-24{bottom:calc(var(--spacing) * 24)}.md\:block{display:block}.md\:hidden{display:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}}@media (width>=64rem){.lg\:top-24{top:calc(var(--spacing) * 24)}.lg\:left-6{left:calc(var(--spacing) * 6)}.lg\:w-\[28rem\]{width:28rem}.lg\:max-w-\[28rem\]{max-width:28rem}.lg\:min-w-\[960px\]{min-width:960px}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-\[0\.42fr_0\.58fr\]{grid-template-columns:.42fr .58fr}.lg\:grid-cols-\[0\.46fr_0\.54fr\]{grid-template-columns:.46fr .54fr}.lg\:grid-cols-\[0\.74fr_1\.26fr\]{grid-template-columns:.74fr 1.26fr}.lg\:grid-cols-\[minmax\(0\,0\.78fr\)_minmax\(0\,1\.22fr\)\]{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr)}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:items-start{align-items:flex-start}.lg\:items-stretch{align-items:stretch}.lg\:justify-between{justify-content:space-between}.lg\:gap-3{gap:calc(var(--spacing) * 3)}.lg\:p-8{padding:calc(var(--spacing) * 8)}.lg\:p-10{padding:calc(var(--spacing) * 10)}.lg\:px-8{padding-inline:calc(var(--spacing) * 8)}.lg\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}}@media (width>=80rem){.xl\:h-\[118px\]{height:118px}.xl\:h-\[140px\]{height:140px}.xl\:h-\[192px\]{height:192px}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.xl\:grid-cols-\[0\.92fr_1\.08fr\]{grid-template-columns:.92fr 1.08fr}.xl\:grid-cols-\[minmax\(0\,0\.86fr\)_minmax\(0\,1\.14fr\)\]{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr)}.xl\:grid-cols-\[minmax\(0\,1\.1fr\)_20rem\]{grid-template-columns:minmax(0,1.1fr) 20rem}.xl\:p-9{padding:calc(var(--spacing) * 9)}.xl\:p-12{padding:calc(var(--spacing) * 12)}.xl\:text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.xl\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.xl\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.xl\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}}@media (width>=96rem){.\32 xl\:h-\[132px\]{height:132px}.\32 xl\:h-\[156px\]{height:156px}.\32 xl\:h-\[214px\]{height:214px}.\32 xl\:gap-8{gap:calc(var(--spacing) * 8)}.\32 xl\:p-10{padding:calc(var(--spacing) * 10)}.\32 xl\:p-14{padding:calc(var(--spacing) * 14)}.\32 xl\:px-10{padding-inline:calc(var(--spacing) * 10)}.\32 xl\:py-6{padding-block:calc(var(--spacing) * 6)}.\32 xl\:text-\[3\.2rem\]{font-size:3.2rem}.\32 xl\:text-\[5\.5rem\]{font-size:5.5rem}}}:root{color:#17343c;font-synthesis:none;--ink:#102d35;--deep:#173f4a;--teal:#337b78;--coral:#bf514b;--gold:#dda94d;--paper:#f8edcf;--cream:#fff8e6;--violet:#65536f;background:#ede2c7;font-family:Atkinson Hyperlegible Next Variable,Atkinson Hyperlegible,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:radial-gradient(circle at 50% 0,#f8efda,#d8c9a9 80%)}button,input,select{font:inherit}button{min-height:44px;color:inherit;cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #2f72c8}h1,h2,h3,strong,.brand{font-family:Fredoka Variable,Arial Rounded MT Bold,Arial,sans-serif}.loading{place-items:center;min-height:100vh;font-weight:800;display:grid}.app-frame{min-height:100vh;padding-top:68px}.global-bar{z-index:90;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f8edcff5;border-bottom:1px solid #ac9871;justify-content:space-between;align-items:center;height:68px;padding:8px clamp(14px,4vw,52px);display:flex;position:fixed;inset:0 0 auto;box-shadow:0 5px 20px #102d351f}.brand{text-align:left;background:0 0;align-items:center;gap:10px;display:flex}.brand>span{color:#f4d47f;background:var(--deep);border-radius:8px 16px;place-items:center;width:44px;height:44px;font-size:25px;display:grid}.brand strong,.brand small{display:block}.brand strong{font-size:18px;line-height:1}.brand small{letter-spacing:.05em;color:#587177;font-size:10px}.global-status,.profile-button,.sound-enable,.midi-compact,.audio-level{align-items:center;gap:8px;display:flex}.sound-enable,.midi-compact,.profile-button{background:#fff8e7;border:1px solid #b4a178;border-radius:10px;padding:5px 10px;font-size:12px;font-weight:800}.sound-enable{color:#fff;background:#b95751;border-color:#8d403c}.global-status svg{width:17px}.midi-compact{white-space:nowrap;text-overflow:ellipsis;max-width:220px;overflow:hidden}.audio-level{color:#41636a;font-size:11px}.audio-level i{transform-origin:bottom;background:#4f9a78;border-radius:4px;width:5px;height:23px;transition:transform 80ms}.profile-button .profile-portrait{width:34px;height:34px}.profile-portrait{color:#fff;border-radius:46% 54% 43% 57%;place-items:center;font:700 18px Fredoka Variable,sans-serif;display:inline-grid;box-shadow:inset 0 0 0 3px #ffffff52,0 3px #102d352e}.portrait-coral{background:#b95751}.portrait-teal{background:#337b78}.portrait-gold{background:#b88734}.portrait-violet{background:#65536f}.primary{background:var(--coral);color:#fff;border-radius:10px;justify-content:center;align-items:center;gap:9px;padding:12px 18px;font-weight:900;display:inline-flex;box-shadow:0 4px #873e3a}.primary:hover{transform:translateY(-1px)}.primary.big{padding:15px 22px;font-size:17px}.primary svg{width:19px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#4c7578;font-size:11px;font-weight:900}.welcome-studio{background:linear-gradient(120deg,#f7ecd0 0 42%,#224c54 42%);grid-template-columns:minmax(330px,.8fr) minmax(520px,1.2fr);min-height:calc(100vh - 68px);display:grid;overflow:hidden}.welcome-copy{align-self:center;padding:clamp(45px,7vw,105px)}.welcome-copy h1{color:#15343c;margin:17px 0;font-size:clamp(42px,6vw,76px);line-height:.96}.welcome-copy h1 em{color:#aa4f49;font-style:normal}.welcome-copy>p:not(.eyebrow){max-width:570px;font-size:19px;line-height:1.5}.welcome-copy>small{color:#647678;margin-top:16px;display:block}.welcome-stage{grid-template-rows:1fr auto;min-height:560px;padding:40px;display:grid;position:relative}.paper-architecture{clip-path:polygon(10% 22%,50% 0,90% 22%,100% 100%,0 100%);filter:drop-shadow(16px 19px #081b1f47);background:linear-gradient(145deg,#32646a,#17343c 60%);align-self:end;min-height:400px;position:relative;overflow:hidden}.paper-architecture:before{content:"";clip-path:polygon(50% 0,100% 34%,90% 100%,10% 100%,0 34%);background:linear-gradient(135deg,#8f4448,#5b3445);position:absolute;inset:24% 14% 0}.paper-architecture i{clip-path:polygon(50% 0,100% 30%,85% 100%,15% 100%,0 30%);background:#dba94e;width:11%;height:27%;position:absolute;bottom:14%}.paper-architecture i:first-of-type{left:23%}.paper-architecture i:nth-of-type(2){height:37%;left:44%}.paper-architecture i:nth-of-type(3){left:66%}.stage-monogram{z-index:2;color:#f1cf80;font:900 52px Fredoka Variable,sans-serif;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.arch-light{background:radial-gradient(circle,#f2c76359,#0000 68%);border-radius:50%;width:260px;height:260px;position:absolute;top:37%;left:50%;transform:translate(-50%,-50%)}.welcome-copy>small a{color:inherit}.welcome-demo{background:#15343c;border:1px solid #15343c47;border-radius:15px;width:min(100%,440px);margin-top:22px;overflow:hidden;box-shadow:0 12px 28px #15343c2e}.welcome-demo header{color:#fff;justify-content:space-between;align-items:center;gap:12px;padding:10px 13px;display:flex}.welcome-demo header strong{font-size:14px}.welcome-demo header span{color:#bdd7d5;font-size:11px}.welcome-demo video{aspect-ratio:16/9;background:#0b252b;width:100%;display:block}.app-frame.has-piano .welcome-studio{min-height:calc(100vh - 292px)}.app-frame.has-piano .welcome-copy{padding:clamp(24px,4vw,58px)}.app-frame.has-piano .welcome-copy h1{font-size:clamp(40px,5vw,64px)}.app-frame.has-piano .welcome-copy>small{margin-top:8px}.app-frame.has-piano .welcome-demo{width:min(100%,340px);margin-top:4px}.app-frame.has-piano .welcome-stage{min-height:calc(100vh - 292px);padding:24px 36px}.app-frame.has-piano .paper-architecture{min-height:270px}.app-frame.has-piano .live-staff{min-height:100px}.app-frame.has-piano .live-staff canvas{height:82px}.welcome-scene{object-fit:contain;clip-path:none;filter:drop-shadow(16px 19px #081b1f47);background:0 0;width:100%;height:100%;display:block}.welcome-scene:before{display:none}.live-staff{z-index:3;background:#fff8e5;border:1px solid #bfa976;border-radius:12px;grid-template-columns:180px 1fr;align-items:center;gap:12px;min-height:124px;padding:10px 18px;display:grid;position:relative;box-shadow:0 7px #0922273b}.live-staff strong,.live-staff span{display:block}.live-staff span{color:#60777b;font-size:11px}.live-staff canvas{width:100%;height:104px}.onboarding{background:linear-gradient(145deg,#244e55,#79606c);place-items:center;min-height:calc(100vh - 68px);padding:32px;display:grid}.ticket{clip-path:polygon(0 3%,3% 0,97% 0,100% 3%,100% 97%,97% 100%,3% 100%,0 97%);text-align:center;background:#f8edcf;border:1px solid #b99e65;width:min(520px,100%);padding:38px;box-shadow:14px 16px #0c252a47}.ticket>p{text-transform:uppercase;letter-spacing:.17em;color:#9b4c48;font-size:11px;font-weight:900}.ticket h1{font-size:34px}.portrait-picker{justify-content:center;gap:12px;margin:22px;display:flex}.portrait-picker button{background:#e4d8bb;border-radius:12px;width:66px;height:66px}.portrait-picker button.selected{box-shadow:0 0 0 4px var(--deep);transform:translateY(-3px)}.portrait-picker .profile-portrait{width:50px;height:50px}.ticket label{text-align:left;gap:7px;margin:22px 0;font-weight:800;display:grid}.ticket input{background:#fffaf0;border:2px solid #9e967d;border-radius:8px;min-height:48px;padding:10px 13px}.book-page{max-width:1080px;margin:auto;padding:52px 22px 34px}.book-intro{justify-content:space-between;align-items:end;gap:30px;display:flex}.book-intro h1{margin:8px 0;font-size:clamp(42px,6vw,66px)}.bookmark-total{background:#fff8e6;border:1px solid #bca878;border-radius:10px;grid-template-columns:auto auto;align-items:center;gap:0 8px;padding:12px 18px;display:grid}.bookmark-total strong{font-size:25px}.bookmark-total span{text-transform:uppercase;letter-spacing:.1em;grid-column:1/-1;font-size:10px}.continue-card{color:#fff7e3;background:linear-gradient(110deg,#173f4a,#285f63);border-radius:14px;grid-template-columns:70px 1fr auto;align-items:center;gap:22px;margin:28px 0;padding:24px;display:grid;box-shadow:0 8px #b69f71}.continue-card.complete{grid-template-columns:70px 1fr}.continue-card h2{margin:4px 0;font-size:30px}.continue-card p{color:#d6e4df;margin:4px 0}.continue-card small{color:#e4bd68;text-transform:uppercase;letter-spacing:.12em}.continue-card span{font-size:12px}.lesson-seal{color:#efcc7e;border:2px solid #efcc7e;border-radius:50%;place-items:center;width:62px;height:62px;font:900 22px Fredoka Variable,sans-serif;display:grid}.current-chapter{background:#fff8e6;border:1px solid #b9a471;border-radius:14px;padding:24px;box-shadow:0 5px #c6b78f}.current-chapter>header{justify-content:space-between;display:flex}.current-chapter h2{margin:4px 0;font-size:30px}.current-chapter header small,.next-chapter-preview small{text-transform:uppercase;letter-spacing:.12em;color:#9d4d48;font-weight:900}.mini-stars{color:#d49b35;display:flex}.mini-stars svg{width:22px}.lesson-purpose-list{gap:8px;margin-top:18px;display:grid}.lesson-purpose-list>div{background:#ece4cf;border-radius:8px;grid-template-columns:42px 1fr 90px;align-items:center;gap:12px;padding:10px;display:grid}.lesson-purpose-list>div.next{background:#d7e7d8;box-shadow:inset 4px 0 #397d73}.lesson-purpose-list>div>span{color:#fff;background:#173f4a;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.lesson-purpose-list strong,.lesson-purpose-list small{display:block}.lesson-purpose-list small{color:#607075}.lesson-purpose-list button{background:#d0c6ae;border-radius:7px;font-weight:800}.lesson-purpose-list .next button{color:#fff;background:#b95751}.review-lessons{border-top:1px solid #cabe9f;margin-top:16px;padding-top:12px}.review-lessons summary{cursor:pointer;font-weight:900}.review-lessons button{background:#e2d9c3;border-radius:7px;align-items:center;gap:6px;margin:10px 8px 0 0;padding:6px 10px;display:inline-flex}.review-lessons svg{width:15px}.next-chapter-preview{background:#fff8e68f;border-left:4px solid #aa8d55;align-items:center;gap:14px;margin:18px 0 0 8%;padding:14px 18px;display:flex}.book-freeplay{max-width:1080px;margin:0 auto;padding:0 22px 44px}.lesson-page{background:#102d35;min-height:calc(100vh - 68px);padding-bottom:64px}.lesson-hud{background:#f8edcf;border-bottom:1px solid #a99670;grid-template-columns:minmax(170px,.8fr) minmax(180px,1.4fr) auto auto 44px;align-items:center;gap:16px;height:70px;padding:8px 24px;display:grid}.lesson-hud small,.lesson-hud strong{display:block}.lesson-progress{background:#d1c5aa;border-radius:8px;height:12px;overflow:hidden}.lesson-progress span{background:linear-gradient(90deg,#c25852,#dda94d);height:100%;transition:width .18s;display:block}.hud-combo{font-weight:900}.hud-stars{color:#d39831;display:flex}.hud-stars svg{width:20px}.icon-button,.close{background:#e4d9bf;border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;padding:0;line-height:1;display:grid}.icon-button>svg,.close>svg{flex-shrink:0;width:20px;height:20px;display:block}.festival-stage{background:radial-gradient(circle at 50% 20%,#416f73,#102d35 70%);height:min(60vh,590px);min-height:430px;position:relative;overflow:hidden}.pixi-stage{position:absolute;inset:0}.pixi-stage canvas{width:100%;height:100%;display:block}.notation-deck{z-index:4;background:#fff8e6f5;border:2px solid #d1a958;border-radius:8px;height:170px;padding:9px;position:absolute;top:34%;left:5%;right:5%;box-shadow:0 10px #071a1e61}.notation-deck canvas{width:100%;height:150px}.judgement-line{background:#b94f4b;width:3px;position:absolute;top:18px;bottom:18px;left:23%;box-shadow:0 0 0 4px #b94f4b21}.moving-prompt,.wrong-ghost{z-index:3;color:#fff;background:#d9a43f;border-radius:50%;place-items:center;width:30px;height:30px;transition:top .16s;display:grid;position:absolute;left:23%;transform:translate(-50%,-50%);box-shadow:0 0 0 5px #d9a43f33}.wrong-ghost{opacity:.72;background:#bd5b55;font-weight:900;animation:.7s both ghost-fade;left:28%}.stage-status{z-index:5;color:#f8edcf;text-transform:uppercase;letter-spacing:.12em;justify-content:space-between;font-size:12px;display:flex;position:absolute;bottom:18px;left:7%;right:7%}.lesson-objective{background:#f8edcf;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;min-height:80px;padding:14px 6%;display:grid}.lesson-objective>span{text-transform:uppercase;letter-spacing:.12em;color:#a24c48;font-size:10px;font-weight:900}.lesson-objective>small{color:#587076}.piano-dock{z-index:80;background:#0d2931;border-top:3px solid #c79d4c;height:216px;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -12px 30px #081b1f4d}.piano-dock>header{color:#f4e7c8;justify-content:space-between;align-items:center;height:40px;padding:4px 18px;display:flex}.piano-dock>header strong,.piano-dock>header span{display:block}.piano-dock>header strong{font-size:13px}.piano-dock>header span{letter-spacing:.08em;color:#9eb7b1;font-size:9px}.piano-dock>header button{color:#fff;background:#244a51;border-radius:6px;flex-shrink:0;place-items:center;width:40px;min-height:32px;padding:0;line-height:1;display:grid}.piano-dock>header svg{width:18px;height:18px;display:block}.piano-dock.is-collapsed{height:40px}.piano-bed{touch-action:none;-webkit-user-select:none;user-select:none;height:173px;margin:0 10px 3px;position:relative}.studio-key{touch-action:none;border:1px solid #9d967f;position:absolute;top:0}.studio-key.white{z-index:1;background:linear-gradient(90deg,#e4dcc8,#fffdf3 13%,#fff9e8 82%,#c7bfaa);border-radius:0 0 7px 7px;height:100%;box-shadow:inset 0 -8px #d0c8b4}.studio-key.black{z-index:3;color:#f2d27f;background:linear-gradient(90deg,#08191d,#294048 55%,#071519);border:1px solid #07161a;border-radius:0 0 6px 6px;height:64%;box-shadow:inset 0 -7px #061216,3px 4px 5px #0000004d}.studio-key.active{filter:brightness(1.25);transform:translateY(5px);box-shadow:inset 0 -2px #d49e3e,0 0 0 3px #e0aa4a59}.studio-key span,.studio-key kbd{font-weight:900;position:absolute;left:50%;transform:translate(-50%)}.studio-key span{bottom:28px}.studio-key kbd{background:#14343b1c;border-radius:3px;padding:1px 4px;font-size:9px;bottom:8px}.studio-key.black span{font-size:10px;bottom:22px}.studio-key.black kbd{background:#ffffff1a;bottom:6px}.piano-dock{background:linear-gradient(#163d46 0 40px,#071e25 40px);border-top-color:#e0b85f;box-shadow:0 -2px #6e3f3e,0 -14px 34px #06181d57}.piano-dock>header{padding-inline:clamp(12px,3vw,34px)}.piano-dock>header strong{color:#fff2cf;letter-spacing:.02em}.piano-dock>header span{color:#b9d0c9}.piano-dock>header button{background:#255762;border:1px solid #eec9774d;box-shadow:inset 0 1px #ffffff14}.piano-bed{background:linear-gradient(#7f3e42 0 5px,#071a20 5px);border-radius:3px 3px 9px 9px;margin-inline:clamp(6px,1.5vw,20px);box-shadow:inset 0 5px #b65d57}.studio-key{transform-origin:top;will-change:transform;transition:transform 45ms ease-out,box-shadow 55ms ease-out,background 55ms ease-out}.studio-key.white{background:linear-gradient(90deg,#d8d0bd 0,#fffdf3 12%,#fff7df 76%,#cbc2ae 100%);border-color:#a59c87;box-shadow:inset 0 -9px #c8bfaa,inset 0 1px #fff,1px 0 #20363921}.studio-key.black{color:#f5d986;background:linear-gradient(100deg,#06171c,#21464e 48%,#0a2229 76%,#040f13);border-color:#06171c;box-shadow:inset 0 -7px #030c0f,inset 0 1px #ffffff24,3px 5px 6px #0000005c}.studio-key.white:active,.studio-key.white.active{background:linear-gradient(90deg,#e7bf75,#fff0bd 35%,#e7b663);transform:translateY(5px);box-shadow:inset 0 -3px #c17b45,0 0 0 2px #efc05d61}.studio-key.black:active,.studio-key.black.active{filter:brightness(1.08);background:linear-gradient(105deg,#06171c,#294b53 45%,#0a232a 82%);animation:none;transform:scaleY(1.025);box-shadow:inset 0 -3px #102b30,inset 0 1px #4f6c71,1px 2px 3px #0005}.studio-key span{color:#17343c}.studio-key kbd{color:#47636a;background:#e7dec9;border:1px solid #17343c1f;min-width:18px;box-shadow:0 1px #ffffffa6}.studio-key.black span{color:#f6dc94}.studio-key.black kbd{color:#f4d783;background:#17343b;border-color:#f4d78338}.studio-key[data-midi="48"]:after,.studio-key[data-midi="60"]:after,.studio-key[data-midi="72"]:after{content:"";background:#bd5b55;border-radius:4px;width:18px;height:3px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.pixi-stage.stage-fallback{background:linear-gradient(145deg,#28545b,#102d35);place-items:start center;padding-top:94px;display:grid}.pixi-stage.stage-fallback span{color:#f5dfad;text-transform:uppercase;letter-spacing:.12em;background:#0a2329bf;border:1px solid #f0c97959;border-radius:999px;padding:8px 13px;font-size:11px}.stage-loading,.stage-load-error{text-align:center;color:#f8edcf;background:radial-gradient(circle at 50% 20%,#416f73,#102d35 70%);place-content:center;gap:10px;height:min(60vh,590px);min-height:430px;display:grid}.stage-load-error button{color:#17343c;background:#dda94d;border-radius:8px;padding:10px 14px;font-weight:900}.results{text-align:center;background:radial-gradient(circle at 50% 35%,#fff4d3,#b4a373);flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 68px);padding:45px;display:flex}.result-mark{color:#e4b65d;background:#173f4a;border-radius:50%;place-items:center;width:110px;height:110px;font-size:58px;display:grid;box-shadow:0 0 0 12px #173f4a26}.results>p{text-transform:uppercase;letter-spacing:.16em;font-weight:900}.results h1{margin:5px;font-size:clamp(38px,6vw,62px)}.result-stars{color:#d79c35;margin:12px;display:flex}.result-stars svg{width:45px;height:45px}.results>.primary{margin:24px}.results .live-staff{width:min(720px,100%)}.modal-backdrop{z-index:120;background:#081c21c7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--ui-surface);width:min(430px,100%);color:var(--ui-text);border:1px solid var(--ui-border);border-radius:12px;gap:12px;padding:30px;display:grid;position:relative;box-shadow:12px 14px #05151959}.modal .close{position:absolute;top:10px;right:10px}.modal>button:not(.close){background:var(--ui-raised);color:var(--ui-text);border:1px solid var(--ui-border);border-radius:8px;justify-content:center;align-items:center;gap:8px;display:flex}@keyframes ghost-fade{0%{opacity:.8;transform:translate(-50%,-50%)scale(.7)}to{opacity:0;transform:translate(-50%,-80%)scale(1.15)}}@media (width<=850px){.app-frame.has-piano{padding-bottom:184px}.brand small,.profile-button span,.midi-compact{display:none}.welcome-studio{background:linear-gradient(#f7ecd0 0 48%,#224c54 48%);grid-template-columns:1fr}.welcome-copy{padding:42px 24px}.welcome-stage{min-height:430px;padding:20px}.paper-architecture{min-height:280px}.live-staff{grid-template-columns:130px 1fr}.book-intro{align-items:start}.continue-card{grid-template-columns:58px 1fr}.continue-card .primary{grid-column:1/-1}.lesson-hud{grid-template-columns:1fr auto auto 44px;height:auto}.lesson-progress{grid-area:2/1/auto/-1}.lesson-hud>div:first-child small{display:none}.festival-stage{height:520px}.piano-dock{height:178px}.piano-bed{height:135px}.studio-key span{font-size:11px;bottom:23px}.studio-key kbd{bottom:6px}.piano-dock.is-collapsed{height:40px}}@media (width<=520px){.global-bar{padding-inline:8px}.brand strong{font-size:15px}.audio-level{white-space:nowrap;max-width:135px;overflow:hidden}.welcome-copy h1{font-size:42px}.welcome-stage{padding:12px}.live-staff{grid-template-columns:1fr}.live-staff>div{display:none}.book-page{padding:32px 12px}.book-intro{display:block}.bookmark-total{display:inline-grid}.continue-card{gap:12px;padding:17px}.continue-card h2{font-size:24px}.current-chapter{padding:16px}.lesson-purpose-list>div{grid-template-columns:36px 1fr}.lesson-purpose-list button{grid-column:1/-1}.next-chapter-preview{margin-left:0}.lesson-hud{padding:8px}.hud-combo{display:none}.festival-stage{min-height:390px}.notation-deck{top:31%;left:2%;right:2%}.lesson-objective{grid-template-columns:1fr}.lesson-objective span,.lesson-objective small,.piano-dock>header span,.studio-key span{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}[data-motion=minimal] *,[data-motion=minimal] :before,[data-motion=minimal] :after{transition:none!important;animation:none!important}.app-frame{min-height:100dvh}.app-frame.has-piano .lesson-page{min-height:calc(100dvh - 284px);padding-bottom:0}.lesson-page{flex-direction:column;min-height:calc(100dvh - 68px);display:flex}.festival-stage{flex:1;height:clamp(260px,100dvh - 446px,590px);min-height:260px}.app-frame:not(.has-piano) .festival-stage{height:clamp(360px,100dvh - 230px,650px);min-height:340px}.pixi-stage,.stage-effects{position:absolute;inset:0}.stage-effects{z-index:3;pointer-events:none;width:100%;height:100%}.notation-deck{contain:layout paint;height:clamp(128px,21vh,174px);padding:8px;top:clamp(116px,31%,210px);left:clamp(14px,5vw,72px);right:clamp(14px,5vw,72px);overflow:hidden}.notation-deck canvas{width:calc(100% - 16px);height:calc(100% - 16px);display:block;position:absolute;inset:8px}.staff-canvas{z-index:1}.notation-motion{z-index:2;pointer-events:none}.judgement-line{z-index:3;top:16px;bottom:16px;left:calc(8px + 24%)}.lesson-objective{flex:none;min-height:92px}.lesson-objective>div{min-width:0}.lesson-objective strong,.lesson-objective p{margin:0;display:block}.lesson-dialogue{color:#61767a;font:italic 12px/1.35 Georgia,serif;margin-top:5px!important}.stage-status{z-index:6}.chapter-story{border-left:4px solid var(--gold);background:linear-gradient(90deg,#eee0be,#f8efd8);border-radius:0 8px 8px 0;grid-template-columns:auto 1fr;gap:3px 14px;margin:16px 0 4px;padding:13px 15px;display:grid}.chapter-story span{text-transform:uppercase;letter-spacing:.13em;color:#9b4c48;grid-row:1/3;align-self:center;font-size:10px;font-weight:900}.chapter-story p{margin:0;font:italic 15px/1.35 Georgia,serif}.chapter-story small{color:#617277}.results{justify-content:flex-start;gap:18px;padding:clamp(24px,5vh,56px) 18px}.result-card{background:#fff8e6c2;border:1px solid #c3aa70;border-radius:18px;flex-direction:column;align-items:center;width:min(620px,100%);padding:clamp(20px,4vw,38px);display:flex;box-shadow:0 10px #554b2d33}.result-card>p{text-transform:uppercase;letter-spacing:.16em;margin:12px 0 0;font-weight:900}.result-card h1{margin:9px 0;font-size:clamp(34px,6vw,58px);line-height:1}.result-card blockquote{color:#526c6e;max-width:460px;margin:16px 0 4px;font:italic 15px/1.45 Georgia,serif}.result-card .primary{margin-top:20px}.results>.live-staff{width:min(760px,100%)}.piano-dock{height:216px}.piano-bed{height:173px;padding-top:5px}.studio-key{backface-visibility:hidden;outline:0}.studio-key.white{background:linear-gradient(92deg,#c9c1ae 0,#fffdf3 9%,#fff7df 78%,#bfb6a2 100%)}.studio-key.black{background:linear-gradient(105deg,#020d11,#1e4650 45%,#071a20 82%)}.studio-key.active:after{box-shadow:0 0 12px #ffd77a}.studio-key.white.active span,.studio-key.white.active kbd{transform:translate(-50%)translateY(-2px)}@media (width<=850px){.app-frame.has-piano{padding-bottom:178px}.app-frame.has-piano .lesson-page{min-height:calc(100dvh - 246px)}.festival-stage{height:clamp(250px,100dvh - 430px,520px);min-height:250px}.lesson-hud{min-height:82px}.notation-deck{top:clamp(96px,27%,150px)}.lesson-objective{min-height:90px}.piano-dock{height:178px}.piano-bed{height:135px}}@media (width<=520px){.global-bar{height:62px}.app-frame{padding-top:62px}.app-frame.has-piano .lesson-page{min-height:calc(100dvh - 240px)}.lesson-hud{grid-template-columns:minmax(0,1fr) auto 44px;gap:8px;padding:7px 9px}.lesson-hud .hud-stars{display:none}.lesson-hud .lesson-progress{grid-column:1/-1}.festival-stage{height:clamp(245px,100dvh - 426px,450px);min-height:245px}.notation-deck{height:132px;top:clamp(82px,25%,120px);left:8px;right:8px}.stage-status{bottom:10px;left:16px;right:16px}.lesson-objective{grid-template-columns:auto 1fr;gap:9px;padding:10px 12px}.lesson-objective>span{align-self:start;font-size:9px;display:block}.lesson-objective>small{display:none}.lesson-dialogue{font-size:11px}.chapter-story{grid-template-columns:1fr}.chapter-story span{grid-row:auto}.results{padding:20px 10px}.result-card{padding:20px 14px}.result-mark{width:82px;height:82px;font-size:44px}.result-stars svg{width:34px;height:34px}.piano-dock>header{padding-inline:8px}.studio-key kbd{padding-inline:2px;font-size:8px}}@media (height<=720px){.app-frame.has-piano{padding-bottom:154px}.app-frame.has-piano .lesson-page{min-height:calc(100dvh - 222px)}.piano-dock{height:154px}.piano-bed{height:111px}.festival-stage{height:calc(100dvh - 386px);min-height:230px}.notation-deck{height:122px;top:20%}.lesson-objective{min-height:82px;padding-block:8px}.studio-key span{bottom:19px}.studio-key kbd{bottom:4px}}.notation-deck{height:clamp(144px,22vh,180px)}@media (width<=520px){.notation-deck{height:140px;top:clamp(78px,23%,112px)}}@media (height<=720px){.notation-deck{height:140px;top:17%}.app-frame.has-piano .results{justify-content:center;min-height:calc(100dvh - 222px);padding:12px 14px 18px}.results>.live-staff{display:none}.result-card{padding:14px 18px}.result-mark{width:72px;height:72px;font-size:40px;box-shadow:0 0 0 8px #173f4a26}.result-card>p{margin-top:8px}.result-card h1{margin:5px 0;font-size:40px}.result-stars{margin:5px}.result-stars svg{width:31px;height:31px}.result-card blockquote{margin:8px 0 2px}.result-card .primary{margin-top:10px}}.stage-effects{z-index:5}.festival-stage.staff-small .notation-deck{height:128px}.festival-stage.staff-medium .notation-deck{height:152px}.festival-stage.staff-large .notation-deck{height:clamp(144px,22vh,180px)}.global-sparks{color:#805819;background:#fff1c9;border:1px solid #e0b14661;border-radius:999px;align-items:center;gap:5px;padding:7px 10px;font-weight:900;display:inline-flex}.global-sparks svg{color:#d79a27;width:17px}.book-wallets{align-items:stretch;gap:10px;display:flex}.spark-total{color:#694713;background:linear-gradient(145deg,#fff2bd,#f4d578);border:1px solid #d7ad54;border-radius:10px;grid-template-rows:auto auto;grid-template-columns:auto auto;align-items:center;gap:0 7px;padding:9px 14px;display:grid}.spark-total svg{grid-row:1/3;width:24px}.spark-total strong{font-size:20px}.spark-total span{text-transform:uppercase;letter-spacing:.12em;font-size:10px}.hud-combo{transition:transform .16s,color .16s,text-shadow .16s}.hud-combo.is-hot{color:#c84f43;text-shadow:0 0 18px #e2a43680;transform:scale(1.08)}.spark-award{color:#694713;background:#f3d16f;border-radius:999px;align-items:center;gap:8px;margin-top:12px;padding:9px 14px;font-weight:900;animation:.52s both spark-pop;display:flex}.spark-award svg{width:20px}.result-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.result-actions button{align-items:center;gap:7px;display:flex}.arcade-actions{grid-template-columns:1fr 1fr;gap:14px;margin:18px 0;display:grid}.arcade-actions button{text-align:left;background:linear-gradient(145deg,#fff4d8,#e9d5a4);border:1px solid #bda16c;border-radius:12px;grid-template-columns:42px 1fr;gap:2px 10px;padding:16px;display:grid;box-shadow:0 5px #4b3b222e}.arcade-actions button svg{color:#a24d48;grid-row:1/3;align-self:center}.arcade-actions button strong{color:#17343c;font-size:17px}.arcade-actions button span{color:#607174;font-size:12px}.arcade-actions button:disabled{filter:grayscale(.8);opacity:.55}.practice-page{color:#f8edcf;background:radial-gradient(circle at 50% 0,#35666b,#102d35 60%);min-height:calc(100dvh - 68px);padding:clamp(24px,5vw,70px)}.practice-page>header{grid-template-columns:auto 1fr auto;align-items:start;gap:20px;max-width:1180px;margin:0 auto 24px;display:grid}.practice-page>header>button{color:#f8edcf;background:#0823298f;border:1px solid #ffebbe3d;border-radius:9px;align-items:center;gap:7px;padding:10px 13px;display:flex}.practice-page h1{margin:4px 0;font-size:clamp(34px,5vw,58px)}.practice-page header p{color:#c9dcda;max-width:620px;margin:4px 0}.practice-wallet{color:#5b3b10;background:#f1cb68;border-radius:999px;align-items:center;gap:8px;width:max-content;margin:0 auto 18px;padding:9px 16px;display:flex}.practice-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;max-width:1180px;margin:auto;display:grid}.practice-grid article{border:1px solid var(--activity-accent,#d7ad54);padding:22px;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.practice-grid article{border:1px solid color-mix(in srgb,var(--activity-accent,#d7ad54) 55%,transparent)}}.practice-grid article{background:linear-gradient(155deg,#fff6dc24,#051c22c7);border-radius:16px;box-shadow:0 10px #0412163d}.practice-grid article>span{text-transform:uppercase;letter-spacing:.14em;color:#f0c872;font-size:10px}.practice-grid h2{margin:9px 0 6px}.practice-grid p{color:#c9dcda;min-height:48px}.practice-grid article>small{color:#a9c0be;margin-bottom:15px;display:block}.practice-grid button{justify-content:center;width:100%}.notation-deck{background:linear-gradient(90deg,#fff8e6fa,#fff3d1f5);box-shadow:0 10px #071a1e61,0 0 35px #e8be5b2e}@keyframes spark-pop{0%{opacity:1;transform:scale(.88)}60%{opacity:1;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@media (width<=700px){.global-sparks{padding:6px}.global-sparks svg{display:none}.book-wallets{flex-direction:column}.arcade-actions{grid-template-columns:1fr}.practice-page{padding:18px 10px}.practice-page>header{grid-template-columns:1fr}.practice-page>header>button{width:max-content}.practice-grid{grid-template-columns:1fr}.result-actions{flex-direction:column;width:100%}.result-actions button{justify-content:center;width:100%}}.input-setup{background:radial-gradient(circle at 50% 0,#3b7072,#102d35 68%);place-items:center;min-height:calc(100dvh - 68px);padding:clamp(22px,5vw,64px);display:grid}.input-setup>section{background:#f8edcf;border:1px solid #c2a66c;border-radius:18px;width:min(940px,100%);padding:clamp(22px,4vw,44px);box-shadow:14px 16px #05151947}.input-setup h1{margin:5px 0;font-size:clamp(38px,6vw,62px)}.input-choice-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin:26px 0;display:grid}.input-choice-grid button{text-align:left;background:#e9dec4;border:2px solid #0000;border-radius:12px;grid-template-columns:42px 1fr;align-items:center;gap:4px 10px;padding:16px;display:grid}.input-choice-grid button.selected{background:#d7e7d8;border-color:#337b78;box-shadow:0 4px #9fb89e}.input-choice-grid svg{grid-row:1/3;width:30px}.input-choice-grid strong,.input-choice-grid span{display:block}.input-choice-grid span{color:#607174;font-size:12px;line-height:1.4}.setup-actions{justify-content:flex-end;gap:10px;margin-bottom:20px;display:flex}.setup-actions button{background:#e4d9bf;border-radius:9px;align-items:center;gap:8px;padding:10px 14px;display:flex}.setup-actions button.primary{background:var(--coral)}.learning-feedback{color:#ffe1a0;text-align:center;letter-spacing:.03em;text-transform:none;background:#071e23c2;border-radius:999px;max-width:60%;padding:5px 10px;font-weight:900}.result-mastery{grid-auto-columns:1fr;grid-auto-flow:column;gap:8px;width:min(430px,100%);margin-top:16px;display:grid}.result-mastery span{color:#5e7072;text-transform:uppercase;letter-spacing:.1em;background:#fff8e6;border:1px solid #c8b791;border-radius:9px;gap:2px;padding:11px 8px;font-size:11px;display:grid}.result-mastery b{color:#173f4a;font:900 22px Fredoka Variable,sans-serif}.spark-award.needs-retry{color:#713e34;background:#eed2a8;border-radius:9px;animation:none}.save-warning{color:#fff;background:#8d403c;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:900}[data-contrast=high]{--ink:#06171c;--deep:#082f38;--teal:#176a68;--coral:#a82e2b;--gold:#a76d00;--paper:#fff9e8;--cream:#fffdf5}[data-contrast=high] body{color:#071b20;background:#fff}[data-contrast=high] .lesson-objective,[data-contrast=high] .global-bar,[data-contrast=high] .result-card{background:#fffdf5}[data-contrast=high] button:focus-visible,[data-contrast=high] input:focus-visible,[data-contrast=high] select:focus-visible,[data-contrast=high] summary:focus-visible{outline-width:4px;outline-color:#005fcc}@media (width<=850px){.input-choice-grid{grid-template-columns:1fr}.input-choice-grid button{min-height:76px}.setup-actions{justify-content:stretch}.setup-actions button{flex:1}}@media (width<=520px){.input-setup{min-height:calc(100dvh - 62px);padding:12px}.input-setup>section{padding:20px 14px}.input-setup h1{font-size:38px}.setup-actions{flex-direction:column}.result-mastery{gap:5px}.result-mastery b{font-size:18px}.learning-feedback{border-radius:6px;max-width:none;position:absolute;bottom:29px;left:0;right:0}.stage-status{justify-content:space-between}}:root{font-family:Atkinson Hyperlegible Next Variable,Atkinson Hyperlegible,Arial,sans-serif}h1,h2,h3,strong,.brand,.profile-portrait{font-family:Fredoka Variable,Arial Rounded MT Bold,Arial,sans-serif}.app-frame.has-piano .results{justify-content:flex-start;min-height:calc(100dvh - 284px);padding:12px 18px}.app-frame.has-piano .results>.live-staff{display:none}.app-frame.has-piano .result-card{padding:16px 24px}.app-frame.has-piano .result-mark{width:74px;height:74px;font-size:42px;box-shadow:0 0 0 8px #173f4a26}.app-frame.has-piano .result-card>p{margin-top:6px}.app-frame.has-piano .result-card h1{margin:4px 0;font-size:40px}.app-frame.has-piano .result-stars{margin:4px}.app-frame.has-piano .result-stars svg{width:34px;height:34px}.app-frame.has-piano .result-mastery,.app-frame.has-piano .spark-award{margin-top:8px}.app-frame.has-piano .result-card blockquote{margin:8px 0 2px}.app-frame.has-piano .result-card .primary{margin-top:0}@media (width<=850px){.app-frame.has-piano .results{min-height:calc(100dvh - 246px)}}@media (width<=520px){.app-frame.has-piano .results{min-height:calc(100dvh - 240px);padding:8px}.app-frame.has-piano .result-card{padding:14px 12px}.app-frame.has-piano .result-card h1{font-size:34px}}.app-frame{--app-bar-height:68px;--piano-open-height:216px}.app-frame.has-piano{padding-bottom:var(--piano-open-height)}.app-frame.has-piano .lesson-page{height:calc(100dvh - var(--app-bar-height) - var(--piano-open-height));min-height:0;overflow:hidden}.lesson-hud{flex:none}.lesson-page .festival-stage{flex:auto;height:auto;min-height:0}.lesson-objective{flex:none}.piano-dock:not(.is-collapsed){height:var(--piano-open-height)}.phase-banner{z-index:7;white-space:nowrap;border:2px solid #0000;border-radius:999px;align-items:center;gap:11px;max-width:calc(100% - 28px);padding:7px 13px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 5px #05181d38}.phase-banner strong{text-transform:uppercase;letter-spacing:.16em;font-size:13px}.phase-banner span{font-size:11px;font-weight:800}.festival-stage.phase-listen .notation-deck{background:linear-gradient(90deg,#fff0bf,#f5dda1);border-color:#dfa63b;box-shadow:0 10px #4b310a6b,0 0 34px #e6b14452}.festival-stage.phase-listen .judgement-line{width:5px;box-shadow:none;opacity:.72;background:repeating-linear-gradient(#b87b18 0 8px,#0000 8px 14px)}.festival-stage.phase-listen .phase-banner{color:#5c3a08;background:#f8df9b;border-color:#efc66e}.festival-stage.phase-listen .stage-status>strong{opacity:.42}.festival-stage.phase-play .notation-deck{background:linear-gradient(90deg,#fffaf0,#f8edd2);border-color:#c85c55;box-shadow:0 10px #071a1e66,0 0 32px #c85c553d}.festival-stage.phase-play .judgement-line{background:#c54f49;width:4px;box-shadow:0 0 0 5px #c54f4926,0 0 18px #c54f4959}.festival-stage.phase-play .phase-banner{color:#fff8e9;background:#a9433f;border-color:#f3b0a8}.festival-stage.phase-ready .phase-banner,.festival-stage.phase-transition .phase-banner{color:#f8edcf;background:#173f4a;border-color:#9ac0bd}.lesson-page.phase-listen .lesson-hud{border-bottom:4px solid #dca43b}.lesson-page.phase-play .lesson-hud{border-bottom:4px solid #c4514b}.objective-phase{text-align:center;border-radius:7px;min-width:68px;padding:7px 9px}.lesson-page.phase-play .objective-phase{color:#fff;text-shadow:0 1px #41141159;background:#b94d48}.lesson-page.phase-ready .objective-phase,.lesson-page.phase-transition .objective-phase{color:#244e55;background:#d5e4dc}.piano-dock.labels-notes .studio-key span,.piano-dock.labels-both .studio-key span{display:block}.piano-dock.labels-notes .studio-key kbd,.piano-dock.labels-none .studio-key kbd,.piano-dock.labels-qwerty .studio-key span,.piano-dock.labels-none .studio-key span{display:none}.piano-dock.labels-qwerty .studio-key kbd,.piano-dock.labels-both .studio-key kbd{display:block}@media (width<=850px){.app-frame{--piano-open-height:184px}}@media (width<=700px),(pointer:coarse){.app-frame{--piano-open-height:190px}.piano-dock>header{height:40px}.piano-bed{height:147px;margin-inline:6px}.studio-key span{font-size:12px}.studio-key.black span{font-size:10px}}@media (width<=520px){.app-frame{--app-bar-height:62px}.phase-banner{white-space:normal;justify-content:center;gap:7px;width:calc(100% - 32px);padding:6px 10px;top:9px}.phase-banner span{line-height:1.15}.lesson-objective>small{grid-column:1/-1;font-size:10px;display:block}}@media (orientation:landscape) and (height<=600px){.app-frame{--app-bar-height:44px;--piano-open-height:108px;padding-top:var(--app-bar-height)}.global-bar{height:auto;min-height:44px;padding:3px 9px}.brand{gap:7px}.brand>span{width:34px;height:34px;font-size:20px}.brand small,.profile-button span,.midi-compact,.audio-level{display:none}.global-status{gap:5px}.global-sparks{min-height:36px;padding:4px 8px}.profile-button{min-height:36px;padding:2px 7px}.profile-button .profile-portrait{width:29px;height:29px}.lesson-hud{grid-template-rows:1fr;grid-template-columns:minmax(0,1fr) minmax(82px,.65fr) 40px;gap:8px;height:44px;min-height:44px;padding:3px 9px}.lesson-hud>div:first-child small,.lesson-hud .hud-combo,.lesson-hud .hud-stars{display:none}.lesson-hud .lesson-progress{grid-area:auto;height:8px}.lesson-hud .icon-button{width:38px;height:38px;min-height:38px}.lesson-objective{grid-template-columns:auto minmax(0,1fr) minmax(150px,.75fr);gap:8px;height:46px;min-height:46px;padding:4px 10px}.lesson-objective>div strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.lesson-objective>small{text-overflow:ellipsis;white-space:nowrap;grid-column:auto;font-size:9px;display:block;overflow:hidden}.lesson-dialogue{display:none!important}.objective-phase{min-width:60px;padding:5px 7px}.phase-banner{padding:4px 9px;top:5px;box-shadow:0 3px #05181d38}.phase-banner strong{font-size:11px}.phase-banner span{font-size:9px}.notation-deck,.festival-stage.staff-small .notation-deck,.festival-stage.staff-medium .notation-deck,.festival-stage.staff-large .notation-deck{height:min(136px,100% - 86px);min-height:78px;top:42px}.stage-status{font-size:10px;bottom:5px}.learning-feedback{padding:4px 7px;font-size:9px}.piano-dock>header{height:30px;padding-block:1px}.piano-dock>header button{width:38px;min-height:26px}.piano-bed{height:75px;margin-inline:6px;padding-top:4px}.studio-key span{font-size:10px;bottom:14px}.studio-key kbd{bottom:3px}.studio-key.black span{font-size:9px;bottom:10px}.studio-key.black kbd{bottom:2px}}@media (orientation:landscape) and (height<=430px){.notation-deck,.festival-stage.staff-small .notation-deck,.festival-stage.staff-medium .notation-deck,.festival-stage.staff-large .notation-deck{height:calc(100% - 40px);min-height:86px;top:36px}.stage-status,.phase-banner span{display:none}}.brand-mark{filter:drop-shadow(0 2px #102d3533);border-radius:10px;flex:0 0 44px;width:44px;height:44px;display:block}.stage-monogram{filter:drop-shadow(0 9px #081b1f4d);border-radius:22px;width:96px;height:96px;font-size:0}@media (width<=520px){.brand-mark{flex-basis:42px;width:42px;height:42px}.stage-monogram{width:78px;height:78px}}@media (orientation:landscape) and (height<=600px){.brand-mark{border-radius:8px;flex-basis:34px;width:34px;height:34px}}.welcome-demo-toggle{color:#fff;text-align:left;background:#15343c;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:10px 13px;display:flex}.welcome-demo-toggle span{align-items:center;gap:8px;font-family:Fredoka Variable,sans-serif;font-weight:900;display:flex}.welcome-demo-toggle svg{width:17px}.welcome-demo-toggle small{color:#bdd7d5}.welcome-demo-media[hidden]{display:none!important}.app-frame.has-piano .welcome-demo{width:min(100%,300px)}.mobile-chapter-plan,.input-choice-help{display:none}.lesson-hud{grid-template-columns:minmax(170px,.8fr) minmax(180px,1.4fr) auto auto 44px 44px}.has-collapsed-piano{padding-bottom:40px}@media (width<=700px){.app-frame{--app-bar-height:64px;--piano-open-height:198px;padding-top:var(--app-bar-height)}.global-bar{gap:6px;height:auto;min-height:64px;padding:6px 9px}.brand{gap:7px;min-width:0}.brand-mark{flex-basis:42px;width:42px;height:42px}.brand strong{font-size:16px}.brand small{display:none}.global-status{gap:6px}.sound-enable{justify-content:center;min-width:68px;min-height:46px;padding:5px 9px}.global-sparks{justify-content:center;min-width:38px;min-height:42px;padding:5px 7px}.profile-button{justify-content:center;width:44px;min-width:44px;height:46px;padding:4px}.profile-button .profile-portrait,.profile-button span,.midi-compact,.audio-level{display:none}.app-frame.has-piano{padding-bottom:var(--piano-open-height)}.app-frame.has-collapsed-piano{padding-bottom:48px}.piano-dock.is-collapsed,.piano-dock.is-collapsed>header{height:48px}.piano-dock>header{height:48px;padding:2px 8px 2px 12px}.piano-dock>header strong{font-size:14px}.piano-dock>header span{font-size:9px;display:block}.piano-dock>header button{width:44px;min-height:44px}.piano-bed{height:147px;margin-inline:4px}.studio-key span{font-size:13px}.studio-key.black span{font-size:10px}.studio-key kbd{font-size:8px}.screen-welcome .welcome-studio{min-height:calc(100dvh - var(--app-bar-height) - var(--piano-open-height));background:linear-gradient(155deg,#f8edcf,#fff7e1);display:block;overflow:visible}.screen-welcome .welcome-copy{max-width:none;padding:22px 16px 18px}.screen-welcome .welcome-copy h1{max-width:520px;margin:10px 0 12px;font-size:clamp(36px,10vw,48px);line-height:1}.screen-welcome .welcome-copy>p:not(.eyebrow){margin:0 0 14px;font-size:17px;line-height:1.32}.screen-welcome .welcome-copy>.primary{width:100%}.screen-welcome .welcome-copy>small{margin-top:10px;font-size:11px}.screen-welcome .welcome-stage{display:none}.screen-welcome .welcome-demo{border-radius:12px;width:100%;margin-top:14px;box-shadow:0 6px 16px #15343c24}.screen-welcome .welcome-demo-toggle{min-height:50px}.screen-welcome .welcome-demo:not(.is-open) .welcome-demo-toggle:after{content:"Watch";color:#173f4a;background:#fff4d6;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:900}.screen-welcome .welcome-demo-toggle small{display:none}.screen-welcome .welcome-demo-media video{aspect-ratio:16/9;width:100%;display:block}.input-setup{min-height:calc(100dvh - var(--app-bar-height) - var(--piano-open-height));place-items:start;padding:10px}.input-setup>section{border-radius:14px;padding:17px 13px;box-shadow:0 7px #05151947}.input-setup h1{margin:3px 0;font-size:34px}.input-setup>section>p:not(.eyebrow):not(.input-choice-help){margin:4px 0 10px}.input-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:13px 0 8px}.input-choice-grid button{text-align:center;flex-direction:column;justify-content:center;gap:5px;min-height:82px;padding:8px 4px;display:flex}.input-choice-grid svg{width:25px;height:25px}.input-choice-grid strong{font-size:12px;line-height:1.1}.input-choice-grid span{display:none}.input-choice-help{color:#526b70;background:#e8dec5;border-radius:8px;min-height:38px;padding:8px 10px;font-size:12px;display:block;margin:0 0 9px!important}.setup-actions{grid-template-columns:.8fr 1.2fr;gap:8px;margin:0;display:grid}.setup-actions button{justify-content:center;min-width:0;padding:9px 7px;font-size:12px}.input-setup .live-staff{display:none}.screen-book .book-page{padding:18px 12px 22px}.book-intro{gap:10px;display:grid}.book-intro h1{margin:4px 0;font-size:38px;line-height:1}.book-intro>div:first-child>p:last-child{margin:6px 0}.book-wallets{grid-template-columns:1fr 1fr;gap:8px;display:grid}.bookmark-total,.book-wallets .spark-total{min-height:58px;padding:7px 11px}.bookmark-total strong,.book-wallets .spark-total strong{font-size:20px}.continue-card{border-radius:13px;grid-template-columns:50px minmax(0,1fr);gap:10px;margin:14px 0;padding:15px;box-shadow:0 5px #b69f71}.lesson-seal{width:48px;height:48px;font-size:18px}.continue-card h2{font-size:23px;line-height:1.05}.continue-card p{font-size:14px;line-height:1.25}.continue-card .primary{grid-column:1/-1;min-height:48px;padding:10px}.current-chapter{padding:10px 12px}.current-chapter>header{align-items:center}.current-chapter h2{font-size:24px}.current-chapter>header p{margin:3px 0}.current-chapter .chapter-story,.current-chapter>.lesson-purpose-list,.current-chapter>.review-lessons{display:none}.mobile-chapter-plan{border-top:1px solid #d2c4a4;margin-top:6px;display:block}.mobile-chapter-plan summary{cursor:pointer;justify-content:space-between;align-items:center;gap:10px;min-height:44px;font-weight:900;display:flex}.mobile-chapter-plan summary strong{color:#647678;font-size:11px}.mobile-chapter-plan p{background:#ece4cf;border-radius:8px;grid-template-columns:32px 1fr;align-items:center;gap:9px;margin:6px 0;padding:8px;display:grid}.mobile-chapter-plan p.next{background:#d7e7d8}.mobile-chapter-plan p.complete{background:#f5e7b9}.mobile-chapter-plan p>b{color:#fff;background:#173f4a;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.mobile-chapter-plan span strong,.mobile-chapter-plan span small{display:block}.mobile-chapter-plan span small{color:#607075}.arcade-actions{gap:8px;margin:12px 0}.arcade-actions button{min-height:64px;padding:10px 12px}.arcade-actions button strong{font-size:15px}.arcade-actions button span{font-size:11px}.next-chapter-preview{margin:10px 0 0;padding:11px 13px}.book-freeplay{display:none}.practice-page{padding:14px 10px}.practice-page>header{gap:9px;margin-bottom:12px}.practice-page h1{font-size:34px;line-height:1}.practice-grid{gap:11px}.practice-grid article{padding:16px}.practice-grid p{min-height:0}.screen-lesson{--app-bar-height:0px;padding-top:0}.screen-lesson>.global-bar{display:none}.screen-lesson.has-piano{padding-bottom:var(--piano-open-height)}.screen-lesson.has-piano .lesson-page{height:calc(100dvh - var(--piano-open-height));min-height:0}.screen-lesson.has-collapsed-piano .lesson-page{height:calc(100dvh - 48px);min-height:0}.screen-lesson .lesson-hud{grid-template-rows:1fr 8px;grid-template-columns:minmax(0,1fr) 44px 44px;gap:4px 6px;height:64px;min-height:64px;padding:5px 8px}.screen-lesson .lesson-hud>div:first-child{min-width:0}.screen-lesson .lesson-hud>div:first-child strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.screen-lesson .lesson-hud>div:first-child small,.screen-lesson .hud-combo,.screen-lesson .hud-stars{display:none}.screen-lesson .lesson-progress{grid-area:2/1/auto/-1;height:8px}.screen-lesson .lesson-hud .icon-button{width:44px;height:44px}.screen-lesson .festival-stage{flex:1;height:auto;min-height:0}.screen-lesson .stage-effects{z-index:3}.screen-lesson .lesson-objective{grid-template-columns:auto minmax(0,1fr);gap:8px;min-height:82px;padding:8px 10px}.screen-lesson .lesson-objective>div strong{font-size:14px;line-height:1.2}.screen-lesson .lesson-dialogue{display:none}.screen-lesson .lesson-objective>small{text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;font-size:10px;display:block;overflow:hidden}.screen-lesson .notation-deck,.screen-lesson .festival-stage.staff-small .notation-deck,.screen-lesson .festival-stage.staff-medium .notation-deck,.screen-lesson .festival-stage.staff-large .notation-deck{height:clamp(140px,34%,174px);top:clamp(78px,20%,108px)}.screen-results .results{min-height:calc(100dvh - var(--app-bar-height) - 48px);gap:10px;padding:12px 8px 18px}.screen-results .result-card{padding:14px 12px}.screen-results .result-mark{width:68px;height:68px;font-size:38px}.screen-results .result-card>p{margin-top:7px}.screen-results .result-card h1{font-size:31px}.screen-results .result-stars{margin:3px}.screen-results .result-stars svg{width:29px;height:29px}.screen-results .result-mastery,.screen-results .spark-award{margin-top:7px}.screen-results .result-card blockquote{margin:8px 0}.screen-results .result-actions{gap:7px}}@media (width<=600px){.global-bar{padding-inline:6px}.brand-mark{flex-basis:40px;width:40px;height:40px}.brand strong{font-size:15px}.sound-enable{min-width:60px;padding-inline:7px}.global-sparks{min-width:34px}.screen-welcome .welcome-copy{padding-inline:13px}.screen-welcome .welcome-copy h1{font-size:35px}.input-setup{padding:7px}.input-choice-grid button{padding-inline:2px}.input-choice-grid strong{font-size:11px}}@media (orientation:landscape) and (height<=600px){.screen-lesson{--app-bar-height:0px;--piano-open-height:104px;padding-top:0}.screen-lesson>.global-bar{display:none}.screen-lesson.has-piano{padding-bottom:var(--piano-open-height)}.screen-lesson.has-piano .lesson-page{height:calc(100dvh - var(--piano-open-height))}.screen-lesson.has-collapsed-piano .lesson-page{height:calc(100dvh - 30px)}.screen-lesson .lesson-hud{grid-template-rows:1fr;grid-template-columns:minmax(0,1fr) minmax(90px,.55fr) 38px 38px;gap:6px;height:44px;min-height:44px;padding:3px 7px}.screen-lesson .lesson-progress{grid-area:auto}.screen-lesson .lesson-hud .icon-button{width:38px;height:38px;min-height:38px}.screen-lesson .stage-effects{z-index:3}.screen-lesson .lesson-objective{grid-template-columns:auto minmax(0,1fr) minmax(150px,.75fr);height:46px;min-height:46px;padding:4px 8px}.screen-lesson .lesson-objective>small{grid-column:auto;display:block}.screen-lesson .notation-deck,.screen-lesson .festival-stage.staff-small .notation-deck,.screen-lesson .festival-stage.staff-medium .notation-deck,.screen-lesson .festival-stage.staff-large .notation-deck{height:calc(100% - 44px);min-height:88px;top:38px}.screen-lesson .stage-status,.screen-lesson .phase-banner span{display:none}.piano-dock:not(.is-collapsed){height:var(--piano-open-height)}.piano-dock>header{height:29px;padding-block:1px}.piano-bed{height:72px}}@media (width>=701px){.screen-welcome .welcome-studio{height:calc(100dvh - var(--app-bar-height) - var(--piano-open-height));background:linear-gradient(120deg,#f7ecd0 0 40%,#224c54 40%);grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(350px,40%) minmax(0,60%);min-height:0;position:relative;overflow:hidden}.screen-welcome .welcome-copy{grid-area:1/1;align-self:center;min-width:0;padding:clamp(24px,4vw,58px)}.screen-welcome .welcome-copy h1{margin:10px 0 14px;font-size:clamp(42px,5vw,68px);line-height:.98}.screen-welcome .welcome-copy>p:not(.eyebrow){margin:0 0 15px;font-size:clamp(17px,1.4vw,20px);line-height:1.4}.screen-welcome .welcome-copy>small{margin-top:12px}.screen-welcome .welcome-stage{grid-area:1/2;grid-template-rows:minmax(0,1fr) auto;gap:12px;min-width:0;height:100%;min-height:0;padding:clamp(16px,2.5vw,36px);display:grid}.screen-welcome .welcome-stage .paper-architecture{align-self:stretch;width:100%;height:100%;min-height:0}.screen-welcome .welcome-stage .live-staff{min-width:0;min-height:112px;color:var(--ink);background:var(--cream);grid-template-columns:minmax(120px,180px) minmax(0,1fr)}.screen-welcome .welcome-stage .live-staff canvas{min-width:0;height:92px}.screen-welcome .welcome-stage .stage-monogram{display:none}.screen-welcome .welcome-studio>.welcome-demo{z-index:7;border:2px solid #f1cf80b8;grid-area:1/2;place-self:start center;width:min(480px,100% - 48px);margin:clamp(18px,3vh,32px) 24px 0;box-shadow:0 14px #05181d52,0 22px 38px #05181d38}}@media (width>=701px) and (width<=1000px){.screen-welcome .welcome-studio{background:linear-gradient(118deg,#f7ecd0 0 46%,#224c54 46%);grid-template-columns:minmax(330px,46%) minmax(0,54%)}.screen-welcome .welcome-copy{padding:28px}.screen-welcome .welcome-copy h1{font-size:clamp(43px,6vw,56px)}.screen-welcome .welcome-stage{padding:18px}.screen-welcome .welcome-studio>.welcome-demo{width:min(390px,100% - 36px);margin:18px}.screen-welcome .welcome-stage .live-staff{grid-template-columns:1fr;padding:8px 12px}.screen-welcome .welcome-stage .live-staff>div{display:none}}@media (width>=701px) and (height<=820px){.screen-welcome .welcome-copy{padding-block:22px}.screen-welcome .welcome-copy h1{margin-block:8px 11px;font-size:clamp(42px,4vw,56px)}.screen-welcome .welcome-copy>p:not(.eyebrow){margin-bottom:11px;font-size:17px;line-height:1.32}.screen-welcome .welcome-copy>.primary{padding:11px 16px}.screen-welcome .welcome-copy>small{margin-top:9px;font-size:10px}.screen-welcome .welcome-stage{gap:8px;padding:16px 24px}.screen-welcome .welcome-stage .live-staff{min-height:96px;padding-block:6px}.screen-welcome .welcome-stage .live-staff canvas{height:76px}.screen-welcome .welcome-studio>.welcome-demo{width:min(420px,100% - 40px);margin:14px 20px 0}.screen-welcome .welcome-demo-toggle{padding-block:8px}}@media (width<=700px){.screen-welcome .welcome-studio{flex-direction:column;display:flex}.screen-welcome .welcome-copy{order:1}.screen-welcome.has-piano .welcome-studio>.welcome-demo{width:calc(100% - 32px);margin:0 16px 8px}.screen-welcome .welcome-studio>.welcome-demo{order:2}.screen-welcome.has-piano .welcome-stage{background:linear-gradient(#0000,#e7dcbf);order:3;height:111px;min-height:0;padding:3px 16px 8px;display:block}.screen-welcome .welcome-stage .paper-architecture{display:none}.screen-welcome .welcome-stage .live-staff{height:94px;min-height:94px;padding:4px 10px;display:block}.screen-welcome .welcome-stage .live-staff canvas{height:84px}}.festival-stage.phase-ready .phase-banner{display:none}.count-in-display{z-index:8;pointer-events:none;text-align:center;white-space:nowrap;background:#0a2a31f0;border:2px solid #f5d985;border-radius:999px;align-items:center;gap:10px;max-width:calc(100% - 24px);padding:5px 12px 8px 6px;display:flex;position:absolute;top:clamp(9px,3%,20px);left:50%;transform:translate(-50%);box-shadow:0 5px #0412166b,0 0 26px #f0be4f47}.count-in-display strong{color:#17343c;background:linear-gradient(145deg,#f4cf6d,#d99c35);border:3px solid #fff2c9;border-radius:50%;flex:none;place-items:center;width:clamp(54px,7vmin,72px);height:clamp(54px,7vmin,72px);font:900 clamp(36px,5vmin,48px)/1 Fredoka Variable,sans-serif;animation:ease-out both count-in-pulse;display:grid;box-shadow:0 4px #70471c}.count-in-display span{color:#fff5d9;letter-spacing:.04em;font-family:Fredoka Variable,sans-serif;font-size:clamp(13px,1.5vw,18px);font-weight:900}@keyframes count-in-pulse{0%{opacity:.35;transform:scale(.7)}18%{opacity:1;transform:scale(1.08)}42%{transform:scale(1)}to{opacity:.82;transform:scale(.9)}}@media (orientation:landscape) and (height<=600px){.count-in-display{border-width:1px;gap:6px;padding:2px 9px 4px 3px;top:3px}.count-in-display strong{border-width:2px;width:30px;height:30px;font-size:20px;box-shadow:0 2px #70471c}.count-in-display span{font-size:10px}}[data-motion=minimal] .count-in-display strong{animation:none}.performance-callout{z-index:8;text-align:center;text-transform:uppercase;letter-spacing:.08em;pointer-events:none;background:#fff8e6;border:3px solid;border-radius:12px;min-width:150px;padding:9px 18px;font:900 clamp(22px,3vw,38px)/1 Fredoka Variable,sans-serif;animation:1s ease-out both performance-callout;position:absolute;bottom:58px;left:50%;transform:translate(-50%);box-shadow:0 7px #05181d61}.performance-callout.is-perfect{color:#247059}.performance-callout.is-good{color:#246d78}.performance-callout.is-adjust{color:#9a6619}.performance-callout.is-miss{color:#a63f3b}@keyframes performance-callout{0%{opacity:0;transform:translate(-50%)scale(.72)}15%{opacity:1;transform:translate(-50%)scale(1.06)}30%,72%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-12px)}}.results .result-card{text-align:left;grid-template-columns:minmax(300px,.88fr) minmax(390px,1.12fr);align-items:stretch;gap:20px;width:min(1120px,100%);display:grid}.result-summary{text-align:center;flex-direction:column;align-items:center;min-width:0;display:flex}.result-summary>p{text-transform:uppercase;letter-spacing:.16em;margin:8px 0 0;font-weight:900}.note-review{background:#fffaebe0;border:1px solid #bda46e;border-radius:14px;min-width:0;padding:16px;box-shadow:inset 0 0 0 4px #dda94d17}.note-review>header{justify-content:space-between;align-items:start;gap:14px;display:flex}.note-review>header small{color:#a24d48;text-transform:uppercase;letter-spacing:.13em;font-weight:900}.note-review h2{margin:2px 0 0;font-size:26px}.note-review>header>span{color:#fff8e6;background:#173f4a;border-radius:999px;padding:5px 9px;font-weight:900}.note-review>p{color:#567075;margin:8px 0 12px;font-size:13px}.note-review-list{scrollbar-gutter:stable;max-height:min(390px,46vh);padding-right:4px;overflow:auto}.note-review-row{background:#fff8e6;border:1px solid #c8b78d;border-left:5px solid #b58a3d;border-radius:9px;margin-bottom:7px}.note-review-row.is-perfect{border-left-color:#2f8468}.note-review-row.is-miss{border-left-color:#bd4f49}.note-review-row summary{cursor:pointer;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:58px;padding:7px 10px;list-style:none;display:grid}.note-review-row summary::-webkit-details-marker{display:none}.review-mark{color:#17343c;background:#d5bd7d;border-radius:50%;place-items:center;width:30px;height:30px;font-weight:900;display:grid}.is-perfect .review-mark{background:#8fcab2}.is-miss .review-mark{background:#eaa09a}.note-review-row summary strong,.note-review-row summary small{display:block}.note-review-row summary small{color:#5a7074}.note-review-row summary>b{color:#6a7777;font-size:12px}.review-detail{border-top:1px solid #ded1af;padding:0 11px 12px 53px}.review-detail dl{grid-template-columns:repeat(3,1fr);gap:7px;margin:10px 0;display:grid}.review-detail dl>div{background:#eee4c9;border-radius:6px;padding:7px}.review-detail dt{text-transform:uppercase;letter-spacing:.08em;color:#6c7776;font-size:9px;font-weight:900}.review-detail dd{margin:2px 0 0;font-size:12px}.review-detail ul{margin:8px 0;padding-left:20px;font-size:12px}.review-detail p{margin:9px 0;font-size:13px}.review-detail button{color:#173f4a;background:#d8e5d9;border-radius:8px;align-items:center;gap:6px;padding:8px 11px;font-weight:900;display:inline-flex}.review-detail button svg{width:16px}@media (width<=800px){.results .result-card{grid-template-columns:1fr;gap:14px}.note-review-list{max-height:330px}.review-detail{padding-left:11px}.review-detail dl{grid-template-columns:1fr}.performance-callout{bottom:52px}}@media (orientation:landscape) and (height<=600px){.performance-callout{min-width:110px;padding:6px 10px;font-size:18px;animation-name:performance-callout-landscape;bottom:7px;left:auto;right:10px;transform:none}@keyframes performance-callout-landscape{0%{opacity:0;transform:scale(.75)}18%,72%{opacity:1;transform:scale(1)}to{opacity:0;transform:translateY(-7px)}}}[data-motion=minimal] .performance-callout{animation:none}.results .result-card{text-align:left;flex-direction:column;align-items:stretch;gap:14px;width:min(1280px,100%);padding:16px;display:flex}.screen-results.has-collapsed-piano .results{min-height:calc(100dvh - 108px);padding:24px 18px 52px}.result-summary{text-align:left;grid-template-columns:minmax(320px,1fr) auto auto;grid-template-areas:"title mastery actions""award quote quote";align-items:center;gap:10px 18px;display:grid}.result-title{grid-area:title;grid-template-columns:68px minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;display:grid}.result-title .result-mark{width:62px;height:62px;font-size:34px;box-shadow:0 0 0 6px #173f4a21}.result-title p{text-transform:uppercase;letter-spacing:.13em;margin:0;font-size:10px;font-weight:900}.result-title h1{margin:2px 0;font-size:clamp(25px,3vw,38px);line-height:1}.result-title .result-stars{margin:0}.result-summary .result-mastery{grid-area:mastery;margin:0}.result-summary .spark-award{border-radius:8px;grid-area:award;width:max-content;max-width:100%;margin:0}.result-summary blockquote{color:#526c6e;grid-area:quote;max-width:none;margin:0;font:italic 14px/1.35 Georgia,serif}.result-summary .result-actions{grid-area:actions;justify-content:flex-end}.result-summary .result-actions button{min-height:44px}.performance-review{background:#fffaebeb;border:1px solid #bda46e;border-radius:14px;min-width:0;padding:14px;box-shadow:inset 0 0 0 4px #dda94d17}.performance-review>header{justify-content:space-between;align-items:start;gap:18px;display:flex}.performance-review>header small{color:#a24d48;text-transform:uppercase;letter-spacing:.13em;font-weight:900}.performance-review h2{margin:2px 0;font-size:clamp(23px,3vw,32px)}.performance-review>header p{color:#567075;max-width:760px;margin:3px 0 8px;font-size:13px}.performance-review>header>span{color:#fff8e6;background:#173f4a;border-radius:999px;padding:5px 9px;font-weight:900}.performance-legend{flex-wrap:wrap;gap:12px;margin:2px 0 8px;font-size:11px;font-weight:900;display:flex}.performance-legend span:before{content:"";vertical-align:-2px;background:currentColor;border-radius:50%;width:12px;height:12px;margin-right:5px;display:inline-block}.performance-legend .is-target{color:#596d70}.performance-legend .is-perfect{color:#276950}.performance-legend .is-adjust{color:#855914}.performance-legend .is-miss{color:#99423e}.performance-scroll{scrollbar-color:#b58a3d #e9dcc0;scrollbar-width:auto;overscroll-behavior-inline:contain;background:linear-gradient(#fff9e9,#f5e8c5);border:1px solid #c8b78d;border-radius:10px;max-width:100%;overflow:auto hidden}.performance-scroll:focus{outline-offset:2px;outline:3px solid #2f846859}.performance-track{position:relative}.performance-track canvas{border-bottom:1px solid #d8cba9;display:block}.performance-markers{height:78px;position:absolute;left:0;right:0}.performance-marker{color:#855914;background:#fff9e9;border:2px solid;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-height:68px;padding:5px;font-size:11px;line-height:1.15;display:flex;position:absolute;top:4px;transform:translate(-50%);box-shadow:0 3px #382e1b2e}.performance-marker.is-perfect{color:#276950}.performance-marker.is-miss{color:#99423e}.performance-marker b,.performance-marker span,.performance-marker small{display:block}.performance-marker small{font-weight:800}.performance-marker.selected{z-index:2;background:#fff;outline:4px solid #173f4a38;transform:translate(-50%)translateY(-3px)}.performance-selection{background:#eee4c9;border-left:6px solid #b17a25;border-radius:8px;grid-template-columns:minmax(220px,.8fr) minmax(390px,1.2fr) auto;align-items:center;gap:10px 18px;margin-top:10px;padding:12px 14px;display:grid}.performance-selection.is-perfect{border-left-color:#2f8468}.performance-selection.is-miss{border-left-color:#bd4f49}.performance-selection small{color:#647274;text-transform:uppercase;letter-spacing:.1em;font-weight:900}.performance-selection h3{margin:2px 0;font-size:18px}.performance-selection p{margin:2px 0;font-size:13px}.performance-selection>p{grid-column:1/3}.performance-selection dl{grid-template-columns:repeat(3,minmax(115px,1fr));gap:7px;margin:0;display:grid}.performance-selection dl>div{background:#ffffff8a;border-radius:6px;padding:7px}.performance-selection dt{text-transform:uppercase;letter-spacing:.08em;color:#647274;font-size:9px;font-weight:900}.performance-selection dd{margin:2px 0 0;font-size:12px}.performance-selection button{color:#173f4a;background:#d4e3d6;border-radius:8px;grid-area:1/3/3;align-items:center;gap:6px;padding:10px 12px;font-weight:900;display:flex}.performance-selection button svg{width:17px}.performance-loading{color:#526c6e;background:#fff8e6;border-radius:12px;place-items:center;min-height:280px;display:grid}@media (width<=960px){.result-summary{grid-template-columns:1fr auto;grid-template-areas:"title mastery""award award""quote quote""actions actions"}.result-summary .result-actions{justify-content:flex-start}.performance-selection{grid-template-columns:1fr}.performance-selection>p,.performance-selection button{grid-column:1}.performance-selection button{grid-row:auto;width:max-content}.performance-selection dl{grid-template-columns:repeat(3,1fr)}}@media (width<=600px){.screen-results.has-collapsed-piano .results{min-height:calc(100dvh - 110px);padding:10px 8px 58px}.results .result-card{gap:10px;padding:9px}.result-summary{align-items:stretch;gap:8px;display:flex}.result-title{grid-template-columns:54px minmax(0,1fr)}.result-title .result-mark{width:50px;height:50px;font-size:28px}.result-title .result-stars{grid-column:1/-1}.result-summary .result-mastery,.result-summary .spark-award{width:100%}.result-summary .result-actions{justify-content:stretch}.result-summary .result-actions button{flex:1}.performance-review{padding:10px}.performance-review>header>span{display:none}.performance-selection dl{grid-template-columns:1fr}.performance-selection button{justify-content:center;width:100%}}.stage-status{justify-content:center}.stage-state-sentinel{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.learning-feedback{max-width:min(78%,720px)}.studio-key.black kbd{color:#fff0ad;background:#0a2931;border-color:#f0cf78;box-shadow:0 0 0 1px #00000080}.global-sparks{min-height:42px}.global-sparks strong{font-size:15px}.global-sparks span{text-transform:uppercase;letter-spacing:.08em;font-size:10px}.book-wallets .spark-total{text-align:left;cursor:pointer;border:1px solid #d7ad54}.spark-total small{color:#805819;grid-column:2;font-size:10px}.journey-progress{background:#fff8e6a6;border:1px solid #c8b58a;border-radius:10px;grid-template-columns:minmax(180px,1fr) auto;align-items:center;gap:3px 14px;margin-top:18px;padding:11px 14px;display:grid}.journey-progress>div{background:#d6c9a9;border-radius:999px;grid-row:1/3;height:12px;overflow:hidden}.journey-progress>div span{border-radius:inherit;background:linear-gradient(90deg,#3a8077,#dca847);height:100%;display:block}.journey-progress strong{font-size:13px}.journey-progress small{color:#617477}.spark-guide,.next-spark-goal{width:min(1180px,100%);margin-inline:auto}.spark-guide{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px;display:grid}.spark-guide>div{background:#071f258c;border:1px solid #ffebbe38;border-radius:12px;grid-template-columns:36px 1fr;align-items:center;gap:10px;padding:12px 14px;display:grid}.spark-guide b{color:#17343c;background:#efc862;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.spark-guide strong,.spark-guide small{display:block}.spark-guide small{color:#bcd2ce;margin-top:2px;font-size:11px}.next-spark-goal{color:#593c16;background:#f0cd6f;border:1px solid #d1a443;border-radius:12px;align-items:center;gap:10px;margin-bottom:16px;padding:11px 15px;display:flex}.next-spark-goal.ready{color:#153b37;background:#a9d5be}.next-spark-goal svg{flex:none;width:24px}.next-spark-goal strong,.next-spark-goal small{display:block}.next-spark-goal small{margin-top:2px;font-size:11px}.result-summary{grid-template-columns:minmax(350px,1fr) minmax(300px,.72fr);grid-template-areas:"title mastery""award actions""quote actions";align-items:center;gap:9px 18px}.result-summary .result-actions{grid-template-columns:repeat(2,minmax(140px,1fr));justify-content:stretch;gap:8px;display:grid}.result-summary .result-actions button{justify-content:center;margin:0}.result-summary .spark-award span{gap:1px;display:grid}.result-summary .spark-award small{font-size:10px;font-weight:700}.result-summary blockquote{align-self:start}.spark-award.needs-retry{width:100%;display:block}@media (width<=960px){.result-summary{grid-template-columns:1fr auto;grid-template-areas:"title mastery""award award""quote quote""actions actions"}.result-summary .result-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.global-sparks span{display:none}.journey-progress{grid-template-columns:1fr}.journey-progress>div{grid-row:auto}.spark-guide{grid-template-columns:1fr}.result-summary{align-items:stretch;display:flex}.result-summary .result-actions{grid-template-columns:1fr 1fr}}@media (width<=430px){.journey-progress strong{margin-top:3px}.book-wallets .spark-total small{display:none}.result-summary .result-actions{grid-template-columns:1fr}}.performance-track canvas{min-height:164px}.brand{transform:rotate(-1deg)}.brand strong{color:#8f3f48;text-shadow:0 2px #fff5d5}.global-sparks{background:linear-gradient(145deg,#fff4b8,#f2bd43);border-width:2px;box-shadow:0 3px #b77c24}.book-page{position:relative}.book-page:before{content:"";filter:drop-shadow(0 3px #402d1a29);background:linear-gradient(135deg,#d85855 25%,#0000 25%) 0 0/30px 15px,linear-gradient(225deg,#e8b84f 25%,#0000 25%) 15px 0/30px 15px,linear-gradient(135deg,#4a9786 25%,#0000 25%) 30px 0/30px 15px;height:15px;margin:-24px 0 22px;display:block}.continue-card{background:linear-gradient(115deg,#184b51,#2c7770 58%,#7e4058);border:3px solid #f1c95f;border-radius:20px;position:relative;overflow:hidden;box-shadow:0 9px #c49035,0 16px 28px #2239352e}.continue-card:after{content:"♪";color:#ffeeb22e;border:14px solid #ffe8991a;border-radius:50%;place-items:center;width:126px;height:126px;font:900 72px Fredoka Variable,sans-serif;display:grid;position:absolute;top:-34px;right:22%;transform:rotate(12deg)}.continue-card>*{z-index:1;position:relative}.continue-card .primary{color:#fff;background:linear-gradient(#f4756b,#bc494d);border:2px solid #ffe09a;border-radius:13px;box-shadow:0 5px #7c3137}.continue-card .primary:hover{transform:translateY(-2px);box-shadow:0 7px #7c3137}.lesson-seal{color:#8b4144;background:#fff1b8;border-color:#fff8db;transform:rotate(-4deg);box-shadow:0 4px #b87a2f}.journey-progress{background:linear-gradient(90deg,#fff1bd,#fff8e5);border:2px solid #d8ad4b;border-radius:14px;box-shadow:0 4px #d2b874}.journey-progress>div{background:#ead9ae;border:2px solid #a87932;height:15px}.journey-progress>div span{background:linear-gradient(90deg,#43a187,#efbd45,#e96f66);box-shadow:inset 0 3px #ffffff57}.festival-meta-grid{grid-template-columns:minmax(250px,.8fr) minmax(420px,1.2fr);gap:14px;margin:18px 0;display:grid}.festival-rank,.badge-shelf{background:#fff4d4;border:2px solid #c9973e;border-radius:17px;position:relative;overflow:hidden;box-shadow:0 6px #d2b56d}.festival-rank{background:linear-gradient(135deg,#fff0b3,#ffe0a0 55%,#f6b06f);grid-template-columns:72px 1fr;align-items:center;gap:4px 13px;padding:15px 17px;display:grid}.festival-rank:after{content:"";border:18px dotted #9d3f4821;border-radius:50%;width:120px;height:120px;position:absolute;bottom:-32px;right:-24px}.rank-emblem{background:#9c4650;border:3px solid #fff4c8;border-radius:50%;grid-row:1/3;place-items:center;width:68px;height:68px;font-size:34px;display:grid;box-shadow:0 4px #69303a}.festival-rank small,.badge-shelf header small{color:#9b4650;text-transform:uppercase;letter-spacing:.12em;font-weight:900}.festival-rank h2,.badge-shelf h2{margin:1px 0;font-size:23px}.festival-rank p{color:#6b5a46;margin:1px 0;font-size:12px}.rank-meter{background:#f7e8c2;border:2px solid #9d6e35;border-radius:999px;grid-column:1/-1;height:12px;overflow:hidden}.rank-meter i{border-radius:inherit;background:linear-gradient(90deg,#4ba18b,#eeb947,#dc665f);height:100%;display:block}.festival-rank>strong{color:#674e3a;grid-column:1/-1;font-size:11px}.badge-shelf{background:linear-gradient(145deg,#fff9e9,#f3e4bd);padding:13px 15px}.badge-shelf header{justify-content:space-between;align-items:center;gap:12px;display:flex}.badge-shelf header>strong{color:#fff1ba;font-variant-numeric:tabular-nums;white-space:nowrap;background:#254f57;border-radius:999px;flex-shrink:0;place-items:center;min-width:50px;min-height:36px;padding:7px 10px;font-size:13px;line-height:1;display:grid}.badge-shelf>div{grid-template-columns:repeat(5,1fr);gap:7px;margin-top:10px;display:grid}.badge-shelf span{text-align:center;background:#fff7df;border:2px solid #d1b56f;border-radius:11px;place-items:center;gap:3px;min-width:0;padding:8px 4px;display:grid}.badge-shelf span b{filter:drop-shadow(0 2px #c79d46);font-size:25px}.badge-shelf span small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:9px;font-weight:900;overflow:hidden}.badge-shelf span.locked{filter:grayscale();opacity:.48}.badge-shelf span.unlocked{transform:rotate(-1deg);box-shadow:0 3px #cda653}.current-chapter{background:linear-gradient(145deg,#fff9e8,#f5e7c0);border:2px solid #c99a45;border-radius:18px;position:relative;overflow:hidden;box-shadow:0 7px #c9ae6b}.current-chapter:before{content:"";background:repeating-linear-gradient(90deg,#d85b57 0 28px,#efbd4f 28px 56px,#4b9789 56px 84px,#8062a1 84px 112px);height:8px;position:absolute;inset:0 0 auto}.current-chapter>header{margin-top:4px}.chapter-story{background:linear-gradient(90deg,#f3d682,#fff1c4);border-left-width:7px}.lesson-purpose-list>div{background:#f3e8ca;border:1px solid #d3b76f;border-radius:11px}.lesson-purpose-list>div.next{background:linear-gradient(90deg,#ccebd9,#f4e7af);border:2px solid #4e9b87;box-shadow:0 3px #8bb99f}.lesson-purpose-list .next button{box-shadow:0 3px #78363c}.arcade-actions button{background:linear-gradient(145deg,#fff0b3,#f6c864);border:2px solid #c99034;border-radius:16px;transition:transform .15s,box-shadow .15s;position:relative;overflow:hidden;box-shadow:0 6px #bb8433}.arcade-actions button:nth-child(2){background:linear-gradient(145deg,#d6f0dc,#72b9a0);border-color:#397e73;box-shadow:0 6px #377469}.arcade-actions button:not(:disabled):hover{transform:translateY(-2px)rotate(-.4deg);box-shadow:0 8px #9c6a29}.arcade-actions button svg{background:#fff7dc;border-radius:50%;width:38px;height:38px;padding:8px;display:grid;box-shadow:0 3px #472f1b2e}.festival-social{background:linear-gradient(120deg,#f5d8ef,#d7eef0 54%,#ffe5a8);border:2px dashed #aa6b9b;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:17px;margin:18px 0;padding:18px 20px;display:grid;box-shadow:0 6px #c19daf}.crew-avatars{align-items:center;display:flex}.crew-avatars i{color:#fff;background:#914b79;border:3px solid #fff4d7;border-radius:50%;place-items:center;width:52px;height:52px;margin-left:-12px;font:900 23px Fredoka Variable,sans-serif;display:grid;box-shadow:0 3px #61324f}.crew-avatars i:first-child{background:#d45b5a;margin-left:0}.crew-avatars i:last-child{background:#368c82}.festival-social small{color:#8c3f69;text-transform:uppercase;letter-spacing:.12em;font-weight:900}.festival-social h2{margin:2px 0;font-size:25px}.festival-social p{color:#5d5864;margin:3px 0}.festival-social ul{flex-wrap:wrap;gap:6px;margin:8px 0 0;padding:0;list-style:none;display:flex}.festival-social li{background:#ffffffa6;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:900}.festival-social>span{color:#fff;white-space:nowrap;background:#764066;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:900}.input-choice-grid button{background:linear-gradient(145deg,#fff3c8,#edddb5);border:2px solid #cfaa56;border-radius:16px;box-shadow:0 4px #c7ab6c}.input-choice-grid button:nth-child(2){background:linear-gradient(145deg,#d9efe1,#b9dcc9)}.input-choice-grid button:nth-child(3){background:linear-gradient(145deg,#eadcf3,#d6bfe8)}.input-choice-grid button.selected{transform:translateY(-3px)rotate(-.5deg);box-shadow:0 7px #4d8177}.lesson-objective{background:linear-gradient(90deg,#fff2c6,#f9e7b5 55%,#f1cf91);border-top:5px solid #efbd4f}.objective-phase{border:2px solid #ffffff94;box-shadow:0 3px #5e321e33}.objective-phase b{color:#173f4a;letter-spacing:.04em;margin-top:2px;font-size:11px;display:block}.practice-page{background-color:#12363d;background-image:radial-gradient(circle at 8% 14%,#f4be4938 0 5px,#0000 6px),radial-gradient(circle at 90% 24%,#e25b5738 0 6px,#0000 7px),radial-gradient(circle at 76% 82%,#71c9b32e 0 5px,#0000 6px),linear-gradient(155deg,#316e70,#102d35 67%);background-size:110px 120px,150px 140px,130px 160px,auto}.practice-grid article{background:linear-gradient(155deg,#fff7db33,#051c22c7);border-width:2px;border-radius:20px;box-shadow:0 8px #04121657}.practice-grid button{box-shadow:0 4px 0 var(--activity-accent,var(--item-accent));border:2px solid #ffffff73;border-radius:12px}@supports (color:color-mix(in lab, red, red)){.practice-grid button{box-shadow:0 4px 0 color-mix(in srgb,var(--activity-accent,var(--item-accent)) 62%,#091f25)}}.cosmetic-notice{color:#513b20;background:#fff1b9;border:2px solid #f1c75f;border-radius:14px;align-items:center;gap:12px;width:min(1180px,100%);margin:0 auto 14px;padding:12px 15px;display:flex}.cosmetic-notice strong{color:#fff;white-space:nowrap;background:#a54950;border-radius:999px;padding:5px 9px}.cosmetic-notice span{font-size:12px;font-weight:800}.cosmetic-tag{color:#fff1bd;letter-spacing:.06em;background:#fff6d526;border-radius:999px;margin-left:5px;padding:3px 6px;font-size:8px;display:inline-block}.results{background-image:radial-gradient(circle at 10% 10%,#e8595429 0 5px,#0000 6px),radial-gradient(circle at 88% 18%,#e8b54530 0 6px,#0000 7px),linear-gradient(#efe3c4,#f8edcf)}.results .result-card{background:linear-gradient(145deg,#fffae8f5,#f8e5b5eb);border:2px solid #c89b42;border-radius:20px;box-shadow:0 8px #c9ae69}.result-mark{color:#fff;background:linear-gradient(145deg,#db665c,#9c414e);border:3px solid #fff0b1;box-shadow:0 5px #70303b!important}.performance-review{background:#fff8df;border-width:2px;border-radius:17px;box-shadow:inset 0 0 0 5px #dda94d1f,0 5px #d1b36a}@media (width<=760px){.festival-meta-grid,.festival-social{grid-template-columns:1fr}.festival-social>span{width:max-content}.badge-shelf>div{gap:5px}.book-page:before{margin-top:-8px}.cosmetic-notice{flex-direction:column;align-items:flex-start}.continue-card{margin-block:11px;padding:13px}.continue-card:after{right:-35px}.current-chapter{padding:5px 12px}}@media (width<=600px){.performance-callout{display:none}.festival-rank{grid-template-columns:58px 1fr}.rank-emblem{width:56px;height:56px;font-size:28px}.badge-shelf>div{grid-template-columns:repeat(5,minmax(48px,1fr));overflow-x:auto}.badge-shelf span{min-width:48px}.festival-social{padding:14px}.crew-avatars i{width:45px;height:45px}.global-bar{background:linear-gradient(105deg,#fff7df,#f2d57d)}}@media (orientation:landscape) and (height<=600px){.performance-callout{display:block}}.screen-lesson .lesson-hud{background:linear-gradient(105deg,#fff2b8 0 36%,#ffd58c 36% 68%,#f39b8f 68%);border-bottom-color:#8d4058;box-shadow:0 4px #4825373d}.screen-lesson .lesson-progress{background:#fff4d2;border:1px solid #5c372b3d}.screen-lesson .lesson-progress span{background:linear-gradient(90deg,#44a58e,#58b7d2,#a46fc2,#ef6e72,#f3c44d)}.festival-stage.phase-listen{background:radial-gradient(circle at 18% 12%,#f1b45a6b,#0000 28%),radial-gradient(circle at 82% 22%,#aa69c47a,#0000 30%),linear-gradient(155deg,#457f84,#193a48 62%,#322b50)}.festival-stage.phase-listen .pixi-stage{filter:saturate(.92)brightness(.94)}.festival-stage.phase-play{background:radial-gradient(circle at 16% 18%,#ef676d61,#0000 27%),radial-gradient(circle at 84% 18%,#61bfb06b,#0000 30%),linear-gradient(150deg,#314f78,#153e48 56%,#4d2855)}.festival-stage.phase-ready,.festival-stage.phase-transition{background:radial-gradient(circle at 50% 16%,#fac85675,#0000 30%),linear-gradient(145deg,#6c4a83,#245a67 56%,#14333e)}.festival-stage.phase-listen .phase-banner{color:#593413;background:linear-gradient(90deg,#ffdc70,#f4ae69);border-color:#ffe28d;box-shadow:0 5px #8d5730,0 0 22px #ffdb7057}.festival-stage.phase-play .phase-banner{background:linear-gradient(90deg,#d94f67,#a64178);border-color:#ffc0aa;box-shadow:0 5px #682a53,0 0 22px #f5677a4d}.festival-stage.phase-ready .count-in-display{background:linear-gradient(100deg,#633b7a,#175969);border-color:#ffe58e}.lesson-page.phase-listen .objective-phase{color:#58370e;background:linear-gradient(#ffd86b,#efad45)}.lesson-page.phase-play .objective-phase{background:linear-gradient(#dc5d69,#9a3e69)}.piano-dock>header{position:relative}.piano-next-note{color:#fff8dc;pointer-events:none;background:linear-gradient(105deg,#8d4c9f,#ce5872);border:2px solid #ffe291;border-radius:999px;justify-content:center;align-items:center;gap:7px;min-width:118px;padding:5px 11px;display:flex;position:absolute;top:4px;left:50%;transform:translate(-50%)rotate(-1deg);box-shadow:0 3px #552f67,0 0 18px #ffd66a40}.piano-next-note span{text-transform:uppercase;letter-spacing:.12em;color:#ffe7a1!important;font-size:8px!important}.piano-next-note strong{text-shadow:0 2px #63344f;color:#fff!important;font-size:18px!important}.studio-key.is-exercise-note:before{content:"";z-index:5;background:#52a992;border:2px solid #fff1a7;border-radius:50%;width:9px;height:9px;position:absolute;top:7px;left:50%;transform:translate(-50%);box-shadow:0 0 0 3px #51a9922e}.studio-key.black.is-exercise-note:before{background:#f3bd4f;top:6px}.studio-key.white.is-next-note{background:linear-gradient(95deg,#f6b7dd,#fff0a6 35%,#81dcc9 78%,#55aa9b);animation:.82s ease-in-out infinite alternate next-key-glow;box-shadow:inset 0 -9px #50a897,inset 0 2px #fff9d6,0 0 0 4px #ffe073,0 0 28px 8px #ffce539e}.studio-key.black.is-next-note{background:linear-gradient(105deg,#6b357e,#d35683 48%,#3b8d86);animation:.82s ease-in-out infinite alternate next-key-glow;box-shadow:inset 0 -7px #41284f,0 0 0 4px #ffe073,0 0 26px 7px #ffce5394}.studio-key.is-next-note:before{content:"✦";color:#9a3f6e;background:#fff1a0;border:0;place-items:center;width:24px;height:24px;font-size:15px;display:grid;top:6px;box-shadow:0 0 0 4px #ffee8e47,0 0 18px #ffd85e}.studio-key.is-next-note span{text-shadow:0 1px #fff4b5;color:#70315e!important;font-size:16px!important}.studio-key.black.is-next-note span{color:#fff2b0!important}@keyframes next-key-glow{0%{filter:saturate()}to{filter:saturate(1.12)brightness(1.04)}}[data-motion=minimal] .studio-key.is-next-note{animation:none}@media (width<=520px){.piano-next-note{min-width:82px;padding:4px 9px;top:6px}.piano-next-note span{display:none!important}.piano-next-note strong{font-size:17px!important}.studio-key.is-next-note:before{width:21px;height:21px;font-size:13px}}@media (orientation:landscape) and (height<=600px){.piano-next-note{padding:1px 8px;top:1px;box-shadow:0 2px #552f67}.piano-next-note span{display:none!important}.piano-next-note strong{font-size:14px!important}.studio-key.is-exercise-note:before{top:4px}.studio-key.is-next-note:before{width:18px;height:18px;font-size:11px}}.notation-motion{z-index:3}.judgement-line{z-index:2}.staff-judgement{--judgement-color:#14788a;z-index:5;border:2px solid var(--judgement-color);max-width:calc(58% - 12px);color:var(--judgement-color);pointer-events:none;background:#fff9e1f7;border-radius:999px;align-items:center;gap:7px;padding:3px 9px 3px 4px;font-family:Fredoka Variable,sans-serif;animation:1.8s ease-out both staff-judgement-pop;display:flex;position:absolute;top:6px;right:8px;box-shadow:0 3px #1430374d,0 0 16px #ffdf6747}.staff-judgement strong{background:var(--judgement-color);color:#fff;border-radius:999px;place-items:center;min-width:26px;height:26px;padding:0 5px;font-size:14px;line-height:1;display:grid}.staff-judgement span{text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;letter-spacing:.07em;font-size:11px;font-weight:900;overflow:hidden}.staff-judgement.is-perfect{--judgement-color:#148262}.staff-judgement.is-good{--judgement-color:#14788a}.staff-judgement.is-adjust{--judgement-color:#a96817}.staff-judgement.is-miss{--judgement-color:#b43e50}@keyframes staff-judgement-pop{0%{opacity:0;transform:translate(-50%)scale(.72)}8%{opacity:1;transform:translate(-50%)scale(1.08)}17%,78%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-4px)}}@media (width<=600px){.staff-judgement{border-width:1.5px;gap:5px;max-width:57%;padding:2px 7px 2px 3px;top:4px;right:5px;box-shadow:0 2px #1430374d}.staff-judgement strong{min-width:23px;height:23px;font-size:12px}.staff-judgement span{font-size:9px}}@media (orientation:landscape) and (height<=600px){.staff-judgement{max-width:48%;padding-block:1px;top:3px;right:4px}.staff-judgement strong{min-width:21px;height:21px}.staff-judgement span{font-size:8px}}[data-motion=minimal] .staff-judgement{animation:1.8s linear both staff-judgement-minimal}@keyframes staff-judgement-minimal{0%,90%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%)}}.festival-meta-grid{grid-template-columns:minmax(250px,.55fr) minmax(0,1.45fr);align-items:start}.festival-rank{align-self:start}.badge-shelf{min-width:0}.next-achievement{background:linear-gradient(100deg,#fff0b0,#ffdba0);border:2px solid #d49f43;border-radius:12px;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:9px;margin-top:10px;padding:8px 10px;display:grid}.next-achievement>span{text-align:center;font-size:25px}.next-achievement small,.next-achievement strong,.next-achievement em{display:block}.next-achievement small{text-transform:uppercase;letter-spacing:.1em;color:#97464e;font-size:8px;font-weight:900}.next-achievement strong{font-size:14px}.next-achievement em{text-overflow:ellipsis;white-space:nowrap;color:#6b5b48;font-size:9px;font-style:normal;overflow:hidden}.next-achievement>b{color:#fff5cf;white-space:nowrap;background:#254f57;border-radius:999px;padding:5px 7px;font-size:10px}.badge-shelf>.badge-groups{grid-template-columns:1fr;gap:9px;margin-top:11px;display:grid;overflow:visible}.badge-groups>section{min-width:0}.badge-groups h3{color:#81465c;text-transform:uppercase;letter-spacing:.11em;margin:0 0 4px;font-size:9px}.badge-groups>section>div{scrollbar-width:thin;scroll-snap-type:x proximity;grid-auto-columns:84px;grid-auto-flow:column;gap:6px;padding:1px 2px 6px;display:grid;overflow-x:auto}.badge-shelf .badge-groups span{scroll-snap-align:start;min-width:0;height:75px;padding:5px 3px}.badge-shelf .badge-groups span b{font-size:21px}.badge-shelf .badge-groups span small{font-size:8px}.badge-shelf .badge-groups span em{color:#6d665a;font-size:7px;font-style:normal;font-weight:900}.badge-shelf .badge-groups span.unlocked em{color:#29715d}.badge-shelf .badge-groups span.locked{opacity:.58}@media (width<=600px){.screen-lesson .phase-banner{white-space:nowrap;width:auto}.screen-lesson .phase-banner span{display:none}.screen-lesson .learning-feedback{border-radius:999px;width:max-content;max-width:calc(100% - 24px);padding:5px 12px;font-size:12px;line-height:1.1;bottom:5px;left:50%;right:auto;transform:translate(-50%)}.festival-meta-grid{grid-template-columns:1fr}.badge-shelf>.badge-groups{grid-template-columns:1fr;display:grid;overflow:visible}.badge-groups>section>div{grid-auto-columns:78px}.next-achievement{grid-template-columns:34px minmax(0,1fr) auto}.next-achievement em{white-space:normal;line-height:1.2}}.global-bar{background:linear-gradient(105deg,#fff2bd 0%,#ffd37f 42%,#f59a9e 72%,#75c9b9 100%);border-bottom:0;box-shadow:0 5px #5c31473d,0 10px 24px #1b434624}.global-bar:after{content:"";pointer-events:none;background:linear-gradient(90deg,#b93e68 0 25%,#f0b93f 25% 50%,#6d55a5 50% 75%,#258d82 75%);height:4px;position:absolute;bottom:-4px;left:0;right:0}.brand{border-radius:13px;min-width:0;padding:5px 9px 9px;transition:transform .15s,background .15s;position:relative;transform:rotate(-1.5deg)}.brand:hover{background:#fffadd57;transform:translateY(-1px)rotate(-1.5deg)}@media (width<=520px){.brand{padding-inline:7px}}.reward-results{overflow:hidden;background:radial-gradient(circle at 14% 18%,#e74e6840 0 7px,transparent 8px),radial-gradient(circle at 88% 24%,#5cb5a247 0 8px,transparent 9px),radial-gradient(circle at 76% 78%,#f5b93d42 0 6px,transparent 7px),linear-gradient(145deg,var(--ui-celebration-a),var(--ui-celebration-b) 48%,var(--ui-celebration-c))!important;background-size:110px 130px,150px 170px,130px 140px,auto!important;justify-content:center!important}.reward-ceremony{isolation:isolate;color:#183f48;background:linear-gradient(145deg,#fff9df,#fff0bd);border:3px solid #9a455c;border-radius:28px;grid-template-rows:8px 1fr auto;width:min(680px,100%);min-height:min(530px,100dvh - 112px);display:grid;position:relative;overflow:hidden;box-shadow:0 10px #8e4a5a,0 22px 50px #36293f40}.reward-ceremony:before,.reward-ceremony:after{content:"";z-index:-1;border:24px dotted #d9545b24;border-radius:50%;width:170px;height:170px;position:absolute}.reward-ceremony:before{top:70px;left:-76px}.reward-ceremony:after{border-color:#308f8429;bottom:35px;right:-75px}.reward-progress{background:#ead59d;height:8px}.reward-progress span{background:linear-gradient(90deg,#d64868,#f0b840,#379487,#7454a4);border-radius:0 99px 99px 0;height:100%;transition:width .35s;display:block}.reward-focus{text-align:center;place-items:center;min-height:0;padding:clamp(22px,6vw,54px);animation:.3s ease-out both reward-focus-in;display:grid}.reward-focus>div{place-items:center;display:grid}.reward-focus p{color:#974352;text-transform:uppercase;letter-spacing:.14em;margin:0 0 8px;font-size:13px;font-weight:900}.reward-focus h1{margin:4px 0 10px;font-size:clamp(38px,7vw,68px);line-height:.98}.reward-focus strong{font-size:clamp(22px,4vw,34px)}.reward-focus small{color:#5b7070;margin-top:7px;font-size:13px;font-weight:800}.reward-burst{color:#fff5ba;background:linear-gradient(145deg,#d95a68,#983f64);border:4px solid #fff0a9;border-radius:50%;place-items:center;width:100px;height:100px;font-size:55px;animation:.4s ease-out both reward-focus-in;display:grid;box-shadow:0 7px #702f53,0 0 0 11px #ebb13d38}.reward-stars{color:#e8a92f;gap:6px;margin-top:18px;display:flex}.reward-stars svg{filter:drop-shadow(0 3px #b77a2a);width:40px;height:40px}.reward-coin-medal{color:#7b441d;background:linear-gradient(145deg,#ffd75e,#e49a27);border:5px solid #fff2a8;border-radius:50%;place-items:center;width:128px;height:128px;margin-bottom:18px;animation:.4s ease-out both reward-focus-in;display:grid;position:relative;box-shadow:0 8px #a86320,0 0 0 13px #ffeb7e4d}.reward-coin-medal svg{width:64px;height:64px}.reward-coin-medal i{color:#9b3f61;font:900 28px Fredoka Variable,sans-serif;position:absolute;top:12px;right:18px;transform:rotate(10deg)}.reward-coins>strong{color:#9a4a27;font-size:clamp(54px,10vw,86px);line-height:1}.reward-coins small b{color:#183f48;font-variant-numeric:tabular-nums;font-size:18px}.reward-achievement>p{align-items:center;gap:7px;display:flex}.reward-achievement>p svg{width:19px}.achievement-emblem{background:linear-gradient(145deg,#8f5aa4,#cf5c75 55%,#efb941);border:5px solid #fff0a6;border-radius:35% 50% 38% 48%;place-items:center;width:130px;height:130px;margin:10px;font-size:66px;animation:.4s ease-out both reward-focus-in;display:grid;transform:rotate(-3deg);box-shadow:0 8px #70385f,0 0 0 12px #ebba403d}.reward-achievement>strong{max-width:440px;font-size:17px;line-height:1.35}.reward-achievement>small{color:#29695f;background:#dcebdc;border-radius:999px;padding:5px 9px}.reward-skip{color:#456165;background:#ffffff8c;border:1px solid #3652503d;border-radius:999px;justify-self:center;align-items:center;gap:7px;margin:0 0 18px;padding:8px 13px;font-size:11px;font-weight:900;display:flex}.reward-skip svg{width:15px}.global-sparks strong{font-variant-numeric:tabular-nums}.global-sparks.is-receiving{box-shadow:0 3px #b77c24,0 0 24px #f2c14e}.global-sparks:disabled{opacity:1;cursor:default}@keyframes reward-focus-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes reward-medal-pop{0%{opacity:0;transform:scale(.5)rotate(-12deg)}70%{transform:scale(1.09)rotate(3deg)}to{opacity:1;transform:none}}@keyframes achievement-emblem-in{0%{opacity:0;transform:scale(.45)rotate(-20deg)}70%{transform:scale(1.08)rotate(3deg)}to{opacity:1;transform:rotate(-3deg)}}@keyframes wallet-receive{0%{transform:scale(1)}to{transform:scale(1.09)rotate(1deg)}}[data-motion=reduced] .reward-flight-coin:nth-child(n+7){display:none}[data-motion=reduced] .reward-flight-coin{animation-duration:.8s}[data-motion=minimal] .reward-focus{animation:none}[data-motion=minimal] .global-sparks.is-receiving{outline:3px solid #f0b93f;animation:none}@media (width<=600px){.reward-results{padding:8px!important}.reward-ceremony{min-height:calc(100dvh - var(--app-bar-height) - 64px);border-width:2px;border-radius:20px;box-shadow:0 6px #8e4a5a}.reward-focus{padding:18px 12px}.reward-burst{width:78px;height:78px;font-size:43px}.reward-stars{margin-top:12px}.reward-stars svg{width:32px;height:32px}.reward-coin-medal{width:98px;height:98px;margin-bottom:13px}.reward-coin-medal svg{width:50px;height:50px}.achievement-emblem{width:104px;height:104px;font-size:52px}.reward-focus h1{font-size:clamp(34px,11vw,50px)}.reward-achievement>strong{font-size:15px}.reward-skip{margin-bottom:11px}}@media (orientation:landscape) and (height<=600px){.reward-ceremony{min-height:calc(100dvh - var(--app-bar-height) - 18px);grid-template-rows:6px 1fr auto;grid-template-columns:1fr}.reward-focus{padding:8px}.reward-burst,.reward-coin-medal,.achievement-emblem{width:72px;height:72px;margin:4px;font-size:38px}.reward-coin-medal svg{width:40px}.reward-focus h1{font-size:32px}.reward-focus p{margin-bottom:2px}.reward-stars{margin-top:5px}.reward-stars svg{width:25px;height:25px}.reward-skip{margin-bottom:6px;padding-block:4px}}.screen-book{--app-bar-height:60px;padding-top:0}.screen-book>.global-bar{height:var(--app-bar-height);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;padding-block:5px;position:absolute}.screen-book>.global-bar:after{display:none}.screen-book .book-page{max-width:1240px;padding:74px 24px 28px}.screen-book .book-page:before{display:none}.book-intro{align-items:center;gap:18px}.book-intro h1{margin:0;font-size:clamp(38px,4.5vw,54px);line-height:.98}.book-intro p{color:#567074;margin:5px 0 0;font-size:14px;font-weight:800}.book-quick-stats{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.book-quick-stats span{color:#567074;background:0 0;align-items:center;gap:5px;min-height:32px;padding:5px;font-size:12px;display:flex}.book-quick-stats svg{color:#d49b35;width:16px}.book-quick-stats strong{font-size:15px}.screen-book .journey-progress{border-width:1px;border-radius:10px;grid-template-columns:minmax(220px,1fr) auto;margin-top:10px;padding:7px 11px;box-shadow:0 3px #d2b874}.screen-book .journey-progress>div{border-width:1px;grid-row:1/3;height:10px}.screen-book .journey-progress strong{font-size:12px}.screen-book .journey-progress small{font-size:10px}.screen-book .continue-card{border-width:2px;border-radius:16px;grid-template-columns:54px minmax(0,1fr) auto;gap:15px;margin:12px 0 16px;padding:13px 15px;box-shadow:0 6px #c49035,0 12px 22px #22393526}.screen-book .continue-card:after{top:-50px;right:20%}.screen-book .continue-card h2{margin:2px 0;font-size:25px;line-height:1}.screen-book .continue-card p{margin:3px 0;font-size:12px}.screen-book .continue-card small{font-size:9px}.screen-book .continue-card .primary{white-space:nowrap;min-height:46px;padding:9px 14px}.screen-book .lesson-seal{width:48px;height:48px;font-size:17px}.screen-book .current-chapter{padding:14px 17px}.screen-book .current-chapter h2{margin:1px 0;font-size:26px}.screen-book .current-chapter>header p{color:#667579;margin:2px 0}.screen-book .chapter-story{background:0 0;border:0;border-top:1px solid #d4bf8d;border-radius:0;margin:8px 0 0;padding:0;display:block}.screen-book .chapter-story summary{cursor:pointer;color:#8d4850;align-items:center;min-height:38px;font-size:11px;font-weight:900;display:flex}.screen-book .chapter-story p{margin:2px 0 5px}.screen-book .chapter-story small{margin-bottom:7px;display:block}.screen-book .lesson-purpose-list{gap:6px;margin-top:8px}.screen-book .lesson-purpose-list>div{min-height:50px;padding:7px 9px}.screen-book .lesson-purpose-list>div>span{width:30px;height:30px}.screen-book .festival-meta-grid,.screen-book .arcade-actions{margin-block:14px}.screen-book .next-chapter-preview{margin-top:12px}.book-freeplay{max-width:1240px;padding-inline:24px}.piano-dock{--piano-header-height:40px}.piano-dock>header{height:var(--piano-header-height)}.piano-bed{left:clamp(6px,1.5vw,20px);right:clamp(6px,1.5vw,20px);top:var(--piano-header-height);width:auto;position:absolute;bottom:0;height:auto!important;margin:0!important}.live-staff{grid-template-columns:150px minmax(0,1fr);min-height:138px;padding:8px 14px}.live-staff canvas{min-width:0;height:118px}.book-freeplay .live-staff{box-shadow:0 5px #0922273b}.notation-deck{isolation:isolate;background-color:#fff8e6}.notation-deck:before{content:"";z-index:0;pointer-events:none;background:#fff8e6;position:absolute;inset:0}.festival-stage.phase-listen .notation-deck{background-color:#fff3c9!important;background-image:linear-gradient(90deg,#fff8df,#f6dfa5)!important}.festival-stage.phase-listen .notation-deck:before{background:linear-gradient(90deg,#fff8df,#f6dfa5)}.notation-deck .staff-canvas{z-index:1}.notation-deck .notation-motion{z-index:3}.notation-deck .judgement-line{z-index:4}.staff-judgement{transform-origin:50%;max-width:min(220px,46%);left:calc(8px + 24%);right:auto;transform:translate(-50%)}.staff-judgement strong{font-size:15px}.staff-judgement span{font-size:12px}[data-motion=minimal] .staff-judgement{animation-name:staff-judgement-minimal}.next-achievement{text-align:left;width:100%}.next-achievement>span{min-width:0;height:auto;box-shadow:none;background:0 0;border:0;padding:0}.badge-shelf .badge-groups button.achievement-badge{border:2px solid var(--tier-edge);background:var(--tier-bg);min-width:0;height:94px;box-shadow:0 4px 0 var(--tier-shadow);text-align:center;scroll-snap-align:start;border-radius:14px;place-items:center;gap:3px;padding:7px 5px;transition:transform .14s,filter .14s;display:grid}.badge-shelf .badge-groups button.achievement-badge:hover{filter:saturate(1.1);transform:translateY(-2px)rotate(-1deg)}.achievement-badge b{background:var(--tier-emblem);width:43px;height:43px;box-shadow:0 3px 0 var(--tier-shadow);border:2px solid #ffffffb8;border-radius:42% 58% 45% 55%;place-items:center;font-size:28px;line-height:1;display:grid}.achievement-badge small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:9px;font-weight:900;overflow:hidden}.achievement-badge em{font-size:8px;font-style:normal;font-weight:900}.achievement-badge.locked{opacity:.68;filter:saturate(.45)}.achievement-badge.unlocked{transform:rotate(-1deg)}.tier-bronze{--tier-bg:linear-gradient(145deg,#ffe1bd,#e8aa76);--tier-edge:#bd744c;--tier-shadow:#9c603f;--tier-emblem:#c97750}.tier-silver{--tier-bg:linear-gradient(145deg,#f4f8f4,#b9d2d2);--tier-edge:#799b9d;--tier-shadow:#608083;--tier-emblem:#8fb5b7}.tier-gold{--tier-bg:linear-gradient(145deg,#fff4a9,#efbd43);--tier-edge:#c68e22;--tier-shadow:#a46d1d;--tier-emblem:#e0a62f}.tier-legendary{--tier-bg:linear-gradient(145deg,#f2c8ff,#8fded0 55%,#ffd36e);--tier-edge:#844b9f;--tier-shadow:#633b78;--tier-emblem:linear-gradient(145deg,#9d4ab1,#d65378)}.achievement-modal{--tier-bg:#fff8e6;--tier-edge:#c69d49;--tier-shadow:#8c6733;--tier-emblem:#c85c55;text-align:center;border:3px solid var(--tier-edge);background:var(--tier-bg);box-shadow:0 9px 0 var(--tier-shadow),0 22px 48px #05151966;border-radius:22px;justify-items:center}.achievement-modal-emblem{background:var(--tier-emblem);width:108px;height:108px;box-shadow:0 7px 0 var(--tier-shadow);border:4px solid #fff7d9;border-radius:40% 55% 44% 52%;place-items:center;font-size:58px;display:grid;transform:rotate(-3deg)}.achievement-modal>small{text-transform:uppercase;letter-spacing:.12em;color:#684a53;font-weight:900}.achievement-modal h2{margin:0;font-size:32px}.achievement-modal p{margin:0;line-height:1.4}.achievement-modal>strong{color:#fff4d6;background:#173f4a;border-radius:999px;padding:6px 10px}.achievement-modal time{color:#526e70;font-size:12px;font-weight:800}@media (width<=700px){.screen-book{--app-bar-height:58px}.screen-book>.global-bar{height:var(--app-bar-height);padding:4px 7px}.screen-book .book-page{padding:66px 10px 18px}.screen-book .book-intro{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.screen-book .book-intro h1{font-size:32px}.screen-book .book-intro p{text-overflow:ellipsis;white-space:nowrap;max-width:210px;font-size:11px;overflow:hidden}.book-quick-stats{justify-content:flex-start;gap:12px}.book-quick-stats span{min-height:28px;padding:4px 5px;font-size:11px}.book-quick-stats strong{font-size:12px}.book-quick-stats svg{width:14px}.screen-book .journey-progress{grid-template-columns:1fr auto;gap:2px 7px;margin-top:7px;padding:6px 8px}.screen-book .journey-progress>div{grid-row:1/3}.screen-book .journey-progress small{font-size:9px}.screen-book .continue-card{grid-template-columns:46px minmax(0,1fr);gap:8px;margin:9px 0 11px;padding:11px}.screen-book .continue-card h2{font-size:21px}.screen-book .continue-card p{font-size:11px}.screen-book .continue-card .primary{grid-column:1/-1;width:100%;min-height:46px}.screen-book .lesson-seal{width:43px;height:43px}.screen-book .current-chapter{padding:10px 12px}.screen-book .chapter-story{display:none}.piano-dock{--piano-header-height:48px}.badge-shelf .badge-groups button.achievement-badge{height:90px}.achievement-badge b{width:40px;height:40px;font-size:26px}.achievement-modal{width:min(360px,100%);padding:24px 18px}.achievement-modal-emblem{width:92px;height:92px;font-size:48px}}@media (orientation:landscape) and (height<=600px){.piano-dock{--piano-header-height:29px}.staff-judgement{max-width:44%;left:calc(8px + 24%);right:auto}}.achievement-modal.tier-bronze{--tier-bg:linear-gradient(145deg,#ffe1bd,#e8aa76);--tier-edge:#bd744c;--tier-shadow:#9c603f;--tier-emblem:#c97750}.achievement-modal.tier-silver{--tier-bg:linear-gradient(145deg,#f4f8f4,#b9d2d2);--tier-edge:#799b9d;--tier-shadow:#608083;--tier-emblem:#8fb5b7}.achievement-modal.tier-gold{--tier-bg:linear-gradient(145deg,#fff4a9,#efbd43);--tier-edge:#c68e22;--tier-shadow:#a46d1d;--tier-emblem:#e0a62f}.achievement-modal.tier-legendary{--tier-bg:linear-gradient(145deg,#f2c8ff,#8fded0 55%,#ffd36e);--tier-edge:#844b9f;--tier-shadow:#633b78;--tier-emblem:linear-gradient(145deg,#9d4ab1,#d65378)}@media (width>=701px){.screen-welcome .welcome-stage .live-staff{min-height:132px}.screen-welcome .welcome-stage .live-staff canvas{height:112px}}@media (width>=701px) and (height<=820px){.screen-welcome .welcome-stage .live-staff{min-height:120px}.screen-welcome .welcome-stage .live-staff canvas{height:104px}}.screen-welcome .welcome-copy h1{margin-top:0}.screen-welcome .welcome-copy>small{font-size:11px}.screen-welcome .welcome-demo{margin-top:12px}.chapter-plan,.badge-collection{border-top:1px solid #d2bf8e;margin-top:8px}.chapter-plan>summary,.badge-collection>summary{cursor:pointer;color:#743f4a;justify-content:space-between;align-items:center;gap:10px;min-height:44px;font-weight:900;list-style:none;display:flex}.chapter-plan>summary::-webkit-details-marker{display:none}.badge-collection>summary::-webkit-details-marker{display:none}.chapter-plan>summary:after,.badge-collection>summary:after{content:"+";color:#fff;background:#254f57;border-radius:50%;place-items:center;width:26px;height:26px;display:grid}.chapter-plan[open]>summary:after,.badge-collection[open]>summary:after{content:"−"}.chapter-plan>summary strong{color:#607174;margin-left:auto;font-size:11px}.chapter-plan>div{gap:6px;padding:2px 0 8px;display:grid}.chapter-plan>div>div{background:#efe5ca;border:1px solid #d6c296;border-radius:9px;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px;display:grid}.chapter-plan>div>div.next{background:#d7eadc;border-color:#70a692}.chapter-plan>div>div.complete{background:#f7e7b6}.chapter-plan>div b{color:#fff;background:#173f4a;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.chapter-plan>div span strong,.chapter-plan>div span small{display:block}.chapter-plan>div span small{color:#607174;font-size:10px}.chapter-plan>div button{color:#fff;background:#ae4950;border-radius:9px;min-width:70px;min-height:44px;font-weight:900}.chapter-plan>div button:disabled{color:#6c756f;background:#d6cdb6}.chapter-plan-story{color:#5c6664;background:#f0ddb0;border-radius:9px;margin:2px 0 9px;padding:10px 12px;font:italic 13px/1.35 Georgia,serif}.badge-collection .badge-groups{grid-template-columns:1fr;gap:9px;padding:4px 0 2px;display:grid}.badge-collection .badge-groups>section{min-width:0}.badge-collection .badge-groups>section>div{scroll-snap-type:x proximity;grid-auto-columns:84px;grid-auto-flow:column;gap:7px;padding:1px 2px 7px;display:grid;overflow-x:auto}.badge-collection>summary{justify-content:flex-start}.badge-collection>summary:after{margin-left:auto}.festival-rank>strong,.next-achievement em{display:none}.screen-lesson .lesson-objective{grid-template-columns:auto minmax(0,1fr);gap:10px;min-height:58px;padding:7px clamp(12px,3vw,28px);display:grid}.screen-lesson .lesson-objective>strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.screen-lesson .objective-phase{text-align:center;min-width:74px;padding:6px 9px}.screen-lesson .lesson-dialogue{display:none}.screen-lesson .hud-combo:empty{visibility:hidden}.screen-lesson .phase-banner span{font-size:10px}@media (width>=701px){.screen-lesson .phase-banner{left:clamp(14px,5vw,72px);transform:none}}.input-setup>section>h1{margin:0 0 18px}.input-choice-grid button span{min-height:0}.setup-actions{margin-top:16px}.practice-page>header{align-items:center;margin-bottom:16px}.practice-page h1{margin:0}.practice-page header p{margin:2px 0}.practice-grid article{padding:18px}.practice-grid h2{margin-top:0}.next-spark-goal{margin-bottom:12px}.result-summary blockquote{font-style:normal;font-weight:800}.performance-review>header h2{margin-bottom:0}.performance-review>header p{margin-top:3px}.result-actions{align-self:stretch}@media (width<=700px){.screen-book .chapter-story{display:block}.screen-book .festival-meta-grid{margin-block:10px}.badge-collection .badge-groups>section>div{grid-auto-columns:78px}.screen-lesson .lesson-objective{grid-template-columns:auto minmax(0,1fr);height:54px;min-height:54px;padding:5px 8px}.screen-lesson .lesson-objective>strong{font-size:13px}.screen-lesson .objective-phase{min-width:62px;padding:5px 7px}.practice-page>header{grid-template-columns:auto 1fr auto}.practice-page>header>button{width:auto}.practice-page>header>div{min-width:0}.practice-page h1{font-size:30px}.practice-page header p{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.result-actions button{min-width:0}}@media (width<=430px){.chapter-plan>div>div{grid-template-columns:30px minmax(0,1fr)}.chapter-plan>div button{grid-column:1/-1;width:100%}.screen-lesson .lesson-objective>strong{font-size:12px}.practice-page>header{gap:8px}.practice-page>header button{padding-inline:9px}.practice-page>header button svg{width:17px}.practice-page>header>button:last-child{font-size:0}.practice-page>header>button:last-child svg{margin:0}.result-actions{grid-template-columns:1fr!important}}.screen-lesson .lesson-notation,.screen-lesson .festival-stage.staff-small .lesson-notation,.screen-lesson .festival-stage.staff-medium .lesson-notation,.screen-lesson .festival-stage.staff-large .lesson-notation{z-index:10;height:clamp(194px,55%,252px);max-height:calc(100% - 90px);top:clamp(80px,18%,100px)}.lesson-notation canvas{width:calc(100% - 16px);height:calc(100% - 50px);inset:8px 8px 42px}.lesson-notation .judgement-line{left:calc(8px + var(--indicator-x));top:12px;bottom:42px;transform:translate(-50%);width:3px!important;box-shadow:0 0 0 3px #c54f491a!important}.lesson-notation .staff-judgement{left:calc(8px + var(--indicator-x));max-width:calc(100% - 24px);height:30px;box-shadow:none;padding:2px 9px 2px 3px;animation:1.5s ease-out both staff-feedback-fade;top:auto;bottom:5px;right:auto}.lesson-notation .staff-judgement strong{min-width:23px;height:23px;font-size:13px}.lesson-notation .staff-judgement span{letter-spacing:.02em;font-size:11px}@keyframes staff-feedback-fade{0%,78%{opacity:1}to{opacity:0}}.screen-lesson .lesson-objective>strong{white-space:normal;text-overflow:clip;line-height:1.25;overflow:visible}.screen-lesson .lesson-objective{height:auto;min-height:58px}.studio-key.active{animation:none!important}.reward-actions{justify-items:center;gap:7px;padding:0 16px 16px;display:grid}.reward-actions .reward-next{align-items:center;gap:12px;min-height:46px;padding:10px 22px;display:flex}.reward-actions .reward-skip{min-height:44px;margin:0;font-size:12px}.reward-focus h1{overflow-wrap:anywhere;line-height:1.08}.reward-focus p{line-height:1.4}[data-motion=reduced] .reward-focus,[data-motion=minimal] .reward-focus,[data-motion=reduced] .reward-focus *,[data-motion=minimal] .reward-focus *{animation:none}@media (width<=700px){.screen-lesson .lesson-objective{min-height:58px}.screen-lesson .lesson-objective>strong{font-size:12px}.lesson-notation .festival-bird{top:-46px}.reward-ceremony{min-height:0}.reward-focus{padding:24px 12px}}@media (orientation:landscape) and (height<=600px){.screen-lesson .lesson-notation,.screen-lesson .festival-stage.staff-small .lesson-notation,.screen-lesson .festival-stage.staff-medium .lesson-notation,.screen-lesson .festival-stage.staff-large .lesson-notation{height:calc(100% - 56px);min-height:0;max-height:none;top:50px}.lesson-notation canvas{height:calc(100% - 34px);bottom:26px}.lesson-notation .judgement-line{bottom:32px}.lesson-notation .staff-judgement{height:25px;bottom:3px}.lesson-notation .staff-judgement strong{height:19px;font-size:12px}.lesson-notation .staff-judgement span{font-size:10px}.screen-lesson .lesson-objective{height:46px;min-height:46px}.reward-focus>div{grid-template-columns:72px minmax(0,1fr);gap:2px 14px;width:100%;max-width:540px}.reward-focus .reward-burst,.reward-focus .reward-coin-medal,.reward-focus .achievement-emblem{grid-area:1/1/6}.reward-focus p,.reward-focus h1,.reward-focus strong,.reward-focus small,.reward-focus .reward-stars{grid-column:2}.reward-focus h1{font-size:26px}.reward-focus{padding:12px}.reward-actions{justify-content:center;gap:12px;padding:4px 12px 12px;display:flex}}.screen-lesson .count-in-display{z-index:12;padding:4px 12px 4px 4px;top:7px;box-shadow:0 3px #04121666}.screen-lesson .count-in-display strong{width:44px;height:44px;font-size:30px}@media (orientation:landscape) and (height<=600px){.screen-lesson .count-in-display{padding:1px 9px 1px 2px;top:2px}.screen-lesson .count-in-display strong{width:26px;height:26px;font-size:19px}}.hold-guidance{z-index:5;left:calc(8px + var(--indicator-x));color:#176c58;align-items:center;gap:8px;font-size:13px;font-weight:800;display:flex;position:absolute;bottom:8px;transform:translate(-50%)}.hold-guidance>i{background:#cddfd4;border-radius:8px;width:76px;height:7px;overflow:hidden}.hold-guidance b{transform-origin:0;height:100%;transform:scaleX(var(--hold-remaining,1));background:#168064;display:block}.hold-release,.hold-guidance[data-ready=true] .hold-wait{display:none}.hold-guidance[data-ready=true] .hold-release{display:inline}.screen-results{--reward-dock-space:0px}.screen-results.has-collapsed-piano{--reward-dock-space:40px}.screen-results.has-piano{--reward-dock-space:var(--piano-open-height)}.screen-results .results.reward-results{height:calc(100dvh - var(--app-bar-height) - var(--reward-dock-space));box-sizing:border-box;min-height:0;overflow:hidden;padding:12px!important}@media (width<=700px){.screen-results.has-collapsed-piano{--reward-dock-space:48px}}.reward-ceremony{grid-template-rows:6px minmax(0,1fr) auto;height:min(550px,100%);min-height:0;max-height:100%;container-type:size}.reward-focus{min-height:0;padding:18px 24px;overflow:auto}.reward-focus>div{gap:4px;width:100%}.reward-focus h1{max-width:490px;margin:6px 0;font-size:clamp(28px,5vmin,46px)}.reward-burst{width:76px;height:76px;margin-bottom:10px;font-size:42px}.reward-coin-medal{width:92px;height:92px;margin-bottom:10px}.reward-stars{margin-top:8px}.reward-stars svg{width:32px;height:32px}.reward-actions{background:#fff2c7;border-top:1px solid #e7d69d;padding:8px 16px 12px;position:relative}@container (height<=440px){.reward-focus{padding:10px 12px}.reward-focus>div{gap:2px}.reward-focus h1{margin:3px 0;font-size:28px;line-height:1.08}.reward-focus p{margin-bottom:4px;font-size:11px}.reward-focus small{margin-top:3px}.reward-burst,.reward-coin-medal,.achievement-emblem{width:54px;height:54px;margin:6px 0 8px;font-size:30px}.reward-coin-medal svg{width:32px;height:32px}.reward-diamond-medal{width:74px;height:74px}.reward-stars{margin-top:5px}.reward-stars svg{width:26px;height:26px}.reward-actions{padding:6px 10px 8px}.reward-actions .reward-next{min-height:44px;padding:7px 16px}.reward-actions .reward-skip{min-height:44px;margin:4px auto 0;padding:5px 10px}}@container (height<=280px) and (width>=500px){.reward-score{grid-template-columns:70px minmax(0,1fr) 90px;column-gap:12px!important}.reward-score .reward-burst{grid-area:1/1/5}.reward-score>p,.reward-score>h1,.reward-score>strong,.reward-score>small{grid-column:2}.reward-score .reward-stars{grid-area:1/3/5}.reward-score .reward-stars svg{width:24px;height:24px}.reward-coins,.reward-diamonds,.reward-achievement{grid-template-columns:90px minmax(0,1fr);column-gap:14px!important}.reward-coin-medal,.reward-diamond-medal,.achievement-emblem{grid-area:1/1/6}.reward-coins>:not(.reward-coin-medal),.reward-diamonds>:not(.reward-diamond-medal),.reward-achievement>:not(.achievement-emblem){grid-column:2}.reward-focus h1{font-size:24px}.reward-focus strong{font-size:23px}.reward-focus small{font-size:11px}.reward-actions{justify-content:center;align-items:center;gap:10px;display:flex}.reward-actions .reward-skip{margin:0}.reward-focus .reward-achievement>strong{font-size:13px}}@media (width<=700px){.reward-focus{padding:14px 10px}.reward-focus h1{font-size:32px}.reward-focus strong{font-size:25px}.reward-coins>strong{font-size:58px}.reward-achievement>strong{font-size:15px}}@media (orientation:landscape) and (height<=600px){.reward-focus{padding:6px 12px}.reward-focus h1{margin:2px;font-size:24px}.reward-focus strong{font-size:24px}.reward-achievement>strong{font-size:14px}.reward-burst,.reward-coin-medal,.achievement-emblem{width:62px;height:62px;margin:0}.reward-focus small{margin-top:2px}.reward-focus p{font-size:10px}.reward-actions{padding:4px 12px 7px}.reward-actions button{min-height:44px}}@media (width<=700px) and (orientation:portrait){.screen-lesson .count-in-display strong{width:54px;height:54px;font-size:36px}}.studio-key.black.active,.studio-key.black.active.is-next-note{transform-origin:top;background:linear-gradient(90deg,#061a20,#183d43 45%,#09252c);transform:scaleY(1.025);box-shadow:inset 0 -3px #041316,inset 1px 0 #486365,0 3px 3px #071a2280}.lesson-notation .feedback-mark{flex:none;width:20px;height:20px}.performance-playback{justify-items:end;gap:5px;display:grid}.performance-play{white-space:nowrap;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:8px 12px;display:flex}.performance-play svg{width:18px;height:18px}.performance-play[aria-pressed=true]{color:#fff4d6;background:#173f4a}.performance-playhead{pointer-events:none;visibility:hidden;background:#bf514b;width:3px;position:absolute;top:0;left:0;box-shadow:0 0 0 3px #bf514b20}.performance-review:has(.performance-play[aria-pressed=true]) .performance-playhead{visibility:visible}@media (width<=600px){.performance-review>header{flex-wrap:wrap;gap:10px}.performance-playback{justify-items:start}}.skip-listen{z-index:12;color:#593413;background:#fff4d6;border:2px solid #8d5730;border-radius:12px;min-height:44px;padding:8px 14px;font-size:13px;font-weight:800;position:absolute;top:8px;right:clamp(14px,5vw,72px);box-shadow:0 3px #8d5730}.skip-listen span{margin-left:5px;font-size:18px}@media (width<=700px){.screen-lesson .phase-listen .phase-banner{left:14px;transform:none}.skip-listen{right:14px}}@media (orientation:landscape) and (height<=600px){.skip-listen{min-height:44px;padding:3px 12px;top:0}.screen-lesson .festival-stage.phase-listen .lesson-notation{height:calc(100% - 56px);top:50px}}.hold-guidance.trail-prism b{background:linear-gradient(90deg,#a464b5,#cd637f,#d9a735,#168064)}.performance-marker .performance-marker-caption{font-size:10px}.performance-marker b{font-size:13px}.screen-lesson .lesson-notation .hit-zone{z-index:2;pointer-events:none;border:1px solid #bd92384d;border-radius:8px;width:var(--zone-width)!important;box-shadow:none!important;opacity:1!important;background:#d4a64a1f!important}.hit-zone>i{width:var(--perfect-width);background:#e9bc383b;border-inline:1px solid #af832d33;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.hit-zone>span{white-space:nowrap;color:#75551f;background:#fff0bf;border:1px solid #ddc68b;border-radius:5px;padding:2px 5px;font:800 9px/1.2 Atkinson Hyperlegible Next Variable,sans-serif;position:absolute;top:0;left:50%;transform:translate(-50%)}.app-frame[data-piano] .studio-key.white.active{background:linear-gradient(#bde9d6,#7acfb4);box-shadow:inset 0 7px 10px #20584b30,0 2px #466d5a}.global-sparks .wallet-diamond{color:#367b94;margin-left:3px;display:block!important}@media (width<=400px){.global-sparks{gap:3px}.global-sparks strong{font-size:12px}.global-sparks .diamond-count{font-size:11px}.global-sparks .wallet-diamond{width:12px!important}}.app-frame[data-keys=keys-softglow] .studio-key.active{box-shadow:inset 0 0 14px #f1b934,inset 0 -4px #b97a29!important}.app-frame[data-keys=keys-starlight] .studio-key.active:after{content:"✦";color:#eabe4c;pointer-events:none;font-size:16px;position:absolute;top:30%;left:50%;transform:translate(-50%)}.result-extra-rewards{flex-wrap:wrap;justify-content:center;gap:18px;display:flex}.result-extra-rewards span{align-items:center;gap:6px;display:flex}.result-extra-rewards svg{color:#8d6ab1;width:19px}.result-practice-note{color:#567075;font-size:13px}.wallet-diamond{color:#418d9e;width:15px!important}.global-sparks .diamond-count{font-size:12px}.reward-bag{box-shadow:none!important;background:0 0!important;border:0!important}.reward-bag>.coin-bag{width:100%;height:100%}.screen-lesson .lesson-page.has-repetition .festival-stage{min-height:0}.screen-lesson .lesson-page.has-repetition .lesson-objective{min-height:40px;padding-block:5px}.screen-lesson .lesson-page.has-repetition .lesson-notation{height:calc(100% - 84px);min-height:0;max-height:none;top:74px}.lesson-guidance{flex-shrink:0}.has-story-repetition .practice-status{min-height:36px;padding:4px 8px}.has-story-repetition .practice-status-copy{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;display:grid}.has-story-repetition .practice-status-copy strong{white-space:nowrap;font-size:12px}.has-story-repetition .practice-status-copy p{margin:0;font-size:11px;line-height:1.25}.has-story-repetition .practice-streak i{width:23px;height:23px}.practice-routine{color:#56645b;margin:12px 0;font-size:14px;line-height:1.45}@media (orientation:landscape) and (height<=600px){.has-story-repetition .lesson-guidance{align-items:stretch;display:flex}.screen-lesson .has-story-repetition .lesson-guidance .lesson-objective{flex:1;min-width:0;height:auto;min-height:48px}.has-story-repetition .lesson-guidance .practice-status{border-left:1px solid #c8b78d;flex:0 0 245px;gap:8px;min-height:48px}.has-story-repetition .practice-status-copy strong{font-size:12px}.has-story-repetition .practice-status-copy p{font-size:10px}.screen-lesson .lesson-page.has-repetition .lesson-notation{height:calc(100% - 47px);top:43px}.screen-lesson .lesson-page.has-repetition .lesson-objective{height:34px;min-height:34px}.hit-zone>span{padding:1px 3px;font-size:8px}}.result-timing{text-align:left;background:#fff8e6;border:1px solid #c8b78d;border-left:5px solid #ac772a;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 24px;padding:14px 16px;display:grid}.result-timing[data-timing=on-time]{border-left-color:#2f8468}.result-timing[data-timing=empty]{border-left-color:#718184}.result-timing small{color:#586c6c;text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:800}.result-timing h2{margin:2px 0 3px;font-size:23px;line-height:1.15}.result-timing p{color:#3d595c;margin:0;font-size:13px;line-height:1.4}.result-timing dl{text-align:center;grid-template-columns:repeat(3,minmax(55px,1fr));gap:8px;margin:0;display:grid}.result-timing dl>div{background:#f0e6cb;border-radius:7px;padding:6px 10px}.result-timing dt{white-space:nowrap;font-size:11px;font-weight:800}.result-timing dd{margin:2px 0 0;font-size:21px;font-weight:800;line-height:1.1}@media (width<=600px){.result-timing{grid-template-columns:1fr;gap:10px;padding:12px}.result-timing dl{width:100%}}.phase-listen .festival-bird{visibility:hidden}.hit-zone>span{padding:3px 7px;font-size:12px}@media (width<=600px){.hit-zone>span{padding:2px 4px;font-size:10px}}@media (orientation:landscape) and (height<=600px){.hit-zone>span{padding:1px 4px;font-size:9px}}.screen-lesson .phase-listen .hit-zone{border-color:#bd92384d;background:#d4a64a1f!important}.phase-listen .hit-zone>i{background:#e9bc3826;border-color:#af832d33}.phase-listen .hit-zone>span{color:#75551f;background:#fff0bf;border-color:#ddc68b}.app-frame[data-piano]:not([data-piano=piano-classic]) .piano-dock{background:var(--piano-surface);border-color:var(--piano-edge)}.app-frame[data-piano]:not([data-piano=piano-classic]) .piano-bed{background:var(--piano-bed)}.app-frame[data-piano]:not([data-piano=piano-classic]) .studio-key.white:not(.active){background:linear-gradient(var(--piano-ivory),#fff9ea)}.app-frame[data-keys=keys-mint] .studio-key.active{box-shadow:inset 0 0 0 3px #63d4b6,inset 0 -5px #23836c!important}.hit-zone>span:before{content:"";width:5px;height:5px;opacity:var(--beat-light,1);background:#a87924;border-radius:50%;margin-right:4px;display:inline-block}.global-wallets{align-items:center;gap:7px;display:flex}.global-status{justify-content:flex-end;min-width:0}.global-status>.profile-button{flex-shrink:0}@media (width<=600px){.app-frame:has(.profile-button):not(.screen-lesson){--app-bar-height:var(--measured-app-bar-height,64px);padding-top:var(--app-bar-height)}.app-frame:not(.screen-lesson)>.global-bar:has(.profile-button){flex-wrap:wrap;gap:4px 8px;height:auto;min-height:64px;padding:6px 10px;display:flex}.app-frame:not(.screen-lesson)>.global-bar:has(.profile-button) .brand{flex:124px;min-width:124px;max-width:190px;height:48px;padding:0;transform:none}.app-frame:not(.screen-lesson)>.global-bar:has(.profile-button) .brand-wordmark{flex-shrink:1;width:100%}.app-frame:not(.screen-lesson)>.global-bar:has(.profile-button) .global-status{flex:none;gap:6px;margin-left:auto;display:flex}.app-frame:not(.screen-lesson)>.global-bar:has(.profile-button) .profile-button{height:44px;min-height:44px}.app-frame:not(.screen-lesson)>.global-bar:has(.profile-button) .global-wallets{gap:6px}.app-frame:not(.screen-lesson)>.global-bar:has(.profile-button) .currency-wallet{border-radius:12px;height:44px;min-height:44px;padding:6px 8px}.app-frame:not(.screen-lesson)>.global-bar:has(.profile-button) .sound-enable{gap:0;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;font-size:0}.app-frame:not(.screen-lesson)>.global-bar:has(.profile-button) .sound-enable svg{width:20px;height:20px}.global-bar:has(.profile-button) .audio-level{display:none}.global-bar:has(.profile-button) .debug-tools{position:static}}@media (width>=601px) and (height<=700px){.screen-setup .input-setup{place-items:start center;min-height:0;padding:18px}.screen-setup .input-setup>section{padding:20px}.screen-setup .input-setup h1{font-size:32px}.screen-setup .input-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0}.screen-setup .input-choice-grid button{grid-template-columns:25px 1fr;padding:10px}.screen-setup .input-choice-grid svg{width:22px}.screen-setup .input-setup .live-staff{display:none}}.app-frame .sound-unlock{z-index:95;right:12px;bottom:calc(var(--piano-reserved-height,0px) + 12px + env(safe-area-inset-bottom,0px));background:var(--ui-text);min-height:48px;color:var(--ui-surface);border-radius:24px;align-items:center;gap:8px;padding:10px 16px;font-weight:700;display:flex;position:fixed;box-shadow:0 3px 12px #071e2940}.sound-unlock>svg{width:22px;height:22px}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes pulse{50%{opacity:.5}}.brand .brand-wordmark{width:158px;height:auto;display:block;overflow:visible}.character-art{width:100%;height:100%;display:block;overflow:visible}.profile-portrait{box-shadow:none;background:#f4e6c6;border-radius:50%}.profile-portrait .character-art{width:100%;height:100%}.notation-deck{contain:layout;overflow:visible}.festival-bird{z-index:6;pointer-events:none;transform-origin:50% 90%;width:60px;height:60px;position:absolute;top:-53px;right:17px}[data-motion=full] .festival-bird.mood-happy{animation:.35s ease-out pip-hop}@keyframes pip-hop{45%{transform:translateY(-6px)rotate(-4deg)}}@media (width<=520px){.brand .brand-wordmark{width:134px}.festival-bird{width:52px;height:52px;top:-46px;right:10px}}@media (orientation:landscape) and (height<=430px){.festival-bird{display:none}}@media (prefers-reduced-motion:reduce){[data-motion=full] .festival-bird.mood-happy{animation:none}}.book-next-volume{align-items:center;gap:.35rem;min-height:44px;margin:0;font-size:.75rem;display:flex}.book-next-volume svg{width:14px}.setup-key-demo{border:1px solid var(--ui-border);color:var(--ui-text);background:var(--ui-inset);border-radius:14px;align-items:center;gap:16px;margin:18px 0 12px;padding:16px;display:flex}.setup-key-demo>div:nth-child(2){flex:1;min-width:0}.setup-key-demo p{color:var(--ui-muted);margin:4px 0 0;font-size:13px}.setup-key-pair{align-items:center;gap:10px;display:flex}.setup-key-pair kbd,.piano-next-note .computer-target kbd{color:#23323e;background:#fff3d7;border:2px solid #a88e55;border-bottom-width:5px;border-radius:8px;place-items:center;min-width:40px;min-height:40px;padding:4px 8px;font:700 24px/1 Atkinson Hyperlegible Next Variable,sans-serif;display:inline-grid}.setup-key-pair small{color:var(--ui-muted);font-size:11px;display:block}.setup-key-pair strong{font:600 28px/1.1 Fredoka Variable,sans-serif}.setup-demo-count{gap:5px;display:flex}.setup-demo-count i{background:var(--ui-border);border-radius:50%;width:9px;height:9px}.setup-demo-count i[data-done=true]{background:var(--ui-selected-edge)}.setup-key-demo[data-held=true]{border-color:var(--ui-selected-edge);box-shadow:inset 0 0 0 1px var(--ui-selected-edge)}.piano-next-note .computer-target{border-left:1px solid #a88e55;align-items:center;gap:5px;margin-left:8px;padding-left:10px;font-size:11px;display:inline-flex}.piano-next-note .computer-target kbd{border-bottom-width:3px;min-width:24px;min-height:25px;padding:2px 5px;font-size:16px}.result-next-lesson{color:var(--ui-muted);margin:0;font-size:13px;line-height:1.4}.result-actions .practice-options{flex:1;min-width:0}.practice-options summary{cursor:pointer;min-height:44px;color:var(--ui-text);border:1px solid var(--ui-border);border-radius:10px;padding:12px}.practice-options>div{flex-wrap:wrap;gap:8px;padding-top:8px;display:flex}@media (width<=700px){.setup-key-demo{gap:10px;margin:10px 0;padding:10px}.setup-key-demo p{font-size:12px}.setup-key-pair{gap:6px}.setup-key-pair>svg,.setup-demo-count{display:none}.setup-key-pair small{max-width:45px}}@media (height<=650px){.setup-key-demo{margin:8px 0;padding:8px}.setup-key-demo p{display:none}}.app-frame.screen-setup .journey-start{isolation:isolate;grid-template-rows:auto minmax(120px,1fr) auto auto;grid-template-columns:minmax(0,1fr) 290px;align-content:center;gap:14px 24px;width:min(1400px,100%);height:100%;min-height:0;margin:auto;padding:clamp(12px,2dvh,32px) clamp(14px,3vw,40px);display:grid;position:relative;overflow:auto}.journey-start:before{content:"";z-index:-1;pointer-events:none;opacity:.09;background:url(/welcome-lantern-stage.svg) 50%/cover;position:absolute;inset:0}.journey-heading{align-self:center}.journey-heading h1{color:var(--ui-text);margin:0;font-size:clamp(26px,4vw,56px);line-height:1.1}.journey-heading p{color:var(--ui-muted);margin:8px 0 0;font-size:clamp(13px,1.4vw,19px)}.journey-start .pet-perch{place-self:center;width:290px;height:96px;margin:0}.app-frame.screen-setup .journey-start .live-staff{background:var(--music-paper);height:100%;min-height:100px;max-height:380px;color:var(--music-ink);border:2px solid #d7b979;border-radius:20px;grid-column:1/-1;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:0;margin:0;padding:10px 18px;display:grid;box-shadow:0 6px #bda36c}.journey-start .live-staff>div{justify-content:space-between;align-items:center;font-size:16px;display:flex}.journey-start .live-staff strong{color:var(--music-ink)}.journey-start .live-staff span{color:var(--ui-muted)}.app-frame.screen-setup .journey-start .live-staff canvas{grid-row:2;width:100%;height:100%;min-height:0}.app-frame.screen-setup .journey-start .setup-actions{grid-column:1/-1;justify-content:center;margin:4px 0 0;display:flex}.app-frame.screen-setup .journey-start-button{isolation:isolate;color:#fff9e8;background:#c63649;border:2px solid #f39495;border-radius:18px;justify-content:center;align-items:center;gap:12px;width:min(620px,100%);min-height:72px;padding:12px 24px;font-size:clamp(20px,2.3vw,32px);display:flex;position:relative;overflow:hidden;box-shadow:0 6px #872337,0 10px 24px #87233725}.journey-start-button:after{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 43%,#fff9e845 49%,#0000 55%);animation:5s ease-in-out infinite journey-shine;position:absolute;inset:-50% -100%}@keyframes journey-shine{0%,55%{transform:translate(-38%)}85%,to{transform:translate(38%)}}.app-frame.screen-setup .journey-midi{min-height:44px;box-shadow:none;color:var(--ui-text);background:0 0;border:0;grid-column:1/-1;justify-content:center;justify-self:center;align-items:center;gap:8px;padding:4px 12px;font-size:13px;display:flex}.journey-midi svg{width:18px}[data-motion=reduced] .journey-start-button:after,[data-motion=minimal] .journey-start-button:after{animation:none;display:none}@media (prefers-reduced-motion:reduce){.journey-start-button:after{animation:none;display:none}}@media (width<=700px) and (orientation:portrait){.app-frame.screen-setup .journey-start{grid-template-rows:auto 84px minmax(90px,1fr) auto auto;grid-template-columns:minmax(0,1fr);gap:8px;padding:12px}.journey-heading h1{font-size:28px}.journey-heading p{margin-top:4px}.journey-start .pet-perch{grid-column:1;width:100%;height:84px}.app-frame.screen-setup .journey-start-button{border-radius:14px;min-height:56px;padding:8px 12px;font-size:23px}.app-frame.screen-setup .journey-start .live-staff{border-radius:14px;padding:4px 8px}.journey-start .live-staff>div{display:none}}@media (height<=650px) and (orientation:portrait){.app-frame.screen-setup .journey-start{grid-template-rows:auto minmax(84px,1fr) auto auto;gap:6px;padding:8px 12px}.journey-heading{min-height:60px;padding-right:70px}.journey-heading h1{font-size:23px}.journey-start .pet-perch{pointer-events:none;width:160px;height:72px;position:absolute;top:4px;right:10px}.journey-start .companion-follower{justify-content:flex-end;width:160px;height:72px}.journey-start .companion-follower p,.journey-start .pet-perch>i{display:none}.app-frame.screen-setup .journey-start .journey-midi{min-height:44px}}@media (orientation:landscape) and (height<=600px){.app-frame.screen-setup{--app-bar-height:48px}.app-frame.screen-setup>.global-bar:has(.profile-button){flex-wrap:nowrap;height:48px;min-height:48px;padding-block:0}.app-frame.screen-setup>.global-bar:has(.profile-button) .brand{height:44px}.app-frame.screen-setup .brand .brand-wordmark{width:144px;height:36px}.app-frame.screen-setup .journey-start{grid-template-rows:auto minmax(50px,1fr) auto;grid-template-columns:minmax(185px,28%) minmax(0,1fr);gap:6px 12px;padding:8px 12px}.journey-heading{grid-area:1/1}.journey-heading h1{font-size:22px}.journey-heading p{margin-top:4px;font-size:12px}.journey-start .pet-perch{grid-area:2/1;width:160px;height:100%;max-height:120px}.journey-start .companion-follower{justify-content:center;width:160px;height:100%}.journey-start .companion-follower p,.journey-start .pet-perch>i{display:none}.journey-start .pet-interact{flex:0 0 120px;width:120px;height:100%}.journey-start .pet-entrance,.journey-start .pet-action,.journey-start .pet-poof,.journey-start .pet-interact .cs{width:100%;height:100%;top:0;left:0}.app-frame.screen-setup .journey-start .live-staff{border-radius:14px;grid-area:1/2/3;min-height:80px;padding:4px 10px}.app-frame.screen-setup .journey-start .setup-actions{grid-area:3/2;margin:0}.app-frame.screen-setup .journey-start-button{border-radius:12px;min-height:48px;padding:4px 12px;font-size:22px}.app-frame.screen-setup .journey-midi{grid-area:3/1;padding:0;font-size:12px}}@media (orientation:landscape) and (height<=360px){.app-frame.screen-setup .journey-start{grid-template-rows:auto minmax(44px,1fr) auto;padding-block:4px}.journey-heading h1{font-size:18px;line-height:1}.journey-heading p,.journey-start .live-staff>div{display:none}.journey-start .pet-perch,.journey-start .companion-follower,.journey-start .pet-interact{height:48px}}.phase-banner[data-position-cue=true]{color:#193e43;background:#f7f2df;border-color:#427864}.phase-banner .position-cue-keys{justify-content:center;gap:4px;display:flex}.position-cue-keys b{color:#193e43;background:#fffdf4;border:1px solid #799c8e;border-radius:4px;align-items:center;gap:5px;padding:3px 7px;font-size:13px;display:flex}.position-cue-keys small{color:#516e65;font-size:10px}@font-face{font-family:Bravura;src:url(/fonts/bravura.woff2)format("woff2");font-display:block}.app-frame.screen-lesson{--app-bar-height:0px;padding-top:0}.app-frame.screen-lesson>.global-bar{display:none}.app-frame.screen-lesson .lesson-page{height:calc(100dvh - var(--piano-reserved-height,0px));min-height:0;padding:0;overflow:hidden}.app-frame.screen-lesson .lesson-hud{height:52px;min-height:52px;box-shadow:none;background:#fff5d9;border-bottom:1px solid #c9bc99;flex:0 0 52px;gap:12px;padding-block:4px;position:relative}.app-frame.screen-lesson .lesson-hud .icon-button{width:44px;height:44px;min-height:44px}.lesson-title{align-items:center;gap:10px;min-width:0;display:flex}.lesson-title>strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.app-frame.screen-lesson .festival-stage{--scene-min-height:72px;--notation-height:min(clamp(150px,28dvh,280px),calc(100% - 50px - var(--scene-min-height)));grid-template-rows:minmax(0,1fr) 44px var(--notation-height) 6px;isolation:isolate;background:radial-gradient(at 50% 0,#4f557b,#0000 65%),linear-gradient(#132e43,#1e5660);flex:1 1 0;height:auto;min-height:0;display:grid}.app-frame.screen-lesson .festival-stage .lesson-notation{border:2px solid #d7b979;border-radius:14px;grid-row:3;justify-self:center;width:calc(100% - 32px);max-width:1120px;height:100%;min-height:0;max-height:none;position:relative;inset:auto;overflow:hidden;box-shadow:0 5px #08262d99}.app-frame.screen-lesson .lesson-notation:before{border-radius:inherit}.app-frame.screen-lesson .lesson-notation canvas{width:calc(100% - 16px);height:calc(100% - 42px);inset:8px 8px 34px}.app-frame.screen-lesson .lesson-notation .hit-zone{bottom:36px}.app-frame.screen-lesson .phase-banner{top:auto;bottom:calc(var(--notation-height) + 12px);max-width:calc(100% - 150px);box-shadow:none;padding:6px 12px;left:max(12px,50% - 560px)}.app-frame.screen-lesson .skip-listen{top:auto;bottom:calc(var(--notation-height) + 6px);min-height:44px;box-shadow:none;padding:4px 12px;font-size:13px;right:max(8px,50% - 560px)}.app-frame.screen-lesson .lesson-guidance{background:#fff5d9;border-top:1px solid #c9bc99;min-height:48px;display:flex}.app-frame.screen-lesson .lesson-objective{background:0 0;flex:1;min-width:0;height:auto;min-height:48px;padding:6px 14px}.app-frame.screen-lesson .practice-status{min-width:0;min-height:48px;box-shadow:none;background:0 0;border-left:1px solid #c9bc99;flex:1;padding:4px 12px}.app-frame.screen-lesson .practice-status-copy p{margin:0;font-size:12px}.app-frame.screen-lesson .practice-status-copy strong{font-size:13px}.app-frame.screen-lesson .practice-status>button{white-space:nowrap;min-height:44px;padding:4px 8px;font-size:12px}.app-frame.screen-lesson .practice-status.bag-status{border:0;flex-wrap:nowrap;flex:1;min-height:52px}.bag-status .practice-status-copy{line-height:1.35}.app-frame.screen-lesson .concert-scene{z-index:3;pointer-events:none;grid-row:1;width:100%;height:100%;min-height:0;position:relative;inset:auto;overflow:hidden}.app-frame.screen-lesson .pixi-stage{opacity:1;filter:none;width:100%;height:100%;position:absolute;inset:0}.stage-toys{pointer-events:none;position:absolute;inset:0}.app-frame .stage-toy{pointer-events:auto;touch-action:none;box-shadow:none;cursor:grab;filter:none;background:0 0;border:0;border-radius:12px;margin:0;padding:0;position:absolute;transform:none}.app-frame .stage-toy:hover{filter:none;background:#ffe7a011;transform:none}.app-frame .stage-toy:active{cursor:grabbing}.app-frame .stage-toy:focus-visible{outline-offset:-2px;outline:2px dashed #ffdc83}.app-frame .stage-toy:disabled{pointer-events:none;background:0 0}.concert-pet-podium{justify-content:center;align-items:end;width:clamp(64px,22vh,200px);height:100%;max-height:200px;display:flex;position:absolute;bottom:0;right:18%}.app-frame.screen-lesson .concert-pet-podium .festival-bird{visibility:visible;filter:none;transform-origin:bottom;width:100%;height:100%;max-height:195px;animation:none;display:block;position:relative;inset:auto auto 0}.concert-pet-podium i{background:#b7976d;border-radius:50%;width:88%;height:9px;position:absolute;bottom:0;box-shadow:0 4px #0e303b}.concert-pet-podium .cs{z-index:1;position:relative}.concert-caption{color:#fff1cd;pointer-events:none;z-index:4;background:#173544;border-radius:8px;flex-direction:column;gap:3px;max-width:25%;padding:5px 8px;display:flex;position:absolute;top:58px;left:max(12px,50% - 560px)}.concert-caption strong{font:600 clamp(14px,1.6vw,23px) Fredoka Variable,sans-serif}.concert-caption span{color:#c9e7e2;font-size:11px}.concert-score{color:#fff0c5;font-variant-numeric:tabular-nums;align-items:center;gap:18px;font-size:12px;display:flex;position:absolute;top:8px;right:max(16px,50% - 560px)}.concert-score>span{align-items:center;gap:6px;display:flex}.concert-score strong{color:#ffda86;font:600 25px Fredoka Variable,sans-serif}.concert-score .is-streak{color:#ffdb85}.concert-score small{font-size:11px}.phase-listen .concert-score{display:none}.app-frame.screen-lesson .phase-banner{width:auto;transform:none}.app-frame.screen-lesson .phase-banner span{display:none}.app-frame.screen-lesson .phase-banner[data-position-cue=true]{white-space:normal;background:var(--ui-surface);color:var(--ui-text);border-color:var(--ui-border);border-radius:12px}.app-frame.screen-lesson .phase-banner[data-position-cue=true] strong{text-transform:none;letter-spacing:0;white-space:normal;text-align:center}.app-frame.screen-lesson .phase-banner[data-position-cue=true] .position-cue-keys{white-space:nowrap;display:flex}.app-frame.screen-lesson .count-in-display{pointer-events:none}[data-motion=reduced] .concert-pet-podium *,[data-motion=minimal] .concert-pet-podium *,.festival-stage[data-stage-paused=true] .concert-pet-podium *{animation:none!important}.app-frame.screen-lesson .festival-stage.has-challenge-bag .challenge-bag{width:120px;height:min(100%,140px);top:auto;bottom:0;right:19%}.app-frame.screen-lesson .festival-stage.has-challenge-bag .challenge-bag-art{width:100%;height:calc(100% - 18px)}.app-frame.screen-lesson .festival-stage.has-challenge-bag .concert-pet-podium{right:57%}@media (width<=700px) and (orientation:portrait){.app-frame.screen-lesson .has-challenge-bag .concert-score{top:auto;bottom:calc(var(--notation-height) + 18px);gap:8px;font-size:10px;right:12px}.app-frame.screen-lesson .has-challenge-bag .concert-score strong{font-size:18px}.app-frame.screen-lesson .has-challenge-bag .concert-score small{font-size:9px}}.app-frame.screen-lesson .festival-stage.phase-ready{grid-template-rows:minmax(0,1fr) 44px var(--notation-height) 6px}.app-frame.screen-lesson .phase-ready .concert-scene{grid-row:1}.app-frame.screen-lesson .phase-ready .phase-banner,.app-frame.screen-lesson .phase-ready .concert-score{display:none}.pass-counter{z-index:5;right:max(16px,25% - 460px);bottom:calc(var(--notation-height)/2 - 46px);text-align:center;color:#fff4d6;width:112px;position:absolute;transform:rotate(3deg)}.pass-counter small{letter-spacing:.15em;font:700 12px/1.2 Atkinson Hyperlegible Next Variable,sans-serif;display:block}.pass-counter>span{filter:drop-shadow(0 4px #09232d);justify-content:center;align-items:baseline;gap:5px;font:600 64px/.95 Fredoka Variable,sans-serif;display:flex}.pass-counter b{color:#ffd474;font-weight:600}.pass-counter i{color:#79d8bf;font-size:.62em;font-style:normal}.pass-counter strong{color:#f09caf;font-size:.8em;font-weight:600}.app-frame.screen-lesson .lesson-notation .staff-judgement{gap:8px;height:auto;min-height:34px;padding:3px 11px 3px 4px;bottom:6px}.app-frame.screen-lesson .lesson-notation .staff-judgement strong{min-width:26px;height:26px;font-size:16px}.app-frame.screen-lesson .lesson-notation .staff-judgement span{font-size:13px;line-height:1.2}.app-frame.screen-lesson .hold-guidance{background:var(--music-paper);border-radius:8px;gap:10px;padding:3px 8px;font-size:14px;bottom:10px}.app-frame.screen-lesson .hold-guidance>i{width:clamp(80px,8vw,160px);height:9px}.app-frame.screen-lesson .listen-duration{max-width:calc(100% - 16px);color:var(--ui-text);white-space:nowrap;bottom:4px;left:50%}.listen-duration[hidden]{display:none}.listen-duration>span{text-overflow:ellipsis;overflow:hidden}.listen-duration>i{flex-shrink:0}.listen-duration:before{content:"";background:#72d4b0;border:2px solid;border-radius:0 0 3px 3px;flex-shrink:0;width:12px;height:18px}.listen-duration[data-ready=true]:before{background:var(--music-paper)}@media (width>=1100px) and (height>=700px){.app-frame.screen-lesson .lesson-notation canvas{height:calc(100% - 74px);bottom:66px}.app-frame.screen-lesson .lesson-notation .hit-zone{bottom:68px}.app-frame.screen-lesson .lesson-notation .staff-judgement{gap:12px;min-height:48px;padding:4px 16px 4px 5px;bottom:8px}.app-frame.screen-lesson .lesson-notation .staff-judgement strong{min-width:36px;height:36px;font-size:24px}.app-frame.screen-lesson .lesson-notation .staff-judgement span{font-size:clamp(18px,1.3vw,24px)}.app-frame.screen-lesson .hold-guidance{gap:14px;font-size:clamp(18px,1.25vw,24px);bottom:18px}.app-frame.screen-lesson .hold-guidance>i{height:12px}.app-frame.screen-lesson .listen-duration{bottom:18px}}@media (width<=1279px){.pass-counter{bottom:calc(var(--notation-height) + 60px);width:74px;right:12px}.pass-counter>span{font-size:44px}.pass-counter small{font-size:10px}}@media (width>=1280px) and (height>=601px){.app-frame.screen-lesson .festival-stage .lesson-notation{width:calc(100% - 280px);max-width:1840px}}@media (width>=1800px) and (height>=900px){.app-frame.screen-lesson .festival-stage{--notation-height:min(36dvh,420px)}.pass-counter>span{font-size:78px}}@media (width<=700px){.pass-counter{width:62px;right:5px}.pass-counter>span{font-size:36px}.app-frame.screen-lesson .festival-stage:has(.pass-counter) .concert-pet-podium{width:72px;right:20%}}@media (orientation:landscape) and (height<=600px){.pass-counter{width:110px;top:47px;bottom:auto;right:10px}.pass-counter>span{font-size:34px}.pass-counter small{display:none}}.app-frame.screen-lesson .count-in-display{height:38px;min-height:0;box-shadow:none;grid-area:2/1;place-self:start center;gap:8px;padding:2px 10px 2px 3px;position:relative;top:auto;bottom:auto;left:auto;transform:none}.app-frame.screen-lesson .count-in-display strong{width:30px;height:30px;box-shadow:none;border-width:2px;font-size:24px;line-height:1}.app-frame.screen-lesson .count-in-display span{font-size:11px}.tempo-cue{flex-direction:column;gap:2px;line-height:1.1;display:flex}.tempo-cue b{letter-spacing:0;font-size:13px}.tempo-cue small{letter-spacing:0;font-size:10px;font-weight:500}@media (width>=1100px) and (height>=601px){.app-frame.screen-lesson .count-in-display[data-support=true]{height:42px}.tempo-cue b{font-size:18px}}@media (width>=701px) and (height<=850px){.app-frame.screen-lesson{--piano-open-height:170px}}@media (width>=701px) and (height>=601px){.app-frame.screen-lesson .festival-stage{--notation-height:min(clamp(210px,30dvh,280px),calc(100% - 50px - var(--scene-min-height)))}}@media (width<=850px){.app-frame.screen-lesson .lesson-hud{grid-template-rows:1fr;grid-template-columns:minmax(0,1fr) 44px 44px;gap:6px;padding:4px 8px}.app-frame.screen-lesson .lesson-progress{border-radius:0;height:3px;position:absolute;bottom:0;left:0;right:0}.app-frame.screen-lesson .hud-combo,.app-frame.screen-lesson .hud-stars{display:none}}@media (width<=700px){.app-frame.screen-lesson .festival-stage:not(.has-challenge-bag){--scene-min-height:64px}.app-frame.screen-lesson .lesson-guidance{flex-direction:column}.app-frame.screen-lesson .practice-status{border-top:1px solid #c9bc99;border-left:0;flex:none}.app-frame.screen-lesson .has-story-repetition .lesson-guidance{flex-direction:row}.app-frame.screen-lesson .has-story-repetition .practice-status{border-top:0;border-left:1px solid #c9bc99;flex:none}.has-story-repetition .practice-status-copy p{display:none}.app-frame.screen-lesson .lesson-objective{min-height:42px}.app-frame.screen-lesson .festival-stage .lesson-notation{width:calc(100% - 16px)}.concert-caption{display:none}.concert-caption strong{font-size:12px}.concert-caption span{font-size:10px}.concert-pet-podium{width:clamp(60px,14vh,118px);right:12%}.concert-score{gap:10px;font-size:10px;right:10px}.concert-score strong{font-size:22px}}@media (orientation:landscape) and (height<=600px){.app-frame.screen-lesson .lesson-hud{flex-basis:48px;height:48px;min-height:48px;padding-block:2px}.app-frame.screen-lesson .lesson-guidance{flex-direction:row;min-height:38px}.app-frame.screen-lesson .lesson-objective,.app-frame.screen-lesson .practice-status{min-height:38px;padding-block:2px}.app-frame.screen-lesson .practice-status{border-top:0;flex:0 320px}.app-frame.screen-lesson .festival-stage,.app-frame.screen-lesson .festival-stage.phase-ready{--notation-height:100%;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) 132px;padding-block:4px}.app-frame.screen-lesson .concert-scene,.app-frame.screen-lesson .phase-ready .concert-scene{grid-area:1/2}.concert-caption{display:none}.app-frame.screen-lesson .festival-stage .concert-pet-podium{width:68px;height:60px;bottom:0;right:32px}.app-frame.screen-lesson .festival-stage.has-challenge-bag .concert-pet-podium{width:54px;height:54px;right:74px}.app-frame.screen-lesson .festival-stage.has-challenge-bag .challenge-bag{width:68px;height:72px;bottom:3px;right:0}.app-frame.screen-lesson .festival-stage .lesson-notation{grid-area:1/1;width:calc(100% - 12px)}.app-frame.screen-lesson .concert-score{flex-wrap:wrap;justify-content:center;gap:0 8px;width:116px;top:8px;right:8px}.app-frame.screen-lesson .concert-score strong{font-size:20px}.app-frame.screen-lesson .pass-counter{width:116px;top:56px;right:8px}.app-frame.screen-lesson .skip-listen{min-width:120px;padding-inline:8px;top:8px;bottom:auto;right:6px}.app-frame.screen-lesson .phase-banner{display:none}.app-frame.screen-lesson .lesson-notation canvas{height:calc(100% - 46px);bottom:38px}.app-frame.screen-lesson .lesson-notation .hit-zone{bottom:40px}.app-frame.screen-lesson .count-in-display{grid-area:1/2;align-self:start;gap:5px;height:auto;margin-top:4px;padding:4px}.app-frame.screen-lesson .count-in-display strong{flex:none;width:34px;height:34px;font-size:28px}.app-frame.screen-lesson .count-in-display span{white-space:normal;min-width:0;max-width:66px;font-size:12px;line-height:1.1}.app-frame.screen-lesson .phase-ready .pass-counter{visibility:hidden}}@media (orientation:landscape) and (height<=360px){.app-frame.screen-lesson .festival-stage.has-challenge-bag .challenge-bag{height:60px}}@media (width>=701px) and (height>=601px) and (height<=700px){.concert-caption{top:48px}.concert-caption strong{font-size:15px}.concert-caption span{font-size:10px}}.concert-pet-podium .pet-button-speech{max-width:min(180px,42vw);top:25%;bottom:auto;right:calc(100% + 6px)}.app-frame.screen-lesson .festival-stage[data-first-note=true]{--scene-min-height:84px;grid-template-rows:minmax(0,1fr) 64px var(--notation-height) 6px}.festival-stage[data-first-note=true] .concert-caption,.festival-stage[data-first-note=true] .concert-score{display:none}.first-note-coach{color:#fff6da;grid-area:2/1;place-self:center;align-items:center;gap:12px;max-width:calc(100% - 16px);line-height:1.2;display:flex}.first-note-count{color:#173f4a;background:#ffda78;border:3px solid #fff0b9;border-radius:50%;flex:none;place-items:center;width:42px;height:42px;font:600 28px Fredoka Variable,sans-serif;display:grid;box-shadow:0 3px #b27c38}.first-note-coach>div{flex-direction:column;gap:3px;display:flex}.first-note-coach strong{font-size:clamp(16px,1.3vw,24px)}.first-note-coach span{font-size:clamp(12px,1vw,18px)}.first-note-lights{gap:4px;margin-left:8px;display:flex}.first-note-lights i{color:#67848b;font-size:22px;font-style:normal}.first-note-lights i[data-lit=true]{color:#ffda78;text-shadow:0 0 10px #ffd47477}@media (width<=480px){.first-note-coach{gap:8px}.first-note-count{width:34px;height:34px;font-size:23px}.first-note-lights{display:none}}@media (orientation:landscape) and (height<=600px){.app-frame.screen-lesson .festival-stage[data-first-note=true]{grid-template-rows:minmax(0,1fr)}.app-frame.screen-lesson .festival-stage[data-first-note=true] .pixi-stage,.app-frame.screen-lesson .festival-stage[data-first-note=true] .stage-toys{height:auto;top:88px;bottom:64px}.first-note-coach{text-align:center;flex-wrap:wrap;grid-area:1/2;justify-content:center;align-self:start;gap:5px;padding-top:2px}.first-note-count{width:30px;height:30px;font-size:22px}.first-note-coach strong{font-size:14px}.first-note-coach span{font-size:11px}.first-note-lights{display:none}}@media (orientation:landscape) and (height<=360px){.festival-stage[data-first-note=true] .pixi-stage,.festival-stage[data-first-note=true] .stage-toys{visibility:hidden}}.piano-dock.viewport-piano{--piano-header-height:48px;height:var(--piano-open-height)}.viewport-piano .piano-viewport{inset:var(--piano-header-height) 6px 0;position:absolute;overflow:hidden}.viewport-piano .piano-edge{top:var(--piano-header-height);z-index:4;touch-action:none;width:6px;position:absolute;bottom:0}.piano-edge-left{left:0}.piano-edge-right{right:0}.piano-dock.viewport-piano[data-phone=true] .piano-edge{top:3px;bottom:calc(var(--piano-header-height) + var(--piano-safe-bottom))}.piano-dock.viewport-piano[data-phone=true][data-guidance=true] .piano-edge{top:32px}.viewport-piano .piano-bed{width:100%;inset:0 auto 0 0;height:100%!important;margin:0!important}.viewport-piano.is-collapsed{height:var(--piano-header-height);border-top:0}.viewport-piano>header button{touch-action:manipulation;width:44px;min-height:44px}.viewport-piano>header{z-index:6;isolation:isolate;background:var(--piano-surface,var(--piano-frame,#173f4a));box-shadow:inset 0 1px #fff4cc22,inset 0 -1px #081b2780}.viewport-piano .piano-next-note{color:#183f49;background:#ffedba;border:1px solid #e8c571;border-radius:9px;flex:none;min-width:0;height:32px;max-height:100%;padding:2px 14px;position:static;inset:auto;transform:none;box-shadow:0 2px #907343}.viewport-piano .piano-next-note span{letter-spacing:.04em;color:#425058!important;font-size:10px!important;display:inline!important}.viewport-piano .piano-next-note strong{text-shadow:none;color:#173f4a!important;font-size:21px!important}.viewport-piano .piano-pan-strip{text-align:left;align-items:center;gap:12px;display:flex}.viewport-piano .piano-pan-strip strong{justify-content:flex-start}.piano-guidance-rail{background:var(--piano-surface,#173f4a);z-index:6;pointer-events:none;border-bottom:2px solid #d5ae63;justify-content:center;align-items:center;height:30px;display:flex;position:absolute;top:0;left:0;right:0}.piano-guidance-rail .piano-next-note{height:26px;box-shadow:none;border:0;border-radius:6px;padding:0 14px}.piano-guidance-rail .piano-next-note strong{font-size:19px!important}.piano-guidance-rail>span{color:#fff1cc;font-size:12px}.piano-dock.viewport-piano[data-phone=true][data-guidance=true] .piano-viewport{top:32px}.viewport-piano .piano-pan-strip{touch-action:none;-webkit-user-select:none;user-select:none;cursor:ns-resize;flex:1;min-width:0;height:100%}.piano-dock.viewport-piano[data-phone=true]{--piano-header-height:52px;--piano-safe-bottom:env(safe-area-inset-bottom,0px);height:calc(152px + var(--piano-header-height) + var(--piano-safe-bottom))}.piano-dock.viewport-piano[data-phone=true][data-guidance=true]{height:calc(184px + var(--piano-header-height) + var(--piano-safe-bottom))}.piano-dock.viewport-piano[data-phone=true]>header{bottom:var(--piano-safe-bottom);height:var(--piano-header-height);gap:4px;padding:0 8px;position:absolute;left:0;right:0}.piano-dock.viewport-piano[data-phone=true]>header button{width:44px;min-height:44px}.piano-dock.viewport-piano[data-phone=true] .piano-viewport{inset:3px 6px calc(var(--piano-header-height) + var(--piano-safe-bottom))}.piano-dock.viewport-piano[data-phone=true] .piano-pan-strip{touch-action:none;-webkit-user-select:none;user-select:none;cursor:ew-resize;text-align:center;flex-direction:column;justify-content:center;height:100%;display:flex}.viewport-piano .piano-pan-strip strong{justify-content:flex-start;align-items:center;gap:5px;display:flex}.piano-dock.viewport-piano[data-phone=true] .piano-pan-strip{gap:0}.piano-dock.viewport-piano[data-phone=true].is-collapsed{height:calc(var(--piano-header-height) + var(--piano-safe-bottom))}.piano-dock.viewport-piano.is-collapsed{--piano-header-height:48px}.piano-dock.viewport-piano.is-collapsed .piano-pan-strip{cursor:ns-resize;flex-direction:row;justify-content:flex-start;gap:12px}.viewport-piano .piano-toggle svg{width:26px;height:26px}.screen-setup .piano-dock.viewport-piano[data-phone=true]:not(.is-collapsed){height:calc(136px + var(--piano-header-height) + var(--piano-safe-bottom))}.app-frame button{scroll-margin-top:calc(var(--app-bar-height,0px) + 12px);scroll-margin-bottom:calc(var(--piano-reserved-height,0px) + 16px)}.app-frame.has-piano .lesson-page,.app-frame.has-collapsed-piano .lesson-page{height:calc(100dvh - var(--app-bar-height) - var(--piano-reserved-height,var(--piano-open-height)))}.viewport-piano .studio-key span{pointer-events:none}.piano-dock.viewport-piano[data-phone=true] .studio-key.white span{bottom:32px}.piano-dock.viewport-piano[data-phone=true] .studio-key.white kbd{bottom:13px}@media (width<=700px){.screen-lesson.has-piano,.screen-lesson.has-collapsed-piano{padding-bottom:var(--piano-reserved-height,var(--piano-open-height))}.screen-lesson.has-piano .lesson-page,.screen-lesson.has-collapsed-piano .lesson-page{height:calc(100dvh - var(--piano-reserved-height,var(--piano-open-height)))}}@media (orientation:portrait) and (height<=620px){.screen-lesson .piano-dock.viewport-piano[data-phone=true]:not(.is-collapsed){height:calc(136px + var(--piano-header-height) + var(--piano-safe-bottom))}}@media (orientation:landscape) and (height<=600px){.piano-dock.viewport-piano[data-phone=false]{--piano-header-height:44px;--piano-open-height:clamp(120px,30dvh,156px)}}.viewport-piano>header{height:var(--piano-header-height);gap:12px;padding-block:0;padding-inline:clamp(12px,2vw,28px)}.viewport-piano .piano-pan-strip strong{white-space:nowrap;flex:none}.viewport-piano .piano-pan-strip>span{letter-spacing:.03em;font-size:11px}.viewport-piano.labels-both .studio-key.white kbd,.viewport-piano.labels-qwerty .studio-key.white kbd{color:#29424b;background:#f3ead3;border:1px solid #8a9186}@media (width>=701px){.viewport-piano .studio-key kbd{min-width:22px;font-size:11px;line-height:18px;bottom:10px}.viewport-piano .studio-key.black kbd{bottom:8px}.viewport-piano .studio-key span{bottom:36px}.viewport-piano .studio-key.black span{bottom:32px}}@media (orientation:landscape) and (height<=500px){.viewport-piano .studio-key kbd{min-width:18px;font-size:11px;font-weight:700;line-height:14px;bottom:4px}.viewport-piano .studio-key span{font-size:10px;bottom:26px}.viewport-piano .studio-key.black kbd{bottom:3px}.viewport-piano .studio-key.black span{font-size:8px;bottom:24px}}@media (width>=1800px) and (height>=900px){.app-frame{--piano-open-height:clamp(216px,20dvh,432px)}.piano-dock.viewport-piano{--piano-header-height:clamp(48px,4.5dvh,96px)}.viewport-piano>header{font-size:clamp(18px,1.7dvh,36px)}.viewport-piano .piano-pan-strip strong{font-size:inherit;gap:12px}.viewport-piano .piano-pan-strip strong>svg{width:clamp(24px,2dvh,42px);height:clamp(24px,2dvh,42px)}.viewport-piano .piano-pan-strip>span{font-size:clamp(14px,1.3dvh,28px)}.viewport-piano>header button{width:clamp(52px,5dvh,108px);height:clamp(52px,5dvh,108px)}.viewport-piano>header button svg{width:50%;height:50%}.viewport-piano .studio-key span{font-size:clamp(20px,2dvh,42px);bottom:clamp(48px,4.4dvh,92px)}.viewport-piano .studio-key.black span{font-size:clamp(16px,1.5dvh,32px);bottom:clamp(42px,3.7dvh,78px)}.viewport-piano .studio-key kbd{min-width:clamp(26px,2.5dvh,54px);font-size:clamp(14px,1.3dvh,28px);line-height:1.4;bottom:clamp(10px,1dvh,22px)}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ui-bg:#e8dfc5;--ui-surface:#fff7e2;--ui-raised:#fffdf3;--ui-inset:#eee4c9;--ui-text:#173f4a;--ui-muted:#496266;--ui-border:#b7a77e;--ui-shadow:#173f4a24;--ui-selected:#d1ece1;--ui-selected-ink:#184f49;--ui-selected-edge:#26766b;--ui-gold:#f7ca67;--ui-gold-ink:#65441e;--ui-gold-soft:#fff0c0;--ui-plum:#784564;--ui-action:#c43f49;--ui-action-ink:#fffaf0;--ui-action-edge:#e99583;--ui-action-shadow:#812735;--ui-focus:#2869ba;--ui-celebration-a:#f7dd96;--ui-celebration-b:#f6b3a1;--ui-celebration-c:#b8dfd3;--music-paper:#fff8e6;--music-ink:#17343c}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ui-bg:#08131f;--ui-surface:#172c3b;--ui-raised:#233f50;--ui-inset:#0c1c2b;--ui-text:#fff6df;--ui-muted:#d0e0e6;--ui-border:#789fac;--ui-shadow:#020a12b0;--ui-selected:#24574f;--ui-selected-ink:#dcfff0;--ui-selected-edge:#87d5bc;--ui-gold:#f7ca67;--ui-gold-ink:#fbe5a7;--ui-gold-soft:#493a26;--ui-plum:#e7b4d2;--ui-action:#c43f49;--ui-action-ink:#fffaf0;--ui-action-edge:#ffad96;--ui-action-shadow:#812735;--ui-focus:#a4d7ff;--ui-celebration-a:#4d385f;--ui-celebration-b:#28365c;--ui-celebration-c:#1d233e;--ui-night-scene:radial-gradient(ellipse at 8% 15%,#1c4a5033,transparent 48%),linear-gradient(135deg,#0b1928,#08131f 60%,#102b36);--music-paper:#1d2742;--music-ink:#f5efdf}body{color:var(--ui-text);background:var(--ui-bg)}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-color:var(--ui-focus)}.app-frame button.choice-control,.settings-screen button.choice-control{border:2px solid var(--ui-border);text-align:left;background:var(--ui-raised);min-width:0;min-height:72px;color:var(--ui-text);box-shadow:0 3px 0 var(--ui-shadow);filter:none;border-radius:13px;align-items:center;gap:12px;padding:14px 38px 14px 14px;transition:border-color .15s,background-color .15s;display:flex;position:relative;transform:none}.app-frame button.choice-control:hover,.settings-screen button.choice-control:hover{border-color:var(--ui-selected-edge);transform:none}.app-frame button.choice-control[aria-pressed=true],.settings-screen button.choice-control[aria-pressed=true]{background:var(--ui-selected);color:var(--ui-selected-ink);border-color:var(--ui-selected-edge);box-shadow:inset 0 0 0 1px var(--ui-selected-edge),0 3px 0 var(--ui-shadow)}.choice-control .choice-art{flex:0 0 30px;place-items:center;width:30px;margin:0;display:grid}.choice-control .choice-art>svg{width:30px;height:30px}.app-frame .choice-control .choice-copy{color:inherit;flex-direction:column;flex:1;gap:5px;margin:0;display:flex}.choice-control .choice-copy strong{color:inherit;font-size:16px;line-height:1.2}.choice-control .choice-copy small{color:var(--ui-muted);font-size:12px;line-height:1.3}.choice-control .choice-mark{width:20px;height:20px;color:var(--ui-selected-edge);margin:0;position:absolute;top:10px;right:10px}.choice-control .choice-mark svg{width:20px;height:20px;display:block}.choice-control .choice-mark i{border:1.5px solid var(--ui-muted);border-radius:50%;width:17px;height:17px;margin:1.5px;display:block}.app-frame .profile-portrait.pet-portrait{background:var(--ui-inset);width:32px;height:32px;box-shadow:none;border-radius:50%;flex:0 0 32px;display:grid;overflow:hidden}.app-frame .profile-portrait.pet-portrait>.cs{width:100%;height:100%;margin:0}.profile-portrait.pet-portrait .cs-character{animation:none}.app-frame :is(.dodger-preview>small,.dodger-map-head p,.minigames-page>header small,.dodger-preview-facts,.dodger-stat-row span,.dodger-best,.festival-footnote,.shop-preview header small){color:var(--ui-muted)}.app-frame .dodger-level-number{color:#173f4a}.app-frame .practice-streak i,.app-frame :is(.current-chapter header p,.chapter-plan small,.dodger-path .is-locked){color:var(--ui-muted)}.app-frame .performance-selection dl>div{background:var(--ui-raised)}.app-frame .performance-selection :is(small,dt){color:var(--ui-muted)}:root[data-theme] .app-frame .chapter-plan button:not(:disabled){background:var(--ui-raised);color:var(--ui-text);border:1px solid var(--ui-border);box-shadow:none}:root[data-theme] .app-frame .dodger-preview .dodger-level-number,:root[data-theme] .app-frame .dodger-report .dodger-clear-seal{color:#173f4a}:root[data-theme] .app-frame .dodger-report-heading .dodger-stars{color:#ae741c}:root[data-theme=dark] .app-frame .dodger-report-heading .dodger-stars{color:var(--ui-gold)}.app-frame .onboarding{min-height:0;height:calc(100dvh - var(--app-bar-height,68px));background:radial-gradient(ellipse at 50% 20%,#47747b,var(--ui-bg));padding:16px}.app-frame .pet-ticket{clip-path:none;background:var(--ui-surface);width:min(820px,100%);max-height:100%;color:var(--ui-text);box-shadow:0 8px 0 var(--ui-shadow);border-radius:22px;flex-direction:column;gap:14px;padding:24px;display:flex}.pet-ticket header h1{margin:4px 0 8px;font-size:clamp(25px,4vw,36px)}.pet-ticket header p{color:var(--ui-muted);margin:0;font-size:14px}.pet-ticket header small{color:var(--ui-muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.starter-pet-stage{justify-content:center;align-items:center;gap:12px;min-height:0;display:flex}.starter-pet-stage h2{margin:0 0 6px}.starter-pet-stage p{color:var(--ui-muted);margin:0;font-size:14px}.starter-pet-stage .pet-greeting{background:radial-gradient(ellipse,var(--ui-selected),transparent 70%);border:0;border-radius:50%;flex:0 0 140px;width:140px;height:140px;padding:0}.pet-greeting .cs{width:100%;height:100%}.starter-pet-choices{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.app-frame .starter-pet-choices .choice-control{text-align:center;flex-direction:column;gap:2px;min-height:104px;padding:8px 4px}.starter-pet-choices .choice-art{flex-basis:64px;width:64px;height:64px}.starter-pet-choices .choice-art>.cs{width:64px;height:64px}.starter-pet-choices .choice-copy strong{font-size:13px}.pet-ticket footer{justify-content:center;align-items:end;gap:14px;display:flex}.pet-ticket footer label{flex:1;max-width:340px;margin:0;font-size:13px}.pet-ticket footer input{background:var(--ui-raised);border-color:var(--ui-border);color:var(--ui-text)}.pet-ticket footer .primary{min-height:48px}.app-frame .input-setup{min-height:0;height:calc(100dvh - var(--app-bar-height,68px) - var(--piano-reserved-height,0px));padding:20px}.app-frame .input-setup>section{background:var(--ui-surface);max-height:100%;color:var(--ui-text);padding:clamp(16px,3vh,30px)}.input-setup h1{font-size:clamp(26px,4vw,42px)}.live-staff,.app-frame .lesson-notation,.performance-staff-wrap,.app-frame .dodger-notation-preview{background:var(--music-paper);color:var(--music-ink)}.live-staff strong{color:var(--music-ink)}.live-staff span{color:var(--ui-muted)}.app-frame .primary{background:var(--ui-action);color:var(--ui-action-ink)}@media (width<=600px){.app-frame .onboarding{padding:10px}.app-frame .pet-ticket{gap:12px;padding:16px}.starter-pet-stage .pet-greeting{flex-basis:110px;width:110px;height:110px}.starter-pet-stage h2{font-size:20px}.starter-pet-stage p{font-size:12px}.starter-pet-choices{gap:5px}.app-frame .starter-pet-choices .choice-control{min-height:86px}.starter-pet-choices .choice-art,.starter-pet-choices .choice-art>.cs{flex-basis:48px;width:48px;height:48px}.starter-pet-choices .choice-copy strong{font-size:11px}.starter-pet-choices .choice-mark{width:15px;height:15px;top:3px;right:3px}.starter-pet-choices .choice-mark svg{width:15px;height:15px}.starter-pet-choices .choice-mark i{width:12px;height:12px}.pet-ticket footer{flex-direction:column;align-items:stretch;gap:10px}.pet-ticket footer label{max-width:none}.app-frame .input-choice-grid .choice-control{text-align:center;flex-direction:column;justify-content:center;gap:6px;padding:20px 6px 8px}.input-choice-grid .choice-copy strong{font-size:12px}.input-choice-grid .choice-copy small{display:none}}@media (height<=640px){.pet-ticket header p{display:none}.app-frame .pet-ticket{gap:8px;padding:12px 18px}.starter-pet-stage .pet-greeting{flex-basis:72px;width:72px;height:72px}.pet-ticket footer{flex-direction:row;align-items:end}}:root[data-theme=dark] .global-bar{border-color:var(--ui-border);background:#0c1e2d}:root[data-theme=dark] :is(.profile-button,.midi-compact,.setup-actions>button:not(.primary),.chapter-plan>div>div,.next-chapter-preview,.journey-progress,.current-chapter,.festival-rank,.badge-shelf,.result-card,.result-summary,.practice-card,.practice-next,.settings-screen,.settings-section,.modal,.lesson-landing,.minigame-card){background:var(--ui-surface);color:var(--ui-text);border-color:var(--ui-border)}:root[data-theme=dark] :is(.book-page,.practice-page,.festival-page,.result-card,.settings-screen) :is(h1,h2,h3,p,strong,small,label,summary){color:inherit}:root[data-theme=dark] :is(.book-page,.practice-page,.festival-page,.result-card,.settings-screen) :is(p,small){color:var(--ui-muted)}:root[data-theme=dark] :is(.settings-control,.settings-actions button,.profile-switcher button,.import-save,.shortcut-map,.result-mastery>span),:root[data-theme=dark] :is(input,select){background:var(--ui-inset);color:var(--ui-text);border-color:var(--ui-border)}:root[data-theme=dark] .welcome-studio{background:linear-gradient(120deg,#242440 0 42%,#253e51 42%)}:root[data-theme=dark] .welcome-copy :is(h1,p,small){color:var(--ui-text)}:root[data-theme=dark] .welcome-copy h1 em{color:#ffbb9b}:root[data-theme=dark] .audio-level{color:var(--ui-muted)}:root[data-theme=dark] .app-frame :is(.festival-page,.practice-page,.lesson-landing,.minigames-page,.dodger-map){color:var(--ui-text)}:root[data-theme=dark] .app-frame :is(.festival-page,.practice-page)>header button{background:var(--ui-raised);color:var(--ui-text);border-color:var(--ui-border)}:root[data-theme=dark] .app-frame :is(.setting-section,.settings-screen>header,.settings-screen>footer,.shop-inventory,.shop-tools,.shop-item,.shop-loadout,.shop-loadout dl>div,.shop-wardrobe-link,.shop-counter,.shop-picks button,.shop-earn,.shop-refine>label,.shop-preview,.shop-preview-details,.shop-preview-body,.songbook,.songbook-song,.lesson-progress-panel,.history-selection,.performance-review,.performance-selection,.performance-scroll,.performance-track,.performance-legend,.performance-marker,.timing-summary,.box-inventory>article,.box-possibilities,.box-items>article,.dodger-preview,.dodger-report,.dodger-unlock){background:var(--ui-surface);color:var(--ui-text);border-color:var(--ui-border)}:root[data-theme=dark] .app-frame :is(.shop-page,.shop-preview,.songbook,.lesson-progress-panel,.performance-review,.dodger-preview,.dodger-report,.dodger-unlock,.setting-section) :is(p,small,dt,dd,label,h1,h2,h3,h4,strong,span,summary){color:inherit}:root[data-theme=dark] .app-frame :is(.shop-page,.shop-preview,.songbook,.lesson-progress-panel,.performance-review,.dodger-preview,.dodger-report,.dodger-unlock) :is(p,small,dt){color:var(--ui-muted)}:root[data-theme=dark] .app-frame :is(.shop-item-copy,.shop-item>footer,.shop-filters button,.shop-browse-actions button,.shop-default-action button,.shop-loadout summary,.shop-refine input,.shop-refine select,.shop-box-link,.shop-earn button,.shop-shelf-toolbar,.shop-results,.shop-announcement,.performance-selection dl>div,.history-totals,.history-selection dl>div,.practice-facts span,.songbook-lessons button,.result-actions>button:not(.primary),.performance-review button:not(.primary),.lesson-progress-panel button:not(.primary)){background:var(--ui-inset);color:var(--ui-text);border-color:var(--ui-border)}:root[data-theme=dark] .app-frame :is(.practice-card-label,.practice-record,.practice-warmups>summary span,.shop-item-status,.shop-results,.shop-shelf-toolbar p,.shop-item-copy small,.shop-loadout-intro,.shop-default-action span,.history-caption,.history-totals,.performance-selection p,.performance-legend,.settings-screen>footer>span){color:var(--ui-muted)}:root[data-theme=dark] .app-frame :is(.settings-screen>header,.settings-screen>footer,.setting-section>summary){background:var(--ui-raised);color:var(--ui-text)}.app-frame .settings-screen>footer .primary{background:var(--ui-action);color:var(--ui-action-ink)}:root[data-theme] .app-frame :is(.shop-filters,.shop-browse-actions,.profile-switcher) button[aria-pressed=true]{background:var(--ui-selected);color:var(--ui-selected-ink);border-color:var(--ui-selected-edge);box-shadow:inset 0 0 0 1px var(--ui-selected-edge)}:root[data-theme=dark] .app-frame :is(.history-chart text,.timing-distribution text){fill:var(--ui-muted)}:root[data-theme=dark] .app-frame .performance-marker.selected{background:var(--ui-selected);color:var(--ui-selected-ink);outline-color:var(--ui-selected-edge)}:root[data-theme=dark] .app-frame .result-mastery b{color:var(--ui-text)}:root[data-theme=dark] .app-frame :is(.shop-buy,.shop-preview .primary){background:var(--ui-action);color:var(--ui-action-ink);border-color:var(--ui-border)}:root[data-theme=dark] .app-frame .shop-buy:disabled{background:var(--ui-inset);color:var(--ui-muted)}:root[data-theme=dark] .app-frame :is(.results,.dodger-map){background:var(--ui-night-scene)}:root[data-theme=dark] .app-frame .result-card{background:var(--ui-surface);color:var(--ui-text);border-color:var(--ui-border);box-shadow:0 5px 0 var(--ui-shadow)}:root[data-theme=dark] .app-frame .spark-award{background:var(--ui-inset);color:var(--ui-text)}:root[data-theme=dark] .app-frame .dodger-map-head{background:var(--ui-surface);color:var(--ui-text)}:root[data-theme=dark] .app-frame :is(.dodger-area,.dodger-path,.dodger-path button){background:var(--ui-inset);color:var(--ui-text);border-color:var(--ui-border)}:root[data-theme=dark] .app-frame .dodger-path button.is-complete{background:var(--ui-selected)}:root[data-theme=dark] .app-frame .dodger-game-card>div:last-child{background:var(--ui-surface);color:var(--ui-text)}:root[data-theme=dark] .app-frame .dodger-game-card p{color:var(--ui-muted)}:root[data-theme=dark] .app-frame :is(.lesson-hud,.lesson-objective,.practice-status){background:var(--ui-surface);color:var(--ui-text);border-color:var(--ui-border)}:root[data-theme=dark] .app-frame :is(.lesson-hud,.lesson-objective,.practice-status) :is(strong,small,p){color:inherit}:root[data-theme=dark] .app-frame :is(.lesson-hud,.practice-status) button{background:var(--ui-raised);color:var(--ui-text)}:root[data-theme=dark] .app-frame .notation-deck,:root[data-theme=dark] .app-frame .notation-deck:before{background:var(--music-paper)!important}:root[data-theme=dark] .app-frame .phase-listen .notation-deck,:root[data-theme=dark] .app-frame .phase-listen .notation-deck:before{background:#34314a!important}:root[data-theme=dark] .app-frame :is(.dodger-shape,.dodger-bonuses span,.dodger-tutorial){background:var(--ui-surface);color:var(--ui-text)}:root[data-theme=dark] .app-frame :is(.dodger-actions button:not(.primary),.dodger-tutorial button:not(.primary),.dodger-unlock button:not(.primary)){background:var(--ui-raised);color:var(--ui-text);border-color:var(--ui-border)}:root[data-theme=dark] .app-frame :is(.dodger-preview-facts,.dodger-stat-row strong,.dodger-best,.dodger-map-head p,.minigames-page>header small){color:var(--ui-muted)}:root[data-theme=dark] .app-frame :is(.shop-preview>header,.next-achievement),:root[data-theme=dark] .app-frame .dodger-path button>span{background:var(--ui-raised);color:var(--ui-text);border-color:var(--ui-border)}:root[data-theme=dark] .app-frame .dodger-path button.is-open>span{background:var(--ui-selected);color:var(--ui-selected-ink);border-color:var(--ui-selected-edge)}:root[data-theme=dark] .app-frame .reward-ceremony{background:radial-gradient(ellipse at top,#674469,var(--ui-surface) 80%);color:var(--ui-text);border-color:var(--ui-border)}:root[data-theme=dark] .app-frame .reward-focus :is(h1,p,strong){color:inherit;text-shadow:none}:root[data-theme=dark] .app-frame .reward-focus small{color:var(--ui-muted)}:root[data-theme=dark] .app-frame .reward-focus small b{color:var(--ui-text)}:root[data-theme=dark] .app-frame .dodger-report>details{background:var(--ui-inset);color:var(--ui-text);border-color:var(--ui-border)}:root[data-theme=dark] .app-frame .dodger-report>.dodger-stars{color:var(--ui-gold)}:root[data-theme=dark] .app-frame .reward-actions{background:var(--ui-inset);border-color:var(--ui-border)}:root[data-theme=dark] .app-frame .reward-actions .reward-skip{background:var(--ui-raised);color:var(--ui-text);border-color:var(--ui-border)}:root[data-theme=dark] .app-frame .result-timing{background:var(--ui-surface);color:var(--ui-text);border-color:var(--ui-border)}:root[data-theme=dark] .app-frame .result-timing :is(h2,p,small,strong){color:inherit}:root[data-theme=dark] .app-frame .result-timing dl>div{background:var(--ui-inset);color:var(--ui-text)}:root[data-theme=dark] .app-frame{background:var(--ui-night-scene)}:root[data-theme=dark] .app-frame .game-screen:has(>.book-page){background:var(--ui-night-scene)}:root[data-theme=dark] .app-frame .continue-card{color:var(--ui-text);background:#194d50;box-shadow:0 5px #06232b,0 12px 28px #020a1240}:root[data-theme=dark] .app-frame .continue-card :is(p,small){color:#f1dded}:root[data-theme=dark] .app-frame .journey-friend{background:radial-gradient(at 50% 20%,#ffcd7040,#0000 66%),linear-gradient(160deg,#46314c80,#27294760)}:root[data-theme=dark] .app-frame :is(.journey-panel,.shop-inventory,.input-setup>section,.pet-ticket){background:var(--ui-surface);border-color:var(--ui-border)}:root[data-theme=dark] .app-frame .festival-rank{background:linear-gradient(125deg,#603f5b,#335);border-color:#c39c62}:root[data-theme=dark] .app-frame .rank-meter{background:var(--ui-inset);border-color:var(--ui-border)}:root[data-theme=dark] .app-frame .settings-screen>header{background:linear-gradient(110deg,#433252,#303550 65%,#314c54);border-color:#a78a67}:root[data-theme=dark] .app-frame .settings-screen>header small{color:#f6d89a}:root[data-theme=dark] .app-frame :is(.settings-emblem,.setup-emblem){color:#ffe0a0;background:#553e57;border-color:#bf9762;box-shadow:0 3px #20192f}:root[data-theme=dark] .app-frame .settings-screen>footer{background:var(--ui-inset)}:root[data-theme=dark] .app-frame .practice-page .practice-card{background:linear-gradient(145deg,#304654,var(--ui-surface) 75%);border-top-color:#84c8b0}:root[data-theme=dark] .app-frame .shop-counter{background:linear-gradient(150deg,#533b56,#2a334e);border-color:#b69265}:root[data-theme=dark] .app-frame .shop-shelf-toolbar{background:0 0}:root[data-theme=dark] .app-frame .dodger-map-head{background:linear-gradient(115deg,#383754,#284653);border-color:#c39c62}:root[data-theme=dark] .app-frame .dodger-area{background:linear-gradient(140deg,#343650,var(--ui-inset))}.panel-empty{text-align:center;align-content:center;justify-items:center;min-height:150px;padding:24px;display:grid}.panel-empty>svg{width:36px;height:36px;color:var(--ui-selected-edge)}.panel-empty h2{margin:12px 0 6px;font-size:23px}.panel-empty p{max-width:320px;color:var(--ui-muted);margin:0;font-size:14px}:root[data-theme] .app-frame button.primary{background:var(--ui-action);color:var(--ui-action-ink);border:1px solid var(--ui-action-edge);box-shadow:0 4px 0 var(--ui-action-shadow),inset 0 1px 0 #ffffff50;font-weight:600}.app-frame .choice-control .choice-art{color:inherit}:root[data-theme] .app-frame .reward-achievement>small{color:var(--ui-selected-ink);background:var(--ui-selected);border:1px solid var(--ui-selected-edge);max-width:100%;padding:8px 14px;line-height:1.4}:root[data-theme] .app-frame .reward-coins small b{color:var(--ui-gold-ink)}:root[data-theme] .app-frame .settings-section-heading>span{background:var(--ui-gold-soft);color:var(--ui-gold-ink)}:root[data-theme] .app-frame :is(.profile-button>span,.profile-switcher button){overflow-wrap:anywhere;min-width:0}:root[data-theme] .app-frame .choice-copy strong{overflow-wrap:normal;padding-right:0}:root[data-theme] .app-frame .choice-copy small{color:var(--ui-muted)}:root[data-theme] .app-frame .choice-control[aria-pressed=true] .choice-copy small{color:var(--ui-selected-ink)}:root[data-theme] .app-frame button.primary:disabled{background:var(--ui-inset);color:var(--ui-muted);border-color:var(--ui-border);box-shadow:none}:root[data-theme=dark] .app-frame .performance-legend .is-target{color:#bfd0d2}:root[data-theme=dark] .app-frame .performance-legend .is-perfect{color:#77ddbd}:root[data-theme=dark] .app-frame .performance-legend .is-adjust{color:#edc275}:root[data-theme=dark] .app-frame .performance-legend .is-miss{color:#ff93a0}.app-frame :is(.festival-page,.practice-page)>header>button,.app-frame :is(.result-actions,.performance-review,.lesson-progress-panel)>button:not(.primary){border:1px solid var(--ui-border);background:var(--ui-raised);min-height:44px;color:var(--ui-text);border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 12px;display:inline-flex}.app-frame .modal .close{background:var(--ui-raised);color:var(--ui-text);border:1px solid var(--ui-border)}:root[data-theme] .app-frame .companion-follower #pet-speech,:root[data-theme] .app-frame .pet-button-wrap>.pet-button-speech{color:#173f4a;background:#fff8e6}:root[data-theme] .app-frame .companion-follower #pet-speech small{color:#496266}.app-frame{--app-bar-height:var(--measured-app-bar-height,68px);height:100dvh;min-height:0;padding:var(--app-bar-height,68px) 0 0;overflow:hidden}.app-frame.has-piano,.app-frame.has-collapsed-piano{padding-bottom:0}.app-frame.screen-book:has(.profile-button) .book-page{padding-top:12px}.game-screen{min-height:0;height:calc(100dvh - var(--app-bar-height,68px) - var(--piano-reserved-height,0px));flex-direction:column;display:flex;position:relative;overflow:hidden}.game-panel{overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--ui-border) transparent;scrollbar-gutter:stable;min-height:0;overflow:auto}.game-panel:focus-visible{outline:2px solid var(--ui-focus);outline-offset:-2px}.game-tabs{background:var(--ui-inset);border:1px solid var(--ui-border);border-radius:12px;flex:none;gap:4px;padding:4px;display:flex}.game-tabs button{min-height:44px;color:var(--ui-muted);white-space:nowrap;background:0 0;border:2px solid #0000;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:7px;padding:7px 9px;font-weight:700;display:flex}.game-tabs button svg{width:17px;height:17px}.game-tabs button[aria-selected=true]{background:var(--ui-selected);color:var(--ui-selected-ink);border-color:var(--ui-selected-edge);box-shadow:0 2px 0 var(--ui-shadow)}.game-tabs button:hover{color:var(--ui-text)}[hidden]{display:none!important}.game-screen .book-page{flex-direction:column;flex:1;gap:12px;width:100%;max-width:1360px;min-height:0;margin:auto;padding:20px clamp(12px,3vw,36px) 14px;display:flex;overflow:clip}.book-page:before{display:none}.book-page .book-intro{flex:none;align-items:center;gap:16px}.app-frame .book-page .book-intro{text-align:left;flex-direction:row}.book-intro h1{margin:2px 0;font-size:clamp(26px,3vw,38px);font-weight:600;line-height:1.1}.book-intro>div>small{color:var(--ui-muted);letter-spacing:.1em;font-size:10px}.book-intro .book-quick-stats{gap:8px;display:flex}.book-quick-stats>span{color:var(--ui-text);background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:10px;padding:8px 10px}.book-page .journey-progress{background:0 0;border:0;grid-template-columns:1fr auto auto;align-items:center;gap:12px;margin:0;padding:0;display:grid}.book-page .journey-progress>div{background:var(--ui-inset);height:8px;margin:0}.app-frame .book-page .journey-progress{box-shadow:none;background:0 0;grid-template-rows:auto;grid-template-columns:minmax(0,1fr) auto auto;margin:0;padding:0}.app-frame .book-page .journey-progress>div{grid-row:auto}.book-page .journey-progress strong,.book-page .journey-progress small{color:var(--ui-muted);font-size:11px}.journey-body{flex:1;grid-template-columns:minmax(0,1.3fr) minmax(240px,.7fr);gap:20px;min-height:0;display:grid}.journey-next{flex-direction:column;grid-area:1/2;min-height:0;display:flex}.book-page .continue-card{box-shadow:0 5px 0 var(--ui-shadow);border:1px solid #73a99f;border-radius:18px;flex:none;grid-template-columns:48px 1fr;gap:12px;margin:0;padding:20px}.continue-card .lesson-seal{width:46px;height:46px;font-size:18px}.book-page .continue-card h2{font-size:clamp(21px,2.5vw,30px);line-height:1.15}.book-page .continue-card small{letter-spacing:.03em;font-size:10px}.book-page .continue-card p{color:#d6e4df;font-size:14px}.book-page .continue-card .primary{grid-column:1/-1;width:100%;margin:6px 0 0}.journey-friend{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.journey-friend .pet-perch{flex:none;width:min(270px,100%);height:116px;min-height:0;margin:4px 0}.journey-friend p{color:var(--ui-muted);margin:6px;font-size:13px;line-height:1.5}.journey-library{flex-direction:column;grid-area:1/1;gap:10px;min-height:0;display:flex}.journey-body[data-tab]:not([data-tab=map]){grid-template-columns:minmax(0,1fr)}.book-page:has(.journey-body:not([data-tab=map])) .festival-invitation{display:none}.journey-panel{background:var(--ui-surface);border:1px solid var(--ui-border);box-shadow:0 4px 0 var(--ui-shadow);border-radius:14px;flex:1;padding:14px}.journey-panel .current-chapter{box-shadow:none;background:0 0;border:0;padding:0}.journey-panel .current-chapter:before{display:none}.journey-panel .current-chapter>header{padding-top:12px}.journey-panel .current-chapter h2{margin:3px 0;font-size:23px}.journey-panel .current-chapter p{margin:4px 0 10px;font-size:13px}.journey-panel .chapter-plan{margin:8px 0 0}.journey-panel .chapter-plan>summary{min-height:36px;padding:6px 0}.journey-panel .chapter-plan>div>div{border-radius:9px;grid-template-columns:32px minmax(0,1fr) 70px;gap:8px;margin:0 0 7px;padding:7px}.journey-panel .chapter-plan>div>div strong{font-size:14px}.journey-panel .chapter-plan>div>div small{font-size:11px}.journey-panel .chapter-plan button{grid-column:auto;min-height:44px}.journey-panel .next-chapter-preview{flex-wrap:wrap;margin:14px 0 0;font-size:13px}.journey-panel .festival-meta-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:12px;margin:0;display:grid}.journey-panel .festival-meta-grid>article{width:100%;min-width:0;max-width:none}.journey-panel :is(.progress-library,.songbook){box-shadow:none;margin:0}.journey-destinations{flex:none;gap:8px;display:flex}.journey-destinations .arcade-actions,.journey-destinations .festival-shortcuts{display:contents}.journey-destinations button{border:1px solid var(--ui-border);background:var(--ui-surface);min-height:70px;color:var(--ui-text);box-shadow:0 3px 0 var(--ui-shadow);border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:5px;padding:8px;font:600 14px Fredoka Variable,sans-serif;display:flex}.journey-destinations button>svg{width:24px;height:24px;color:var(--ui-selected-edge)}.journey-destinations button :is(span,small){display:none}.journey-destinations button:hover{background:var(--ui-raised);transform:translateY(-2px)}.journey-destinations .arcade-actions button:nth-child(n){background:var(--ui-surface);border-color:var(--ui-border);box-shadow:0 3px 0 var(--ui-shadow)}.journey-destinations .arcade-actions button svg{box-shadow:none;background:0 0;border-radius:0;padding:0}.game-screen .book-freeplay{flex:none;width:100%;height:100px;padding:0 16px 8px}.book-freeplay .live-staff{height:100%;min-height:0}.book-freeplay .live-staff canvas{height:78px}.game-screen :is(.practice-page,.festival-page,.shop-page,.dodger-map,.minigames-page){flex-direction:column;flex:1;gap:14px;width:100%;max-width:1440px;min-height:0;margin:0 auto;padding:16px clamp(12px,3vw,36px);display:flex}.game-screen :is(.practice-page,.festival-page)>header{flex:none;align-items:center;gap:16px;margin:0;display:flex}.game-screen :is(.practice-page,.festival-page)>header>div{flex:1}.game-screen :is(.practice-page,.festival-page)>header h1{margin:4px 0;font-size:clamp(24px,3vw,38px);line-height:1.1}.game-screen :is(.practice-page,.festival-page)>header p{margin:4px 0;font-size:13px}.game-screen .route-panel{flex:1;padding:3px 6px 12px 0}.game-screen .practice-reward-note{flex:none;margin:0;padding:10px 14px;font-size:13px}.game-screen .festival-footnote{flex:none;margin:0;font-size:11px}.route-panel :is(.practice-next,.box-possibilities){margin-bottom:0}.game-screen .shop-page{position:relative}.shop-page>header{flex:none;margin:0}.game-screen .shop-market{flex:1;grid-template-columns:minmax(190px,26%) minmax(0,1fr);align-items:stretch;gap:18px;min-height:0;display:grid}.shop-market .shop-counter{flex-direction:column;min-height:0;display:flex;position:relative;top:auto}.shop-market .shop-counter .shop-stall{flex:1;min-height:110px}.shop-market .shop-counter .shop-host-copy{padding:10px}.shop-market .shop-counter .shop-picks{padding:8px 0}.shop-market .shop-tools{position:relative;top:auto}.game-screen .shop-inventory{flex-direction:column;min-height:0;display:flex}.shop-inventory .shop-tools,.shop-inventory .shop-results,.shop-inventory .shop-announcement{flex:none}.shop-inventory .shop-announcement:empty{display:none}.shop-inventory .shop-announcement:not(:has(span)){display:none}.shop-inventory .shop-filters{padding:8px 0}.shop-inventory .shop-filters button{min-width:max-content}.shop-inventory .shop-shelf-toolbar{padding:7px 0}.shop-inventory .shop-shelf-toolbar h2{font-size:20px}.shop-inventory .shop-shelf-toolbar p{display:none}.shop-inventory .shop-results{min-height:26px;padding-block:3px}.shop-inventory .shop-results p{margin:0}.game-screen .shop-grid{overscroll-behavior-x:contain;scrollbar-width:thin;flex:1;align-content:start;min-height:0;padding:5px 8px 12px 0;overflow:auto}.game-screen .shop-page .shop-grid{grid-template-columns:repeat(auto-fill,minmax(min(160px,100%),1fr))}.shop-page .shop-shelf-end{display:none}.shop-page .shop-loadout{flex:none;max-height:55%;margin:0;overflow:auto}.shop-page .shop-loadout:not([open]){display:none}.shop-page .shop-loadout[open]{z-index:20;box-shadow:0 -12px 40px var(--ui-shadow);position:absolute;bottom:74px;left:16px;right:16px}.shop-page .shop-earn{flex:none;align-items:center;gap:12px;margin:0;padding:8px 12px;display:flex}.shop-page .shop-loadout>summary{min-height:44px;padding-block:7px}.shop-earn .pet-perch{display:none}.shop-earn p{flex:1;margin:0;font-size:13px}.shop-earn p small{font-size:10px}.shop-earn>button{flex:none}.game-screen .dodger-map{gap:10px}.dodger-map .dodger-back{flex:none;align-self:start}.game-screen .dodger-map-head{flex:none;justify-content:space-between;align-items:center;margin:0;padding:8px 18px;display:flex}.game-screen .dodger-map-head>div{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.dodger-map-head h1{margin:0;font-size:34px}.dodger-map-head p{margin:0;font-size:13px}.dodger-map-head>div>small{display:none}.game-screen .dodger-map-head>.cs{width:80px;height:80px}.game-screen .dodger-areas{scrollbar-width:thin;flex:1;grid-auto-rows:max-content;align-content:start;min-height:0;padding:4px 8px 14px 0;overflow:auto}.game-screen .minigames-page{justify-content:center;align-items:center}.minigames-page .dodger-back{align-self:start}.minigames-page>header h1{margin:6px;font-size:32px}.game-screen .dodger-game-card{flex:1;width:min(760px,100%);min-height:0;max-height:420px;margin:0}.dodger-game-card .dodger-card-art{min-height:0}.dodger-game-card .dodger-card-art>.cs{width:120px;height:120px;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=700px){.game-screen .dodger-game-card{grid-template-rows:minmax(135px,1fr) auto}.dodger-game-card>div:last-child{padding:18px}.journey-panel .festival-meta-grid{grid-template-columns:1fr}}.game-screen .results:not(.reward-results){flex:1;height:100%;min-height:0;padding:16px}.game-screen .results:not(.reward-results) .result-card{overscroll-behavior-x:contain;scrollbar-width:thin;grid-template-rows:max-content max-content;grid-template-columns:minmax(0,1fr);align-content:start;align-items:start;gap:24px;width:min(1360px,100%);height:100%;min-height:0;padding:24px;display:grid;overflow:auto}.result-card .result-summary{box-shadow:none;border:0;flex-direction:column;align-items:stretch;gap:12px;min-height:0;padding:0;display:flex}.result-overview{flex-direction:column;gap:8px;padding:6px 4px;display:flex}.result-overview>*{flex-shrink:0}.result-summary .result-title{grid-template-columns:52px minmax(0,1fr);align-items:start;gap:10px;display:grid}.result-title>div:nth-child(2){min-width:0}.result-assistance{color:var(--ui-muted);margin-top:4px;font-size:12px;line-height:1.3;display:block}.result-card .result-title h1{font-size:clamp(23px,2.6vw,32px);line-height:1.1}.result-title .result-mark{flex:none;width:52px;height:52px;font-size:30px}.result-title .result-stars{grid-column:2;margin:0}.result-title .result-stars svg{width:26px;height:26px}.result-card .result-summary .result-mastery{width:100%;margin:0}.result-card .result-summary blockquote{color:var(--ui-text);margin:0;font:600 13px/1.45 Atkinson Hyperlegible Next Variable,sans-serif}.result-card .result-summary .spark-award{width:100%;margin:0;padding:10px}.result-card .result-actions{flex:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;margin:0;display:grid}.result-card .result-actions>.primary{grid-column:1/-1}.result-card .result-actions button{min-width:0;min-height:44px;margin:0;font-size:14px;line-height:1.3}.result-detail{flex-direction:column;gap:20px;min-width:0;padding:0 0 8px;display:flex}.app-frame .game-screen .results.reward-results{flex:1;height:100%;min-height:0;padding:10px!important}.game-screen .reward-ceremony{overscroll-behavior-x:contain;scrollbar-width:thin;grid-template-rows:6px minmax(min-content,1fr) auto;grid-template-columns:minmax(0,1fr);width:min(1040px,100%);min-width:0;height:min(680px,100%);min-height:0;margin:auto;overflow:auto;container:reward/size}.game-screen .reward-focus{padding:20px;overflow:visible}.game-screen .reward-focus h1{font-size:clamp(26px,5vw,42px);line-height:1.1}.game-screen .reward-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:10px;display:flex}.game-screen .reward-actions button{min-height:44px;margin:0}@container reward (height<=500px){.game-screen .reward-focus{padding:14px 12px}.game-screen .reward-focus :is(.reward-burst,.reward-coin-medal,.achievement-emblem,.reward-diamond-medal){width:64px;height:64px;margin:6px 0 10px;font-size:36px}.game-screen .reward-focus h1{margin:4px 0;font-size:28px}.game-screen .reward-focus p{margin:3px 0;font-size:11px}.game-screen .reward-focus strong{font-size:28px}.game-screen .reward-focus .reward-achievement>strong{font-size:15px}.game-screen .reward-focus .reward-stars{margin-top:8px}.game-screen .reward-focus .reward-stars svg{width:28px;height:28px}}@container (height<=440px){.app-frame .reward-focus{padding:6px 10px}.app-frame .reward-focus h1{margin:3px 0;font-size:26px;line-height:1.12}.app-frame .reward-focus .reward-burst{width:48px;height:48px;margin:3px 0 6px}}.game-screen .lesson-landing{flex:1;height:100%;min-height:0;padding:20px}.game-screen .lesson-landing>section{max-height:100%;overflow:auto}.game-screen :is(.dodger-preview,.dodger-report){width:min(900px,100%);height:100%;min-height:0;margin:auto;padding:14px 20px;overflow:auto}.game-screen .dodger-preview{flex-direction:column;gap:10px;display:flex}.dodger-preview>*{flex:none}.game-screen .dodger-preview-hero{height:clamp(64px,12dvh,104px);margin:0 auto}.game-screen .dodger-preview-hero .cs{width:clamp(60px,11dvh,96px);height:clamp(60px,11dvh,96px);bottom:0;left:14px}.dodger-preview-heading{text-align:left;justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:480px;margin:0 auto;display:flex}.dodger-preview-heading small{color:var(--ui-muted);font-size:12px;font-weight:700}.game-screen .dodger-preview-heading h1{margin:2px 0 0;font-size:clamp(24px,4vh,38px)}.dodger-preview-heading .dodger-stars{flex:none}.dodger-preview-heading .dodger-stars svg{width:24px;height:24px}.dodger-preview.is-locked .dodger-preview-heading .dodger-stars{display:none}.game-screen .dodger-preview .dodger-actions{gap:8px;margin:0}.dodger-preview .dodger-actions button{min-height:44px;margin:0}.game-screen .dodger-preview .dodger-notation-preview{width:100%;max-width:480px;margin:0 auto}.game-screen .dodger-report h1{margin:8px 0;font-size:clamp(24px,4vh,38px)}.game-screen .dodger-report{overscroll-behavior-x:contain;scrollbar-width:thin;flex-direction:column;justify-content:safe center;gap:12px;max-width:760px;display:flex;overflow:auto}.dodger-report>*{flex:none;min-width:0;margin-block:0}.dodger-report-heading{text-align:left;align-items:center;gap:16px;display:flex}.dodger-report-heading>div:last-child{flex:1;min-width:0}.dodger-report-heading small{color:var(--ui-muted);font-size:12px;display:block}.game-screen .dodger-report h1{margin:4px 0;line-height:1.1}.dodger-report-heading .dodger-stars{color:var(--ui-gold)}.dodger-report-heading .dodger-stars svg{width:24px;height:24px}.game-screen .dodger-report-art{flex:0 0 104px;width:104px;height:104px;margin:0;display:block}.game-screen .dodger-report-art>.cs{width:100%;height:100%;display:block}.game-screen .dodger-report-art .dodger-clear-seal{border-width:2px;padding:3px 6px;font-size:10px;bottom:0;right:0}.dodger-report-body{flex-direction:column;flex:none;gap:12px;min-height:0;display:flex}.dodger-report-body>*{flex:none;margin:0}.dodger-report .dodger-stat-row{border:1px solid var(--ui-border);background:var(--ui-inset);border-radius:16px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:8px;margin:0;padding:12px;display:grid}.dodger-report .dodger-stat-row small{font-size:11px}.dodger-correction>p{color:var(--ui-muted);margin:0 0 4px;font-size:13px}.dodger-correction .dodger-notation-preview{width:100%;margin:0 auto}.dodger-report .dodger-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;display:grid}.dodger-report .dodger-actions button{min-height:44px;padding:8px 10px;font-size:14px}.dodger-report .dodger-actions button:last-child:nth-child(odd){grid-column:1/-1}.game-screen .dodger-report>details{flex:none;min-height:44px;padding:0 12px;font-size:12px}.dodger-report>details>summary{cursor:pointer;justify-content:center;align-items:center;min-height:44px;display:flex}.dodger-report>details>summary:before{content:"▸";margin-right:6px}.dodger-report>details[open]>summary:before{content:"▾"}.dodger-report>details ol{text-align:left;margin-top:0}@media (width<=600px){.game-screen .dodger-report{gap:6px;padding:10px 12px}.game-screen .dodger-report-art{flex-basis:64px;width:64px;height:72px}.dodger-report-heading{gap:10px}.game-screen .dodger-report h1{font-size:23px}.dodger-report-heading small{font-size:10px}.dodger-report .dodger-stat-row{padding:8px}.dodger-report-body{gap:8px}.dodger-report .dodger-actions button{font-size:12px}.game-screen .dodger-report-art .dodger-clear-seal{padding:2px;font-size:8px}}@media (orientation:landscape) and (height<=500px){.game-screen .dodger-preview:not(.is-locked){grid-template-rows:repeat(4,max-content);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:start;gap:6px 20px;display:grid}.dodger-preview>.dodger-back{grid-column:1/-1}.dodger-preview-heading{grid-area:2/1}.dodger-preview-facts{grid-area:3/1}.dodger-preview .dodger-actions{grid-area:4/1}.dodger-preview .dodger-notation-preview{grid-area:2/2/5;align-self:center}.dodger-preview>[role=alert]{grid-column:1/-1}.game-screen .dodger-map-head{padding:4px 10px}.game-screen .dodger-map-head>.cs{width:48px;height:48px}.result-summary .result-title{grid-template-columns:minmax(0,1fr) auto}.result-title>div:nth-child(2){grid-column:1}.result-title .result-stars{grid-area:1/2}.game-screen .dodger-report{grid-template-rows:auto auto auto;grid-template-columns:1fr 1fr;align-content:start;gap:6px 16px;padding:8px 16px;display:grid}.dodger-report-heading{grid-column:1}.dodger-report-body{grid-area:1/2/4}.dodger-report .dodger-actions{grid-column:1;align-self:end}.dodger-report>details{grid-column:1}.game-screen .dodger-report-art{flex-basis:64px;width:64px;height:64px}.game-screen .dodger-report h1{font-size:22px}}@media (width>=701px) and (height>=501px){.game-screen .dodger-report{grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:safe center;gap:16px 24px;max-width:1000px;display:grid}.dodger-report-heading{grid-column:1}.dodger-report-body{grid-area:1/2/4}.dodger-report .dodger-actions,.dodger-report>details{grid-column:1}}.game-screen .welcome-studio,.app-frame.has-piano .welcome-studio{flex:1;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);height:100%;min-height:0;display:grid}.game-screen .welcome-copy{padding:clamp(16px,3vw,46px)}.game-screen .welcome-copy h1{margin:10px 0;font-size:clamp(30px,5vw,66px)}.game-screen .welcome-copy>p{margin:12px 0;font-size:clamp(13px,1.7vw,19px);line-height:1.4}.app-frame.screen-welcome .welcome-copy>small{color:var(--ui-muted)}.app-frame.screen-welcome .welcome-stage{grid-template-rows:minmax(0,1fr) 100px;height:100%;min-height:0;padding:16px}.game-screen .welcome-scene{object-fit:contain;width:100%;height:100%;min-height:0}.welcome-stage .live-staff{height:100px;min-height:0}.welcome-stage .live-staff canvas{height:82px}.game-screen .welcome-demo{grid-column:1/-1;width:min(460px,100%);margin:0 auto 12px;position:relative}@media (orientation:portrait) and (width>=701px){.app-frame.screen-welcome .welcome-studio{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:1fr}.app-frame.screen-welcome .welcome-copy{text-align:center;grid-area:1/1;padding:20px}.app-frame.screen-welcome .welcome-copy h1{font-size:44px}.app-frame.screen-welcome .welcome-stage{grid-area:2/1}.app-frame.screen-welcome .welcome-studio>.welcome-demo{grid-row:3}}.app-frame.screen-welcome .welcome-studio>.welcome-demo{grid-area:2/1/auto/-1;width:min(460px,100% - 24px);margin:0 auto 12px}.app-frame.screen-welcome .welcome-stage .live-staff{background:var(--music-paper);height:100px;min-height:0;padding:8px 12px}.app-frame.screen-welcome .welcome-stage .live-staff canvas{height:82px}@media (orientation:portrait) and (width>=701px){.app-frame.screen-welcome .welcome-studio{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:1fr}.app-frame.screen-welcome .welcome-copy{text-align:center;grid-area:1/1;padding:20px}.app-frame.screen-welcome .welcome-copy h1{font-size:44px}.app-frame.screen-welcome .welcome-stage{grid-area:2/1}.app-frame.screen-welcome .welcome-studio>.welcome-demo{grid-row:3}}.game-screen .onboarding,.game-screen .input-setup{flex:1;height:100%;min-height:0}.game-screen .input-setup>section{min-height:0;overflow:auto}@media (width<=760px){.game-screen .book-page{gap:10px;padding:12px}.journey-body{flex-direction:column;gap:10px;display:flex}.journey-next{flex:none}.journey-friend{display:none}.book-page .continue-card{grid-template-columns:38px minmax(0,1fr) auto;gap:10px;padding:12px}.book-page .continue-card .primary{grid-column:auto;width:auto;margin:0;padding:10px}.continue-card .lesson-seal{width:36px;height:36px;font-size:15px}.book-page .continue-card h2{font-size:20px}.book-page .continue-card p{margin-bottom:0;font-size:12px}.journey-library{flex:1;gap:8px}.journey-panel{padding:10px}.game-tabs button{gap:4px;padding:7px 5px;font-size:12px}.game-tabs button svg{width:15px}.journey-destinations{gap:5px}.journey-destinations button{min-height:60px;padding:6px 2px;font-size:11px}.journey-destinations button>svg{width:21px;height:21px}.game-screen :is(.practice-page,.festival-page,.shop-page,.dodger-map,.minigames-page){gap:9px;padding:10px}.game-screen :is(.practice-page,.festival-page)>header{gap:9px}.game-screen :is(.practice-page,.festival-page)>header :is(p,small){display:none}.game-screen :is(.practice-page,.festival-page)>header h1{font-size:24px}.game-screen :is(.practice-page,.festival-page)>header>button{padding:8px;font-size:11px}.game-screen .shop-market{flex-direction:column;gap:8px;display:flex}.shop-market>.shop-counter{display:none}.shop-inventory{flex:1}.shop-page .shop-earn{gap:6px;padding:5px}.shop-earn p{display:none}.shop-earn>button{flex:1}.game-screen .dodger-map-head{padding:8px}.game-screen .dodger-map-head>div{gap:8px}.game-screen .dodger-map-head>.cs{width:65px;height:65px}.game-screen .dodger-map-head h1{font-size:26px}.game-screen .dodger-map-head>div{flex:1;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;display:grid}.dodger-map-head>div>h1,.dodger-map-head>div>p{grid-column:1}.dodger-map-head>div>.primary{grid-area:1/2/3;padding:8px 12px}.game-screen .dodger-map-head>.cs{display:none}.game-screen .results:not(.reward-results){padding:8px}.game-screen .results:not(.reward-results) .result-card{flex-direction:column;gap:16px;padding:10px;display:flex}.result-card .result-summary{flex:none;gap:8px;width:100%}.result-overview{gap:8px;padding:2px}.result-title .result-mark{display:none}.result-summary .result-title{grid-template-columns:minmax(0,1fr) auto}.result-title>div:nth-child(2){grid-column:1}.result-card .result-title h1{font-size:22px}.result-card .result-title>div{flex:1}.result-card .result-title .result-stars{flex:none}.result-summary .result-title p{margin:0}.result-summary .result-title>div>strong{font-size:12px}.result-card .result-summary blockquote{display:none}.result-card .result-actions{flex-flow:wrap;gap:6px;display:flex}.result-card .result-actions button{flex:1;padding:8px;font-size:12px}.result-card .result-detail{flex:none;width:100%}.game-screen .welcome-studio{grid-template-rows:auto minmax(70px,1fr) auto;grid-template-columns:1fr}.game-screen .welcome-copy{padding:14px 20px 6px}.game-screen .welcome-copy h1{font-size:34px}.game-screen .welcome-copy>p{margin:7px 0}.game-screen .welcome-stage{grid-template-rows:1fr;grid-template-columns:1fr 1fr;gap:10px;padding:5px 12px}.welcome-stage .live-staff{align-self:center;height:100%;min-height:65px}.welcome-stage .live-staff canvas{height:100%}.game-screen .welcome-copy>small{margin-top:8px;font-size:10px}.game-screen .welcome-demo{margin-bottom:6px}}@media (height<=650px){.shop-inventory .shop-filters button{flex-direction:row;min-height:44px;padding:6px}.shop-inventory .shop-filters button>svg{width:18px;height:18px}.shop-inventory .shop-filters button small,.shop-market .shop-counter .shop-picks{display:none}.shop-market .shop-counter .shop-keeper{width:130px;height:130px;bottom:28px}.shop-market .shop-counter .shop-stall{min-height:160px}.shop-page .shop-earn{padding-block:0}.shop-page .shop-earn p{font-size:11px}.game-screen .shop-page{gap:10px;padding-block:10px}.shop-page .shop-heading h1{font-size:30px}.shop-page .shop-wardrobe-link{padding-block:6px}.shop-page .shop-item .shop-art{height:105px;min-height:105px}.shop-page .shop-art>.cosmetic-art,.shop-page .shop-art>.collection-pet-art{width:120px;height:100px}.shop-page .shop-item-copy{padding:8px 10px}.shop-page .shop-item-copy h3{font-size:18px}.shop-page .shop-item>footer{padding:5px 10px 10px}.shop-page .shop-item-status{min-height:16px;font-size:9px}.shop-market .shop-counter .shop-host-copy p{display:none}.game-screen .book-page{gap:8px;padding-top:10px}.book-intro>div>small,.book-intro .book-quick-stats{display:none}.book-page .continue-card{gap:8px;padding:12px}.journey-friend p{display:none}.journey-destinations button{flex-direction:row;min-height:52px}.journey-destinations button>svg{width:18px;height:18px}.game-screen .welcome-demo-toggle{min-height:44px}.game-screen .pet-ticket{grid-template-columns:1fr 1fr;gap:8px 20px;display:grid}.pet-ticket>header{grid-column:1;align-self:center}.pet-ticket .starter-pet-stage{grid-area:1/2}.pet-ticket .starter-pet-choices,.pet-ticket>footer{grid-column:1/-1}.pet-ticket header h1{font-size:24px}.game-screen .pet-ticket .starter-pet-choices .choice-control{min-height:76px}.pet-ticket .starter-pet-choices .choice-art,.pet-ticket .starter-pet-choices .choice-art>.cs{flex-basis:44px;width:44px;height:44px}.result-summary .spark-award small{display:none}}@media (width<=480px) and (height<=680px){.app-frame .book-page .book-intro h1{font-size:25px}.app-frame .book-page{gap:6px;padding-bottom:8px}.app-frame .book-page .journey-progress{min-height:12px}.app-frame .book-page .continue-card{padding:8px}.app-frame .book-page .continue-card h2{font-size:17px;line-height:1.15}.app-frame .book-page .continue-card small{font-size:8px}.app-frame .book-page .continue-card .primary{min-height:44px;padding:8px}.app-frame .book-page .game-tabs{padding:2px}.app-frame .book-page .game-tabs button{min-height:44px}.journey-panel .current-chapter>header :is(p,.mini-stars){display:none}.journey-panel .current-chapter>header h2{font-size:18px}.journey-panel{padding:8px}.journey-panel .current-chapter:before,.journey-panel .current-chapter>header small{display:none}.journey-panel .current-chapter>header{margin:0}.journey-panel .chapter-plan>summary{display:none}.journey-panel .chapter-plan{border:0}.book-page .journey-progress small,.book-page .continue-card p,.book-page .continue-card .lesson-seal{display:none}.book-page .continue-card{grid-template-columns:minmax(0,1fr) auto}.game-tabs button svg{display:none}.journey-destinations button{flex-direction:column;gap:3px;min-height:54px}.game-screen .pet-ticket{display:flex}.pet-ticket header h1{font-size:24px}.game-screen .welcome-copy h1{font-size:28px}.game-screen .welcome-stage{grid-template-rows:minmax(60px,1fr);grid-template-columns:1fr}.welcome-stage .welcome-scene{display:none}.result-card .result-summary .spark-award{padding:5px}.result-card .result-summary .result-mastery{padding:3px}.result-card .result-summary .result-mastery>span{min-height:48px;padding:6px 8px}.result-card .result-summary{gap:6px}.result-card .result-title h1{font-size:19px}.result-card .result-actions button{min-height:44px;padding:6px;font-size:11px;line-height:1.3}.result-card .result-actions button>svg{display:none}}@media (width>=761px) and (height<=500px){.game-screen .shop-page{gap:6px;padding-block:6px}.game-screen .shop-market{grid-template-columns:minmax(0,1fr)}.shop-market .shop-counter,.shop-page .shop-earn{display:none}.shop-page .shop-heading h1{font-size:25px}.shop-page .shop-heading .shop-eyebrow{display:none}.shop-page .shop-wardrobe-link{min-height:44px;padding:4px 8px}.shop-page .shop-filters,.shop-page .shop-shelf-toolbar{padding:4px 0}.shop-page .shop-results{min-height:20px}.game-screen .shop-page .shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-page .shop-item{grid-template-rows:auto 1fr;grid-template-columns:40% minmax(0,1fr);display:grid}.shop-page .shop-item .shop-art{border-radius:12px 0 0 12px;grid-row:1/3;height:100%;min-height:128px}.shop-page .shop-item-copy{padding:7px}.shop-page .shop-item>footer{padding:4px 7px 8px}.shop-page .shop-item-copy h3{margin:2px 0;font-size:17px}.shop-page .shop-loadout[open]{max-height:80%;bottom:10px}.journey-friend{display:none}.game-screen .welcome-studio{grid-template-rows:minmax(0,1fr) auto}.game-screen .welcome-demo{display:block}.game-screen .welcome-demo-toggle{min-height:44px;padding:6px 12px}.game-screen .welcome-copy h1{font-size:30px}.game-screen .welcome-stage{grid-template-rows:minmax(0,1fr) 80px;padding:8px}.game-screen .welcome-stage .live-staff{height:80px}.journey-destinations button{min-height:44px}.game-screen .book-intro h1{font-size:24px}.game-screen .results:not(.reward-results) .result-card{gap:16px;padding:8px}.result-card .result-summary{gap:6px}.result-card .result-summary :is(blockquote,.result-mark,.spark-award){display:none}.result-card .result-actions{flex-flow:wrap;gap:5px}.result-card .result-actions button{padding:6px;font-size:11px}}@media (width<=700px){.app-frame.screen-welcome .welcome-studio{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr)}.app-frame.screen-welcome .welcome-studio>.welcome-demo{grid-area:3/1;margin:0 auto 6px}.app-frame.screen-welcome .welcome-stage{grid-area:2/1;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);height:100%;min-height:0;padding:12px;display:grid}.app-frame.screen-welcome .welcome-stage .live-staff{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);align-self:stretch;height:100%;min-height:0;display:grid}.app-frame.screen-welcome .welcome-stage .live-staff>div{display:none}.app-frame.screen-welcome .welcome-stage .live-staff canvas{grid-area:1/1;height:100%;min-height:0}}@media (width<=700px) and (height<=700px) and (orientation:portrait){.app-frame.screen-welcome .welcome-studio{grid-template-rows:auto minmax(0,1fr) auto}.app-frame.screen-welcome .welcome-copy{padding:8px 16px}.app-frame.screen-welcome .welcome-copy h1{margin:0;font-size:26px;line-height:1.08}.app-frame.screen-welcome .welcome-copy p{margin:5px 0 8px;font-size:12px}.app-frame.screen-welcome .welcome-copy .primary{min-height:44px;padding:8px 14px}.app-frame.screen-welcome .welcome-copy>small{margin:4px 0 0}.app-frame.screen-welcome .welcome-stage{padding:2px 12px}.app-frame.screen-welcome .welcome-stage .live-staff{height:100%;min-height:0;padding:2px 6px}.app-frame.screen-welcome .welcome-stage .live-staff canvas{height:100%}}@media (orientation:landscape) and (height<=500px){.app-frame.screen-welcome .welcome-studio{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.app-frame.screen-welcome .welcome-copy{grid-area:1/1/3/2;padding:6px 12px}.app-frame.screen-welcome .welcome-copy h1{margin:0 0 6px;font-size:22px;line-height:1}.app-frame.screen-welcome .welcome-copy>p{display:none}.app-frame.screen-welcome .welcome-copy>.primary{min-height:44px;padding:6px 10px;font-size:14px}.app-frame.screen-welcome .welcome-copy>small{margin-top:4px;font-size:9px}.app-frame.screen-welcome .welcome-stage{grid-area:1/2;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);padding:4px 8px;display:grid}.app-frame.screen-welcome .welcome-stage .paper-architecture,.app-frame.screen-welcome .welcome-stage .live-staff>div{display:none}.app-frame.screen-welcome .welcome-stage .live-staff{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);height:100%;min-height:0;padding:2px 6px;display:grid}.app-frame.screen-welcome .welcome-stage .live-staff canvas{grid-area:1/1;height:100%;min-height:0}.app-frame.screen-welcome .welcome-studio>.welcome-demo{grid-area:2/2;width:calc(100% - 16px);margin:0 8px}}.game-screen:has(>.book-page){background:radial-gradient(ellipse at 15% 20%,color-mix(in srgb,var(--ui-selected-edge) 17%,transparent),transparent 48%),radial-gradient(ellipse at 90% 100%,color-mix(in srgb,var(--ui-plum) 12%,transparent),transparent 48%),var(--ui-bg)}.book-page .continue-card{border:2px solid var(--ui-gold);box-shadow:0 5px #725032,0 12px 28px #071e2925}.book-page .continue-card .lesson-seal{background:var(--ui-gold);color:#65441e;border:2px solid #fff1bf;box-shadow:0 3px #9e7438}.journey-friend{border:1px solid color-mix(in srgb,var(--ui-gold) 38%,transparent);background:radial-gradient(ellipse at 50% 35%,color-mix(in srgb,var(--ui-gold) 14%,transparent),transparent 65%);border-radius:24px 24px 14px 14px;margin-top:18px;padding:38px 10px 12px}.festival-canopy{width:100%;height:64px;color:var(--ui-gold);pointer-events:none;position:absolute;top:0;left:0}.canopy-lantern{animation:6s ease-in-out infinite alternate menu-lantern-sway}@keyframes menu-lantern-sway{0%{transform:rotate(-4deg)}to{transform:rotate(4deg)}}.journey-library .game-tabs{border-color:var(--ui-border);background:var(--ui-surface);box-shadow:0 3px 0 var(--ui-shadow);padding:5px}.journey-library .game-tabs button{font-family:Fredoka Variable,sans-serif;font-weight:550}.journey-destinations button{--destination:#277b70;min-width:0;position:relative}.journey-destinations button[data-destination=shop]{--destination:#bf6682}.journey-destinations button[data-destination=minigames]{--destination:#8e7bc4}.journey-destinations button[data-destination=daily]{--destination:#ae7c32}.journey-destinations button[data-destination=boxes]{--destination:#3d899d}.journey-destinations .arcade-actions button:nth-child(n){border-top-color:var(--destination);background:linear-gradient(145deg,color-mix(in srgb,var(--destination) 13%,var(--ui-surface)),var(--ui-surface))}.journey-destinations button>svg,.journey-destinations .arcade-actions button svg{background:var(--destination);color:#fff5dd;border-radius:10px;width:34px;height:34px;padding:6px;box-shadow:0 2px #102d3530}.journey-destinations button:disabled{filter:grayscale(.55);opacity:.65;transform:none}.setup-heading{align-items:center;gap:18px;display:flex}.setup-heading>div{min-width:0}.setup-emblem{background:var(--ui-gold-soft);width:68px;height:68px;color:var(--ui-gold-ink);border:1px solid var(--ui-gold);box-shadow:0 4px 0 var(--ui-shadow);border-radius:22px;flex:none;place-items:center;display:grid;transform:rotate(-5deg)}.setup-emblem svg{width:34px;height:34px}.setup-heading small{color:var(--ui-plum);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:800}.app-frame .setup-heading h1{margin:4px 0;font-size:clamp(26px,3vw,38px);font-weight:600;line-height:1.15}.setup-heading p{color:var(--ui-muted);margin:4px 0 0;font-size:14px}.app-frame .input-setup>section{width:min(1060px,100%);box-shadow:0 6px 0 var(--ui-shadow),0 18px 42px #06192030}.input-setup .live-staff{border-color:var(--ui-border);border-radius:14px}.app-frame .input-choice-grid .choice-art{background:var(--ui-inset);border-radius:13px;flex-basis:46px;width:46px;height:46px}.app-frame .input-choice-grid [aria-pressed=true] .choice-art{background:var(--ui-selected-edge);color:var(--ui-selected)}.app-frame .input-choice-grid .choice-control{min-height:96px}.input-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.app-frame .setup-actions{gap:12px;margin-top:18px}.app-frame .setup-actions button{border:1px solid var(--ui-border);justify-content:center;min-height:48px}.app-frame .setup-actions button.primary{min-width:160px}@media (width<=700px){.setup-heading{gap:10px}.setup-emblem{border-radius:14px;width:44px;height:44px}.setup-emblem svg{width:25px;height:25px}.setup-heading small{font-size:9px}.setup-heading p{font-size:12px}.app-frame .input-choice-grid .choice-control{min-height:92px}.app-frame .input-choice-grid .choice-art{flex-basis:34px;width:34px;height:34px}.app-frame .input-choice-grid .choice-art svg{width:24px;height:24px}.app-frame .setup-actions button.primary{min-width:0}.journey-destinations button>svg,.journey-destinations .arcade-actions button svg{border-radius:8px;width:28px;height:28px;padding:4px}}@media (height<=650px){.journey-friend{margin-top:12px;padding-top:20px}.festival-canopy{height:42px}.journey-friend p,.setup-heading p{display:none}.app-frame .input-choice-grid .choice-control{min-height:78px}.app-frame .setup-actions{margin-top:10px}}@media (prefers-reduced-motion:reduce){.canopy-lantern{animation:none}}[data-motion=reduced] .canopy-lantern,[data-motion=minimal] .canopy-lantern{animation:none}@media (width<=700px) and (height<=680px){.app-frame .input-setup{padding:10px}.app-frame .input-setup>section{padding:12px}.app-frame .setup-heading h1{font-size:22px}.setup-heading small,.setup-heading p{display:none}.setup-emblem{border-radius:11px;width:36px;height:36px}.input-choice-grid{margin:12px 0}.app-frame .input-choice-grid .choice-control{min-height:86px;padding-top:10px}.app-frame .setup-actions{gap:8px;margin:10px 0 4px}.app-frame .setup-actions button{min-height:44px}.input-setup .live-staff{display:none}}@media (width>=701px) and (height<=500px){.app-frame .input-setup{padding:8px 16px}.app-frame .input-setup>section{padding:12px 16px}.setup-heading{gap:10px}.setup-heading small{display:none}.setup-emblem{border-radius:10px;width:32px;height:32px}.setup-emblem svg{width:22px;height:22px}.app-frame .setup-heading h1{font-size:24px}.screen-setup .input-choice-grid{margin:8px 0}.app-frame .input-choice-grid .choice-control{min-height:64px;padding:8px 30px 8px 10px}.app-frame .input-choice-grid .choice-art{flex-basis:34px;width:34px;height:34px}.app-frame .input-choice-grid .choice-copy strong{font-size:13px}.app-frame .setup-actions{margin:8px 0 2px}.app-frame .setup-actions button{min-height:44px;padding:8px 12px}}@media (width>=761px) and (height<=500px){.journey-destinations button{flex-direction:row;gap:6px;min-height:44px;padding:6px}.journey-destinations button>svg,.journey-destinations .arcade-actions button svg{border-radius:8px;width:26px;height:26px;padding:4px}.journey-destinations button{font-size:12px}}@media (width<=600px) and (height<=650px){.journey-panel .current-chapter>header{padding-top:0}}@media (width>=761px) and (height<=500px){.game-screen .book-page{gap:8px;padding-block:8px}.game-screen .book-page .book-intro{display:none}.book-page .continue-card{grid-template-columns:32px minmax(0,1fr);gap:8px;padding:10px}.book-page .continue-card h2{font-size:20px;line-height:1.12}.book-page .continue-card :is(p,small){display:none}.book-page .continue-card .lesson-seal{width:30px;height:30px;font-size:14px}.book-page .continue-card .primary{min-height:44px;margin-top:0}.journey-panel .current-chapter:before,.journey-panel .current-chapter>header,.journey-panel .chapter-plan>summary{display:none}.journey-panel .chapter-plan{border:0;margin:0}}.journey-friend{padding:0;container-type:size}.journey-friend .pet-perch{margin:32px 0 4px}@container (height<=210px){.journey-friend>p{display:none}.journey-friend .festival-canopy{height:32px}.journey-friend .pet-perch{margin:20px 0 0}}@container (height<=136px){.journey-friend .pet-perch{display:none}.journey-friend .festival-canopy{height:min(64px,100cqh)}}.book-page{container:book/size}.app-frame.screen-book .book-page[data-tab=badges]{gap:8px;max-width:1800px;padding-block:4px;overflow:hidden}.game-screen:has(.book-page[data-tab=badges]) .book-freeplay{display:none}.book-page[data-tab=badges] .book-quick-stats{display:none}.app-frame .book-page[data-tab=badges] .journey-body{flex:1;grid-template-rows:minmax(0,1fr);min-height:0;padding:0;display:grid;overflow:hidden}.app-frame .book-page[data-tab=badges] .journey-library{flex:1;height:100%;min-height:0;overflow:hidden}.app-frame .book-page[data-tab=badges] .journey-panel{scrollbar-gutter:auto;flex:1;min-height:0;padding:8px;overflow:hidden}.journey-album{height:100%;min-height:0}:is(.journey-album,.album-dialog.sticker-dialog)>.sticker-album{grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) auto;gap:6px;width:100%;max-width:none;height:100%;min-height:0;display:grid}:is(.journey-album,.album-dialog.sticker-dialog) .album-heading{grid-area:1/1;justify-content:start;gap:8px;margin:0}:is(.journey-album,.album-dialog.sticker-dialog) .album-heading h2{display:none}:is(.journey-album,.album-dialog.sticker-dialog) .album-heading .album-progress{margin:0}:is(.journey-album,.album-dialog.sticker-dialog) .album-tools{grid-area:1/2;margin:0}:is(.journey-album,.album-dialog.sticker-dialog) .album-tools>div{flex-wrap:nowrap}:is(.journey-album,.album-dialog.sticker-dialog) .album-tabs{grid-area:2/1/auto/-1;margin:0}:is(.journey-album,.album-dialog.sticker-dialog) .album-tabs>button{flex-direction:row;min-height:44px;padding:6px;font-size:13px}.album-tabs>select{border:1px solid var(--ui-border);width:100%;min-width:0;min-height:44px;color:var(--ui-text);background:var(--ui-surface);font:inherit;border-radius:8px;padding:6px 8px;display:none}:is(.journey-album,.album-dialog.sticker-dialog) .album-book{grid-area:3/1/auto/-1;width:100%;max-width:none;height:100%;min-height:0;margin:0;padding:0;container:album-stage/size}:is(.journey-album,.album-dialog.sticker-dialog) .album-curl-host{aspect-ratio:auto;width:min(100%,66.666cqh);height:100%;margin-inline:auto}:is(.journey-album,.album-dialog.sticker-dialog) .album-pagination{grid-area:4/1/auto/-1;gap:12px;margin:0}:is(.journey-album,.album-dialog.sticker-dialog) .album-pagination button{min-height:44px;padding:6px 10px}@media (width>=1000px){:is(.journey-album,.album-dialog.sticker-dialog) .album-curl-host{width:min(100%,133.333cqh)}}.album-sharing-dialog header{justify-content:space-between;align-items:center;gap:12px;display:flex}.album-sharing-dialog .album-sharing{grid-template-columns:1fr;gap:8px;margin:12px 0 0;display:grid}.album-sharing-dialog .album-sharing label{min-height:44px}.album-sharing-dialog .album-sharing p{margin:0}@media (width<=600px){:is(.journey-album,.album-dialog.sticker-dialog) .album-tabs>button{font-size:11px}:is(.journey-album,.album-dialog.sticker-dialog) .album-tabs>button svg,:is(.journey-album,.album-dialog.sticker-dialog) .album-heading .album-progress-label>span{display:none}}@media (height<=600px) and (width<=479px){.app-frame .book-page[data-tab=badges]{padding-block:4px}.app-frame .book-page[data-tab=badges] .book-intro{display:none}.book-page[data-tab=badges] .journey-library{gap:4px}.book-page[data-tab=badges] .game-tabs{padding:2px}.app-frame .book-page[data-tab=badges] .journey-panel{padding:4px}:is(.journey-album,.album-dialog.sticker-dialog)>.sticker-album{gap:4px}}@container book (height<=420px) and (width<=479px){.book-page[data-tab=badges] .book-intro{display:none}.book-page[data-tab=badges] .journey-library{gap:4px}.book-page[data-tab=badges] .game-tabs{padding:2px}.app-frame .book-page[data-tab=badges] .journey-panel{padding:4px}:is(.journey-album,.album-dialog.sticker-dialog)>.sticker-album{gap:4px}}@media (height<=500px) and (width>=480px){.app-frame .book-page[data-tab=badges] .book-intro{display:none}.book-page[data-tab=badges] .journey-library{grid-template-rows:minmax(0,1fr);grid-template-columns:110px minmax(0,1fr);gap:8px;display:grid}.book-page[data-tab=badges] .game-tabs{flex-direction:column;gap:0;padding:2px}.book-page[data-tab=badges] .game-tabs button{flex:1;padding:4px}:is(.journey-album,.album-dialog.sticker-dialog)>.sticker-album{grid-template-rows:46px 44px minmax(0,1fr) 44px;grid-template-columns:198px minmax(0,1fr)}:is(.journey-album,.album-dialog.sticker-dialog) .album-heading{grid-column:1;width:44px}:is(.journey-album,.album-dialog.sticker-dialog) .album-heading button{width:44px;padding:6px}:is(.journey-album,.album-dialog.sticker-dialog) .album-heading .album-progress{display:none}:is(.journey-album,.album-dialog.sticker-dialog) .album-tabs{grid-area:2/1;grid-template-columns:1fr}:is(.journey-album,.album-dialog.sticker-dialog) .album-tabs>button{display:none}:is(.journey-album,.album-dialog.sticker-dialog) .album-tabs>select{display:block}:is(.journey-album,.album-dialog.sticker-dialog) .album-tools{grid-area:1/1;align-self:start;margin-left:48px}:is(.journey-album,.album-dialog.sticker-dialog) .album-tools>div{flex-wrap:wrap}:is(.journey-album,.album-dialog.sticker-dialog) .album-buy-pack{display:none}:is(.journey-album,.album-dialog.sticker-dialog) .album-book{grid-area:1/2/-1}:is(.journey-album,.album-dialog.sticker-dialog) .album-pagination{flex-wrap:nowrap;grid-area:4/1;gap:4px}:is(.journey-album,.album-dialog.sticker-dialog) .album-pagination>span{clip-path:inset(50%);width:1px;min-width:0;height:1px;position:absolute;overflow:hidden}:is(.journey-album,.album-dialog.sticker-dialog) .album-pagination button{min-width:44px;padding:4px}}@media (width<=760px){.book-page:not([data-welcome=true]):not([data-tab=badges]) .journey-body{overscroll-behavior-x:contain;scrollbar-width:thin;padding:0 3px 6px 0;overflow:auto}.book-page:not([data-welcome=true]):not([data-tab=badges]) .journey-library,.book-page:not([data-welcome=true]):not([data-tab=badges]) .journey-panel{flex:none;overflow:visible}.game-screen .shop-inventory{overflow:hidden}.game-screen .shop-inventory .shop-grid{flex:1;overflow:auto}.shop-inventory .shop-tools{flex:none}.shop-inventory .shop-filters button{flex-direction:row;gap:5px;min-height:44px;padding:6px 8px}.shop-inventory .shop-filters button>svg{width:18px;height:18px}.shop-inventory .shop-filters button small{display:none}.screen-book.has-piano .book-page:not([data-welcome=true]):not([data-tab=badges]){overscroll-behavior-x:contain;scrollbar-width:thin;overflow:auto}.screen-book.has-piano .book-page:not([data-welcome=true]):not([data-tab=badges]) .journey-body{flex:none;overflow:visible}}.book-page[data-welcome=true] .journey-body{display:flex}.book-page[data-welcome=true] .journey-next{flex:1;width:100%}.book-page[data-welcome=true] .book-quick-stats,.book-page[data-welcome=true] .journey-progress{display:none}.book-page[data-welcome=true] .continue-card{align-self:center;width:min(680px,100%)}.book-page[data-welcome=true] .journey-friend{background:radial-gradient(ellipse at 50% 65%,color-mix(in srgb,var(--ui-gold) 24%,transparent),transparent 65%),var(--ui-inset);flex:1;min-height:0;margin-top:12px;display:flex}.book-page[data-welcome=true] .journey-friend .pet-perch{width:270px;height:84px;margin:6px 0 0;display:block}.book-page[data-welcome=true] .journey-friend .festival-canopy{height:min(45px,22cqh)}.book-page[data-welcome=true] .journey-friend p{display:none}@container (height<=100px){.book-page[data-welcome=true] .journey-friend .pet-perch{display:none}}@container book (height<=500px) and (width>=701px){.festival-discovery{grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.festival-discovery .journey-destinations{grid-column:2}.book-page[data-welcome=true] .continue-card{grid-template-columns:38px minmax(0,1fr) auto;width:100%;padding:12px}.book-page[data-welcome=true] .continue-card .primary{grid-column:auto;width:auto;margin:0}.book-page[data-welcome=true] .continue-card h2{font-size:22px}.book-page[data-welcome=true] .continue-card .lesson-seal{width:36px;height:36px}.book-page[data-welcome=true] .festival-discovery{grid-template-columns:minmax(0,1fr) auto;display:grid}.book-page[data-welcome=true] .journey-destinations{align-items:center}}.game-screen .result-card .result-summary{grid-template-columns:minmax(0,1fr) minmax(280px,.85fr);grid-template-areas:none;align-items:center;gap:28px;display:grid}.game-screen .result-card .result-summary>.result-actions{grid-area:auto}.result-card .result-detail>*{flex:none;min-width:0;margin-block:0}.result-card .result-actions{align-content:center;gap:12px}.result-card .result-actions button{min-height:54px;padding:12px 18px;font-size:17px}.result-card .result-actions>.primary{min-height:62px;font-size:20px}.result-friend{grid-column:1/-1;justify-self:center;width:min(100%,300px);min-height:84px}.result-card .performance-review{min-width:0;padding:20px}.result-card .performance-selection{grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);gap:18px;padding:20px;display:grid}.performance-selection>*{min-width:0}.result-card .performance-selection dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;display:grid}.result-card .performance-selection dl>div{min-width:0;padding:12px}.result-card .performance-selection dd{overflow-wrap:anywhere;margin:6px 0 0}.result-card .performance-selection>button{grid-column:2;justify-self:end;min-height:52px;font-size:17px}.result-card .performance-selection>p{grid-column:1/-1;margin:0}.result-card .performance-review>header{align-items:center;gap:18px;margin-bottom:18px}.result-card .performance-review>header button{min-height:52px;padding:12px 18px}.game-screen .reward-focus,.game-screen .reward-focus>div{width:100%;min-width:0;max-width:100%}.game-screen .reward-focus h1{overflow-wrap:anywhere}.game-screen .reward-ceremony:before{width:100px;left:0}.game-screen .reward-ceremony:after{width:100px;right:0}.game-screen .reward-footer{border-top:1px solid var(--ui-border);background:var(--ui-inset);grid-template-columns:270px minmax(0,1fr);align-items:center;gap:16px;padding:12px 24px;display:grid}.reward-friend{min-width:0;min-height:84px}.reward-footer .pet-perch,.result-friend .pet-perch{width:100%;min-height:84px;margin:0}.game-screen .reward-actions{background:0 0;border:0;gap:12px;padding:0}.game-screen .reward-actions .reward-next{min-height:58px;padding:12px 24px;font-size:20px}.game-screen .reward-actions .reward-skip{min-height:48px;padding:10px 16px;font-size:15px}html[data-motion=full] :is(.reward-next,.result-actions>.primary){isolation:isolate;position:relative;overflow:hidden}html[data-motion=full] :is(.reward-next,.result-actions>.primary):after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#fff8,#0000);width:40%;animation:7s ease-in-out infinite next-step-shine;position:absolute;inset:-30% auto -30% -70%;transform:skew(-20deg)}@keyframes next-step-shine{0%,70%{left:-70%}88%,to{left:140%}}.game-screen .reward-focus :is(.reward-bag,.reward-diamond-medal){width:170px;height:156px;margin:0 0 8px}.game-screen .reward-focus :is(.reward-coins,.reward-diamonds)>strong{font-size:52px}@container reward (width<=700px){.game-screen .reward-footer{grid-template-columns:minmax(0,1fr);gap:4px;padding:8px 12px 14px}.reward-friend{justify-self:center;width:270px;max-width:100%}.game-screen .reward-actions{gap:8px}.game-screen .reward-actions .reward-next{min-height:48px;font-size:17px}.game-screen .reward-actions .reward-skip{min-height:44px;font-size:13px}}@container reward (width<=500px) and (height<=600px){.game-screen .reward-focus{padding:10px 14px}.game-screen .reward-focus :is(.reward-burst,.reward-coin-medal,.achievement-emblem,.reward-diamond-medal){width:64px;height:64px;margin:3px 0 8px}.game-screen .reward-focus :is(.reward-bag,.reward-diamond-medal){width:154px;height:140px}.game-screen .reward-focus h1{margin:4px 0;font-size:26px}.game-screen .reward-focus strong{font-size:30px}.game-screen .reward-focus .reward-achievement>strong{font-size:15px}.game-screen .reward-focus .reward-stars{margin:6px 0 0}.game-screen .reward-focus .reward-stars svg{width:28px;height:28px}.game-screen .reward-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.game-screen .reward-actions .reward-next{padding:8px;font-size:15px}.game-screen .reward-actions .reward-skip{padding:8px;font-size:12px}.game-screen .reward-actions button{min-width:0;line-height:1.2}.game-screen .reward-actions button svg{flex:none;width:18px}}@container reward (width<=500px) and (height<=480px){.game-screen .reward-focus>:is(.reward-score,.reward-coins,.reward-diamonds,.reward-achievement){grid-template-columns:56px minmax(0,1fr);gap:4px 10px}.game-screen .reward-focus :is(.reward-burst,.reward-coin-medal,.achievement-emblem,.reward-diamond-medal){grid-area:1/1/7;width:48px;height:48px;margin:0}.game-screen .reward-focus>:is(.reward-score,.reward-coins,.reward-diamonds,.reward-achievement)>:not(.reward-burst,.reward-coin-medal,.achievement-emblem,.reward-diamond-medal){grid-column:2}.game-screen .reward-focus h1{font-size:23px}.game-screen .reward-focus strong{font-size:26px}.game-screen .reward-focus small{font-size:11px}.game-screen .reward-focus :is(.reward-coins,.reward-diamonds){grid-template-columns:94px minmax(0,1fr)}.game-screen .reward-focus :is(.reward-bag,.reward-diamond-medal){width:94px;height:94px}.game-screen .reward-focus :is(.reward-coins,.reward-diamonds)>strong{font-size:38px}}@container reward (width>=501px) and (height<=320px){.game-screen .reward-focus :is(.reward-bag,.reward-diamond-medal){width:86px;height:86px;margin:0}.game-screen .reward-focus :is(.reward-coins,.reward-diamonds)>strong{font-size:38px}}.dodger-result-friend{order:2;align-self:center;width:270px;min-height:84px}@media (width<=760px){.game-screen .result-card .result-summary{grid-template-columns:minmax(0,1fr);gap:14px}.result-card .result-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.result-card .result-actions button{min-height:48px;padding:10px;font-size:14px}.result-card .result-actions>.primary{min-height:54px;font-size:18px}.result-card .result-detail{gap:16px}.result-card .performance-review{padding:12px}.result-card .performance-selection{grid-template-columns:minmax(0,1fr);gap:14px;padding:14px}.result-card .performance-selection>button{grid-column:1;justify-self:stretch}.result-card .performance-selection dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.result-card .performance-selection dl>div{padding:8px}}@media (prefers-reduced-motion:reduce){html[data-motion=full] :is(.reward-next,.result-actions>.primary):after{animation:none;display:none}}.festival-discovery .journey-destinations .festival-more{min-height:44px;box-shadow:none;color:var(--ui-text);background:0 0;border:0;flex-direction:row;flex:none;padding:6px 12px;font-size:14px;display:flex}.festival-discovery .journey-destinations .festival-more:hover{background:var(--ui-raised);transform:none}.festival-discovery .festival-more>svg{width:24px;height:24px;box-shadow:none;color:var(--ui-muted);background:0 0;padding:2px}.festival-invitation .invitation-actions button{justify-content:center;align-items:center;gap:5px;display:inline-flex}.festival-invitation .invitation-actions svg{flex:none;margin:0;display:block}.result-card .result-next-lesson{flex-basis:100%;grid-column:1/-1}.result-card .result-actions .practice-options{grid-column:1/-1}@container book (width<=700px){.festival-invitation{flex-wrap:nowrap;gap:8px;padding:8px}.festival-invitation .discovery-art,.festival-invitation small,.festival-invitation p{display:none}.festival-invitation strong{font-size:14px;line-height:1.25}.festival-invitation .invitation-actions{gap:6px;width:auto}.festival-invitation .invitation-actions button{padding:6px 8px;font-size:12px}.festival-invitation .invitation-actions button:first-child{max-width:82px}.festival-invitation .invitation-actions svg{display:none}}.result-card .result-actions:has(.practice-options){grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.app-frame.screen-setup .input-setup{padding:12px 20px}.app-frame.screen-setup .input-setup>section{flex-direction:column;gap:12px;max-height:100%;padding:18px;display:flex;overflow:auto}.screen-setup .setup-heading,.screen-setup .input-choice-grid,.screen-setup .setup-key-demo,.screen-setup .setup-actions{flex:none;margin:0}.app-frame.screen-setup .setup-actions{margin:0}.app-frame.screen-setup .input-choice-grid .choice-control{min-height:76px}.screen-setup .live-staff{flex:1;min-height:64px;margin:0}@media (height<=800px){.screen-setup .live-staff{display:none}.app-frame.screen-setup .input-setup>section{gap:10px;padding:14px}.screen-setup .setup-heading p{display:none}.app-frame.screen-setup .input-choice-grid .choice-control{min-height:64px}.screen-setup .setup-key-demo{padding:10px}}@media (width<=700px){.app-frame.screen-setup .input-setup{padding:8px}.app-frame.screen-setup .input-setup>section{gap:10px;padding:12px}.app-frame.screen-setup .input-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.app-frame.screen-setup .input-choice-grid .choice-control{text-align:center;flex-direction:column;align-items:center;gap:5px;min-height:82px;padding:8px 4px}.screen-setup .input-choice-grid .choice-copy small{display:none}.app-frame.screen-setup .input-choice-grid .choice-copy strong{font-size:12px}.app-frame.screen-setup .input-choice-grid .choice-art{flex-basis:24px;width:24px;height:24px}.screen-setup .input-choice-grid .choice-mark,.screen-setup .setup-key-demo p{display:none}.screen-setup .setup-key-demo strong{font-size:13px}.screen-setup .setup-heading .setup-emblem{flex-basis:38px;width:38px;height:38px}.book-page[data-welcome=true] .journey-friend{margin-top:8px}}@media (orientation:landscape) and (height<=500px){.app-frame.screen-setup .input-setup>section{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px 12px;padding:8px 12px;display:grid}.screen-setup .setup-heading{grid-column:1}.screen-setup .input-choice-grid{grid-column:1/-1}.screen-setup .setup-key-demo{grid-area:1/2;padding:4px 8px}.screen-setup .setup-key-demo p,.screen-setup .setup-key-pair small,.screen-setup .setup-demo-count{display:none}.screen-setup .setup-actions{grid-column:1/-1}.app-frame.screen-setup .input-choice-grid .choice-control{min-height:44px}.screen-setup .input-choice-grid .choice-copy small{display:none}.screen-setup .setup-heading h1{font-size:20px}}@media (width<=700px) and (height<=650px){.app-frame.screen-setup .input-setup>section{gap:8px}.app-frame.screen-setup .input-choice-grid .choice-control{min-height:76px}.screen-setup .setup-key-pair small{white-space:nowrap;max-width:none;font-size:10px}.screen-setup .setup-key-pair strong{font-size:22px}.screen-setup .setup-key-demo{padding:8px 10px}}@media (orientation:landscape) and (height<=500px){.screen-book .game-screen .book-freeplay,.book-page[data-welcome=true] .journey-friend{display:none}.book-page[data-welcome=true] .journey-body{flex:none}.book-page[data-welcome=true] .continue-card{grid-template-columns:32px minmax(0,1fr) auto}.book-page[data-welcome=true] .continue-card .primary{grid-column:auto;width:auto}.book-page[data-welcome=true] .festival-discovery{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.book-page[data-welcome=true] .journey-destinations{align-items:center}}@media (orientation:landscape) and (height<=350px){.screen-book .book-page:not([data-tab=badges]){overflow:auto}.screen-book .book-page:not([data-tab=badges]) .journey-body,.screen-book .book-page:not([data-tab=badges]) :is(.journey-library,.journey-panel){flex:none;overflow:visible}}.app-frame .game-home{flex:0 0 44px}.leave-game-dialog{width:min(440px,100% - 32px);color:var(--ui-text);background:var(--ui-surface);border:2px solid var(--ui-border);margin:auto;padding:24px}.leave-game-dialog::backdrop{background:#061925b8}.leave-game-dialog button{min-height:48px}@media (width<=599px){.app-frame .game-home{display:none}}:root[data-theme] .result-card :is(.result-timing,.performance-review,.performance-selection,.result-progress){box-shadow:none;background:0 0;border:0;border-radius:0}.result-card .result-timing{border-block:1px solid var(--ui-border);padding:16px 0}.result-card .result-timing small{display:none}.result-card .result-timing h2{margin:0 0 4px;font-size:22px}:root[data-theme] .result-card :is(.result-timing dl>div,.result-mastery>span,.performance-selection dl>div){box-shadow:none;background:0 0;border:0;border-radius:0}.result-card .result-mastery>span{padding:8px 0}.result-card .performance-review{padding:0}.result-card .performance-review h2{margin:0;font-size:clamp(24px,2.2vw,32px)}.result-card .performance-review>header p{margin:6px 0 0}.result-card .performance-selection{border-bottom:1px solid var(--ui-border);padding:20px 12px}.result-card .performance-selection dl>div{padding:8px}:root[data-theme] .result-card .performance-marker{border:1px solid var(--ui-border);box-shadow:none;border-radius:8px}:root[data-theme] .result-card .performance-marker.selected{border:2px solid var(--ui-selected-edge);outline:2px solid var(--ui-selected-edge);outline-offset:1px;background:var(--ui-selected);color:var(--ui-selected-ink)}:root[data-theme] .app-frame .result-card :is(.result-actions>button:not(.primary),.result-review-toggle,.performance-play,.performance-selection>button){border:1px solid var(--ui-border);background:var(--ui-raised);min-height:48px;color:var(--ui-text);box-shadow:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font:600 16px/1.3 Atkinson Hyperlegible Next Variable,sans-serif;display:inline-flex}.result-review-toggle{width:100%}.result-review-toggle>svg{flex:0 0 20px;width:20px;height:20px}.result-review-toggle[aria-expanded=true]>svg{transform:rotate(180deg)}@media (width>=1000px) and (height>=650px){.app-frame :is(.home-continue,.continue-card,.modal,.result-actions,.reward-actions,.dodger-actions)>.primary{gap:12px;min-height:clamp(60px,4.8vw,78px);padding:16px 28px;font-size:clamp(20px,1.6vw,26px)}.app-frame :is(.home-continue,.continue-card,.modal,.result-actions,.reward-actions,.dodger-actions)>.primary>svg{width:26px;height:26px}.app-frame .modal{gap:18px;width:min(520px,100%);padding:36px}.app-frame .modal h2{margin:0 0 12px;font-size:32px}}@media (width<=700px){:root[data-theme] .app-frame .result-card :is(.result-actions>button:not(.primary),.result-review-toggle,.performance-play,.performance-selection>button){padding:10px;font-size:14px}.result-card .performance-selection{padding:16px 8px}}@media (width<=760px){:root[data-theme] .game-screen .shop-market>.shop-counter{background:var(--ui-surface);height:68px;min-height:68px;max-height:68px;color:var(--ui-text);box-shadow:none;border:0;border-radius:14px;flex-direction:row;flex:none;align-items:center;gap:12px;padding:0 10px;display:flex;overflow:visible}.shop-market .shop-counter .shop-stall{background:0 0;border:0;flex:none;width:76px;height:68px;min-height:0;overflow:visible}.shop-counter .shop-stall :is(.shop-stall-room,.shop-awning,.shop-counter-top),.shop-counter .shop-picks,.shop-counter>.shop-box-link,.shop-counter .shop-host-copy .shop-eyebrow{display:none}.shop-market .shop-counter .shop-keeper{width:68px;height:68px;bottom:0;left:0;transform:none}.shop-counter .shop-host-copy{padding:0}:root[data-theme] .shop-counter .shop-host-copy h2{color:var(--ui-text);margin:0;font-size:22px}:root[data-theme] .shop-counter .shop-host-copy p{color:var(--ui-muted);margin:3px 0;font-size:12px;display:block}.shop-keeper .pet-button-speech{bottom:12%;left:72px;right:auto}}@media (width<=760px) and (height<=460px) and (orientation:landscape){.screen-shop .game-screen .shop-market{grid-template-columns:minmax(0,1fr);gap:10px;display:grid}:root[data-theme] .screen-shop .game-screen .shop-market>.shop-counter{flex-direction:column;justify-content:center;height:auto;min-height:0;max-height:none;padding:0 6px}.screen-shop .shop-counter .shop-host-copy{display:none}.screen-shop .shop-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.screen-shop .shop-page .shop-category-card,.screen-shop .shop-page .shop-category-stickers{min-height:54px}}@media (width>=1800px) and (height>=900px){.app-frame>.global-bar{height:clamp(68px,6.3dvh,136px);padding-block:12px}.app-frame .brand .brand-wordmark{width:clamp(180px,15dvh,324px)}.app-frame .global-status{gap:clamp(10px,1dvh,22px)}.app-frame .global-status :is(.profile-button,.currency-wallet){border-radius:clamp(14px,1.4dvh,30px);gap:clamp(8px,.8dvh,18px);min-height:clamp(48px,4.5dvh,96px);padding:clamp(8px,.8dvh,18px) clamp(14px,1.3dvh,28px);font-size:clamp(16px,1.45dvh,30px)}.app-frame .global-status :is(.profile-button,.currency-wallet)>svg{width:clamp(22px,2dvh,42px);height:clamp(22px,2dvh,42px)}.app-frame .profile-button .profile-portrait{width:clamp(40px,3.7dvh,80px);height:clamp(40px,3.7dvh,80px)}.app-frame .profile-name small{font-size:clamp(12px,1.1dvh,23px)}}.book-landscape{pointer-events:none;position:absolute;inset:0;overflow:hidden}.book-hills{opacity:.65;width:100%;height:65%;position:absolute;inset:auto 0 0}.book-flower{width:clamp(100px,10vw,290px);height:clamp(260px,26vw,650px);position:absolute;bottom:2%}.book-flower-0{left:1%}.book-flower-1{bottom:13%;right:1%}.book-flower-stem{width:100%;height:100%;position:absolute}.book-flower .book-pinwheel{aspect-ratio:1;width:100%;height:auto;position:absolute;inset:0 0 auto}.book-pinwheel>span{transform-origin:50%}.game-screen .book-page{z-index:1;max-width:1640px;position:relative}.book-intro>button{justify-content:center;align-items:center;gap:8px;min-height:44px;display:inline-flex}.book-page .book-garden{isolation:isolate;--book-pet-size:clamp(120px,min(58cqw,54cqh),360px);background:linear-gradient(155deg,#d5ead4,#fff1c8 65%);border:2px solid #91baa0;min-height:0;display:block;overflow:hidden;container:book-garden/size}.book-garden-scene{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.book-page .book-garden .pet-perch{width:calc(100% - 16px);height:calc(var(--book-pet-size) + 64px);margin:0;display:block;position:absolute;bottom:calc(23% - 64px);left:50%;transform:translate(-50%)}.book-garden .pet-perch>i{display:none}.book-garden .companion-follower{flex-direction:column;justify-content:flex-start;gap:0;width:100%;height:100%}.book-garden .pet-interact{width:var(--book-pet-size);height:var(--book-pet-size);flex:none}.book-garden .pet-entrance,.book-garden .pet-action,.book-garden .pet-poof,.book-garden .pet-action>.cs{width:100%;height:100%;top:0;left:0}.book-garden .companion-follower p{color:#173f4a;background:#fff9e8;flex:none;max-width:min(330px,100%);min-height:48px;margin:0;padding:8px 14px;font-size:clamp(13px,.95vw,19px);line-height:1.2;display:block}.book-garden .companion-follower p small{font-size:.75em}.book-bells{z-index:2;justify-content:center;gap:clamp(10px,5cqw,35px);height:clamp(60px,21cqh,160px);display:flex;position:absolute;top:5%;left:0;right:0}.book-bells .book-bell{width:clamp(44px,11cqw,74px);height:100%;min-height:44px}.book-bell>span{transform-origin:50% 0}.book-garden-hint{color:#103f37;font-size:12px;position:absolute;bottom:10px;left:0;right:0}:root[data-theme=dark] .book-page .book-garden{background:linear-gradient(150deg,#153f46,#285957);border-color:#4f9685}:root[data-theme] .book-page .chapter-plan-story{color:var(--ui-muted);background:var(--ui-inset)}html[data-theme=dark] .book-hills{opacity:.38}html[data-theme=dark] .book-garden-hint{color:#fff4d6}@media (width>=2200px){.book-page .book-garden{--book-pet-size:clamp(240px,min(74cqw,54cqh),560px)}.game-screen .book-page{gap:20px;max-width:2100px;padding-inline:44px}.book-page .journey-body{grid-template-columns:minmax(420px,.8fr) minmax(0,1.2fr);gap:28px}.book-page .continue-card{padding:28px}.book-page .continue-card h2{font-size:38px}.book-page .continue-card small{font-size:14px}.book-page .journey-panel{padding:24px}.book-page .chapter-plan>div>div{padding:14px}}@media (width<=1850px){.book-flower{display:none}}@container book-garden (height<=320px){.book-garden .book-bells{justify-content:space-between;height:54px;padding:0 8%;top:0}.book-garden .book-bell:nth-child(2){display:none}.book-garden .pet-perch{--book-pet-size:clamp(96px,48cqh,140px);height:calc(var(--book-pet-size) + 48px);bottom:8px}.book-garden .companion-follower p{min-height:40px;padding:5px 10px}.book-garden-hint{display:none}}@media (width<=760px){.app-frame .book-page .book-intro{grid-template-columns:auto minmax(0,1fr) auto;gap:8px;display:grid}.app-frame .book-page .book-intro h1{white-space:nowrap;text-align:center;font-size:24px}.book-page .book-intro>div>small{display:none}.book-page .book-intro .book-quick-stats{flex-direction:row;gap:4px}.book-page .book-quick-stats>span{padding:6px;font-size:12px}.book-page .book-garden{flex:none;height:112px;margin:10px 0 0}.book-garden .book-garden-scene{opacity:.8}.book-page .book-garden .pet-perch{width:calc(100% - 70px);height:104px;bottom:2px}.book-garden .companion-follower{flex-direction:row;justify-content:center}.book-garden .pet-interact{width:94px;height:94px}.book-garden .companion-follower p{max-width:150px;padding:7px;font-size:12px}.book-garden .book-bells{padding:0}.book-garden .book-bell{width:36px}.book-hills{opacity:.35;height:90%}}@media (width<=360px){.book-page .book-intro .book-quick-stats{display:none}}@media (orientation:landscape) and (height<=600px){.book-page .book-garden{display:none}}@media (orientation:landscape) and (height<=500px){.app-frame.screen-lesson .lesson-page{--scene-footer:8px;position:relative}.app-frame.screen-lesson:not(.has-collapsed-piano) .lesson-page.phase-listen{--scene-footer:4px}.app-frame.screen-lesson .lesson-page:has(.practice-status>button):not(.phase-listen):not(.phase-ready){--scene-footer:48px}.app-frame.screen-lesson.has-collapsed-piano .lesson-page{--scene-footer:56px}.app-frame.screen-lesson.has-collapsed-piano .lesson-page:has(.practice-status>button):not(.phase-listen):not(.phase-ready){--scene-footer:100px}.app-frame.screen-lesson .lesson-hud{width:140px;height:44px;min-height:0;box-shadow:none;z-index:20;background:0 0;border:0;gap:4px;padding:0;display:flex;position:absolute;top:6px;right:8px}.app-frame.screen-lesson .lesson-title{display:contents}.app-frame.screen-lesson .lesson-title>strong,.app-frame.screen-lesson .lesson-progress,.app-frame.screen-lesson .hud-combo,.app-frame.screen-lesson .hud-stars{display:none}.app-frame.screen-lesson .lesson-hud .icon-button{flex:none;place-items:center;width:44px;min-width:44px;height:44px;display:grid}.app-frame.screen-lesson .festival-stage,.app-frame.screen-lesson .festival-stage.phase-ready{--scene-top:56px;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) 156px}.app-frame.screen-lesson .festival-stage .lesson-notation canvas{height:calc(100% - 42px);top:4px}.app-frame.screen-lesson .festival-stage .concert-scene{height:auto;margin-top:var(--scene-top);margin-bottom:var(--scene-footer);align-self:stretch}.app-frame.screen-lesson .festival-stage .concert-score{display:none}.app-frame.screen-lesson .festival-stage .concert-pet-podium{width:min(64px,calc(100dvh - var(--piano-reserved-height,0px) - var(--scene-footer) - var(--scene-top)));height:min(100%,56px);right:44px}.app-frame.screen-lesson .festival-stage.has-challenge-bag .concert-pet-podium{width:min(60px,calc(100dvh - var(--piano-reserved-height,0px) - var(--scene-footer) - var(--scene-top)));height:min(100%,54px);right:76px}.app-frame.screen-lesson .festival-stage.has-challenge-bag .challenge-bag{height:min(100%,68px);right:2px}.app-frame.screen-lesson .festival-stage .count-in-display{justify-content:center;width:140px;height:34px;margin:0;padding:2px;position:absolute;inset:52px 8px auto auto}.app-frame.screen-lesson .count-in-display strong{width:30px;height:30px;font-size:24px}.app-frame.screen-lesson .count-in-display[data-support=true]{height:50px}.app-frame.screen-lesson .count-in-display .tempo-cue{max-width:94px}.app-frame.screen-lesson .phase-ready .concert-scene{visibility:hidden}.app-frame.screen-lesson .phase-ready:not([data-first-note=true]) .concert-scene{opacity:0;pointer-events:none}.app-frame.screen-lesson .festival-stage .skip-listen{width:140px;min-width:0;top:54px;right:8px}.app-frame.screen-lesson .phase-listen .concert-scene{--scene-top:100px}.app-frame.screen-lesson .festival-stage:has(.pass-counter){--scene-top:100px}.app-frame.screen-lesson .phase-listen .lesson-guidance,.app-frame.screen-lesson .lesson-page.phase-ready .lesson-guidance{display:none}.app-frame.screen-lesson .festival-stage .pass-counter{width:140px;top:58px;right:8px}.app-frame.screen-lesson .festival-stage[data-first-note=true]{--scene-top:94px}.app-frame.screen-lesson .festival-stage[data-first-note=true] .first-note-coach{flex-wrap:nowrap;width:140px;height:34px;margin:0;padding:0;position:absolute;top:52px;right:8px}.app-frame.screen-lesson .festival-stage[data-first-note=true] .first-note-coach strong{white-space:nowrap}.app-frame.screen-lesson .festival-stage[data-first-note=true] .first-note-coach span{display:none}.app-frame.screen-lesson .festival-stage .phase-banner[data-position-cue=true]{flex-direction:column;gap:4px;width:140px;max-width:none;padding:4px;display:flex;position:absolute;inset:54px 8px auto auto}.app-frame.screen-lesson .phase-banner[data-position-cue=true] strong{font-size:14px}.app-frame.screen-lesson .phase-banner .position-cue-keys{gap:2px}.app-frame.screen-lesson .phase-banner .position-cue-keys>b{flex-direction:column;flex:1;gap:0;min-width:24px;padding:2px;font-size:11px}.app-frame.screen-lesson .festival-stage:has(.phase-banner[data-position-cue=true]) .concert-scene{opacity:0;pointer-events:none}.app-frame.screen-lesson .lesson-page:has(.phase-banner[data-position-cue=true]) .lesson-guidance{display:none}.app-frame.screen-lesson .lesson-guidance{z-index:12;pointer-events:none;background:0 0;border:0;width:140px;min-height:0;display:block;position:absolute;bottom:6px;right:8px}.app-frame.screen-lesson.has-collapsed-piano .lesson-guidance{bottom:58px}.app-frame.screen-lesson .lesson-guidance .lesson-objective,.app-frame.screen-lesson .practice-status-copy{display:none}.app-frame.screen-lesson .practice-streak{gap:4px;width:80px;display:flex;position:absolute;top:58px;right:8px}.app-frame.screen-lesson .practice-streak i{width:24px;height:24px}.app-frame.screen-lesson .lesson-page:has(.practice-streak) .concert-pet-podium{right:94px}.app-frame.screen-lesson .lesson-guidance .practice-status{display:contents}.app-frame.screen-lesson .practice-status>button{white-space:nowrap;pointer-events:auto;background:var(--ui-surface);width:140px;max-width:none;min-height:44px;color:var(--ui-text);border:1px solid var(--ui-border);padding:4px 8px}.app-frame:is(.screen-lesson,.screen-results,.screen-invaders:has(.invaders-play),.screen-dodger-level:has(.dodger-play)) .piano-dock.viewport-piano{--piano-header-height:0px;--piano-open-height:clamp(84px,30dvh,150px)}.app-frame:is(.screen-lesson,.screen-results,.screen-invaders:has(.invaders-play),.screen-dodger-level:has(.dodger-play)) .piano-dock.viewport-piano>header{width:44px;height:44px;box-shadow:none;pointer-events:none;background:0 0;padding:0;position:absolute;inset:4px 8px auto auto}.app-frame:is(.screen-lesson,.screen-results,.screen-invaders:has(.invaders-play),.screen-dodger-level:has(.dodger-play)) .piano-dock.viewport-piano>header>:not(.piano-toggle){display:none}.app-frame:is(.screen-lesson,.screen-results,.screen-invaders:has(.invaders-play),.screen-dodger-level:has(.dodger-play)) .piano-dock.viewport-piano>header>.piano-toggle{pointer-events:auto;min-width:44px}.app-frame:is(.screen-lesson,.screen-results,.screen-invaders:has(.invaders-play),.screen-dodger-level:has(.dodger-play)) .piano-dock.viewport-piano.is-collapsed{height:0}.app-frame:is(.screen-lesson,.screen-results,.screen-invaders:has(.invaders-play),.screen-dodger-level:has(.dodger-play)) .piano-dock.viewport-piano.is-collapsed>header{top:auto;bottom:4px}}@media (orientation:landscape) and (height<=350px){.app-frame.screen-lesson:has(.lesson-page[data-clef=grand]) .piano-dock.viewport-piano{--piano-open-height:clamp(72px,26dvh,100px)}}@media (orientation:portrait) and (height<=500px){.app-frame.screen-lesson .lesson-page{position:relative}.app-frame.screen-lesson .festival-stage,.app-frame.screen-lesson .festival-stage.phase-ready,.app-frame.screen-lesson .festival-stage[data-first-note=true]{--notation-height:calc(100% - 60px);grid-template-rows:54px minmax(0,1fr) 6px;grid-template-columns:minmax(0,1fr)}.app-frame.screen-lesson .festival-stage .lesson-notation{grid-area:2/1}.app-frame.screen-lesson .festival-stage .concert-scene{grid-area:1/1}.app-frame.screen-lesson .lesson-page:has(.practice-status>button) .concert-scene{justify-self:start;width:calc(100% - 156px)}.app-frame.screen-lesson .festival-stage .concert-pet-podium,.app-frame.screen-lesson .festival-stage.has-challenge-bag .concert-pet-podium{width:44px;height:48px;left:8px;right:auto}.app-frame.screen-lesson .festival-stage.has-challenge-bag .challenge-bag{width:72px;height:54px;left:60px;right:auto}.app-frame.screen-lesson .concert-score,.app-frame.screen-lesson .phase-banner{display:none}.app-frame.screen-lesson .festival-stage .phase-banner[data-position-cue=true]{flex-direction:column;gap:2px;width:auto;max-width:none;height:54px;padding:2px 8px;display:flex;position:absolute;inset:0 8px auto}.app-frame.screen-lesson .phase-banner[data-position-cue=true] strong{font-size:14px}.app-frame.screen-lesson .festival-stage:has(.phase-banner[data-position-cue=true]) .concert-scene{opacity:0;pointer-events:none}.app-frame.screen-lesson .lesson-page:has(.phase-banner[data-position-cue=true]) .lesson-guidance{display:none}.app-frame.screen-lesson .festival-stage .count-in-display,.app-frame.screen-lesson .first-note-coach{grid-area:1/1}.app-frame.screen-lesson .first-note-coach{justify-self:start;max-width:calc(100% - 72px);margin-left:64px}.app-frame.screen-lesson .festival-stage.phase-ready .concert-scene{visibility:hidden}.app-frame.screen-lesson .festival-stage.phase-ready:not([data-first-note=true]) .concert-scene{opacity:0;pointer-events:none}.app-frame.screen-lesson .skip-listen{top:4px;bottom:auto;right:8px}.app-frame.screen-lesson .lesson-guidance{z-index:12;pointer-events:none;background:0 0;border:0;width:140px;min-height:0;position:absolute;top:56px;right:8px}.app-frame.screen-lesson .lesson-objective,.app-frame.screen-lesson .practice-status-copy{display:none}.app-frame.screen-lesson .lesson-guidance .practice-status{display:contents}.app-frame.screen-lesson .practice-status>button{white-space:nowrap;pointer-events:auto;width:140px;max-width:none;min-height:44px;padding:4px 8px}.app-frame.screen-lesson .lesson-page.phase-listen .lesson-guidance,.app-frame.screen-lesson .lesson-page.phase-ready .lesson-guidance{display:none}.app-frame.screen-lesson .practice-streak{position:fixed;top:66px;left:8px}.app-frame.screen-lesson .lesson-page:has(.practice-streak) .concert-pet-podium{left:96px}.app-frame.screen-lesson .pass-counter{inset:4px auto auto 8px}.app-frame.screen-lesson .pass-counter>span{font-size:28px}}