@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:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-ext-wght-normal-D4X5GqEv.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-wght-normal-CY6AOgYE.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-vietnamese-wght-normal-U01xdrZh.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-ext-wght-normal-CXYtwYOx.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:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-wght-normal-BzFMHfZw.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}.support-dialog[open],.crash-card{color:var(--ui-text,#173f4a);background:var(--ui-surface,#fff4da);border:var(--pc-edge,2px) solid var(--pc-line,#e6d4ab);box-shadow:0 6px 0 var(--pc-shade,#173f4a1a)}.support-dialog[open]{box-sizing:border-box;border-radius:22px;flex-direction:column;width:min(500px,100vw - 24px);max-height:calc(100dvh - 24px);margin:auto;padding:0;display:flex;position:fixed;inset:0;overflow:hidden}.support-dialog::backdrop{background:#132a246b}.support-dialog h2{color:var(--ui-text);margin:0;padding:20px 64px 6px 22px;font:800 24px/1.15 Nunito Variable,sans-serif}.support-dialog form{flex-direction:column;flex:auto;min-height:0;display:flex}.support-body{overscroll-behavior:contain;flex:auto;min-height:0;padding:8px 22px 4px;overflow:auto}.support-dialog .support-close{border:var(--pc-edge,2px) solid var(--pc-line);background:var(--ui-raised);width:44px;height:44px;min-height:44px;color:var(--ui-text);box-shadow:0 3px 0 var(--pc-shade);border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:10px;right:10px}.support-close svg{width:20px;height:20px}.support-dialog fieldset{border:0;min-width:0;margin:0 0 14px;padding:0}.support-dialog legend{margin-bottom:8px;padding:0;font-size:15px;font-weight:700}.support-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.support-topics .support-choices{flex-wrap:wrap;display:flex}.support-choices label{border:2px solid var(--ui-border);background:var(--ui-raised);min-height:44px;color:var(--ui-text);cursor:pointer;border-radius:14px;align-items:center;gap:8px;padding:8px 12px;font-size:15px;font-weight:700;line-height:1.2;display:flex;position:relative}.support-choices label:has(:checked){background:var(--ui-selected);color:var(--ui-selected-ink);border-color:var(--ui-selected-edge)}.support-choices label:has(:focus-visible){outline:3px solid var(--ui-focus);outline-offset:2px}.support-choices input{opacity:0;pointer-events:none;position:absolute}.support-choices svg{flex:0 0 20px;width:20px;height:20px}.support-field{gap:6px;font-size:15px;font-weight:700;display:grid}.support-dialog textarea,.support-dialog input[type=password],.crash-note textarea{box-sizing:border-box;border:2px solid var(--ui-border,#7a8980);background:var(--ui-raised,#fffaf0);width:100%;color:var(--ui-text,#173f4a);resize:vertical;border-radius:12px;padding:10px 12px;font:400 16px/1.4 Atkinson Hyperlegible Next Variable,sans-serif}.support-dialog textarea{height:clamp(88px,24dvh,170px)}.support-dialog :is(textarea,input):focus-visible,.crash-note textarea:focus-visible{outline:3px solid var(--ui-focus,#2869ba);outline-offset:1px}.support-grown-up{background:var(--ui-inset);color:var(--ui-text);border-radius:14px;gap:8px;margin:0 0 12px;padding:12px;display:grid}.support-grown-up p{margin:0;font-size:14px}.support-grown-up label{gap:6px;font-size:14px;font-weight:700;display:grid}.support-privacy{color:var(--ui-muted);margin:4px 0 8px;font-size:13px;line-height:1.45}.support-error,.crash-note [role=alert]{color:var(--ui-text,#173f4a);margin:4px 0;font-size:14px;font-weight:700}.support-actions,.crash-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.support-actions{border-top:2px solid var(--pc-line);background:var(--ui-surface);padding:10px 22px 18px}.support-dialog button,.crash-card button{border:2px solid var(--ui-border,#7a8980);background:var(--ui-raised,#fffaf0);min-height:44px;color:var(--ui-text,#173f4a);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font:700 15px/1.2 Atkinson Hyperlegible Next Variable,sans-serif;display:inline-flex}.support-dialog button.primary,.crash-card button.primary{background:var(--ui-action,#ce3a26);color:var(--ui-action-ink,#fffaf0);border-color:var(--ui-action-edge,#9b2d1f)}.support-dialog button:disabled,.crash-card button:disabled{background:var(--ui-inset,#e9ddc0);color:var(--ui-muted,#405b60);border-color:var(--ui-border,#7a8980);cursor:default}.support-dialog button:focus-visible,.crash-card button:focus-visible{outline:3px solid var(--ui-focus,#2869ba);outline-offset:2px}.support-done{padding:8px 22px 22px}.support-done p{margin:0 0 16px;font-size:16px}@media (height<=500px){.support-dialog h2{padding-top:12px;font-size:20px}.support-body{padding-top:4px}.support-actions{padding-block:8px 10px}.support-dialog textarea{height:clamp(66px,20dvh,120px)}.support-choices label{padding-block:6px}}@media (width<=380px){.support-choices{grid-template-columns:1fr}.support-dialog h2{padding-left:16px}.support-body,.support-actions{padding-inline:16px}}.crash-screen{box-sizing:border-box;background:var(--ui-bg,#f0e4c9);min-height:100dvh;color:var(--ui-text,#173f4a);place-items:center;padding:16px;display:grid}.crash-card{box-sizing:border-box;border-radius:20px;width:min(540px,100%);padding:22px;font-family:Atkinson Hyperlegible Next Variable,sans-serif}.crash-card :is(h1,h2){color:var(--ui-text,#173f4a);margin:0 0 8px;font:800 26px/1.15 Nunito Variable,sans-serif}.crash-card>p{color:var(--ui-text,#173f4a);margin:0 0 14px;font-size:16px;line-height:1.45}.app-frame.screen-lesson .crash-stage{flex:1 1 0;width:min(560px,100% - 16px);min-height:0;margin:8px auto;overflow:auto}.crash-note{gap:6px;margin:0 0 14px;display:grid}.crash-note label{gap:6px;font-size:15px;font-weight:700;display:grid}.crash-note label span{color:var(--ui-muted,#405b60);font-weight:400}.crash-note small,.crash-note-hint{color:var(--ui-muted,#405b60);font-size:13px}.crash-note button{justify-self:start}.crash-note textarea{height:clamp(66px,16dvh,110px)}@media (height<=500px){.crash-card{padding:14px 18px}.crash-card :is(h1,h2){font-size:21px}.crash-card>p{margin-bottom:10px}}.crash-note-done{margin:0 0 14px;font-weight:700}.result-card .crash-note{text-align:left}:root[data-theme] .app-frame .global-status .support-shortcut{border:var(--pc-edge) solid var(--pc-line);background:var(--ui-raised);width:44px;min-width:44px;height:44px;min-height:44px;color:var(--ui-text);box-shadow:0 3px 0 var(--pc-shade);border-radius:14px;flex:none;place-items:center;padding:0;display:grid}.support-shortcut svg{width:20px;height:20px}:root[data-theme] .app-frame .global-status .support-shortcut:focus-visible{outline:3px solid var(--ui-focus);outline-offset:2px}@media (width<=1023px){:root[data-theme] .app-frame .global-status .support-shortcut{display:none}}@media (width>=1800px) and (height>=900px){:root[data-theme] .app-frame .global-status .support-shortcut{border-radius:clamp(14px,1.4dvh,30px);width:clamp(48px,4.5dvh,96px);min-width:clamp(48px,4.5dvh,96px);height:clamp(48px,4.5dvh,96px);min-height:clamp(48px,4.5dvh,96px)}.support-shortcut svg{width:clamp(20px,2dvh,42px);height:clamp(20px,2dvh,42px)}}@media (prefers-reduced-motion:reduce){.support-dialog *{transition:none}}.reading-diagram{background:var(--music-paper);border-radius:12px;width:100%;height:140px;display:block}dialog.pc-dialog.reading-help{--pad:20px;width:min(680px,100vw - 24px);height:fit-content;max-height:calc(100dvh - 24px);padding:0 var(--pad) var(--pad);overscroll-behavior:contain;color:var(--ui-text);background:var(--ui-surface);border-radius:20px;margin:auto;position:fixed;inset:0;overflow:auto}.reading-help header{z-index:2;padding:var(--pad) 0 8px;background:var(--ui-surface);justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0}.reading-help h2,.reading-primer h2{margin:0;font-size:22px}.reading-help header .icon-button{border:2px solid var(--ui-border);background:var(--ui-raised);width:44px;height:44px;color:var(--ui-text);border-radius:50%}.reading-help header .icon-button svg{width:22px;height:22px}.reading-help nav{gap:8px;margin:4px 0 14px;display:flex}.reading-help nav button,.reading-help .reading-button{border:2px solid var(--ui-border);background:var(--ui-raised);min-height:44px;color:var(--ui-text);border-radius:12px;padding:6px 12px;font-weight:700;line-height:1.15}.reading-help nav button{flex:1 1 0;min-width:0}.reading-help nav button[aria-pressed=true]{border-color:var(--ui-selected-edge);background:var(--ui-selected);color:var(--ui-selected-ink);box-shadow:inset 0 0 0 1px var(--ui-selected-edge);font-weight:800}.reading-help .reading-button{flex:none;align-items:center;gap:8px;display:inline-flex}.reading-help .reading-button svg{width:18px;height:18px}.reading-lead{margin:0 0 10px;line-height:1.4}.reading-facts{gap:12px;margin:16px 0;display:grid}.reading-facts dt{margin-bottom:2px;font-weight:800}.reading-facts dd{margin:0;line-height:1.45}.reading-help footer{justify-content:flex-end;margin-top:16px;display:flex}.reading-help footer .primary{border-radius:12px;min-height:44px;padding:8px 18px}.staff-picker{position:relative}.staff-picker .reading-diagram{height:150px}.staff-picker-notes{inset:0 var(--end) 0 var(--start);grid-template-columns:repeat(8,1fr);display:grid;position:absolute}.staff-picker-notes button{background:0 0;border:0;border-radius:10px;height:100%;min-height:0;padding:0}.staff-picker-notes button:hover{background:color-mix(in srgb,var(--ui-selected-edge) 14%,transparent)}.staff-picker-notes button[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--ui-selected-edge)}.staff-picker-notes button:focus-visible{outline:3px solid var(--ui-focus);outline-offset:-3px}.note-info{border:2px solid var(--ui-selected-edge);background:var(--ui-raised);border-radius:14px;grid-template-columns:minmax(0,1fr) minmax(150px,220px);align-items:center;gap:4px 16px;min-height:96px;margin-top:10px;padding:12px 14px;display:grid}.note-info p{margin:0;line-height:1.35}.note-name{align-items:baseline;gap:10px;display:flex}.note-name strong{font-size:30px;line-height:1}.note-name span{color:var(--ui-muted);font-size:20px;font-weight:700}.mini-piano{grid-area:1/2/span 2;width:100%;height:60px}.mini-piano rect{fill:#fffdf6;stroke:#33494d;stroke-width:1px;vector-effect:non-scaling-stroke}.mini-piano .black{fill:#1d2b2f}.mini-piano .is-active{fill:var(--ui-gold)}.value-chart{height:150px}.beat-demo{margin-top:16px}.beat-stage{position:relative}.beat-stage .reading-diagram{height:120px}.beat-playhead{top:0;bottom:0;left:var(--start);width:calc((100% - var(--start) - var(--end)) / 8);transform:translateX(calc(var(--beat) * 100%));background:var(--ui-selected-edge);opacity:.2;pointer-events:none;border-radius:8px;position:absolute}:root[data-motion=full] .beat-playhead{transition:transform .15s ease-out}.beat-track{margin:6px var(--end) 0 var(--start);grid-template-columns:repeat(8,1fr);padding:0;list-style:none;display:grid}.beat-track li{height:30px;color:var(--ui-muted);justify-items:center;font-size:13px;font-weight:800;display:grid;position:relative}.beat-track li:after{content:"";background:var(--ui-text);border-radius:3px;height:6px;position:absolute;bottom:2px;left:3px;right:3px}.beat-track li[data-kind=hold]:after{border-radius:0 3px 3px 0;left:-3px}.beat-track li[data-kind=rest]:after{border-top:3px dashed var(--ui-muted);background:0 0;border-radius:0;height:2px}.beat-track li[data-current]{color:var(--ui-text);font-size:16px}.beat-legend{color:var(--ui-muted);margin:2px 0 8px;font-size:13px}.beat-controls{align-items:center;gap:12px;display:flex}.beat-status{align-items:center;gap:10px;margin:0;font-weight:700;display:flex}.beat-status strong{background:var(--ui-selected);width:36px;height:36px;color:var(--ui-selected-ink);border-radius:50%;place-items:center;font-size:20px;display:grid}:root[data-motion=full] .beat-status strong{animation:.3s ease-out reading-beat}@keyframes reading-beat{0%{transform:scale(1.25)}}.symbol-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.symbol-list button{border:2px solid var(--ui-border);background:var(--ui-raised);width:100%;min-height:44px;color:var(--ui-text);text-align:left;border-radius:14px;grid-template-columns:minmax(0,230px) 1fr;align-items:center;gap:12px;padding:8px;display:grid}.symbol-list button[aria-expanded=true]{border-color:var(--ui-selected-edge);background:var(--ui-selected);color:var(--ui-selected-ink)}.symbol-list .reading-diagram{height:84px}.symbol-list strong{font-size:16px;display:block}.symbol-text{margin-top:4px;line-height:1.4;display:block}.reading-primer{background:var(--ui-surface);width:min(520px,100vw - 24px);max-height:calc(100dvh - 32px);color:var(--ui-text);border:2px solid var(--pc-line);border-radius:20px;padding:20px;overflow:auto}.reading-primer .reading-diagram{height:124px;margin-top:8px}.reading-primer p{margin:10px 0;line-height:1.4}.reading-primer-actions{flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:16px;display:flex}.reading-primer-actions button{min-height:44px}@media (width<=480px){dialog.pc-dialog.reading-help{--pad:14px}.note-info{grid-template-columns:1fr}.mini-piano{grid-area:auto;max-width:240px}.symbol-list button{grid-template-columns:1fr}}@media (height<=420px){dialog.pc-dialog.reading-help{--pad:12px;width:min(680px,100vw - 16px);max-height:calc(100dvh - 16px)}.reading-help header{padding-bottom:4px}.reading-help h2{font-size:18px}.reading-help nav{margin:0 0 10px}}@media (height<=400px){.reading-primer{padding:12px}.reading-primer p{margin:6px 0;font-size:13px}.reading-primer h2{font-size:18px}.reading-primer .reading-diagram{height:96px}.reading-primer-actions{margin-top:8px}}@media (width>=500px) and (height<=400px){.reading-primer{grid-template-columns:1fr 1fr;gap:4px 12px;width:min(680px,100vw - 24px);padding:10px;display:grid}.reading-primer h2,.reading-primer-actions{grid-column:1/-1}.reading-primer .reading-diagram,.reading-primer-actions{margin:0}.reading-primer p{align-self:center;margin:0;font-size:14px}}.lesson-intro-backdrop:has(>.reading-primer){min-height:0}.reading-primer{box-sizing:border-box;max-height:100%}@media (width<=480px) and (height<=600px){.reading-primer{padding:10px}.reading-primer h2{font-size:20px}.reading-primer .reading-diagram{height:94px;margin-top:4px}.reading-primer p{margin:6px 0;font-size:14px}.reading-primer-actions{gap:6px;margin-top:8px}.reading-primer-actions button{padding:6px 8px;font-size:13px}.reading-primer-actions button svg{display:none}}.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}}.hold-practice{--practice-remaining:1;width:100%;padding:0 clamp(14px,3vw,36px)}.hold-practice .hold-lesson-guide{gap:12px;width:min(100%,660px);margin:0 auto 20px}.hold-practice .hold-lesson-guide li{background:var(--ui-raised);border:2px solid #0000;gap:6px;padding:14px 8px}.hold-practice .hold-lesson-guide li[data-current=true]{border-color:var(--pc-teal)}.hold-practice .hold-lesson-guide svg{width:110px;height:76px}.hold-practice .hold-lesson-guide strong{font-size:clamp(14px,1.2vw,20px)}.hold-practice .hold-lesson-guide span{font-size:14px}.hold-practice-controls{grid-template-columns:130px minmax(0,1fr);align-items:center;gap:22px;width:min(100%,660px);margin:auto;display:grid}.hold-practice-key{background:var(--music-paper);min-height:140px;color:var(--ui-text);border:3px solid var(--ui-text);box-shadow:0 5px 0 var(--pc-shade);touch-action:none;-webkit-user-select:none;user-select:none;border-radius:12px;align-content:center;justify-items:center;gap:5px;padding:12px;display:grid}.hold-practice-key strong{font-size:30px}.hold-practice-key span{font-size:13px;font-weight:800}.hold-practice-key kbd{font:800 14px inherit}.hold-practice[data-state=holding] .hold-practice-key,.hold-practice[data-state=release] .hold-practice-key{box-shadow:none;background:#72d4b0;translate:0 3px}.hold-practice-feedback{gap:10px;min-width:0;display:grid}.hold-practice-feedback p{min-height:2.8em;font-size:clamp(15px,1.4vw,20px);font-weight:800;line-height:1.3;padding:0!important}.hold-practice-feedback small{color:var(--ui-muted);font-size:13px;line-height:1.3}.hold-practice-bar{background:#cddfd4;border-radius:999px;height:22px;overflow:hidden}.hold-practice-bar i{transform-origin:0;height:100%;transform:scaleX(var(--practice-remaining));background:#168064;display:block}@media (width<=600px){.hold-practice .hold-lesson-guide{gap:5px;margin-bottom:12px}.hold-practice .hold-lesson-guide li{padding:6px 2px}.hold-practice .hold-lesson-guide svg{width:68px;height:48px}.hold-practice .hold-lesson-guide span{font-size:11px}.hold-practice-controls{grid-template-columns:94px minmax(0,1fr);gap:12px}.hold-practice-key{min-height:118px}.hold-practice-feedback small{font-size:11px}.hold-practice-feedback{gap:6px}.hold-practice-bar{height:16px}.hold-practice-feedback p{font-size:14px}}@media (height<=450px) and (orientation:landscape){.hold-practice{grid-template-columns:1fr 1fr;gap:12px;display:grid}.hold-practice .hold-lesson-guide{align-items:center;gap:4px;margin:0}.hold-practice .hold-lesson-guide li{padding:4px;display:flex}.hold-practice .hold-lesson-guide svg{width:48px;height:36px}.hold-practice .hold-lesson-guide strong{font-size:11px}.hold-practice .hold-lesson-guide span{display:none}.hold-practice-controls{grid-template-columns:70px minmax(0,1fr);gap:10px}.hold-practice-key{gap:2px;min-height:76px;padding:6px}.hold-practice-key strong{font-size:20px}.hold-practice-key span{font-size:10px}.hold-practice-feedback p{min-height:2.4em;font-size:12px}.hold-practice-feedback small{display:none}.app-frame .lesson-intro{gap:7px;padding-top:10px}.lesson-intro>p{font-size:13px}.app-frame .lesson-intro>.play-flow-actions{margin-top:0}}.app-frame .lesson-intro:has(.hold-practice)>.play-flow-actions{grid-template-columns:minmax(0,1fr) minmax(140px,var(--flow-action-width));flex:none;gap:8px;padding:8px 14px;display:grid}.app-frame .lesson-intro:has(.hold-practice)>.play-flow-actions>.primary{grid-area:1/2}.app-frame .lesson-intro:has(.hold-practice)>.play-flow-actions>button:not(.primary){grid-area:1/1}.hold-practice{flex:none}.hold-practice-key kbd{font-family:inherit;font-size:14px;font-weight:800}@media (width<=700px){.app-frame .lesson-intro:has(.hold-practice)>.play-flow-actions{grid-template-columns:minmax(0,1fr) minmax(140px,1.2fr)}.app-frame .lesson-intro:has(.hold-practice)>.play-flow-actions>.primary{padding:8px;font-size:16px}.app-frame .lesson-intro:has(.hold-practice)>.play-flow-actions>button:not(.primary){padding:8px;font-size:13px}}@media (height<=760px){.hold-practice .hold-lesson-guide,.hold-practice-feedback small{display:none}.lesson-intro:has(.hold-practice)>p{display:none}.app-frame .lesson-intro:has(.hold-practice){gap:8px;padding-top:12px}.hold-practice-controls{grid-template-columns:94px minmax(0,1fr);gap:14px;width:min(100%,560px)}.hold-practice-key{min-height:86px;padding:8px}.hold-practice-feedback p{min-height:2.6em;font-size:14px}.hold-practice-feedback{gap:8px}.hold-practice-bar{height:16px}}@media (height<=300px) and (orientation:landscape){.app-frame .lesson-intro:has(.hold-practice){gap:3px;padding-top:6px}.lesson-intro:has(.hold-practice)>h2{font-size:20px;line-height:1.1}.hold-practice{display:block}.hold-practice-controls{grid-template-columns:76px minmax(0,1fr);gap:10px}.hold-practice-key{gap:1px;min-height:48px;padding:4px}.hold-practice-key strong{font-size:18px}.hold-practice-key kbd{display:none}.hold-practice-feedback{gap:4px}.hold-practice-feedback p{min-height:2.2em;font-size:12px;line-height:1.1}.hold-practice-bar{height:8px}.app-frame .lesson-intro:has(.hold-practice)>.play-flow-actions{padding:3px 12px 4px}.app-frame .lesson-intro:has(.hold-practice)>.play-flow-actions>.primary{min-height:44px;padding:4px;font-size:14px}}.app-frame .lesson-intro:has(.hold-practice)>.play-flow-actions{border:0;margin-top:0}@media (height<=760px){.hold-practice-key{gap:4px;min-height:76px;padding:6px;line-height:1.1}.hold-practice-key strong{font-size:22px}.hold-practice-key span{font-size:11px}.hold-practice-key kbd{font-size:12px}.lesson-intro:has(.hold-practice)>h2{font-size:24px;line-height:1.1}}@media (height<=300px) and (orientation:landscape){.hold-practice-key{gap:1px;min-height:48px;padding:4px}.hold-practice-key strong{font-size:18px}.hold-practice-key span{font-size:10px}.lesson-intro:has(.hold-practice)>h2{font-size:20px}}.pet-wardrobe{background:var(--ui-surface);width:min(920px,100vw - 20px);max-width:none;height:min(820px,100dvh - 20px);max-height:none;color:var(--ui-text);isolation:isolate;--wr-wall:#f8e9c8;--wr-arch:#fde6a2;--wr-dot:#eab24a;--wr-curtain:#e4604b;--wr-fold:#b5473a;--wr-valance:#f2b628;--wr-floor:#e8a95e;--wr-plank:#c98a4e;--wr-ink:#173f4a;border-radius:24px;grid-template-rows:52px minmax(0,1fr) 160px;margin:auto;padding:0;display:grid;position:fixed;inset:0;overflow:hidden}:root[data-theme=dark] .pet-wardrobe{--wr-wall:#11253a;--wr-arch:#1f3b52;--wr-dot:#2f5672;--wr-curtain:#b5503f;--wr-fold:#873a2e;--wr-valance:#9a7a2c;--wr-floor:#5a4033;--wr-plank:#3f2d24;--wr-ink:#050d16}.wardrobe-room .wr-wall{fill:var(--wr-wall)}.wardrobe-room .wr-arch{fill:var(--wr-arch)}.wardrobe-room .wr-dot{fill:var(--wr-dot);opacity:.45}.wardrobe-room .wr-ink{stroke:var(--wr-ink);stroke-width:5px;stroke-linejoin:round}.wardrobe-room .wr-curtain{fill:var(--wr-curtain)}.wardrobe-room .wr-valance{fill:var(--wr-valance)}.wardrobe-room .wr-fold{stroke:var(--wr-fold);stroke-width:11px;stroke-linecap:round}.wardrobe-room .wr-tieback{stroke:var(--wr-valance);stroke-width:9px;stroke-linecap:round}.wardrobe-room .wr-floor{fill:var(--wr-floor)}.wardrobe-room .wr-plank{stroke:var(--wr-plank);stroke-width:3px}.pet-wardrobe::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0b2230b8}.wardrobe-header{background:var(--ui-surface);z-index:4;border-bottom:var(--pc-edge) solid var(--pc-line);align-items:center;gap:8px;padding:5px 12px 5px 20px;display:flex}.wardrobe-header h2{color:var(--ui-text);margin:0 auto 0 0;font:800 clamp(18px,3vw,25px)/1 Nunito Variable,sans-serif}.pet-wardrobe .wardrobe-header button{border:var(--pc-edge) solid var(--pc-line);width:44px;height:44px;min-height:44px;color:var(--ui-text);background:var(--ui-raised);box-shadow:0 3px 0 var(--pc-shade);border-radius:50%;flex:none;place-items:center;padding:10px;display:grid}.wardrobe-header button>svg{width:22px;height:22px}.pet-wardrobe .wardrobe-header button:hover{background:var(--pc-gold-soft)}.wardrobe-stage{background:var(--wr-wall);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{border:2px solid var(--pc-line);background:var(--ui-raised);width:54px;height:54px;box-shadow:inset 0 6px 0 var(--slot-color),0 4px 0 var(--pc-shade);border-radius:16px;flex:none;place-items:center;display:grid;position:relative}.wardrobe-spot-icon>svg{stroke-width:2.2px;width:28px;height:28px;color:var(--ui-text)}.wardrobe-spot-icon i{border:2px solid var(--pc-line);color:#173f4a;background:var(--pc-gold);border-radius:50%;place-items:center;width:18px;height:18px;display:grid;position:absolute;bottom:-5px;right:-6px}.wardrobe-spot-icon i svg{stroke-width:3px;width:11px;height:11px}.wardrobe-spot-label{white-space:nowrap;color:var(--ui-text);background:var(--ui-surface);box-shadow:0 0 0 1.5px var(--pc-line);border-radius:6px;padding:2px 4px;font:700 12px/1.1 Atkinson Hyperlegible Next Variable,sans-serif}.pet-wardrobe .wardrobe-spot[aria-pressed=true] .wardrobe-spot-icon{background:var(--pc-gold-soft);box-shadow:0 0 0 3px var(--pc-gold),0 4px 0 var(--pc-shade)}.wardrobe-spot:hover .wardrobe-spot-icon{background:var(--pc-gold-soft)}.pet-wardrobe button:focus-visible{outline:3px solid var(--ui-focus);outline-offset:4px}.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{background:var(--ui-surface);border-top:var(--pc-edge) solid var(--pc-line);z-index:4;grid-template-rows:27px minmax(0,1fr) 23px;min-height:0;padding:8px 16px 0;display:grid;position:relative}.wardrobe-tray-heading{min-width:0;color:var(--ui-text);align-items:baseline;gap:12px;display:flex}.wardrobe-tray-heading strong{font:800 19px/1.1 Nunito Variable,sans-serif}.wardrobe-tray-heading>span{text-overflow:ellipsis;white-space:nowrap;color:var(--ui-muted);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{border:var(--pc-edge) solid var(--pc-line);background:var(--ui-raised);min-width:44px;min-height:70px;color:var(--ui-text);box-shadow:0 3px 0 var(--pc-shade);border-radius:14px;flex-direction:column;flex:0 0 84px;justify-content:center;align-items:center;gap:5px;padding:7px 5px;display:flex;position:relative}.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:#b98309;pointer-events:none;font-size:12px;line-height:1;position:absolute;top:3px;left:5px}.pet-wardrobe .wardrobe-item[aria-pressed=true]{background:var(--pc-gold-soft);box-shadow:inset 0 0 0 2px var(--pc-gold),0 3px 0 var(--pc-shade);opacity:1}.pet-wardrobe .wardrobe-item:disabled{color:var(--ui-text);cursor:default}.wardrobe-item>.wardrobe-item-check{width:14px;height:14px;color:var(--pc-teal);position:absolute;top:3px;right:3px}.pet-wardrobe .wardrobe-find{background:var(--ui-inset);border-style:dashed}.wardrobe-notice{color:var(--ui-muted);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:var(--ui-text);font-weight:700}@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}}@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-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%}.wardrobe-header h2{min-width:0;line-height:1.1}.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}}.input-preflight{background:var(--ui-surface);width:min(26rem,100vw - 1.2rem);max-height:calc(100dvh - 1.2rem);color:var(--ui-text);text-align:center;border-radius:1.2rem;flex-direction:column;gap:.6rem;margin:auto;padding:1rem;display:flex;overflow:auto}.input-preflight::backdrop{background:#102b3cd9}.input-preflight h2,.input-preflight p{margin:0}.input-preflight h2{font-size:1.4rem}.input-preflight p{font-size:.9rem}.input-preflight button{border:var(--pc-edge) solid var(--pc-line);background:var(--ui-raised);min-height:44px;color:var(--ui-text);box-shadow:0 3px 0 var(--pc-shade);font:inherit;border-radius:.8rem;justify-content:center;align-items:center;gap:.4rem;padding:.5rem .8rem;font-weight:700;display:flex}.input-preflight button.primary{background:var(--ui-action);color:var(--ui-action-ink)}.preflight-alternatives{flex-direction:column;gap:.4rem;display:flex}.preflight-targets{justify-content:center;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.preflight-targets li{border:2px solid var(--pc-line);border-radius:.7rem;justify-content:center;align-items:center;gap:.3rem;min-width:4.5rem;min-height:44px;padding:.4rem .6rem;font-weight:800;display:flex}.preflight-targets li[data-found=true]{background:var(--pc-teal-soft)}.global-bar .profile-button{position:relative}.profile-button .profile-name small{color:var(--ui-muted,#566769);font-size:10px;line-height:1.2;display:block}.save-notice{border:2px solid var(--pc-line);box-shadow:0 3px 0 var(--pc-shade);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:800 19px/1.2 Nunito 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:var(--pc-edge) solid var(--pc-line);background:var(--paper-edge) center bottom/100% auto no-repeat,var(--ui-surface,#fffaf0);width:min(430px,100vw - 24px);max-height:calc(100dvh - 24px);color:var(--ui-text,#263a31);box-shadow:0 8px 0 var(--pc-shade);text-align:center;border-radius:24px;margin:auto;padding:24px 24px calc(12.5% + 16px);position:fixed;inset:0;overflow:auto}.save-reminder::backdrop{background:#132a246b}.save-reminder .save-reminder-close{border:var(--pc-edge) solid var(--pc-line);width:44px;height:44px;min-height:44px;box-shadow:0 3px 0 var(--pc-shade);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{border:var(--pc-edge) solid var(--pc-line);background:var(--scene-hill);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 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:2px dashed var(--pc-line);border-radius:14px;padding:12px}.save-reminder-gift strong{color:var(--ui-text);font:800 24px/1.2 Nunito 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 calc(12.5% + 10px)}.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-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}.paper-scene{z-index:0;pointer-events:none;background:var(--scene-wall);--floor-h:clamp(36px,11dvh,120px);position:absolute;inset:0;overflow:hidden}.paper-scene>svg{display:block;position:absolute;overflow:visible}.paper-scene .ps-sun{fill:var(--scene-sun)}.paper-scene .ps-sun-dot{fill:var(--scene-sun-dot)}.paper-scene .ps-hill{fill:var(--scene-hill)}.paper-scene .ps-hill-dot{fill:var(--scene-hill-dot)}.paper-scene-sun{aspect-ratio:1;width:clamp(220px,46vmax,760px);top:-16%;right:-9%}.paper-scene-hill{width:100%;height:clamp(150px,24vw,320px);left:0;bottom:calc(var(--floor-h) - 2px)}.paper-scene-floor{height:var(--floor-h);border-top:4px solid var(--scene-wood-top);background:repeating-linear-gradient(90deg,transparent 0 calc(25% - 3px),var(--scene-floor-line) calc(25% - 3px) 25%),var(--scene-floor);position:absolute;bottom:0;left:0;right:0}.paper-scene-bunting{width:100%;height:46px;top:0;left:0}.paper-scene .ps-string{fill:none;stroke:var(--pc-line);stroke-width:2px;opacity:.55}.paper-scene .ps-flag{stroke:var(--pc-line);stroke-width:2px;stroke-linejoin:round;opacity:.8}.paper-scene .ps-coral{fill:var(--pc-coral-soft)}.paper-scene .ps-gold{fill:var(--pc-gold-soft)}.paper-scene .ps-teal{fill:var(--pc-teal-soft)}.paper-scene .ps-violet{fill:var(--pc-violet-soft)}.paper-scene:is(.paper-scene-home,.paper-scene-book)>.paper-scene-floor{display:none}.paper-scene-home .paper-scene-sun{width:clamp(240px,40vmax,720px);top:-12%;right:-7%}.paper-scene-home>.paper-scene-hill{display:none}.paper-scene-book .paper-scene-sun{width:clamp(220px,36vmax,640px);top:auto;bottom:-26%;right:-14%}.paper-scene-book .paper-scene-hill{bottom:0}.paper-scene-album{--floor-h:clamp(40px,14dvh,150px);background:var(--scene-wall-deep)}.paper-scene-album .paper-scene-sun{width:clamp(220px,40vmax,640px);top:-20%;left:-12%;right:auto}.paper-scene-album .ps-sun{fill:var(--scene-hill)}.paper-scene-album .ps-sun-dot{fill:var(--scene-hill-dot)}.paper-scene-album>.paper-scene-hill{display:none}.paper-scene-album .paper-scene-floor{background:repeating-linear-gradient(0deg,transparent 0 22px,var(--scene-floor-line) 22px 24px),var(--scene-floor);border-top-width:6px}.paper-scene .ps-ink,.paper-scene .ps-lamp,.paper-scene .ps-pot,.paper-scene .ps-leaf{stroke:var(--pc-line);stroke-width:4px;stroke-linejoin:round}.paper-scene .ps-ink-line{stroke:var(--pc-line);stroke-width:3px}.paper-scene .ps-lamp{fill:var(--pc-gold-soft)}.paper-scene .ps-glow{fill:var(--pc-gold);opacity:.55}.paper-scene .ps-leaf{fill:var(--scene-hill-dot)}.paper-scene .ps-pot{fill:var(--pc-coral-soft)}.paper-scene .ps-parcel-gold{fill:var(--pc-gold-soft)}.paper-scene .ps-parcel-violet{fill:var(--pc-violet-soft)}.paper-scene .ps-parcel-coral{fill:var(--pc-coral-soft)}.paper-scene .ps-ribbon{fill:var(--scene-wall)}.paper-scene-lamp{aspect-ratio:120/200;width:clamp(64px,7vw,120px);top:44px;right:3%}.paper-scene-plant{aspect-ratio:140/170;width:clamp(70px,7vw,130px);left:1.5%;bottom:calc(var(--floor-h) - 8px)}.paper-scene-parcels{aspect-ratio:170/150;width:clamp(80px,8vw,150px);left:calc(2% + clamp(70px,7vw,130px));bottom:calc(var(--floor-h) - 6px)}@media (width<=999px),(height<=520px){.paper-scene>:is(.paper-scene-lamp,.paper-scene-plant,.paper-scene-parcels){display:none}}@media (height<=420px){.paper-scene>:is(.paper-scene-hill,.paper-scene-bunting){display:none}.paper-scene{--floor-h:24px}}@media (forced-colors:active){.paper-scene{display:none}}.paper-scene-stars{width:100%;height:70%;top:0;left:0}.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}}.app-frame .pet-welcome{padding:clamp(12px,2vh,28px);overflow:auto}.app-frame .pet-welcome .pet-ticket{border:var(--pc-edge) solid var(--pc-line);width:min(1120px,100%);height:auto;max-height:none;box-shadow:0 6px 0 var(--pc-shade);grid-template-rows:auto 1fr auto;grid-template-columns:minmax(260px,1fr) minmax(300px,1fr);gap:24px 36px;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);letter-spacing:0;text-transform:none;margin-top:4px;font-size:14px;font-weight:700;display:block}.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(2,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(4,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(4,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)}.pet-welcome .pet-ticket[data-step=name]>footer{flex-direction:column;gap:14px}.pet-welcome .pet-ticket[data-step=name]>footer input{font-size:18px}.app-frame .onboarding.pet-welcome{--home-wing:max(0px,calc((100cqw - 1120px) / 2));--home-menu:1120px;--home-friend-size:clamp(64px,5.5vw,130px);isolation:isolate;background:var(--scene-wall);position:relative;overflow:auto;container:home-stage/size}.app-frame .onboarding.pet-welcome>.pet-ticket{z-index:2;box-shadow:0 6px 0 var(--pc-shade);border:0;position:relative}.pet-welcome .home-carnival{z-index:0}.pet-welcome .carnival-wheel{aspect-ratio:320/360;width:clamp(140px,50cqw - 570px,380px);height:auto;bottom:clamp(24px,6cqh,90px);left:6px}.pet-welcome .carnival-tent{width:clamp(140px,50cqw - 570px,400px);bottom:clamp(20px,5cqh,80px);right:6px}@container home-stage (width<=1400px){.pet-welcome :is(.carnival-wheel,.carnival-tent,.carnival-friend){display:none}}.pet-welcome .pet-ticket[data-step=name] .selected-pal{flex-direction:column;grid-area:2/2;justify-content:center;align-items:flex-start;gap:14px;display:flex}.pet-welcome .pet-ticket[data-step=name] .selected-pal p{color:var(--ui-text);margin:0;font:800 clamp(20px,2vw,28px)/1.25 Nunito Variable,sans-serif}.pet-welcome .pet-ticket[data-step=name] .selected-pal button{background:var(--ui-raised);min-height:44px;color:var(--ui-text);box-shadow:0 3px 0 var(--pc-shade);border:0;border-radius:14px;padding:8px 16px;font-weight:800}@media (width<=700px){.pet-welcome .pet-ticket[data-step=name] .selected-pal{grid-area:3/1}}@media (height<=700px){.app-frame .pet-welcome .pet-ticket[data-step=name]{flex-direction:column;gap:10px;width:min(540px,100%);padding:14px 16px;display:flex}.pet-welcome .pet-ticket[data-step=name] .starter-pet-stage{display:none}.pet-welcome .pet-ticket[data-step=name] .selected-pal{flex-direction:row;justify-content:space-between;align-items:center}.pet-welcome .pet-ticket[data-step=name] .selected-pal p{font-size:18px;display:block}.pet-welcome .pet-ticket[data-step=name]>header h1{font-size:26px}}@media (height<=420px){.app-frame .pet-welcome .pet-ticket[data-step=name]{gap:6px;padding:8px 14px}.pet-welcome .pet-ticket[data-step=name]>header h1{margin:0;font-size:22px}.pet-welcome .pet-ticket[data-step=name]>header small,.pet-welcome .pet-ticket[data-step=name] .selected-pal p{display:none}.pet-welcome .pet-ticket[data-step=name]>footer{gap:6px}.pet-welcome .pet-ticket[data-step=name]>footer .primary{min-height:44px}}.cloud-dialog{border:var(--pc-edge) solid var(--pc-line);background:var(--paper,#fffdf7);width:min(720px,100vw - 24px);max-height:calc(100dvh - 24px);color:var(--ink,#263a31);box-shadow:0 8px 0 var(--pc-shade);border-radius:18px;margin:auto;padding:0}.cloud-dialog::backdrop{background:#132a2470}.cloud-dialog>header{border-bottom:var(--pc-edge) solid var(--pc-line);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{background:var(--ui-action);color:var(--ui-action-ink);border:var(--pc-edge) solid var(--pc-line);box-shadow:0 3px 0 var(--pc-shade)}.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:2px solid var(--pc-line);background:var(--ui-raised);box-shadow:0 3px 0 var(--pc-shade);border-radius:14px;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:2px solid var(--pc-line);background:var(--ui-raised);border-radius:14px;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{border:var(--pc-edge) solid var(--pc-line);text-align:center;background:var(--paper-edge) center bottom / 100% auto no-repeat, var(--ui-surface);width:min(34rem,100vw - 2rem);max-height:calc(100dvh - 2rem);color:var(--ui-text);box-shadow:0 8px 0 var(--pc-shade);border-radius:1.5rem;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;margin:auto;padding:1.25rem 1.25rem calc(12.5% + .75rem);display:flex;overflow:auto}.parent-play-gate::backdrop{background:#0b263cec}.parent-play-gate button{min-width:44px;min-height:44px;color:var(--ui-text);background:var(--ui-raised);border:var(--pc-edge) solid var(--pc-line);box-shadow:0 3px 0 var(--pc-shade);border-radius:.75rem;padding:.65rem 1rem;font-weight:800}.parent-play-gate button.primary{color:var(--ui-action-ink);background:var(--ui-action)}.parent-play-gate>svg{width:4rem;height:4rem;color:var(--ui-text);flex-shrink:0}.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}}.app-frame .currency-wallet{--wallet-fill:#ffe39a;--wallet-drop:#d49a2c;--wallet-ink:#5e3b00;background:var(--wallet-fill);min-width:44px;height:44px;color:var(--wallet-ink);box-shadow:inset 0 2px 0 #ffffffa6,0 3px 0 var(--wallet-drop);white-space:nowrap;background-image:var(--glint-button);background-repeat:no-repeat;border:0;border-radius:999px;align-items:center;gap:6px;padding:3px 14px 0 4px;font:900 19px/1 Nunito Variable,sans-serif;transition:transform 60ms,box-shadow 60ms;display:inline-flex}.app-frame .currency-wallet.global-diamonds{--wallet-fill:#e2d8ff;--wallet-drop:#9a82e6;--wallet-ink:#33206e}.app-frame .currency-wallet>svg{flex:none;width:36px;height:36px;display:block}.app-frame .currency-wallet:not(:disabled):hover{background:color-mix(in srgb,var(--wallet-fill) 80%,#fff)}.app-frame .currency-wallet:not(:disabled):active{box-shadow:inset 0 2px 0 #ffffffa6,0 1px 0 var(--wallet-drop);transform:translateY(2px)}.currency-wallet:disabled{opacity:1;cursor:default}.currency-wallet strong{min-width:1ch;font:inherit;color:inherit;font-variant-numeric:tabular-nums;transform-origin:50%;display:inline-block;position:relative;top:1px}@media (width<=700px){.app-frame .currency-wallet{gap:4px;height:40px;padding:3px 11px 0 3px;font-size:16px}.app-frame .currency-wallet>svg{width:32px;height:32px}}@media (width<=400px){.global-status{gap:4px}.app-frame .currency-wallet{padding-right:8px;font-size:14px}.app-frame .currency-wallet>svg{width:28px;height:28px}}@media (width<=359px){.app-frame .currency-wallet{gap:3px;padding-right:6px}.app-frame .currency-wallet>svg{width:24px;height:24px}}.profile-button{position:relative}.profile-avatar{width:calc(var(--portrait) + 8px);height:calc(var(--portrait) + 8px);flex:none;align-items:start;display:grid;position:relative}.profile-avatar>.level-badge{pointer-events:none;width:28px;height:28px;position:absolute;bottom:0;right:0}.profile-avatar>.level-badge b{--size:13px}.profile-avatar .level-badge svg{width:100%;height:100%}.app-frame .profile-button .profile-avatar>.profile-portrait.pet-portrait{background:var(--ui-inset);width:100%;height:100%;box-shadow:none;border-radius:8px}.app-frame .profile-button .profile-avatar>.pet-portrait>.cs{transform-origin:49% 58%;transform:scale(1.42)}.app-frame .profile-button .profile-avatar{--avatar:calc(var(--portrait,40px) + 8px);width:var(--avatar);height:var(--avatar)}.app-frame .profile-button .profile-avatar>.level-badge{width:max(24px,calc(var(--avatar) * .5));height:max(24px,calc(var(--avatar) * .5));bottom:-6px;right:-7px}.app-frame .profile-button .profile-avatar>.level-badge-avatar{bottom:-2px;right:-2px}@media (width>=1101px){.app-frame .global-bar .profile-button .profile-avatar{--avatar:clamp(48px,4.6dvh,84px)}.app-frame .global-bar .profile-button .profile-name{font-size:clamp(16px,1.6dvh,26px)}}.journey-page{--marker:52px;--stop-top:10px;--row-gap:10px;isolation:isolate;width:100%;min-height:0;color:var(--ui-text);flex-direction:column;flex:1;gap:8px;padding:10px clamp(10px,3vw,24px) 0;display:flex;position:relative}:root[data-theme=dark] :is(.journey-page,.journey-reveal){--ui-surface:#17232f;--ui-raised:#223646;--ui-text:#f7f4e9;--ui-muted:#c0cfd9;--ui-border:#617c8e;--pc-line:#617c8e;--pc-shade:#0c1723;--scene-text-halo:0 1px 0 #0c1723,1px 0 0 #0c1723,-1px 0 0 #0c1723,0 -1px 0 #0c1723}.journey-page>:is(.journey-side,.journey-track){z-index:1;position:relative}.journey-side{flex-direction:column;gap:12px;min-height:0;display:flex}.journey-card{flex-direction:column;gap:8px;min-width:0;display:flex}.journey-toys,.journey-card>.journey-next,.journey-medal-name{display:none}.journey-header{align-items:center;gap:10px;display:flex}.journey-back{border:var(--pc-edge) solid var(--pc-line);background:var(--ui-raised);min-width:44px;min-height:44px;color:var(--ui-text);box-shadow:0 4px 0 var(--pc-shade);border-radius:14px;align-items:center;gap:6px;padding:8px 12px;font-weight:800;display:flex}.journey-title{flex:1;min-width:0}.journey-title h1{margin:0;font:800 clamp(24px,3vw,38px)/1.05 Nunito Variable,sans-serif}.journey-title p{font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:13px;font-weight:700}.journey-card :is(.journey-title p,.journey-note){text-shadow:var(--scene-text-halo)}.journey-xp{border:2px solid color-mix(in srgb,var(--ui-text) 72%,transparent);background:#33545b;border-radius:999px;height:14px;margin-top:6px;position:relative;overflow:hidden;box-shadow:inset 0 3px #00000047}:root[data-theme=dark] .journey-xp{background:#0c1723}.journey-xp>i{background:#f2a516;border-radius:999px;height:100%;display:block;box-shadow:inset 0 -3px #c9790e66,inset 0 3px #ffffff59}.journey-tools{flex-wrap:wrap;gap:8px;display:flex}.journey-tools button{border:var(--pc-edge) solid var(--pc-line);background:var(--ui-raised);min-height:44px;color:var(--ui-text);box-shadow:0 3px 0 var(--pc-shade);border-radius:12px;align-items:center;gap:6px;padding:8px 14px;font-weight:800;display:flex}.journey-tools button:disabled{box-shadow:none;color:var(--ui-muted)}.journey-tools svg,.journey-claim svg,.journey-status svg{flex:none;width:18px;height:18px}.journey-note{color:var(--ui-muted);margin:0;font-size:13px}.journey-next{border:var(--pc-edge) solid var(--pc-line);background:var(--ui-raised);min-height:64px;color:var(--ui-text);text-align:left;box-shadow:0 3px 0 var(--pc-shade);border-radius:16px;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:10px;padding:6px 12px 6px 8px}.journey-next .journey-art,.journey-next .journey-art svg,.journey-next .journey-art .cosmetic-art,.journey-next .journey-art .collection-pet-art{width:52px;height:52px}.journey-next>span{gap:2px;min-width:0;display:grid}.journey-next small{color:var(--ui-muted);font-size:11px;font-weight:800}.journey-next strong{font-size:15px;line-height:1.2}.journey-track{gap:var(--row-gap);overscroll-behavior:contain;flex:1;align-content:start;min-height:0;margin:0;padding:10px 4px 18px 10px;list-style:none;display:grid;overflow:auto}.journey-row{grid-template-columns:var(--marker) minmax(0,1fr);align-items:start;gap:10px;scroll-margin:12px;display:grid;position:relative}.journey-row[data-level]:before{content:"";z-index:-1;left:calc(var(--marker) / 2 - 3px);top:calc(var(--stop-top) + var(--marker) / 2);width:6px;height:calc(100% + var(--row-gap));background:repeating-linear-gradient(color-mix(in srgb,var(--ui-text) 55%,transparent) 0 6px,transparent 6px 12px);border-radius:3px;position:absolute}.journey-row[data-trail=done]:before{background:#f2b628;box-shadow:0 0 0 2px #173f4a}.journey-level{width:var(--marker);height:var(--marker);margin-top:var(--stop-top);background:var(--ui-raised);color:var(--ui-text);box-shadow:0 3px 0 var(--pc-shade);border:2.5px solid #173f4a;border-radius:50%;align-content:center;place-items:center;gap:1px;display:grid;position:relative;container-type:inline-size}.journey-level b{font:900 min(var(--size,19px),calc(130cqi / var(--chars,1)))/1 "Nunito Variable",sans-serif;font-variant-numeric:tabular-nums}.journey-level small{color:var(--ui-muted);font-size:9px;font-weight:800;line-height:1}.journey-row[data-state=reached] .journey-level{color:#3b2906;background:#f7c948}.journey-row[data-state=reached] .journey-level small{color:#5a3f0a}.journey-row[data-state=next] .journey-level{border-style:dashed;border-color:#d98a00}.journey-row[aria-current=step] .journey-level{box-shadow:0 0 0 4px var(--ui-surface),0 0 0 7px #e4604b}.journey-cells{gap:6px;min-width:0;display:grid}.journey-cell{border:var(--pc-edge) solid var(--pc-line);background:var(--ui-surface);min-height:72px;color:var(--ui-text);border-radius:16px;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;display:grid;position:relative}.journey-cell[data-state=ready]{background:var(--ui-raised);box-shadow:0 4px 0 color-mix(in srgb,#e9a92c 40%,var(--pc-shade));border-color:#e9a92c}.journey-cell.journey-pro{background:#f3edff;border-style:dashed;border-color:#8f78d6;min-height:60px;margin-left:18px}.journey-cell.journey-pro[data-state=ready]{border-style:solid;box-shadow:0 4px #8f78d655}:root[data-theme=dark] .journey-cell.journey-pro{background:#203b48;border-color:#78b6bf}.journey-pro .journey-copy>small{color:#7253a8}:root[data-theme=dark] .journey-pro .journey-copy>small{color:#b6e4e8}.journey-copy{gap:2px;min-width:0;display:grid}.journey-copy small{color:var(--ui-muted);font-size:11px;font-weight:800}.journey-copy .journey-pro-label{min-height:44px;color:var(--ui-text);text-underline-offset:3px;background:0 0;justify-self:start;padding:4px 0;font-size:12px;font-weight:800;text-decoration:underline}.journey-status.is-pro{text-underline-offset:3px;background:0 0;border:0;min-height:44px;padding:4px 6px;text-decoration:underline}.journey-copy strong{font-size:15px;line-height:1.2}.journey-detail{color:var(--ui-muted);font-size:12px;line-height:1.3}.journey-copy .pro-mark{--pro-mark-size:1em;margin-right:2px}.journey-claim{border:var(--pc-edge) solid var(--pc-line);background:var(--ui-surface);min-width:44px;min-height:44px;color:var(--ui-text);box-shadow:0 3px 0 var(--pc-shade);border-radius:12px;align-items:center;gap:6px;padding:8px 14px;font-weight:800;display:flex}.journey-claim.is-next{color:#234b50;background:#f7d47b}.journey-claim:disabled{box-shadow:none;opacity:.7}.journey-status{color:var(--ui-muted);text-align:right;align-items:center;gap:4px;font-size:12px;font-weight:800;display:flex}.journey-status.is-claimed{color:#2c7a5a}:root[data-theme=dark] .journey-status.is-claimed{color:#8fe0b8}.journey-status.is-pro{max-width:96px}.journey-art{place-items:center;width:56px;height:56px;display:grid}.journey-art svg,.journey-art .cosmetic-art,.journey-art .collection-pet-art{width:56px;height:56px}.journey-art .collection-pet-art{overflow:hidden}.journey-more{grid-template-columns:var(--marker) 1fr}.journey-more p{background:var(--ui-surface);color:var(--ui-muted);border-radius:14px;align-self:center;margin:0;padding:10px 14px;font-size:13px}.journey-more .journey-level svg{color:#e9a92c;width:22px;height:22px}.journey-page-nav{display:block}.journey-page-nav button{border:var(--pc-edge) dashed var(--pc-line);background:var(--ui-surface);width:100%;min-height:44px;color:var(--ui-text);border-radius:14px;justify-content:center;align-items:center;gap:6px;font-weight:800;display:flex}.journey-page-nav svg{width:18px;height:18px}@media (width>=820px) and (height>=521px){.journey-page{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(280px,360px) minmax(0,760px);justify-content:center;column-gap:clamp(16px,2.6vw,44px);padding:16px clamp(14px,3vw,40px) 0;display:grid}.journey-side{grid-column:1;padding-bottom:12px}.journey-track{grid-column:2}.journey-card{border:var(--pc-edge) solid var(--pc-line);background:var(--ui-surface);box-shadow:0 6px 0 var(--pc-shade);border-radius:22px;gap:10px;padding:14px 16px 16px}.journey-card :is(.journey-title p,.journey-note){text-shadow:none}.journey-header{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center;gap:6px;display:grid}.journey-back{justify-self:start}.journey-header .level-badge-large{width:clamp(88px,13vh,128px);height:clamp(88px,13vh,128px);margin:10px 0 2px}.journey-header .level-badge-large b{--size:clamp(30px,4.4vh,44px)}.journey-title{width:100%}.journey-medal-name{color:var(--ui-muted);margin-top:2px;font-size:12px;font-weight:800;display:block}.journey-tools button{flex:130px;justify-content:center}.journey-card>.journey-next{display:grid}.journey-toys{display:block}}@media (width<=700px){.journey-page{--marker:42px;--stop-top:11px;--row-gap:8px;gap:8px;padding:8px 10px 0}.journey-back span{display:none}.journey-header .level-badge-large{width:52px;height:52px}.journey-level b{--size:16px}.journey-row[data-state=reached]:not([aria-current]) .journey-level small{display:none}.journey-row{gap:8px}.journey-cell{grid-template-columns:48px minmax(0,1fr) auto;gap:8px;min-height:64px;padding:6px 8px}.journey-cell.journey-pro{min-height:58px;margin-left:12px}.journey-art,.journey-art svg,.journey-art .cosmetic-art,.journey-art .collection-pet-art{width:48px;height:48px}.journey-copy strong{font-size:14px}.journey-claim{padding:8px 10px}}@media (orientation:landscape) and (height<=520px){.journey-page{--marker:44px;--stop-top:6px;--row-gap:8px;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(176px,32%) minmax(0,1fr);column-gap:10px;padding:6px 12px 0;display:grid}.journey-side{grid-column:1;padding-bottom:6px}.journey-track{grid-column:2}.journey-card{gap:6px}.journey-header{grid-template-columns:auto auto;justify-content:start;align-items:center;gap:6px 8px;display:grid}.journey-header .level-badge-large{width:44px;height:44px}.journey-header .level-badge-large b{--size:17px}.journey-title{grid-column:1/-1}.journey-title h1{font-size:18px}.journey-title p{margin:2px 0 0;font-size:11px}.journey-xp{height:10px;margin-top:3px}.journey-note{display:none}.journey-note:has(.journey-pro-available){display:block}.journey-tools{grid-template-columns:1fr 1fr;gap:6px;display:grid}.journey-tools button{text-align:center;justify-content:center;min-height:44px;padding:4px 6px;font-size:12px;line-height:1.1}.journey-tools svg{display:none}.journey-cell{min-height:56px;padding:4px 8px}}.journey-reveal{background:var(--ui-surface);width:min(600px,100vw - 24px);height:fit-content;max-height:calc(100dvh - 24px);color:var(--ui-text);border-radius:24px;margin:auto;padding:0;position:fixed;inset:0;overflow:visible}.journey-reveal::backdrop{background:#061925bb}.journey-prizes{border-radius:22px;flex-direction:column;gap:10px;max-height:calc(100dvh - 28px);padding:16px 20px;display:flex;position:relative;overflow:hidden}.journey-prize-header{flex:none;justify-content:space-between;align-items:center;gap:8px;display:flex}.journey-prize-header h2{text-shadow:none;margin:0;font:800 clamp(17px,3vw,23px)/1.2 Nunito Variable,sans-serif}.journey-prize-header>button{width:44px;height:44px;color:var(--ui-text);background:0 0;border:0;flex:none;place-items:center;padding:8px;display:grid}.journey-prize-wallets{flex:none;justify-content:center;gap:14px;display:flex}.journey-prize-wallets .currency-wallet:disabled{opacity:1}.journey-prize-body{text-align:center;align-content:center;justify-items:center;gap:12px;min-height:0;padding:20px 8px 12px;display:grid;position:relative;overflow:auto}.journey-prize-art{isolation:isolate;flex:none;width:140px;height:140px;position:relative}.journey-prize-art:before{content:"";z-index:-1;background:radial-gradient(circle,#f2b62844 0 42%,#0000 44%);border-radius:50%;position:absolute;inset:-12%;-webkit-mask-image:radial-gradient(circle,#000 45%,#0000 70%);mask-image:radial-gradient(circle,#000 45%,#0000 70%)}.journey-prize-art .journey-art,.journey-prize-art .journey-art>svg,.journey-prize-art .cosmetic-art,.journey-prize-art .collection-pet-art{width:100%;max-width:none;height:100%}.journey-prize-art .journey-art{animation:.48s cubic-bezier(.2,1.4,.4,1) both journey-prize-pop}.journey-prize-copy{max-width:420px;animation:.32s ease-out .16s both journey-prize-copy;position:relative}.journey-prize-copy h3{text-shadow:none;margin:0;font:900 clamp(23px,4vw,32px)/1.1 Nunito Variable,sans-serif}.journey-prize-copy p{color:var(--ui-muted);margin:8px 0;font-size:14px;line-height:1.35}.journey-prize-saved{color:var(--ui-text);align-items:center;gap:4px;font-size:12px;font-weight:800;display:inline-flex}.journey-prize-saved svg,.journey-prize-receipt svg{flex:none;width:15px;height:15px}.journey-prize-flights{z-index:3;pointer-events:none;position:fixed;inset:0}.journey-prize-footer{flex:none;gap:10px;display:grid;position:relative}.journey-prize-progress{color:var(--ui-muted);justify-content:center;align-items:center;gap:6px;font-size:12px;display:flex}.journey-prize-progress i{background:var(--ui-muted);opacity:.2;border-radius:4px;width:22px;height:6px}.journey-prize-progress i[data-shown=true]{opacity:1;background:#e9a92c}.journey-prize-progress span{margin-left:4px}.journey-reveal .journey-prize-receipt{flex-wrap:wrap;justify-content:center;gap:4px 12px;max-height:66px;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.journey-prize-receipt li{color:var(--ui-muted);align-items:center;gap:3px;font-size:12px;display:flex}.journey-reveal-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex;position:relative}.journey-reveal-actions button{border:var(--pc-edge) solid var(--pc-line);background:var(--ui-raised);min-height:48px;color:var(--ui-text);border-radius:14px;flex:130px;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-weight:800;display:flex}.journey-reveal-actions button svg{flex:none;width:18px;height:18px}.journey-prize-footer>[role=alert]{margin:0;font-size:13px}@keyframes journey-stamp{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}@keyframes journey-prize-pop{0%{opacity:0;transform:scale(.45)rotate(-9deg)}70%{opacity:1;transform:scale(1.08)rotate(3deg)}to{opacity:1;transform:none}}@keyframes journey-prize-copy{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.journey-prizes[data-quiet=true] :is(.journey-prize-art .journey-art,.journey-prize-copy){animation:none}@media (width<=420px){.journey-prizes{gap:8px;padding:10px 12px}.journey-prize-art{width:112px;height:112px}.journey-prize-body{gap:8px;padding:16px 4px 8px}}@media (orientation:landscape) and (height<=500px){.journey-prizes{gap:4px;padding:6px 14px}.journey-prize-header{min-height:44px}.journey-prize-header h2{font-size:17px}.journey-prize-wallets{gap:6px;position:absolute;top:6px;right:62px}.journey-prize-wallets .currency-wallet{height:34px;padding-right:8px;font-size:15px}.journey-prize-wallets .currency-wallet>svg{width:28px;height:28px}.journey-prize-body{text-align:left;grid-template-columns:80px minmax(0,1fr);justify-content:center;align-items:center;gap:14px;min-height:80px;padding:8px 12px}.journey-prize-art{width:80px;height:80px}.journey-prize-copy{justify-self:start}.journey-prize-copy h3{font-size:23px}.journey-prize-copy p{margin:4px 0;font-size:12px}.journey-prize-footer{gap:5px}.journey-reveal-actions button{min-height:44px;padding:6px 10px}.journey-prize-receipt{max-height:32px}.journey-prize-progress{position:absolute;top:-17px;right:0}}.reward-levelup{text-align:center;justify-items:center;gap:8px;width:100%;display:grid}.reward-levelup>p{margin:0;font-weight:800}.reward-levelup h1{margin:0}.levelup-number{animation:.5s cubic-bezier(.2,1.6,.4,1) both levelup-pop}.levelup-xp{color:var(--ui-muted);font-variant-numeric:tabular-nums}.levelup-rewards{box-sizing:border-box;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;width:100%;max-width:620px;margin:4px 0 0;padding:0;list-style:none;display:grid}.levelup-rewards li{border:var(--pc-edge) solid var(--pc-line);background:var(--ui-raised);text-align:left;animation:.45s ease-out both journey-stamp;animation-delay:var(--delay);border-radius:14px;grid-template-columns:48px 1fr;align-items:center;gap:8px;padding:6px 8px;display:grid}.levelup-rewards .journey-art,.levelup-rewards .journey-art svg,.levelup-rewards .journey-art .cosmetic-art,.levelup-rewards .journey-art .collection-pet-art{width:48px;height:48px}.levelup-rewards span{gap:2px;display:grid}.levelup-rewards small{color:var(--ui-muted);font-size:11px}.reward-stage .reward-focus .levelup-rewards strong{font-size:16px;line-height:1.2}.levelup-claim{color:var(--ui-muted);font-size:13px}.levelup-ready{align-items:center;gap:6px;font-weight:800;display:flex}.levelup-ready svg{flex:none;width:18px;height:18px}.levelup-open{border:var(--pc-edge) solid var(--pc-line);background:var(--ui-raised);min-height:44px;color:var(--ui-text);box-shadow:0 3px 0 var(--pc-shade);border-radius:12px;padding:8px 18px;font-weight:800}@keyframes levelup-pop{0%{transform:scale(.6)}to{transform:none}}[data-motion=reduced] :is(.levelup-number,.levelup-rewards li,.journey-reveal li),[data-motion=minimal] :is(.levelup-number,.levelup-rewards li,.journey-reveal li){animation:none}@media (prefers-reduced-motion:reduce){:is(.levelup-number,.levelup-rewards li,.journey-reveal li){animation:none}}@media (height<=500px){.reward-levelup{gap:4px;min-width:min(420px,100%)}.levelup-ready{white-space:nowrap}.reward-levelup>p,.levelup-rewards,.levelup-claim{display:none}}.home-journey{z-index:2;border:var(--pc-edge) solid var(--pc-line);background:var(--ui-raised);min-height:44px;color:var(--ui-text);box-shadow:0 3px 0 var(--pc-shade);text-align:left;border-radius:22px;align-items:center;gap:8px;padding:5px 12px 5px 6px;display:flex;position:relative}.home-journey .level-badge{width:34px;height:34px}.home-journey.is-new .level-badge:after{content:"";background:#ff5a4a;border:2px solid #173f4a;border-radius:50%;width:24%;height:24%;position:absolute;top:-4%;right:-6%}.home-journey span{line-height:1.15;display:grid}.home-journey strong{font-size:14px}.home-journey small{color:var(--ui-muted);font-size:11px}.home-journey.is-new{color:#234b50;background:#f7d47b}.home-journey.is-new small{color:#234b50}.home-journey-summary{pointer-events:auto;border:var(--pc-edge) solid var(--pc-line);background:var(--ui-surface);width:min(420px,100vw - 24px);height:fit-content;max-height:calc(100dvh - 24px);color:var(--ui-text);text-align:center;box-shadow:5px 8px 0 var(--ui-shadow);border-radius:22px;justify-items:center;gap:10px;margin:auto;padding:24px;display:grid;position:fixed;inset:0;overflow:auto}.home-journey-summary::backdrop{background:#061925bb}.home-journey-summary h2{margin:0;font:800 24px/1.15 Nunito Variable,sans-serif}.home-journey-summary p{color:var(--ui-muted);margin:0}.home-journey-summary button{border:var(--pc-edge) solid var(--pc-line);background:var(--ui-raised);width:100%;min-height:48px;color:var(--ui-text);border-radius:12px;font-weight:800}.app-frame .game-screen .reward-stage .reward-focus>.reward-levelup,.reward-focus>.reward-levelup{text-align:center;grid-template-columns:minmax(0,1fr);grid-auto-flow:row;justify-items:center;width:100%;margin:auto;display:grid}.reward-focus>.reward-levelup>*{grid-column:1/-1}.journey-pro-available{min-height:44px;color:inherit;font:inherit;text-align:left;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:4px 0;font-weight:800;text-decoration:underline}.journey-pro-available:focus-visible{outline:3px solid var(--ui-focus);outline-offset:3px}.journey-track .journey-cell[data-lane].is-highlighted{background:color-mix(in srgb,var(--ui-surface) 80%,#f7c948);box-shadow:inset 0 0 0 2px #db9c19,0 3px 0 var(--pc-shade);border-color:#db9c19}.level-badge{--medal-ink:#173f4a;--medal-edge:3.4px;--medal-seam:1.9px;flex:none;place-items:center;width:30px;height:30px;display:inline-grid;position:relative;container-type:size}.level-badge svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.level-badge[data-tier=wood]{--m-main:#eea55a;--m-light:#ffd89c;--m-mid:#d98a44;--m-deep:#b0612a;--m-shade:#c97733;--m-acc:#4cc23a;--m-acc2:#2f8f2c;--m-acc3:#a6ec7a;--m-hot:#4cc23a;--m-hot2:#2f8f2c;--m-rib:#4fbe3c;--m-rib2:#2c8a2b;--m-rib3:#aef08a;--m-gem:#ec4a3a;--m-bezel:#b8662a;--m-face:#ffe8bb;--m-face2:#f0cd8c;--m-num:#4a2208;--m-inlay:#ffc53a;--m-plate:#7a3f1d;--m-halo:#8edb5c}.level-badge[data-tier=silver]{--m-main:#c4d9ef;--m-light:#f6fbff;--m-mid:#a3bfdf;--m-deep:#7c9fc8;--m-shade:#6f93bd;--m-acc:#f4f9ff;--m-acc2:#b2cbe8;--m-acc3:#fff;--m-hot:#3f8cff;--m-hot2:#2862c8;--m-rib:#3f8cff;--m-rib2:#2559bd;--m-rib3:#a6ccff;--m-gem:#4a9bff;--m-bezel:#4f74a3;--m-face:#f8fbff;--m-face2:#d9e5f2;--m-num:#173f4a;--m-inlay:#3f8cff;--m-plate:#5a7fae;--m-halo:#a9cdff}.level-badge[data-tier=gold]{--m-main:#ffc21a;--m-light:#fff3a6;--m-mid:#ffd65a;--m-deep:#e9960d;--m-shade:#d9800a;--m-acc:#ff7a1f;--m-acc2:#d4500f;--m-acc3:#ffc178;--m-hot:#ff7a1f;--m-hot2:#d4500f;--m-rib:#ff4a48;--m-rib2:#c22a30;--m-rib3:#ffa7a0;--m-gem:#ff3d6e;--m-bezel:#b86200;--m-face:#fff6d6;--m-face2:#f5df9e;--m-num:#5a3000;--m-inlay:#ff4a48;--m-plate:#e48a0c;--m-plate2:#ffb53a;--m-halo:#ffe27a}.level-badge[data-tier=diamond]{--m-main:#3fd2ff;--m-light:#dffaff;--m-mid:#92e7ff;--m-deep:#1ea6ea;--m-shade:#1384d4;--m-acc:#b493ff;--m-acc2:#7c4fe0;--m-acc3:#e6dbff;--m-hot:#b493ff;--m-hot2:#7c4fe0;--m-rib:#9a6bff;--m-rib2:#6b43d4;--m-rib3:#d8c7ff;--m-gem:#ff5fc0;--m-bezel:#0d5fa6;--m-face:#effcff;--m-face2:#cbeefa;--m-num:#08385e;--m-inlay:#a679ff;--m-plate:#1d6fd0;--m-halo:#c8b4ff}.level-badge[data-tier=ruby]{--m-main:#ff4569;--m-light:#ffb9c8;--m-mid:#ff7d97;--m-deep:#e3264f;--m-shade:#b5143f;--m-acc:#ffc22e;--m-acc2:#df8b00;--m-acc3:#fff1a2;--m-hot:#ffc22e;--m-hot2:#df8b00;--m-rib:#ffc22e;--m-rib2:#d98900;--m-rib3:#fff0a8;--m-gem:#fff3f6;--m-bezel:#8e0f34;--m-face:#fff1f4;--m-face2:#f6cfd9;--m-num:#6b0924;--m-inlay:#ffc22e;--m-plate:#9e1238;--m-halo:#ffd23f}.level-badge[data-tier=emerald]{--m-main:#16c97c;--m-light:#a6ffd2;--m-mid:#57e3a0;--m-deep:#0aa865;--m-shade:#077d4c;--m-acc:#ffd23b;--m-acc2:#d9a300;--m-acc3:#fff2a8;--m-hot:#ffd23b;--m-hot2:#d9a300;--m-rib:#39a7ff;--m-rib2:#1f6dcf;--m-rib3:#b3dcff;--m-gem:#16c97c;--m-bezel:#05603a;--m-face:#edfff5;--m-face2:#c8f1db;--m-num:#053f26;--m-inlay:#ffd23b;--m-plate:#0b6b43;--m-halo:#ffe680}.level-badge[data-tier=starlight]{--m-main:#9065ff;--m-light:#d6c6ff;--m-mid:#b49aff;--m-deep:#6e42f0;--m-shade:#4b2cc6;--m-acc:#ffd84a;--m-acc2:#e3a700;--m-acc3:#fff3b0;--m-hot:#ffd84a;--m-hot2:#e3a700;--m-rib:#ff6fc8;--m-rib2:#d63f9c;--m-rib3:#ffc4e9;--m-gem:#ff6fc8;--m-bezel:#ffd84a;--m-face:#22145e;--m-face2:#150b40;--m-num:#ffe27a;--m-inlay:#ff8fd8;--m-plate:#ff7fcf;--m-halo:#ffe27a}.level-medal-edge path,.level-medal-seam path{fill:var(--medal-ink);stroke:var(--medal-ink);stroke-width:var(--medal-edge);stroke-linejoin:round}.level-medal-seam path{stroke-width:var(--medal-seam)}.medal-main{fill:var(--m-main)}.medal-light{fill:var(--m-light)}.medal-mid{fill:var(--m-mid)}.medal-deep{fill:var(--m-deep)}.medal-shade{fill:var(--m-shade)}.medal-acc{fill:var(--m-acc)}.medal-acc2{fill:var(--m-acc2)}.medal-acc3{fill:var(--m-acc3)}.medal-hot{fill:var(--m-hot)}.medal-hot2{fill:var(--m-hot2)}.medal-rib{fill:var(--m-rib)}.medal-rib2{fill:var(--m-rib2)}.medal-rib3{fill:var(--m-rib3)}.medal-gem{fill:var(--m-gem)}.medal-glint{fill:#fff}.medal-bezel{fill:var(--m-bezel)}.medal-face{fill:var(--m-face)}.medal-face2{fill:var(--m-face2)}.medal-inlay{fill:var(--m-inlay)}.medal-plate{fill:var(--m-plate)}.medal-plate2{fill:var(--m-plate2,var(--m-plate))}.medal-halo{fill:var(--m-halo)}.medal-ln{fill:none;stroke-linecap:round}.medal-ln-light{stroke:var(--m-light)}.medal-ln-mid{stroke:var(--m-mid)}.medal-ln-deep{stroke:var(--m-deep)}.medal-ln-acc2{stroke:var(--m-acc2)}.medal-ln-acc3{stroke:var(--m-acc3)}@container (width<=56px){.level-badge svg{--medal-edge:4.4px;--medal-seam:2.4px}.level-badge .medal-fine{display:none}}@container (width<=34px){.level-badge svg{--medal-edge:5.4px;--medal-seam:2.9px}}@container (width>=90px){.level-badge svg{--medal-edge:2.8px;--medal-seam:1.6px}}.medal-shine{fill:#fff;opacity:.5;animation:6s ease-in-out 1.2s 3 medal-shine;transform:translate(-30px)}.medal-shine-thin{animation-delay:1.45s}.level-badge[data-variant="10"] .medal-shine{animation-duration:4.2s;animation-iteration-count:4}@keyframes medal-shine{0%{transform:translate(-30px)}24%,to{transform:translate(62px)}}[data-motion=reduced] .medal-shine,[data-motion=minimal] .medal-shine{display:none}@media (prefers-reduced-motion:reduce){.medal-shine{display:none}}.level-badge b{color:var(--m-num);font:900 min(var(--size,12px),calc(100cqi / var(--chars,1)))/1 "Nunito Variable",sans-serif;font-variant-numeric:tabular-nums;text-shadow:none;-webkit-text-stroke:0;position:relative}.level-badge-large{width:64px;height:64px}.level-badge-large b{--size:22px}.app-frame .profile-button .profile-avatar>.level-badge-avatar b{--size:clamp(12px,52cqi,22px)}@media (forced-colors:active){.level-badge b{color:canvastext}}.xp-bar{--xp-ink:var(--ui-text);--xp-groove:#33545b;--xp-end:calc(var(--xp-to) * 100%);--xp-tick:#ffffff2e;border:2px solid color-mix(in srgb,var(--xp-ink) 72%,transparent);background:linear-gradient(90deg,transparent calc(25% - 1px),var(--xp-tick) 0 calc(25% + 1px),transparent 0 calc(50% - 1px),var(--xp-tick) 0 calc(50% + 1px),transparent 0 calc(75% - 1px),var(--xp-tick) 0 calc(75% + 1px),transparent 0),var(--xp-groove);border-radius:999px;position:relative;box-shadow:inset 0 3px #00000047}:root[data-theme=dark] .xp-bar{--xp-groove:#211548}.xp-bar-lane{position:absolute;inset:2px}.xp-bar-clip{border-radius:999px;position:absolute;inset:0;overflow:hidden}.xp-bar-fill{width:100%;transform:scaleX(var(--xp-to));transform-origin:0;background:linear-gradient(#ffffff8c 0 34%,#0000 0),#ffe14d;border-radius:999px;display:block;position:absolute;inset:0 auto 0 0;overflow:hidden;box-shadow:inset -3px 0 #fffbe0}.xp-bar-held{width:max(0px,min(calc(var(--xp-held) * 100%),calc(var(--xp-to) * 100% - var(--xp-min,0px))));background:linear-gradient(#ffffff40 0 34%,#0000 0),#f29d16;border-radius:999px 0 0 999px;display:block;position:absolute;inset:0 auto 0 0;box-shadow:inset -2px 0 #b8650a,inset 0 -3px #c06a0a55}.xp-bar-fill[data-animate]{animation-duration:var(--xp-dur);animation-timing-function:cubic-bezier(.16,1,.3,1);animation-delay:var(--xp-delay);animation-fill-mode:both}.levelup-fill[data-animate]{animation-name:levelup-fill}@keyframes levelup-fill{0%{transform:scaleX(var(--xp-from))}to{transform:scaleX(var(--xp-to))}}.xp-bar-fill[data-animate]:after{content:"";width:18px;animation:xp-sheen var(--xp-dur) ease-in-out var(--xp-delay) both;background:#ffffffc0;position:absolute;top:0;bottom:0;left:0;transform:skew(-20deg)}@keyframes xp-sheen{0%{opacity:0;left:-24px}12%{opacity:1}88%{opacity:1}to{opacity:0;left:100%}}.reward-xp-spark{z-index:1;width:100%;height:0;transform:translateX(var(--xp-end));pointer-events:none;position:absolute;top:50%;left:0}.reward-xp-spark:before{content:"";background:radial-gradient(circle,#fffbe8 0 34%,#ffd45f 36% 58%,#0000 62%);border-radius:50%;width:20px;height:20px;position:absolute;top:-10px;left:-10px}.reward-xp-spark[data-animate]{animation:xp-spark var(--xp-dur) cubic-bezier(.16,1,.3,1) var(--xp-delay) both}.reward-xp-spark[data-animate]:before{animation:xp-core var(--xp-dur) linear var(--xp-delay) both}@keyframes xp-spark{0%{transform:translateX(calc(var(--xp-from) * 100%))}to{transform:translateX(var(--xp-end))}}@keyframes xp-core{0%,88%{opacity:1;transform:none}to{opacity:0;transform:scale(1.7)}}.reward-xp-spark>i{opacity:0;background:#ffd45f;border-radius:1.5px;width:6px;height:6px;position:absolute;top:-3px;left:-3px}.reward-xp-spark>i:nth-child(3n+2){background:#fffaf0;width:4px;height:8px}.reward-xp-spark>i:nth-child(3n){background:#ff8f6b;border-radius:50%}.reward-xp-spark[data-animate]>i{animation:xp-bit .55s ease-out calc(var(--xp-delay) + var(--xp-dur) * var(--at)) both}@keyframes xp-bit{0%{opacity:1;transform:none}to{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--turn)) scale(.4)}}.reward-ceremony .reward-xp{width:min(100%,620px);color:inherit;grid-column:1/-1;justify-self:stretch;margin:clamp(6px,1.2dvh,16px) auto 0}.reward-xp .reward-xp-label{justify-content:space-between;align-items:baseline;gap:12px;width:100%;font-size:clamp(14px,1.2vw,20px);font-weight:800;line-height:1.2;display:flex}.reward-xp .reward-xp-label b{font:800 clamp(18px,1.7vw,32px)/1.1 Nunito Variable,sans-serif}.levelup-meter{width:100%;position:relative}.reward-xp .levelup-bar{width:100%;height:clamp(20px,2.2dvh,28px)}.reward-xp .reward-xp-progress{color:inherit;margin-top:4px;font-size:clamp(12px,1vw,17px);font-weight:700;line-height:1.2;display:block}.reward-xp .levelup-message{color:inherit;font-size:clamp(20px,2.8vw,36px);font-weight:900}.reward-xp[data-phase=charging] .levelup-bar{animation:.32s linear both xp-charge}@keyframes xp-charge{0%,to{transform:none}15%{transform:translate(-2px)scaleY(1.08)}30%{transform:translate(3px)scaleY(1.12)}45%{transform:translate(-4px)scaleY(1.16)}60%{transform:translate(4px)scaleY(1.2)}80%{transform:translate(-3px)scaleY(1.24)}}.levelup-burst{pointer-events:none;animation:1s linear both xp-reveal;position:absolute;inset:0}@keyframes xp-reveal{0%{visibility:visible}to{visibility:visible}}.levelup-burst:before{content:"";border:4px solid #ffdf64;border-radius:50%;width:60px;height:60px;margin:-30px;animation:.55s ease-out both xp-ring;position:absolute;top:50%;left:50%}@keyframes xp-ring{0%{opacity:1;transform:scale(.2)}to{opacity:0;transform:scale(2.2)}}.levelup-burst>i{background:#ffdf64;border-radius:2px;width:7px;height:12px;animation:.8s cubic-bezier(.1,.7,.25,1) both xp-burst-bit;position:absolute;top:50%;left:50%}.levelup-burst>i:nth-child(3n){background:#ff8c94}.levelup-burst>i:nth-child(3n+1){background:#b5f0d6}@keyframes xp-burst-bit{0%{opacity:1;transform:scale(.4)}75%{opacity:1}to{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--turn))}}.reward-score:has(.reward-xp[data-celebrating])>:not(.reward-xp){display:none!important}.reward-stage .reward-score:has(.reward-xp[data-celebrating]){grid-template-columns:minmax(0,1fr);width:100%;display:grid}.reward-xp .levelup-rewards{overscroll-behavior:contain;scrollbar-gutter:stable;align-content:start;min-height:0;max-height:clamp(80px,23dvh,230px);padding:3px 6px 6px;overflow-y:auto}.reward-xp .levelup-rewards li{animation:none}.reward-xp .levelup-rewards :is(strong,small){color:var(--ui-text);-webkit-text-stroke:0;text-shadow:none;font-size:14px;line-height:1.2}.reward-xp .levelup-rewards small{color:var(--ui-muted);font-size:11px}.reward-xp .levelup-ready{font-size:clamp(12px,1.3vw,18px)}.reward-stage.has-song-scene .reward-xp{--xp-ink:#173f4a;color:#fffaf0;-webkit-text-stroke:.2em #173f4a;paint-order:stroke fill;text-shadow:none}.reward-stage.has-song-scene .reward-xp .xp-bar{--xp-ink:#173f4a;--xp-groove:#1f3f47;-webkit-text-stroke:0;border-color:#173f4a}.reward-stage.has-song-scene .reward-xp .levelup-open{color:var(--ui-text);-webkit-text-stroke:0}html[data-motion] .reward-focus .reward-xp :is(h1,p,strong,small){animation:none}html[data-motion=full] .reward-focus .reward-xp .levelup-number{animation:.5s cubic-bezier(.2,1.6,.4,1) both levelup-pop}.reward-xp[data-motion=still] *,.reward-xp[data-motion=still] :before,.reward-xp[data-motion=still] :after{animation:none!important}@media (prefers-reduced-motion:reduce){.reward-xp,.reward-xp *,.reward-xp :before,.reward-xp :after{animation:none!important}.reward-xp-spark,.levelup-burst{display:none}}@media (height<=500px){.reward-xp{gap:4px}.reward-xp .levelup-bar{height:16px}.reward-xp .levelup-rewards{max-height:76px;display:grid}.reward-xp .levelup-message{font-size:18px}.reward-xp .levelup-open{min-height:36px;padding:4px 12px}.reward-ceremony .reward-xp{margin-top:2px}.reward-xp .reward-xp-label{font-size:12px}.reward-xp .reward-xp-label b{font-size:15px}.reward-xp .reward-xp-progress{font-size:10px}}.app-frame .game-screen .reward-stage:has(.reward-xp[data-celebrating]) .reward-main{grid-template-columns:minmax(0,1fr);align-content:start;padding:8px 14px;overflow:hidden}.app-frame .game-screen .reward-stage:has(.reward-xp[data-celebrating]) .reward-focus{align-content:start;min-width:0;padding:0;display:grid}.app-frame .game-screen .reward-stage .reward-xp>*{grid-area:auto/1;margin-block:0}.app-frame .game-screen .reward-stage .reward-xp[data-celebrating]{gap:6px;max-width:620px;margin:0 auto}.app-frame .game-screen .reward-stage .reward-xp[data-celebrating] .reward-xp-label>span{display:none}.app-frame .game-screen .reward-stage .reward-xp h1{color:inherit;font-size:clamp(28px,5dvh,52px);line-height:1.05}.app-frame .game-screen .reward-stage .reward-xp .levelup-rewards :is(strong,small){color:var(--ui-text);-webkit-text-stroke:0;text-shadow:none;white-space:normal;grid-column:auto;font-size:14px;line-height:1.2}.app-frame .game-screen .reward-stage .reward-xp .levelup-rewards small{color:var(--ui-muted);font-size:11px}@media (height<=600px){.app-frame .game-screen .reward-stage .reward-xp[data-celebrating]{gap:3px}.app-frame .game-screen .reward-stage .reward-xp .levelup-message{display:none}.app-frame .game-screen .reward-stage .reward-xp .levelup-rewards{grid-template-columns:repeat(auto-fit,minmax(125px,1fr));max-height:70px}.app-frame .game-screen .reward-stage .reward-xp .levelup-open{min-height:36px;padding:4px 12px;font-size:14px}}@media (orientation:landscape) and (height<=500px){.app-frame .game-screen .reward-stage .reward-xp[data-celebrating]{text-align:center;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:16px;max-width:840px}.app-frame .game-screen .reward-stage .reward-xp .reward-xp-label{grid-row:1}.app-frame .game-screen .reward-stage .reward-xp h1{grid-row:2}.app-frame .game-screen .reward-stage .reward-xp .levelup-meter{grid-row:3}.app-frame .game-screen .reward-stage .reward-xp .levelup-xp{grid-row:4}.app-frame .game-screen .reward-stage .reward-xp .levelup-ready{grid-area:1/2;font-size:12px}.app-frame .game-screen .reward-stage .reward-xp .levelup-rewards{grid-area:2/2/6;grid-template-columns:1fr;max-height:115px;margin:0}.app-frame .game-screen .reward-stage .reward-xp .levelup-open{grid-row:5}}.levelup-notice{color:#5e3b00;background:#ffe39a;border:0;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:4px;min-height:44px;padding:5px 9px;font:900 13px/1.1 Nunito Variable,sans-serif;display:inline-flex;box-shadow:0 2px #d49a2c}.levelup-notice>svg{flex:none;width:18px;height:18px}.levelup-notice>b{font-size:11px}.levelup-notice:hover{color:#5e3b00;background:#ffebba}.levelup-queue{box-sizing:border-box;background:var(--ui-surface);width:min(600px,100vw - 24px);max-height:calc(100dvh - 24px);color:var(--ui-text);border-radius:24px;margin:auto;padding:18px;overflow:auto}.levelup-queue[open]{flex-direction:column;display:flex;overflow:hidden}.levelup-queue>.reward-levelup{flex:1;min-height:0;overflow:auto}.levelup-queue>header,.levelup-queue>footer{flex-shrink:0}.levelup-queue .reward-levelup{width:100%;min-width:0}.levelup-queue .reward-levelup .levelup-bar{box-sizing:border-box;width:100%;min-width:0}.levelup-queue .levelup-rewards{width:100%;min-width:0;display:grid}.levelup-queue>header,.levelup-queue>footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.levelup-queue>header{margin-bottom:12px}.levelup-queue h2{margin:0;font-size:21px}.levelup-queue>header button{width:44px;height:44px;color:inherit;background:0 0;border:0;flex:none;place-items:center;padding:8px;display:grid}.levelup-queue>footer{margin-top:14px}.levelup-queue>footer button{justify-content:center;align-items:center;gap:8px;min-height:44px;padding:9px 16px;display:flex}.levelup-queue-help,.levelup-queue>footer>span{color:var(--ui-muted);font-size:13px}.levelup-queue-help{text-align:center;margin:12px 0 0}.levelup-queue .reward-levelup h1{font-size:38px}.levelup-queue .levelup-rewards strong{font-size:15px}.invaders-hud:has(.levelup-notice) .flight-settings{display:none}:is(.invaders-hud,.dodger-hud,.dock-hud) .levelup-notice{color:#5e3b00;background:#ffe39a;border:0;border-radius:999px;box-shadow:0 2px #d49a2c}@media (width<=700px){.invaders-hud .levelup-notice,.dodger-hud .levelup-notice{flex-direction:column;gap:2px;width:58px;padding:4px;font-size:11px}.invaders-hud .levelup-notice>svg,.dodger-hud .levelup-notice>svg{width:15px;height:15px}.invaders-hud .levelup-notice>b,.dodger-hud .levelup-notice>b{display:none}}@media (height<=400px){.levelup-queue{padding:8px 14px}.levelup-queue>header{margin-bottom:4px}.levelup-queue .reward-levelup{gap:4px}.levelup-queue .reward-levelup h1{font-size:27px}.levelup-queue-help{display:none}.levelup-queue>footer{margin-top:8px}}.levelup-queue{width:min(760px,100vw - 24px);height:min(640px,100dvh - 24px);overflow:hidden}.levelup-queue>.reward-levelup{scrollbar-width:thin;scrollbar-color:var(--pc-teal) var(--ui-inset);scrollbar-gutter:stable;grid-template-rows:28px 48px 32px 72px 32px 30px auto;grid-template-columns:minmax(0,1fr);align-content:start;align-items:center;gap:8px;min-width:0;padding:6px 14px;display:grid;overflow:hidden auto}.levelup-queue .reward-xp:not([data-celebrating]) :is(.levelup-message,.levelup-ready,.levelup-rewards){visibility:hidden}.levelup-queue .reward-levelup>.levelup-message{font-size:26px;line-height:1.1;display:block}.levelup-queue .levelup-meter{isolation:isolate;align-items:center;height:72px;display:grid;overflow:clip}.levelup-queue .reward-xp-progress{margin:0;font-size:13px;line-height:1.2}.levelup-queue .levelup-rewards{scrollbar-gutter:auto;align-self:start;max-height:none;margin:0;display:grid;overflow:visible}.levelup-queue .reward-xp-label{font-size:14px}.levelup-queue .reward-xp-label b{font-size:22px}.levelup-queue>.reward-levelup::-webkit-scrollbar{width:10px}.levelup-queue>.reward-levelup::-webkit-scrollbar-track{background:var(--ui-inset);border-radius:99px}.levelup-queue>.reward-levelup::-webkit-scrollbar-thumb{border:2px solid var(--ui-inset);background:var(--pc-teal);border-radius:99px}@media (height<=450px){.levelup-queue>.reward-levelup{grid-template-rows:24px 32px 24px 48px 30px 26px auto;gap:4px;padding:2px 12px}.levelup-queue .levelup-meter{height:48px}.levelup-queue .reward-levelup>.levelup-message{font-size:20px}.levelup-queue>header h2{font-size:17px}}.lesson-landing{isolation:isolate;background:var(--scene-wall);place-items:center;min-height:50vh;padding:28px 16px 80px;display:grid;position:relative;overflow:hidden}.lesson-landing>section{z-index:1;border:var(--pc-edge) solid var(--pc-line);background:var(--ui-surface);width:min(620px,100%);color:var(--ui-text);box-shadow:0 7px 0 var(--pc-shade);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-raised);color:var(--ui-text);border:var(--pc-edge) solid transparent;box-shadow:none}.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:800 16px Nunito Variable,sans-serif}.landing-scenery{z-index:0;pointer-events:none;color:var(--ui-gold);position:absolute;inset:0;overflow:hidden}.landing-scenery .festival-canopy{height:75px}@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}}.midi-setup{gap:12px;display:grid}.midi-setup p,.midi-note-test h4{margin:0}.midi-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.midi-steps li{flex-direction:column;align-items:flex-start;gap:6px;font-size:13px;font-weight:800;line-height:1.2;display:flex}.midi-steps li>span{border:2px solid var(--ui-border);border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.midi-steps li[aria-current]>span{background:var(--ui-text);color:var(--ui-surface)}.midi-note-test{border:2px solid var(--ui-border);background:var(--ui-surface);border-radius:12px;padding:12px}.midi-note-test h4{align-items:center;gap:6px;font-size:17px;display:flex}.midi-note-test h4 svg{width:20px}.midi-note-test p{margin:6px 0 10px}.midi-test-keys{width:min(100%,350px);margin:auto;display:block}.midi-test-keys rect{stroke:#173f4a;stroke-width:1.5px}.midi-test-keys .white-key{fill:#fff8ec}.midi-test-keys .black-key{fill:#173f4a}.midi-test-keys .is-held{fill:#ffc94b}.midi-test-keys text{fill:#173f4a;pointer-events:none;font:700 10px sans-serif}.midi-help-links{flex-wrap:wrap;gap:8px 20px;display:flex}.midi-help-links a{align-items:center;gap:5px;min-height:44px;display:flex}.midi-help-links svg{width:15px}.midi-advanced{margin-top:16px}.midi-advanced>summary{cursor:pointer;min-height:44px;font-weight:800}.midi-reminder{z-index:4;pointer-events:auto;border:var(--pc-edge) solid var(--pc-line);background:var(--ui-surface);width:max-content;max-width:calc(100% - 16px);color:var(--ui-text);border-radius:16px;align-items:center;gap:12px;padding:6px 6px 6px 14px;display:flex;position:absolute;bottom:8px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #0003}.midi-reminder-icon{flex:none;width:22px;height:22px}.midi-reminder-copy{flex:1;min-width:0}.midi-reminder strong{font-size:15px;line-height:1.2;display:block}.midi-reminder-actions{flex:none}.midi-reminder-actions>button{white-space:nowrap;min-height:44px;padding:6px 12px;font-size:14px}.midi-reminder-dismiss{color:var(--ui-text);background:color-mix(in srgb,var(--ui-text) 10%,transparent);flex:none}@media (width<=600px){.midi-reminder{gap:8px;padding:6px 6px 6px 12px}.midi-reminder-icon{display:none}}.settings-scroll .midi-setup p{color:var(--ui-muted);margin:0;line-height:1.35}.settings-scroll .midi-setup .settings-actions{margin:0}.midi-setup>.setting-control{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:8px 10px;display:grid}.midi-setup>.setting-control select{min-width:0}.settings-scroll .midi-note-test p{margin:5px 0 8px}dialog.pc-dialog.trailer-player{background:var(--ui-surface);width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--ui-text);box-shadow:none;border:0;border-radius:0;margin:0;padding:0;display:none;position:fixed;inset:0;overflow:hidden}dialog.pc-dialog.trailer-player[open]{display:block}.trailer-content{background:var(--ui-surface);width:100%;height:100%;color:var(--ui-text);grid-template-rows:minmax(0,1fr) auto;display:grid;position:relative}.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{padding:4px max(8px,env(safe-area-inset-right)) max(4px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:var(--ui-inset)}.trailer-timeline{flex:1;min-width:40px;height:44px;display:block}.trailer-timeline input{width:100%;height:44px;accent-color:var(--ui-selected-edge);cursor:pointer;margin:0;display:block}.trailer-transport{align-items:center;gap:8px;display:flex}.trailer-player button{border:1px solid var(--ui-border);background:var(--ui-raised);width:44px;min-width:44px;height:44px;min-height:44px;color:var(--ui-text);border-radius:10px;flex:none;justify-content:center;align-items:center;padding:10px;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-player .trailer-close{z-index:1;top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));position:absolute}.trailer-transport output{font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;font-size:12px}.trailer-transport output span{color:var(--ui-muted)}.trailer-player footer p{margin:4px 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%}.trailer-player h2{color:inherit}@media (width<=360px){.trailer-transport{gap:5px}.trailer-transport output{font-size:11px}}.home-shell{flex:1;min-height:0;display:flex;position:relative}.home-shell:has(>.midi-reminder) .home-content{padding-bottom:88px}.home-page{isolation:isolate;overscroll-behavior-x:contain;scrollbar-width:thin;background:var(--scene-wall);flex:1;min-height:0;padding:clamp(10px,2.2cqh,32px) clamp(12px,3vw,48px);position:relative;overflow:hidden auto;container:home-stage/size}.home-content{z-index:1;pointer-events:none;flex-direction:column;gap:clamp(8px,2.2cqh,24px);width:100%;max-width:1180px;min-height:100%;margin:0 auto;display:flex;position:relative;container:home-menu/inline-size}.home-content>header,.home-welcome,.home-activities,.home-social-link{pointer-events:auto}.home-heading h1{letter-spacing:-.01em;color:var(--ui-text);margin:0;font:800 clamp(21px,min(3.1vw,5.6cqh),56px)/1.1 Nunito Variable,sans-serif}.home-welcome{grid-template-columns:minmax(0,1fr) clamp(300px,40%,500px);align-items:end;gap:clamp(10px,2vw,28px);display:grid}:root[data-theme] .app-frame .home-page .home-continue{border:var(--pc-edge) solid var(--pc-line);background-color:var(--ui-action);background-image:var(--glint-hero);color:#fff8ec;background-repeat:no-repeat;border-radius:22px;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"mark copy scene""mark go scene";align-items:center;gap:10px clamp(12px,1.6vw,22px);margin:0;padding:clamp(12px,2.4cqh,26px) clamp(14px,2vw,28px);display:grid;position:relative;box-shadow:inset 0 3px #ffffff47,0 5px #0003}:root[data-theme] .app-frame .home-page .home-continue :is(small,p,h2){color:#fff8ec}:root[data-theme] .app-frame .home-page .home-continue:after{inset:0}.home-page .home-continue{container-type:inline-size}.home-continue-mark{aspect-ratio:1;border:var(--pc-edge) solid transparent;color:#c2412f;background:#fff8ec;border-radius:50%;grid-area:mark;place-items:center;width:clamp(40px,min(10cqw,9cqh),84px);display:grid}.home-continue-mark>svg{fill:currentColor;width:46%;height:46%;margin-left:8%}.home-lesson-copy{flex-direction:column;grid-area:copy;align-items:flex-start;min-width:0;display:flex}.home-lesson-copy>.scrolling-title,.home-lesson-copy>h2{order:-1;max-width:100%}.home-page .home-continue small{text-transform:none;letter-spacing:0;color:#fff8ec;font-size:clamp(13px,min(2.6cqw,2.3cqh),18px);font-weight:600;display:block}.home-page .home-continue h2{color:#fff8ec;margin:4px 0;font:800 clamp(20px,min(4.6cqw,4.6cqh),40px)/1.12 Nunito Variable,sans-serif}.home-page .home-continue p{color:#fff8ec;background:#8f2c1f;border-radius:999px;margin:2px 0 0;padding:2px 10px;font-size:clamp(11px,min(.9vw,2cqh),16px);font-weight:700;display:inline-block}:root[data-theme] .app-frame .home-page .home-continue .primary{white-space:nowrap;color:#9e2f20;background:#fff8ec;grid-area:go;justify-self:start;gap:8px;width:auto;min-width:140px;min-height:48px;margin:0;padding:8px 20px;font-size:clamp(16px,min(1.3vw,2.6cqh),26px)}.home-page .home-continue .primary svg{fill:currentColor;width:1.1em;height:1.1em}.home-ticket-scene{grid-area:scene;width:clamp(110px,27cqw,230px)}.home-ticket-scene svg{width:100%;height:auto;display:block}:root[data-theme] .app-frame .home-page .home-continue:not(.has-ticket-scene):not(.has-song-scene){grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:none}.home-page .home-continue:not(.has-ticket-scene):not(.has-song-scene)>svg{color:#ffe08a;width:40px;height:40px}.home-lesson-copy .scrolling-title{min-width:0}.home-friend{--home-pet-size:clamp(88px,min(9vw,20cqh),180px);min-height:calc(var(--home-pet-size) + 18px);grid-template-columns:auto minmax(80px,1fr);align-items:center;gap:6px;display:grid;position:relative}.home-friend .pet-perch{z-index:1;width:100%;height:var(--home-pet-size);flex:none;min-height:56px;margin:0;display:block;position:relative}.home-friend .pet-perch>i{display:none}.home-friend .home-journey{width:56px;min-height:64px;box-shadow:none;text-align:center;background:0 0;border:0;border-radius:28px;justify-content:center;justify-self:start;align-items:center;padding:2px;display:flex}.home-friend .home-journey .level-badge{width:52px;height:52px}.home-friend .home-journey .level-badge b{--size:17px}.home-friend .pet-interact:before,.home-friend .pet-interact:after{content:"";pointer-events:none;position:absolute;left:50%;transform:translate(-50%)}.home-friend .pet-interact:before{z-index:-1;border:solid var(--pc-line);border-width:0 3px;width:44%;height:100vh;bottom:8%}.home-friend .pet-interact:after{z-index:-1;border:var(--pc-edge) solid var(--pc-line);width:62%;height:12px;box-shadow:0 4px 0 var(--pc-shade);background:#e8a95e;border-radius:8px;bottom:4%}.home-page .companion-follower{justify-content:flex-start;gap:6px;width:100%;height:100%}.home-friend .pet-interact{width:var(--home-pet-size);height:var(--home-pet-size);flex:0 0 var(--home-pet-size)}.home-friend :is(.pet-entrance,.pet-action,.pet-poof,.pet-action>.cs){width:100%;height:100%;top:0;left:0}.home-page .companion-follower p{flex:0 auto;width:fit-content;max-width:min(200px,100%);margin:0;padding:10px 12px;font-size:clamp(13px,min(.85vw,2cqh),18px)}.home-page .companion-follower p small{font-size:.78em}.home-page .companion-follower .pet-shop-link{margin-top:0}.home-chimes{z-index:2;touch-action:none;gap:0;width:132px;height:92px;display:flex;position:absolute;bottom:calc(100% + 12px);right:0}.home-chime{flex:1;min-width:44px;height:92px}.home-activities{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,1.8cqh,20px) clamp(10px,1.4vw,20px);padding:2px 0 8px;display:grid}@container home-menu (width>=860px){.home-activities{grid-template-columns:repeat(3,minmax(0,1fr))}}.destination-card{--tile:#f9c851;text-align:left;border:var(--pc-edge) solid transparent;background-color:var(--tile);min-width:0;min-height:clamp(56px,13cqh,140px);color:var(--tile-ink);border-radius:20px;align-items:center;gap:clamp(8px,1.2vw,16px);padding:clamp(8px,1.6cqh,16px) clamp(10px,1.2vw,18px) clamp(8px,1.6cqh,16px) clamp(6px,.8vw,12px);display:flex;position:relative}.destination-card:hover{background-color:color-mix(in srgb,var(--tile) 86%,#fff)}.destination-card:active{box-shadow:none;transform:translateY(3px)}.app-frame .destination-card:focus-visible{outline:3px solid var(--ui-focus);outline-offset:4px}.destination-book{--tile:#f9c851;--tile-ink:#4f3300}.destination-minigames{--tile:#3fcfa8;--tile-ink:#063f35}.destination-daily{--tile:#ff7448;--tile-ink:#4a1204}.destination-practice{--tile:#4fbff5;--tile-ink:#06334f}.destination-shop{--tile:#ff8cc0;--tile-ink:#5a0f34}.destination-boxes{--tile:#a98cff;--tile-ink:#24125e}:root[data-theme=dark] .destination-book{--tile:#f5c254}:root[data-theme=dark] .destination-minigames{--tile:#2fd3b2}:root[data-theme=dark] .destination-daily{--tile:#ff6f42}:root[data-theme=dark] .destination-practice{--tile:#4fc6f2}:root[data-theme=dark] .destination-shop{--tile:#ff6fb9}:root[data-theme=dark] .destination-boxes{--tile:#a58bff}.destination-card{background-image:var(--glint-hero);box-shadow:inset 0 3px 0 #ffffff59,0 4px 0 color-mix(in srgb,var(--tile) 70%,#1a0f33);background-repeat:no-repeat;transition:transform 60ms,box-shadow 60ms,background-color .12s}.app-frame .destination-card:active{box-shadow:inset 0 3px 0 #ffffff59,0 1px 0 color-mix(in srgb,var(--tile) 70%,#1a0f33);transform:translateY(3px)}.destination-card{container-type:inline-size}.destination-art{aspect-ratio:1;border:var(--pc-edge) solid transparent;color:#173f4a;background:#fff8ea;border-radius:50%;flex:none;grid-template-columns:minmax(0,1fr);place-items:center;width:clamp(42px,min(25cqw,11cqh),112px);display:grid;position:relative;overflow:hidden}.destination-art>svg,.destination-art>.collection-pet-art{box-sizing:border-box;width:100%;min-width:0;height:100%;padding:3%}.destination-art>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.destination-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.destination-copy>strong{font:800 clamp(15px,min(6.4cqw,3.4cqh),30px)/1.1 Nunito Variable,sans-serif}.destination-copy>small{color:var(--tile-ink);font-size:clamp(12px,min(4cqw,2.1cqh),18px);font-weight:600;line-height:1.3}.destination-card>.count-badge{position:absolute;top:-14px;right:-8px}.home-book-progress{border:1.5px solid var(--tile-ink);background:#fff8ea;border-radius:9px;height:7px;overflow:hidden}.home-book-progress i{background:var(--tile-ink);border-radius:inherit;height:100%;display:block}[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)}}[data-motion=reduced] .destination-card,[data-motion=minimal] .destination-card{transition:none;transform:none}@media (prefers-reduced-motion:reduce){.destination-card>.count-badge{animation:none!important}.destination-card{transition:none}}.home-footer{color:var(--ui-muted);justify-content:space-between;align-items:flex-end;gap:12px;margin-top:auto;padding-top:8px;font-size:13px;display:flex}.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-carnival{z-index:0;pointer-events:none;min-height:100%;position:absolute;inset:0;overflow:hidden}.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:3px dashed var(--ui-focus);outline-offset:4px}.carnival-bunting{z-index:1;width:clamp(200px,var(--home-wing,24vw),520px);pointer-events:none;height:auto;position:absolute;top:0}.carnival-bunting .scenery-touch{pointer-events:auto;cursor:pointer}.bunting-left{left:0}.bunting-right{right:0}.bunting-rope{stroke:#173f4a}.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;font:800 clamp(13px,1.2vw,22px)/1.25 Nunito Variable,sans-serif;position:absolute;bottom:16%;left:0;right:0}.wheel-message:not(:empty){border:var(--pc-edge) solid var(--pc-line);background:var(--ui-surface);box-shadow:0 3px 0 var(--pc-shade);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{border:var(--pc-edge) solid var(--pc-line);color:#173f4a;background:#fff4da;border-radius:14px 14px 0;padding:8px 14px;font:800 clamp(14px,1.2vw,24px)/1.2 Nunito Variable,sans-serif;position:absolute;top:53%;right:32%}.home-carnival .carnival-tent:focus-visible{outline:3px dashed var(--ui-focus);outline-offset:4px}.carnival-ground{z-index:0;width:100%;height:clamp(110px,24cqh,340px);position:absolute;bottom:0;left:0}.carnival-ground .scenery-touch{pointer-events:auto;cursor:pointer}.ground-back{fill:var(--grass-far)}.ground-front{fill:var(--grass)}.ground-dot{fill:var(--grass-dot)}.ground-path{fill:#f4d9a3}.ground-leaves{fill:#4fa37e}:root[data-theme=dark] .ground-path{fill:#8d7451}:root[data-theme=dark] .ground-leaves{fill:#2f6b56}:root[data-theme=dark] .bunting-rope{stroke:#9cc3cd}.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)}}[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}@media (prefers-reduced-motion:reduce){.carnival-flag,.tent-flag{animation:none!important}}@media (width>=1101px){.home-page{--home-wing:clamp(96px,11vw,740px);--home-menu:min(1560px,calc(100cqw - 2 * var(--home-wing)));--home-prop:min(calc(var(--home-wing) + 24px),38cqh);--home-friend-size:clamp(70px,6vw,180px)}.home-content{width:var(--home-menu);max-width:none}.destination-copy>strong{white-space:nowrap}.carnival-wheel{width:var(--home-prop);height:calc(var(--home-prop) * 1.125);left:calc(50% - var(--home-menu) / 2 - var(--home-prop) - 8px)}.carnival-tent{width:var(--home-prop);right:calc(50% - var(--home-menu) / 2 - var(--home-prop) - 8px)}.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>=1800px){.home-page{--home-wing:clamp(200px,19vw,740px)}}@media (width<=1100px){.carnival-wheel,.carnival-tent,.carnival-bunting{display:none}}@media (width>=1101px) and (height>=601px){.home-friend .home-journey{width:auto;min-width:56px;padding:4px}.home-friend .home-journey .level-badge{width:clamp(56px,calc(var(--home-pet-size) * .58),112px);height:clamp(56px,calc(var(--home-pet-size) * .58),112px)}.home-friend .home-journey .level-badge b{--size:clamp(18px,calc(var(--home-pet-size) * .18),34px)}}@media (width<=700px){.home-welcome{grid-template-columns:minmax(0,1fr);gap:6px}:root[data-theme] .app-frame .home-page .home-continue{border-radius:18px;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"mark copy""go go";gap:8px 12px}.home-ticket-scene,.home-chimes,.carnival-friend{display:none}:root[data-theme] .app-frame .home-page .home-continue .primary{justify-self:stretch}.home-friend{--home-pet-size:clamp(76px,13cqh,112px);min-height:calc(var(--home-pet-size) + 6px)}.home-friend .pet-interact:before{display:none}.home-friend .home-journey{width:52px;padding:2px}.home-friend .home-journey .level-badge{width:48px;height:48px}.home-page .companion-follower p{font-size:12px;display:block}.home-page .companion-follower p small{display:none}.destination-card{border-radius:16px;gap:clamp(6px,1.8vw,8px);min-height:clamp(52px,9cqh,76px);padding:6px 8px}.destination-copy>small,.home-book-progress{display:none}.carnival-ground{height:clamp(80px,14cqh,130px)}}@media (width<=700px) and (orientation:portrait) and (height<=640px){.home-content{gap:6px}.home-page .home-continue p{display:none}.home-friend{--home-pet-size:64px}.home-activities{gap:8px}}@media (width<=700px) and (orientation:portrait) and (height<=600px){.home-page{padding-block:4px}.home-content{gap:4px}.home-activities{gap:6px}}@container home-stage (width>=500px) and (height<=360px){.home-welcome{grid-template-columns:minmax(0,1fr) clamp(240px,42%,360px)}:root[data-theme] .app-frame .home-page .home-continue{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"mark copy go";padding:8px 12px}.home-ticket-scene,.home-chimes,.destination-copy>small,.home-book-progress,.home-page .home-continue :is(p,small){display:none}.home-page .home-continue h2{margin:0}.home-activities{grid-template-columns:repeat(3,minmax(0,1fr))}.home-friend{--home-pet-size:clamp(56px,22cqh,76px);gap:4px}.home-friend .pet-perch{width:100%;min-width:80px}.home-friend .home-journey{width:48px;min-height:58px;padding:2px}.home-friend .home-journey .level-badge{width:40px;height:40px}.destination-card{min-height:48px;padding:4px 8px}}@media (orientation:landscape) and (height<=420px){.home-heading h1{font-size:20px}.home-continue-mark{width:40px}:root[data-theme] .app-frame .home-page .home-continue{padding:6px 10px}.home-activities{gap:8px}}@media (orientation:landscape) and (height<=500px) and (width<=700px){.home-content{gap:6px}.home-page{padding-block:6px}}.carnival-fireflies{z-index:0;pointer-events:none;width:100%;height:clamp(110px,24cqh,340px);position:absolute;bottom:0;left:0}:root[data-theme] .app-frame .home-page .home-book-complete{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"copy scene""go scene"}.home-completion-actions{flex-wrap:wrap;grid-area:go;align-items:center;gap:8px;display:flex}.home-completion-actions>button{white-space:normal;min-height:44px;font-size:14px}:root[data-theme] .app-frame .home-page .home-book-complete .primary{white-space:normal;grid-area:auto;min-width:0}.home-book-complete .home-completion-actions>button:not(.primary){color:#fff8ec;background:0 0;border:1px solid #fff8ec;padding:8px 12px}.home-page .home-book-complete p{background:0 0;border-radius:0;padding:0;font-weight:600;line-height:1.4}@media (width<=700px){:root[data-theme] .app-frame .home-page .home-book-complete{grid-template-columns:minmax(0,1fr) 72px;grid-template-areas:"copy scene""go go"}.home-book-complete .home-ticket-scene{width:72px;display:block}.home-completion-actions{grid-template-columns:minmax(0,1fr);display:grid}.home-completion-actions>button{justify-self:stretch}}@container home-stage (width>=500px) and (height<=360px){:root[data-theme] .app-frame .home-page .home-book-complete{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"copy go"}.home-completion-actions{gap:4px;display:grid}.home-completion-actions>button{min-height:44px;padding:6px 10px;font-size:12px}}@container home-stage (width<=499px) and (height<=300px){.home-heading{display:none}.home-welcome{grid-template-columns:minmax(0,1fr) 88px;align-items:center;gap:8px}.home-page .home-continue :is(small,p),.home-continue-mark{display:none}:root[data-theme] .app-frame .home-page .home-continue{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy""go";gap:6px;padding:8px}.home-friend{--home-pet-size:56px;grid-template-columns:minmax(0,1fr);gap:0}.home-friend .home-journey{justify-self:center;height:44px;min-height:44px}.home-friend .home-journey .level-badge{width:40px;height:40px}.home-page .companion-follower p{display:none}}@container home-stage (width>=500px) and (height<=200px){.home-heading{display:none}}@media (width>=701px),(orientation:landscape) and (width>=500px) and (height<=400px){.screen-home:has(.piano-dock) .game-screen{overflow:visible}.screen-home:has(.piano-dock) .home-shell:has(>.midi-reminder) .home-content{padding-bottom:0}.screen-home:has(.piano-dock) .home-shell>.midi-reminder{z-index:85;padding-block:0;bottom:-48px}.screen-home:has(.midi-reminder) .piano-dock.viewport-piano{--piano-header-height:48px}.screen-home:has(.midi-reminder) .piano-dock.viewport-piano.is-collapsed{height:48px}}@media (orientation:landscape) and (width>=500px) and (width<=700px) and (height<=400px){.screen-home:has(.midi-reminder) .piano-pan-strip>:is(strong,span){visibility:hidden}}@media (width>=701px) and (width<=800px){.screen-home:has(.midi-reminder) .piano-pan-strip>span{visibility:hidden}}@media (width>=1800px) and (height>=900px){.screen-home .piano-dock.viewport-piano{--piano-header-height:clamp(48px,4.5dvh,96px)}.screen-home .viewport-piano>header button{max-height:100%}.screen-home:has(.midi-reminder) .piano-dock.viewport-piano{--piano-header-height:clamp(48px,4.5dvh,96px)}:is(.screen-home .piano-dock.viewport-piano.is-collapsed,.screen-home:has(.midi-reminder) .piano-dock.viewport-piano.is-collapsed){height:var(--piano-header-height)}}@container home-stage (height<=300px){:root[data-theme] .app-frame .home-page .home-book-complete{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy""go"}.home-book-complete .home-ticket-scene,.home-book-complete .completion-verb,.home-book-complete .completion-book,.home-completion-actions>button:not(.primary)>svg{display:none}.home-page .home-book-complete h2{font-size:18px}.home-completion-actions{grid-template-columns:minmax(0,1fr) 64px;gap:4px;display:grid}:root[data-theme] .app-frame .home-page .home-book-complete .home-completion-actions>button{gap:4px;min-width:0;min-height:44px;padding:4px;font-size:13px}.home-completion-actions>button svg{width:18px;height:18px}}.welcome-shell{background:var(--scene-wall);flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.welcome-shell>.midi-reminder{flex:none;align-self:center;margin:6px 8px 8px;position:static;transform:none}.app-frame .global-bar .welcome-sign-in{background:var(--ui-surface);min-height:44px;color:var(--ui-text);box-shadow:none;border:0;border-radius:12px;padding:8px 16px;font-size:16px;font-weight:800}.app-frame .welcome-studio.welcome-festival{--home-wing:max(0px,calc((100cqw - 940px) / 2));--home-menu:940px;--home-friend-size:clamp(64px,5.5vw,130px);isolation:isolate;overscroll-behavior:contain;background:var(--scene-wall);width:100%;max-width:none;min-height:0;box-shadow:none;border:0;border-radius:0;flex:1;margin:0;padding:0;display:block;position:relative;overflow:hidden auto;container:home-stage/size}.welcome-festival .welcome-layout{z-index:2;box-sizing:border-box;pointer-events:none;flex-direction:column;align-items:center;gap:clamp(12px,3cqh,30px);min-height:100%;padding:clamp(14px,5cqh,60px) 16px clamp(90px,24cqh,300px);display:flex;position:relative}.welcome-festival .welcome-layout>*{pointer-events:auto}.app-frame .welcome-festival .welcome-copy{max-width:860px;box-shadow:none;text-align:center;background:0 0;border:0;border-radius:0;flex-direction:column;align-items:center;gap:clamp(8px,1.6cqh,16px);margin:0;padding:0;display:flex}.app-frame .welcome-festival .welcome-copy h1{letter-spacing:-.01em;color:var(--ui-text);text-shadow:var(--scene-text-halo);margin:0;font:900 clamp(34px,min(6.4vw,10cqh),88px)/1.02 Nunito Variable,sans-serif}.app-frame .welcome-festival .welcome-copy h1 em{color:var(--ui-action);font-style:normal}.app-frame .welcome-festival .welcome-copy p{max-width:36em;color:var(--ui-text);text-shadow:var(--scene-text-halo);margin:0;font-size:clamp(17px,min(1.8vw,3cqh),25px);font-weight:700}.app-frame .welcome-festival .welcome-copy small{color:var(--ui-muted);text-shadow:var(--scene-text-halo);font-size:13px}.app-frame .welcome-festival .welcome-copy small a{color:inherit}.welcome-festival .welcome-actions{flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;margin-top:clamp(4px,1cqh,10px);display:flex}:root[data-theme] .app-frame .welcome-festival .welcome-actions>button.primary{border-radius:22px;gap:12px;width:min(360px,100%);min-height:76px;margin:0;padding:16px 32px;font-size:clamp(24px,min(2.2vw,4cqh),32px)}.app-frame .welcome-festival .welcome-actions>button.primary>svg{fill:currentColor;width:1.05em;height:1.05em}.welcome-festival .welcome-demo{display:contents}.app-frame .welcome-festival .welcome-demo-toggle{width:auto;min-height:44px;color:var(--ui-text);box-shadow:none;background:0 0;border:0;border-radius:10px;align-items:center;gap:8px;margin:0;padding:8px 12px;font:700 16px/1.2 Nunito Variable,sans-serif;display:inline-flex}.app-frame .welcome-festival .welcome-demo-toggle>span{align-items:center;gap:8px;display:inline-flex}.app-frame .welcome-festival .welcome-demo-toggle small{display:none}.app-frame .welcome-festival .welcome-demo-toggle:hover{background:color-mix(in srgb,var(--ui-text) 8%,transparent)}.app-frame .welcome-festival .welcome-demo-toggle:active{box-shadow:none;transform:translateY(1px)}.welcome-festival .welcome-stage{width:min(920px,100%);box-shadow:none;background:0 0;border:0;margin:0;padding:0;display:block}.app-frame .welcome-festival .live-staff{background:var(--music-paper);min-height:0;box-shadow:0 6px 0 var(--pc-shade);border:0;border-radius:26px;grid-template-columns:minmax(0,1fr);gap:6px;margin:0;padding:clamp(10px,1.6cqh,18px) clamp(14px,2vw,26px) clamp(8px,1.4cqh,16px);display:grid}.app-frame .welcome-festival .live-staff>div{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.app-frame .welcome-festival .live-staff>div strong{color:var(--music-ink);font:900 clamp(17px,1.6vw,22px)/1.1 Nunito Variable,sans-serif}.app-frame .welcome-festival .live-staff>div span{color:var(--ui-muted);font-size:13px;font-weight:700}.app-frame .welcome-studio.welcome-festival .live-staff canvas{width:100%;height:clamp(130px,30cqh,270px);display:block}.welcome-festival .carnival-wheel{aspect-ratio:320/360;width:clamp(130px,50cqw - 476px,380px);height:auto;bottom:clamp(24px,6cqh,90px);left:8px}.welcome-festival .carnival-tent{width:clamp(130px,50cqw - 476px,400px);bottom:clamp(20px,5cqh,80px);right:8px}.welcome-festival .carnival-bunting{width:clamp(160px,50cqw - 420px,520px)}@container home-stage (width<=1240px){.welcome-festival :is(.carnival-wheel,.carnival-tent){display:none}}@container home-stage (height<=420px){.welcome-festival .carnival-friend{display:none}}@media (width<=700px){.welcome-festival .welcome-layout{grid-template-rows:repeat(4,auto) minmax(112px,1fr) repeat(2,auto);grid-template-columns:minmax(0,1fr);align-items:start;gap:0;height:100%;min-height:0;padding:12px 16px 10px;display:grid}.app-frame .welcome-festival :is(.welcome-copy,.welcome-actions){display:contents}.app-frame .welcome-festival .welcome-copy h1{grid-row:1;font-size:clamp(28px,8.6vw,40px)}.app-frame .welcome-festival .welcome-copy>p{grid-row:2;margin-top:6px;font-size:16px}.app-frame .welcome-festival .welcome-copy>p+p{grid-row:3}:root[data-theme] .app-frame .welcome-festival .welcome-actions>button.primary{grid-row:4;justify-self:stretch;width:100%;min-height:56px;margin-top:10px}.welcome-festival .welcome-stage{grid-row:5;align-self:stretch;min-height:0;margin-top:10px;display:grid}.app-frame .welcome-festival .live-staff{grid-template-rows:auto minmax(0,1fr);min-height:0}.app-frame .welcome-studio.welcome-festival .live-staff canvas{height:100%;min-height:56px}.app-frame .welcome-festival .welcome-demo-toggle{grid-row:6;justify-content:center;justify-self:center;min-height:44px;margin-top:6px;padding:8px 12px}.app-frame .welcome-festival .welcome-copy>small{grid-row:7;justify-self:center;margin-top:4px}}@media (width<=700px) and (orientation:landscape){.welcome-festival .welcome-layout{grid-template-rows:repeat(4,auto) minmax(112px,auto) repeat(2,auto);padding-top:4px}:root[data-theme] .app-frame .welcome-festival .welcome-actions>button.primary{grid-row:1;min-height:44px;margin-top:0;padding:8px 24px;font-size:19px}.app-frame .welcome-festival .welcome-copy h1{grid-row:2;margin-top:8px}.app-frame .welcome-festival .welcome-copy>p{grid-row:3}.app-frame .welcome-festival .welcome-copy>p+p{grid-row:4}}@media (orientation:landscape) and (height<=420px){.welcome-festival .welcome-actions{order:-1}.welcome-festival .welcome-layout{padding-top:4px}:root[data-theme] .app-frame .welcome-festival .welcome-actions>button.primary{min-height:44px;padding:8px 24px;font-size:21px}.welcome-shell>.midi-reminder{margin-block:0 4px;padding-block:0}}@media (width<=700px) and (orientation:portrait) and (height<=620px){:root[data-theme] .app-frame .welcome-festival .welcome-actions>button.primary{grid-row:1;margin-top:0}.app-frame .welcome-festival .welcome-copy h1{grid-row:2;margin-top:8px}.app-frame .welcome-festival .welcome-copy>p{grid-row:3}.app-frame .welcome-festival .welcome-copy>p+p{grid-row:4}}.welcome-festival .welcome-chimes{z-index:3;width:150px;height:110px;position:absolute;top:clamp(70px,13cqh,130px);right:clamp(40px,25cqw - 235px,260px)}.welcome-festival .welcome-chimes .home-chimes{width:150px;height:110px;top:0}.welcome-festival .welcome-chimes .home-chime{height:110px}@container home-stage (width<=1240px){.welcome-festival .welcome-chimes{display:none}}.key-particles{pointer-events:none;z-index:4;contain:strict;width:100%;height:100%;position:absolute;inset:0}[data-effect=keys-voyagers]{--key-press:#bccbf3;--key-edge:#657bc5}[data-effect=keys-dragons]{--key-press:#c8db9a;--key-edge:#568f69}[data-effect=keys-reef]{--key-press:#a9e5de;--key-edge:#3a9da9}[data-effect=keys-candy]{--key-press:#f3bfd3;--key-edge:#b7608d}[data-effect=keys-clockwork]{--key-press:#e3c693;--key-edge:#aa794f}[data-effect=keys-parade]{--key-press:#dbb8ee;--key-edge:#9b70bc}[data-effect][data-key-particles] .studio-key.white.active{background:linear-gradient(#fffaf0,var(--key-press))!important;box-shadow:inset 0 0 0 2px var(--key-edge),inset 0 -5px var(--key-edge)!important}[data-effect].shop-try-piano:has(.key-particles)>button.pressed{background:linear-gradient(#fffaf0,var(--key-press))!important;box-shadow:inset 0 0 0 2px var(--key-edge),inset 0 -5px var(--key-edge)!important}[data-effect][data-key-particles] .studio-key.black.active{box-shadow:inset 0 -4px var(--key-edge),inset 1px 0 #486365,0 3px 3px #071a2280}[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)}[data-effect=keys-stamps]{--key-press:#f3c68a;--key-edge:#c06a2c}[data-effect=keys-comet]{--key-press:#a6dcef;--key-edge:#2f8fb3}[data-effect=keys-golden]{--key-press:#f5d77a;--key-edge:#b8861e}[data-effect=keys-velvet]{--key-press:#d4bff0;--key-edge:#7f57b0}[data-effect=keys-fireworks]{--key-press:#f2a4b4;--key-edge:#b83a55}[data-effect=keys-aurora]{--key-press:#a6e6cf;--key-edge:#3f9f7c}.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(#fffaf0 55%,#fff0c6);box-shadow:inset 0 -6px #e9c46a,inset -2px 0 #183c4328}.viewport-piano .studio-key.black.is-next-note{background:linear-gradient(90deg,#061a20,#183d43 45%,#09252c);box-shadow:inset 0 -5px #e9c46a,0 3px 4px #061a2280}.viewport-piano .studio-key.white.is-next-note span{text-shadow:none;color:#183f49!important}.viewport-piano .studio-key.black.is-next-note span{text-shadow:none;color:#f3ead2!important}.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(#fff8e2 40%,#ffe6a3)}.viewport-piano .studio-key.white.is-next-note[data-key-cue=due]{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[data-key-cue=due]{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[data-key-cue=due]: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[data-key-cue=due]:after{color:#ffe198;font-size:20px;bottom:55px}.viewport-piano .studio-key.is-next-note[data-key-cue=due] span{text-shadow:none;color:#513b15!important;font-size:18px!important}.viewport-piano .studio-key.black.is-next-note[data-key-cue=due] span{color:#fff0c9!important}.viewport-piano .studio-key.is-next-note[data-key-cue=due] kbd{color:#583d0e;background:#fff0c8;border-color:#c39d51}.viewport-piano[data-help="1"] .studio-key.white.is-next-note[data-key-cue=due],.viewport-piano[data-help="2"] .studio-key.white.is-next-note[data-key-cue=due]{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[data-key-cue=due],.viewport-piano[data-help="2"] .studio-key.black.is-next-note[data-key-cue=due]{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[data-key-cue=due]:after{content:"↓";font-size:32px;animation:1.2s ease-in-out infinite piano-guide-point}.viewport-piano[data-help="2"] .piano-next-note[data-cue=due]{background:#ffe4a0;border:2px solid #e1b953}.viewport-piano .piano-next-note[data-cue=preview]{box-shadow:none;background:#fbf5e6;border-color:#c9bfa4}.viewport-piano .piano-next-note[data-cue=preview] strong{color:#3f5a5f!important}.viewport-piano .studio-key.white.active,.viewport-piano[data-help] .studio-key.white.is-next-note.active[data-key-cue]{background:linear-gradient(#d3eee4,#7ac4b1);box-shadow:inset 0 0 0 2px #247e70,inset 0 -5px #247e70}.viewport-piano .studio-key.black.active,.viewport-piano[data-help] .studio-key.black.is-next-note.active[data-key-cue]{background:linear-gradient(#28746e,#123e43);box-shadow:inset 0 -4px #8cdbc4,inset 0 0 0 2px #6cb6a4}.viewport-piano[data-help] .studio-key.is-next-note.active[data-key-cue=due]: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[data-key-cue=due]:after{font-size:22px;bottom:68px}.viewport-piano .studio-key.black.is-next-note[data-key-cue=due]: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[data-key-cue=due] span{font-size:14px!important}}.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}.festival-backdrop{--fair-sky:#f8e9c8;--fair-hill-back:var(--grass-far);--fair-hill-front:var(--grass);--fair-dot:var(--grass-dot);--fair-path:#f4d9a3;--fair-rope:#173f4a;pointer-events:none;background:var(--fair-sky);position:absolute;inset:0;overflow:hidden}.festival-backdrop-boxes{--fair-sky:#eee3f5;--fair-hill-back:#c6b8ea;--fair-hill-front:#9f8bd8;--fair-dot:#6f58c0;--fair-path:#f1dcb0}.festival-backdrop-minigames{--fair-sky:#dcefe8}html[data-theme=dark] .festival-backdrop{--fair-sky:var(--scene-wall);--fair-path:#8d7451;--fair-rope:#9cc3cd}html[data-theme=dark] .festival-backdrop-boxes{--fair-sky:var(--scene-wall);--fair-hill-back:#2d2f5c;--fair-hill-front:#3d3a74;--fair-dot:#5c55a0}.festival-backdrop svg{display:block;position:absolute;overflow:visible}.festival-backdrop .scene-rope{fill:none;stroke:var(--fair-rope);stroke-width:2.5px;stroke-linecap:round}.festival-backdrop .scene-wire,.festival-backdrop .scene-stem{fill:none;stroke:var(--fair-rope);stroke-width:2px}.festival-backdrop .scene-ink-thin{stroke:#173f4a;stroke-width:2px;stroke-linejoin:round}.festival-backdrop .scene-ribbon{fill:none;stroke:#fff8ea;stroke-width:2.5px}.festival-backdrop .scene-leaf{fill:#4fa37e;stroke:#173f4a;stroke-width:2px}.festival-backdrop .scene-hill-back{fill:var(--fair-hill-back)}.festival-backdrop .scene-hill-front{fill:var(--fair-hill-front)}.festival-backdrop .scene-dot{fill:var(--fair-dot)}.festival-backdrop .scene-path{fill:var(--fair-path);stroke:#173f4a;stroke-width:3px;stroke-linejoin:round}.festival-backdrop-ground{width:100%;height:clamp(110px,26vh,360px);bottom:0;left:0}.festival-backdrop-lights:is(.lights-left,.lights-right){width:clamp(180px,20vw,380px);height:auto;top:auto;bottom:calc(clamp(110px,26vh,360px) - 34px)}.lights-left{left:0}.lights-right{right:0}.festival-backdrop-flowers{width:clamp(70px,8vw,140px);height:auto;bottom:clamp(30px,8vh,110px)}.flowers-left{left:2%}.flowers-right{right:2%}@media (width<=900px){.festival-backdrop-lights:is(.lights-left,.lights-right){display:none}}@media (height<=520px){.festival-backdrop>.festival-backdrop-flowers{display:none}.festival-backdrop-ground{height:70px}}:is(.screen-daily,.screen-boxes,.screen-minigames) .game-screen{isolation:isolate}:is(.screen-daily,.screen-boxes,.screen-minigames) .game-screen>main{z-index:1;background:0 0;position:relative}@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-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-pan-x:initial;--tw-pan-y:initial;--tw-pinch-zoom:initial;--tw-scroll-snap-strictness:proximity;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-x-reverse:0;--tw-border-style:solid;--tw-divide-y-reverse:0;--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-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction: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;--tw-contain-size:initial;--tw-contain-layout:initial;--tw-contain-paint:initial;--tw-contain-style:initial;--tw-text-shadow-color:initial;--tw-text-shadow-alpha:100%}}}@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-red-500:oklch(63.7% .237 25.331);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--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-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--radius-2xl:1rem;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 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{.\@container,.\@container-\[inline-size\]{container-type:inline-size}.\@container-size{container-type:size}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.visible\!{visibility:visible!important}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.not-sr-only{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.\!absolute{position:absolute!important}.absolute{position:absolute}.absolute\!{position:absolute!important}.fixed{position:fixed}.fixed\!{position:fixed!important}.relative{position:relative}.static{position:static}.sticky{position:sticky}.sticky\!{position:sticky!important}.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}.isolation-auto{isolation:auto}.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}.order-0,.order-none{order:0}.col-span-2{grid-column:span 2/span 2}.float-end{float:inline-end}.float-left{float:left}.float-none{float:none}.float-right{float:right}.float-start{float:inline-start}.clear-both{clear:both}.clear-end{clear:inline-end}.clear-left{clear:left}.clear-none{clear:none}.clear-right{clear:right}.clear-start{clear:inline-start}.\!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}}.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-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-46{margin:calc(var(--spacing) * 46)}.m-50{margin:calc(var(--spacing) * 50)}.mx-0\.5{margin-inline:calc(var(--spacing) * .5)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.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-\[16px\]{margin-top:16px}.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}.box-border{box-sizing:border-box}.box-content{box-sizing:content-box}.\!table{display:table!important}.block{display:block}.contents{display:contents}.flex{display:flex}.flow-root{display:flow-root}.grid{display:grid}.hidden{display:none}.hidden\!{display:none!important}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.inline-table{display:inline-table}.list-item{display:list-item}.table{display:table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-column{display:table-column}.table-column-group{display:table-column-group}.table-footer-group{display:table-footer-group}.table-header-group{display:table-header-group}.table-row{display:table-row}.table-row-group{display:table-row-group}.field-sizing-content{field-sizing:content}.field-sizing-fixed{field-sizing:fixed}.size-auto{width:auto;height:auto}.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-auto{height:auto}.h-full{height:100%}.h-lh{height:1lh}.h-screen{height:100vh}.max-h-lh{max-height:1lh}.max-h-none{max-height:none}.max-h-screen{max-height:100vh}.min-h-0{min-height:0}.min-h-\[2\.85rem\]{min-height:2.85rem}.min-h-\[3\.1rem\]{min-height:3.1rem}.min-h-auto{min-height:auto}.min-h-full{min-height:100%}.min-h-lh{min-height:1lh}.min-h-screen{min-height:100vh}.w-1{width:var(--spacing)}.w-1\/2{width:50%}.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-auto{width:auto}.w-full{width:100%}.w-px{width:1px}.w-screen{width:100vw}.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-none{max-width:none}.max-w-screen{max-width:100vw}.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}.min-w-auto{min-width:auto}.min-w-screen{min-width:100vw}.flex-1{flex:1}.flex-auto{flex:auto}.flex-initial{flex:0 auto}.flex-none{flex:none}.flex-shrink,.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.grow\!{flex-grow:1!important}.basis-auto{flex-basis:auto}.basis-full{flex-basis:100%}.table-auto{table-layout:auto}.table-fixed{table-layout:fixed}.caption-bottom{caption-side:bottom}.caption-top{caption-side:top}.border-collapse{border-collapse:collapse}.border-separate{border-collapse:separate}.-translate-full{--tw-translate-x:-100%;--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-full{--tw-translate-x:100%;--tw-translate-y:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.-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)}.translate-3d{translate:var(--tw-translate-x) var(--tw-translate-y) var(--tw-translate-z)}.translate-none{translate:none}.scale-3d{scale:var(--tw-scale-x) var(--tw-scale-y) var(--tw-scale-z)}.scale-none{scale:none}.rotate-45{rotate:45deg}.rotate-none{rotate:none}.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}.transform-cpu{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.transform-gpu{transform:translateZ(0) var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.transform-none{transform:none}.animate-pulse{animation:var(--animate-pulse)}.touch-pinch-zoom{--tw-pinch-zoom:pinch-zoom;touch-action:var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,)}.resize{resize:both}.resize\!{resize:both!important}.resize-none{resize:none}.resize-x{resize:horizontal}.resize-y{resize:vertical}.snap-none{scroll-snap-type:none}.snap-mandatory{--tw-scroll-snap-strictness:mandatory}.snap-proximity{--tw-scroll-snap-strictness:proximity}.snap-align-none{scroll-snap-align:none}.snap-center{scroll-snap-align:center}.snap-end{scroll-snap-align:end}.snap-start{scroll-snap-align:start}.snap-always{scroll-snap-stop:always}.snap-normal{scroll-snap-stop:normal}.scrollbar-auto{scrollbar-width:auto}.scrollbar-none{scrollbar-width:none}.scrollbar-thin{scrollbar-width:thin}.scrollbar-gutter-auto{scrollbar-gutter:auto}.scrollbar-gutter-both{scrollbar-gutter:stable both-edges}.scrollbar-gutter-stable{scrollbar-gutter:stable}.list-inside{list-style-position:inside}.list-outside{list-style-position:outside}.appearance-auto{appearance:auto}.appearance-none{appearance:none}.columns-2{columns:2}.columns-3{columns:3}.columns-4{columns:4}.grid-flow-col{grid-auto-flow:column}.grid-flow-col-dense{grid-auto-flow:column dense}.grid-flow-dense{grid-auto-flow:dense}.grid-flow-row{grid-auto-flow:row}.grid-flow-row-dense{grid-auto-flow:dense}.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-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.place-content-around{place-content:space-around}.place-content-baseline{place-content:baseline start}.place-content-between{place-content:space-between}.place-content-center{place-content:center}.place-content-center-safe{place-content:safe center}.place-content-end{place-content:end}.place-content-end-safe{place-content:safe end}.place-content-evenly{place-content:space-evenly}.place-content-start{place-content:start}.place-content-stretch{place-content:stretch}.place-items-baseline{place-items:baseline}.place-items-center{place-items:center}.place-items-center-safe{place-items:safe center}.place-items-end{place-items:end}.place-items-end-safe{place-items:safe end}.place-items-start{place-items:start}.place-items-stretch{place-items:stretch stretch}.content-around{align-content:space-around}.content-baseline{align-content:baseline}.content-between{align-content:space-between}.content-center{align-content:center}.content-center-safe{align-content:safe center}.content-end{align-content:flex-end}.content-end-safe{align-content:safe flex-end}.content-evenly{align-content:space-evenly}.content-normal{align-content:normal}.content-start{align-content:flex-start}.content-stretch{align-content:stretch}.items-baseline{align-items:baseline}.items-baseline-last{align-items:last baseline}.items-center{align-items:center}.items-center-safe{align-items:safe center}.items-end{align-items:flex-end}.items-end-safe{align-items:safe flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-around{justify-content:space-around}.justify-baseline{justify-content:baseline}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-center-safe{justify-content:safe center}.justify-end{justify-content:flex-end}.justify-end-safe{justify-content:safe flex-end}.justify-evenly{justify-content:space-evenly}.justify-normal{justify-content:normal}.justify-start{justify-content:flex-start}.justify-stretch{justify-content:stretch}.justify-items-center{justify-items:center}.justify-items-center-safe{justify-items:safe center}.justify-items-end{justify-items:end}.justify-items-end-safe{justify-items:safe end}.justify-items-normal{justify-items:normal}.justify-items-start{justify-items:start}.justify-items-stretch{justify-items:stretch}.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)))}:where(.space-y-reverse>:not(:last-child)){--tw-space-y-reverse:1}:where(.space-x-reverse>:not(:last-child)){--tw-space-x-reverse:1}:where(.divide-x>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px * var(--tw-divide-x-reverse));border-inline-end-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-y-reverse>:not(:last-child)){--tw-divide-y-reverse:1}.place-self-auto{place-self:auto}.place-self-center{place-self:center}.place-self-center-safe{place-self:safe center}.place-self-end{place-self:end}.place-self-end-safe{place-self:safe end}.place-self-start{place-self:start}.place-self-stretch{place-self:stretch stretch}.self-auto{align-self:auto}.self-baseline{align-self:baseline}.self-baseline-last{align-self:last baseline}.self-center{align-self:center}.self-center-safe{align-self:safe center}.self-end{align-self:flex-end}.self-end-safe{align-self:safe flex-end}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.justify-self-auto{justify-self:auto}.justify-self-center{justify-self:center}.justify-self-center-safe{justify-self:safe center}.justify-self-end{justify-self:flex-end}.justify-self-end-safe{justify-self:safe flex-end}.justify-self-start{justify-self:flex-start}.justify-self-stretch{justify-self:stretch}.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}.scroll-auto{scroll-behavior:auto}.scroll-smooth{scroll-behavior:smooth}.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-s{border-start-start-radius:.25rem;border-end-start-radius:.25rem}.rounded-ss{border-start-start-radius:.25rem}.rounded-e{border-start-end-radius:.25rem;border-end-end-radius:.25rem}.rounded-se{border-start-end-radius:.25rem}.rounded-ee{border-end-end-radius:.25rem}.rounded-es{border-end-start-radius:.25rem}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.rounded-l{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-tl{border-top-left-radius:.25rem}.rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.rounded-tr{border-top-right-radius:.25rem}.rounded-b{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.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}.rounded-br{border-bottom-right-radius:.25rem}.rounded-bl{border-bottom-left-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-x{border-inline-style:var(--tw-border-style);border-inline-width:1px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-s{border-inline-start-style:var(--tw-border-style);border-inline-start-width:1px}.border-e{border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px}.border-bs{border-block-start-style:var(--tw-border-style);border-block-start-width:1px}.border-be{border-block-end-style:var(--tw-border-style);border-block-end-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-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-dashed{--tw-border-style:dashed;border-style:dashed}.border-dotted{--tw-border-style:dotted;border-style:dotted}.border-double{--tw-border-style:double;border-style:double}.border-hidden{--tw-border-style:hidden;border-style:hidden}.border-none{--tw-border-style:none;border-style:none}.border-solid{--tw-border-style:solid;border-style:solid}.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-\(--my_variable\){background-color:var(--my_variable)}.bg-\(color\:--my-color\){background-color:var(--my-color)}.bg-\[\#7ae0c2\]{background-color:#7ae0c2}.bg-\[\#8fe9cf\]{background-color:#8fe9cf}.bg-\[\#0088cc\]{background-color:#08c}.bg-\[\#f0d48a\]{background-color:#f0d48a}.bg-\[color\:var\(--my-color\)\]{background-color:var(--my-color)}.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-\[var\(--my_variable\)\]{background-color:var(--my_variable)}.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-red-500{background-color:var(--color-red-500)}.bg-red-500\/50{background-color:#fb2c3680}@supports (color:color-mix(in lab, red, red)){.bg-red-500\/50{background-color:color-mix(in oklab, var(--color-red-500) 50%, transparent)}}.bg-red-500\/\[50\%\]{background-color:#fb2c3680}@supports (color:color-mix(in lab, red, red)){.bg-red-500\/\[50\%\]{background-color:color-mix(in oklab, var(--color-red-500) 50%, transparent)}}.bg-transparent{background-color:#0000}.-bg-conic,.bg-conic{--tw-gradient-position:in oklab;background-image:conic-gradient(var(--tw-gradient-stops))}.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-radial{--tw-gradient-position:in oklab;background-image:radial-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)}.bg-none{background-image:none}.via-none{--tw-gradient-via-stops:initial}.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))}.mask-none{-webkit-mask-image:none;mask-image:none}.mask-circle{--tw-mask-radial-shape:circle}.mask-ellipse{--tw-mask-radial-shape:ellipse}.mask-radial-closest-corner{--tw-mask-radial-size:closest-corner}.mask-radial-closest-side{--tw-mask-radial-size:closest-side}.mask-radial-farthest-corner{--tw-mask-radial-size:farthest-corner}.mask-radial-farthest-side{--tw-mask-radial-size:farthest-side}.mask-radial-at-bottom{--tw-mask-radial-position:bottom}.mask-radial-at-bottom-left{--tw-mask-radial-position:bottom left}.mask-radial-at-bottom-right{--tw-mask-radial-position:bottom right}.mask-radial-at-center{--tw-mask-radial-position:center}.mask-radial-at-left{--tw-mask-radial-position:left}.mask-radial-at-right{--tw-mask-radial-position:right}.mask-radial-at-top{--tw-mask-radial-position:top}.mask-radial-at-top-left{--tw-mask-radial-position:top left}.mask-radial-at-top-right{--tw-mask-radial-position:top right}.box-decoration-clone{-webkit-box-decoration-break:clone;box-decoration-break:clone}.box-decoration-slice{-webkit-box-decoration-break:slice;box-decoration-break:slice}.decoration-clone{-webkit-box-decoration-break:clone;box-decoration-break:clone}.decoration-slice{-webkit-box-decoration-break:slice;box-decoration-break:slice}.bg-auto{background-size:auto}.bg-contain{background-size:contain}.bg-cover{background-size:cover}.bg-fixed{background-attachment:fixed}.bg-local{background-attachment:local}.bg-scroll{background-attachment:scroll}.bg-clip-border{background-clip:border-box}.bg-clip-content{background-clip:content-box}.bg-clip-padding{background-clip:padding-box}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.bg-bottom{background-position:bottom}.bg-bottom-left{background-position:0 100%}.bg-bottom-right{background-position:100% 100%}.bg-center{background-position:50%}.bg-left{background-position:0}.bg-left-bottom{background-position:0 100%}.bg-left-top{background-position:0 0}.bg-right{background-position:100%}.bg-right-bottom{background-position:100% 100%}.bg-right-top{background-position:100% 0}.bg-top{background-position:top}.bg-top-left{background-position:0 0}.bg-top-right{background-position:100% 0}.bg-no-repeat{background-repeat:no-repeat}.bg-repeat{background-repeat:repeat}.bg-repeat-round{background-repeat:round}.bg-repeat-space{background-repeat:space}.bg-repeat-x{background-repeat:repeat-x}.bg-repeat-y{background-repeat:repeat-y}.bg-origin-border{background-origin:border-box}.bg-origin-content{background-origin:content-box}.bg-origin-padding{background-origin:padding-box}.mask-add{-webkit-mask-composite:source-over;-webkit-mask-composite:source-over;-webkit-mask-composite:source-over;mask-composite:add}.mask-exclude{-webkit-mask-composite:xor;-webkit-mask-composite:xor;-webkit-mask-composite:xor;mask-composite:exclude}.mask-intersect{-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;mask-composite:intersect}.mask-subtract{-webkit-mask-composite:source-out;-webkit-mask-composite:source-out;-webkit-mask-composite:source-out;mask-composite:subtract}.mask-alpha{-webkit-mask-source-type:alpha;-webkit-mask-source-type:alpha;-webkit-mask-source-type:alpha;mask-mode:alpha}.mask-luminance{-webkit-mask-source-type:luminance;-webkit-mask-source-type:luminance;-webkit-mask-source-type:luminance;mask-mode:luminance}.mask-match{-webkit-mask-source-type:auto;-webkit-mask-source-type:auto;-webkit-mask-source-type:auto;mask-mode:match-source}.mask-type-alpha{mask-type:alpha}.mask-type-luminance{mask-type:luminance}.mask-auto{-webkit-mask-size:auto;mask-size:auto}.mask-contain{-webkit-mask-size:contain;mask-size:contain}.mask-cover{-webkit-mask-size:cover;mask-size:cover}.mask-clip-border{-webkit-mask-clip:border-box;mask-clip:border-box}.mask-clip-content{-webkit-mask-clip:content-box;mask-clip:content-box}.mask-clip-fill{-webkit-mask-clip:fill-box;mask-clip:fill-box}.mask-clip-padding{-webkit-mask-clip:padding-box;mask-clip:padding-box}.mask-clip-stroke{-webkit-mask-clip:stroke-box;mask-clip:stroke-box}.mask-clip-view{-webkit-mask-clip:view-box;mask-clip:view-box}.mask-no-clip{-webkit-mask-clip:no-clip;mask-clip:no-clip}.mask-bottom{-webkit-mask-position:bottom;mask-position:bottom}.mask-bottom-left{-webkit-mask-position:0 100%;mask-position:0 100%}.mask-bottom-right{-webkit-mask-position:100% 100%;mask-position:100% 100%}.mask-center{-webkit-mask-position:50%;mask-position:50%}.mask-left{-webkit-mask-position:0;mask-position:0}.mask-right{-webkit-mask-position:100%;mask-position:100%}.mask-top{-webkit-mask-position:top;mask-position:top}.mask-top-left{-webkit-mask-position:0 0;mask-position:0 0}.mask-top-right{-webkit-mask-position:100% 0;mask-position:100% 0}.mask-no-repeat{-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.mask-repeat{-webkit-mask-repeat:repeat;mask-repeat:repeat}.mask-repeat-round{-webkit-mask-repeat:round;mask-repeat:round}.mask-repeat-space{-webkit-mask-repeat:space;mask-repeat:space}.mask-repeat-x{-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x}.mask-repeat-y{-webkit-mask-repeat:repeat-y;mask-repeat:repeat-y}.mask-origin-border{-webkit-mask-origin:border-box;mask-origin:border-box}.mask-origin-content{-webkit-mask-origin:content-box;mask-origin:content-box}.mask-origin-fill{-webkit-mask-origin:fill-box;mask-origin:fill-box}.mask-origin-padding{-webkit-mask-origin:padding-box;mask-origin:padding-box}.mask-origin-stroke{-webkit-mask-origin:stroke-box;mask-origin:stroke-box}.mask-origin-view{-webkit-mask-origin:view-box;mask-origin:view-box}.fill-none{fill:none}.stroke-none{stroke:none}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-fill{object-fit:fill}.object-none{object-fit:none}.object-scale-down{object-fit:scale-down}.object-left-bottom{object-position:left bottom}.object-left-top{object-position:left top}.object-right-bottom{object-position:right bottom}.object-right-top{object-position:right top}.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-end{text-align:end}.text-justify{text-align:justify}.text-left{text-align:left}.text-right{text-align:right}.text-start{text-align:start}.align-baseline{vertical-align:baseline}.align-bottom{vertical-align:bottom}.align-middle{vertical-align:middle}.align-sub{vertical-align:sub}.align-super{vertical-align:super}.align-text-bottom{vertical-align:text-bottom}.align-text-top{vertical-align:text-top}.align-top{vertical-align:top}.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-balance{text-wrap:balance}.text-nowrap{text-wrap:nowrap}.text-pretty{text-wrap:pretty}.text-wrap{text-wrap:wrap}.break-normal{overflow-wrap:normal;word-break:normal}.break-words{overflow-wrap:break-word}.wrap-anywhere{overflow-wrap:anywhere}.wrap-break-word{overflow-wrap:break-word}.wrap-normal{overflow-wrap:normal}.break-all{word-break:break-all}.break-keep{word-break:keep-all}.overflow-ellipsis{text-overflow:ellipsis}.text-clip{text-overflow:clip}.text-ellipsis{text-overflow:ellipsis}.hyphens-auto{-webkit-hyphens:auto;hyphens:auto}.hyphens-manual{-webkit-hyphens:manual;hyphens:manual}.hyphens-none{-webkit-hyphens:none;hyphens:none}.whitespace-break-spaces{white-space:break-spaces}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.\[color\:red\]{color:red}.\[color\:red\]\/50{color:oklab(62.7955% .224863 .125846/.5)}.\[color\:red\]\/50\!{color:oklab(62.7955% .224863 .125846/.5)!important}.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)}}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.normal-case{text-transform:none}.uppercase{text-transform:uppercase}.italic{font-style:italic}.not-italic{font-style:normal}.font-stretch-condensed{font-stretch:75%}.font-stretch-expanded{font-stretch:125%}.font-stretch-extra-condensed{font-stretch:62.5%}.font-stretch-extra-expanded{font-stretch:150%}.font-stretch-normal{font-stretch:100%}.font-stretch-semi-condensed{font-stretch:87.5%}.font-stretch-semi-expanded{font-stretch:112.5%}.font-stretch-ultra-condensed{font-stretch:50%}.font-stretch-ultra-expanded{font-stretch:200%}.diagonal-fractions{--tw-numeric-fraction:diagonal-fractions;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.lining-nums{--tw-numeric-figure:lining-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.oldstyle-nums{--tw-numeric-figure:oldstyle-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.proportional-nums{--tw-numeric-spacing:proportional-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.slashed-zero{--tw-slashed-zero:slashed-zero;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.stacked-fractions{--tw-numeric-fraction:stacked-fractions;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.normal-nums{font-variant-numeric:normal}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.decoration-dashed{text-decoration-style:dashed}.decoration-dotted{text-decoration-style:dotted}.decoration-double{text-decoration-style:double}.decoration-solid{text-decoration-style:solid}.decoration-wavy{text-decoration-style:wavy}.decoration-auto{text-decoration-thickness:auto}.decoration-from-font{text-decoration-thickness:from-font}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.subpixel-antialiased{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}.accent-auto{accent-color:auto}.scheme-dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.scheme-light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.scheme-light-dark{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){.scheme-light-dark{--lightningcss-light: ;--lightningcss-dark:initial}}.scheme-normal{color-scheme:normal}.scheme-only-dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark only}.scheme-only-light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only}.opacity-70{opacity:.7}.opacity-95{opacity:.95}.mix-blend-plus-darker{mix-blend-mode:plus-darker}.mix-blend-plus-lighter{mix-blend-mode:plus-lighter}.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\!{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a)!important;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)!important}.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)}.inset-ring{--tw-inset-ring-shadow:inset 0 0 0 1px var(--tw-inset-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)}.shadow-initial{--tw-shadow-color:initial}.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)}}.inset-shadow-initial{--tw-inset-shadow-color:initial}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.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,)}.drop-shadow-none{--tw-drop-shadow: ;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,)}.grayscale{--tw-grayscale:grayscale(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,)}.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,)}.sepia{--tw-sepia:sepia(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,)}.\!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}.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,)}.backdrop-grayscale{--tw-backdrop-grayscale:grayscale(100%);-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-invert{--tw-backdrop-invert:invert(100%);-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-sepia{--tw-backdrop-sepia:sepia(100%);-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-filter{-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))}.transition-discrete{transition-behavior:allow-discrete}.transition-normal{transition-behavior:normal}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.will-change-auto{will-change:auto}.will-change-contents{will-change:contents}.will-change-scroll{will-change:scroll-position}.will-change-transform{will-change:transform}.contain-inline-size{--tw-contain-size:inline-size;contain:var(--tw-contain-size,) var(--tw-contain-layout,) var(--tw-contain-paint,) var(--tw-contain-style,)}.contain-layout{--tw-contain-layout:layout;contain:var(--tw-contain-size,) var(--tw-contain-layout,) var(--tw-contain-paint,) var(--tw-contain-style,)}.contain-paint{--tw-contain-paint:paint;contain:var(--tw-contain-size,) var(--tw-contain-layout,) var(--tw-contain-paint,) var(--tw-contain-style,)}.contain-size{--tw-contain-size:size;contain:var(--tw-contain-size,) var(--tw-contain-layout,) var(--tw-contain-paint,) var(--tw-contain-style,)}.contain-style{--tw-contain-style:style;contain:var(--tw-contain-size,) var(--tw-contain-layout,) var(--tw-contain-paint,) var(--tw-contain-style,)}.contain-content{contain:content}.contain-none{contain:none}.contain-strict{contain:strict}.content-none{--tw-content:none;content:none}.forced-color-adjust-auto{forced-color-adjust:auto}.forced-color-adjust-none{forced-color-adjust:none}.outline-dashed{--tw-outline-style:dashed;outline-style:dashed}.outline-dotted{--tw-outline-style:dotted;outline-style:dotted}.outline-double{--tw-outline-style:double;outline-style:double}.outline-none{--tw-outline-style:none;outline-style:none}.outline-solid{--tw-outline-style:solid;outline-style:solid}.select-all{-webkit-user-select:all;user-select:all}.select-none{-webkit-user-select:none;user-select:none}.\[hash\:10\]{hash:10}.\[no-new-privileges\:true\]{no-new-privileges:true}.\[vite\:html\]{vite:html}.backface-hidden{backface-visibility:hidden}.backface-visible{backface-visibility:visible}.block-auto{block-size:auto}.block-lh{block-size:1lh}.block-screen{block-size:100vh}:where(.divide-x-reverse>:not(:last-child)){--tw-divide-x-reverse:1}.duration-initial{--tw-duration:initial}.inline-auto{inline-size:auto}.inline-screen{inline-size:100vw}.max-block-lh{max-block-size:1lh}.max-block-none{max-block-size:none}.max-block-screen{max-block-size:100vh}.max-inline-none{max-inline-size:none}.max-inline-screen{max-inline-size:100vw}.min-block-auto{min-block-size:auto}.min-block-lh{min-block-size:1lh}.min-block-screen{min-block-size:100vh}.min-inline-auto{min-inline-size:auto}.min-inline-screen{min-inline-size:100vw}.ring-inset{--tw-ring-inset:inset}.text-shadow-initial{--tw-text-shadow-color:initial}.transform-3d{transform-style:preserve-3d}.transform-border{transform-box:border-box}.transform-content{transform-box:content-box}.transform-fill{transform-box:fill-box}.transform-flat{transform-style:flat}.transform-stroke{transform-box:stroke-box}.transform-view{transform-box:view-box}@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}}.\[data-sticker\=\"badge\:lesson-1\"\]\:visible:is(){visibility:visible}}: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:Nunito 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{--portrait:44px}.profile-button .profile-portrait{width:var(--portrait);height:var(--portrait);flex:0 0 var(--portrait)}.profile-portrait{color:#fff;border-radius:46% 54% 43% 57%;place-items:center;font:700 18px Nunito 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}.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 Nunito 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%)}.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}.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{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 Nunito 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}.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-radius:12px;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 .profile-name,.midi-compact{display:none}.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}.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{background:#f3e7c9;border-radius:12px;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)}.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){.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{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 Nunito 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:Nunito Variable,Arial Rounded MT Bold,Arial,sans-serif}h1,h2,h3{font-weight:800}.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 .profile-name,.midi-compact,.audio-level{display:none}.global-status{gap:5px}.profile-button{--portrait:36px;min-height:36px;padding:2px 7px}.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}}.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}.profile-button{justify-content:center;width:52px;min-width:52px;height:52px;padding:0}.profile-button .profile-name,.profile-button>svg,.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}.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}.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}}.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 Nunito 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:Nunito 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 Nunito 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-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-radius:12px;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}.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){.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}.global-bar{background:var(--ui-surface);border-bottom:4px solid #e2b64f;box-shadow:0 4px #583a1833}.brand{transform:rotate(-1deg)}.brand strong{color:#8f3f48;text-shadow:0 2px #fff5d5}.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>*{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}.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 Nunito 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)}.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:var(--ui-surface)}}@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:Nunito 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{border-bottom:1px solid var(--ui-border);background:var(--ui-surface);box-shadow:0 3px 0 var(--ui-shadow);-webkit-backdrop-filter:none;backdrop-filter:none}.global-bar:after{content:"";background:var(--ui-inset);pointer-events:none;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:linear-gradient(145deg,var(--ui-celebration-a),var(--ui-celebration-b) 48%,var(--ui-celebration-c))!important;justify-content:center!important}.reward-ceremony{isolation:isolate;border:3px solid var(--ui-text);background:var(--ui-surface);width:min(680px,100%);min-height:min(530px,100dvh - 112px);box-shadow:0 6px 0 var(--ui-shadow);color:var(--ui-text);border-radius:20px;grid-template-rows:8px 1fr auto;display:grid;position:relative;overflow:hidden}.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 Nunito 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}@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}@media (width<=600px){.reward-results{padding:8px!important}.reward-ceremony{min-height:calc(100dvh - var(--app-bar-height) - 64px);box-shadow:0 6px 0 var(--ui-shadow);border-width:2px;border-radius:20px}.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)}.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}.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}.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-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,.screen-sheet-practice){--app-bar-height:var(--measured-app-bar-height,64px);padding-top:var(--app-bar-height)}.app-frame:not(.screen-lesson,.screen-sheet-practice)>.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,.screen-sheet-practice)>.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:52px;min-height:52px}.app-frame:not(.screen-lesson)>.global-bar:has(.profile-button) .global-wallets{gap:6px}.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<=359px){.app-frame:not(.screen-lesson)>.global-bar:has(.profile-button) .brand{flex-basis:100px;min-width:100px}}@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}.game-pause-modal{box-sizing:border-box;max-height:calc(100dvh - 24px);overflow:auto}@media (height<=450px) and (orientation:landscape){.modal-backdrop:has(>.game-pause-modal){padding:8px}.app-frame .modal.game-pause-modal{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:min(600px,100%);padding:14px 16px}.app-frame .game-pause-modal>h2{grid-column:1/-1;margin-block:0;font-size:22px}.app-frame .game-pause-modal>button:not(.close){min-height:44px;padding:8px 10px}}.lesson-pause-title{align-items:center;gap:12px;margin:0 44px 0 0;display:flex}.lesson-pause-title .icon-button{flex:none;width:44px;height:44px;padding:10px}@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-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@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-pan-x{syntax:"*";inherits:false}@property --tw-pan-y{syntax:"*";inherits:false}@property --tw-pinch-zoom{syntax:"*";inherits:false}@property --tw-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@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-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{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}@property --tw-contain-size{syntax:"*";inherits:false}@property --tw-contain-layout{syntax:"*";inherits:false}@property --tw-contain-paint{syntax:"*";inherits:false}@property --tw-contain-style{syntax:"*";inherits:false}@property --tw-text-shadow-color{syntax:"*";inherits:false}@property --tw-text-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@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:800 28px/1.1 Nunito 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}@media (width>=1101px) and (height>=800px){.app-frame.screen-setup .journey-start{grid-template-columns:minmax(0,1fr) clamp(360px,24vw,560px)}.journey-start .pet-perch{width:100%;height:clamp(160px,15dvh,300px)}.journey-start .companion-follower{justify-content:center;width:100%;height:100%}.journey-start .pet-interact{flex:0 0 48%;width:48%;height:100%}.journey-start .pet-entrance,.journey-start .pet-action,.journey-start .pet-poof{width:100%;height:100%;inset:0}.journey-start .companion-follower p{max-width:52%;font-size:clamp(14px,1vw,20px)}}[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{background:var(--ui-surface);height:52px;min-height:52px;box-shadow:none;border-bottom:1px solid var(--ui-border);flex:0 0 52px;grid-template-columns:minmax(0,.8fr) minmax(90px,1.4fr) auto auto 44px 44px 44px;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 .lesson-notation .lesson-metronome{z-index:4;pointer-events:none;background:#193e43;border:1px solid #899d94;border-radius:20px;justify-content:center;align-items:center;gap:7px;min-width:72px;height:24px;padding:3px 9px;display:flex;position:absolute;bottom:6px;left:10px}.lesson-metronome i{background:#667f7d;border:1px solid #c5d6d0;border-radius:50%;width:8px;height:8px}.lesson-metronome i[data-accent=true]{border-color:#ffda78}.lesson-metronome i[data-active=true]{transform:scale(calc(1.25 + var(--beat-pulse,0)*.3));background:#ffda78;border-color:#fff1bd}@media (width<=700px){.app-frame.screen-lesson .lesson-notation .lesson-metronome{gap:5px;min-width:56px;height:22px;padding-inline:6px;bottom:5px;left:8px}.lesson-metronome i{width:7px;height:7px}}.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:var(--stage-sky);flex:1 1 0;height:auto;min-height:0;display:grid}.app-frame.screen-lesson .festival-stage .lesson-notation{border:var(--pc-edge) solid var(--pc-line);width:calc(100% - 32px);max-width:1120px;height:100%;min-height:0;max-height:none;box-shadow:0 5px 0 var(--pc-shade);border-radius:14px;grid-row:3;justify-self:center;position:relative;inset:auto;overflow:hidden}.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:var(--ui-surface);border-top:1px solid var(--ui-border);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:3px dashed var(--ui-focus);outline-offset:-2px}.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}@media (width>=1800px) and (height>=1000px){.concert-pet-podium{width:clamp(200px,15dvh,360px);max-height:360px}.app-frame.screen-lesson .concert-pet-podium .festival-bird{max-height:360px}}.concert-caption{border:var(--pc-edge) solid var(--pc-line);background:var(--ui-surface);color:var(--ui-text);box-shadow:0 3px 0 var(--pc-shade);pointer-events:none;z-index:4;border-radius:12px;flex-direction:column;gap:3px;max-width:25%;padding:5px 10px;display:flex;position:absolute;top:58px;left:max(12px,50% - 560px)}.concert-caption strong{font:800 clamp(14px,1.6vw,23px) Nunito Variable,sans-serif}.concert-caption span{color:var(--ui-muted);font-size:11px}.concert-score{border:var(--pc-edge) solid var(--pc-line);background:var(--ui-surface);color:var(--ui-text);box-shadow:0 3px 0 var(--pc-shade);font-variant-numeric:tabular-nums;border-radius:12px;align-items:center;gap:18px;padding:2px 12px;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:var(--ui-text);font:800 25px Nunito Variable,sans-serif}.concert-score .is-streak{color:var(--ui-action);font-weight:700}.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:800 64px/.95 Nunito 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],.hold-guidance[hidden],.staff-judgement[hidden],.staff-judgement.is-miss .feedback-mark{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 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-left:0;border-top:1px solid var(--ui-border);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{border:var(--pc-edge) solid var(--pc-line);background:var(--ui-surface);max-width:calc(100% - 16px);color:var(--ui-text);box-shadow:0 3px 0 var(--pc-shade);border-radius:999px;grid-area:2/1;place-self:center;align-items:center;gap:12px;padding:4px 16px 4px 6px;line-height:1.2;display:flex}.first-note-count{background:var(--pc-gold);color:#173f4a;border:var(--pc-edge) solid var(--pc-line);border-radius:50%;flex:none;place-items:center;width:42px;height:42px;font:800 28px Nunito Variable,sans-serif;display:grid}.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-coach :is(strong,span){line-height:1.15}.first-note-lights{gap:4px;margin-left:8px;display:flex}.first-note-lights i{color:var(--ui-inset);-webkit-text-stroke:1px var(--ui-muted);font-size:22px;font-style:normal}.first-note-lights i[data-lit=true]{color:var(--pc-gold);-webkit-text-stroke:1px var(--pc-line)}@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}}@media (width>=1101px) and (height>=701px){.app-frame.screen-lesson .festival-stage{--u:clamp(1px,min(100vw / 1440,(100dvh - var(--piano-reserved-height,0px)) / 760),1.7px)}.app-frame.screen-lesson .lesson-notation .lesson-metronome{left:calc(12 * var(--u));bottom:calc(8 * var(--u));min-width:calc(100 * var(--u));height:calc(32 * var(--u));gap:calc(10 * var(--u));padding:calc(4 * var(--u)) calc(12 * var(--u));border-width:calc(1.5 * var(--u))}.app-frame.screen-lesson .lesson-metronome i{width:calc(12 * var(--u));height:calc(12 * var(--u));border-width:calc(1.5 * var(--u))}.app-frame.screen-lesson .lesson-notation .hit-zone>span{top:calc(-2 * var(--u));padding:calc(4 * var(--u)) calc(10 * var(--u));border-radius:calc(8 * var(--u));font-size:calc(15 * var(--u))}.app-frame.screen-lesson .lesson-notation .hit-zone>span:before{width:calc(7 * var(--u));height:calc(7 * var(--u));margin-right:calc(6 * var(--u))}.app-frame.screen-lesson .phase-banner{padding:calc(7 * var(--u)) calc(16 * var(--u))}.app-frame.screen-lesson .phase-banner strong{font-size:calc(15 * var(--u))}.concert-caption{top:calc(58 * var(--u));padding:calc(7 * var(--u)) calc(14 * var(--u));border-radius:calc(14 * var(--u));max-width:30%}.concert-caption strong{font-size:calc(24 * var(--u))}.concert-caption span{font-size:calc(13 * var(--u))}.concert-score{top:calc(10 * var(--u));gap:calc(18 * var(--u));padding:calc(3 * var(--u)) calc(14 * var(--u));font-size:calc(13 * var(--u))}.concert-score strong{font-size:calc(28 * var(--u))}.concert-score small{font-size:calc(12 * var(--u))}.concert-pet-podium{width:min(calc(230 * var(--u)),90%);height:min(calc(230 * var(--u)),100%);max-height:none}.app-frame.screen-lesson .concert-pet-podium .festival-bird{max-height:none}.concert-pet-podium i{height:calc(10 * var(--u))}}.app-frame.screen-lesson .listen-duration{max-width:calc(100% + -1*max(8px,50% - 145px) - 8px);left:max(8px,50% - 145px);transform:none}.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{--brand-ink:#173f4a;--brand-gold:#ffd15a;--brand-gold-light:#ffe9a3;--brand-gold-shine:#fff3c4;--brand-gold-deep:#f2b628;--brand-gold-rim:#fff8dc;--brand-gold-edge:#d39a22;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ui-bg:#f0e4c9;--ui-surface:#fff4da;--ui-raised:#fffaf0;--ui-inset:#e9ddc0;--ui-text:#173f4a;--ui-muted:#405b60;--ui-border:#7a8980;--ui-shadow:#173f4a26;--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:#ce3a26;--ui-action-ink:#fffaf0;--ui-action-edge:#9b2d1f;--ui-action-shadow:#9b2d1f;--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:#2b1c4f;--ui-surface:#3a276c;--ui-raised:#483382;--ui-inset:#1f1240;--ui-text:#fff2dc;--ui-muted:#dccbf2;--ui-border:#7a62b8;--ui-shadow:#140c2680;--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:#dd2860;--ui-action-ink:#fff;--ui-action-edge:#9e1f48;--ui-action-shadow:#9e1f48;--ui-focus:#a4d7ff;--ui-celebration-a:#4d385f;--ui-celebration-b:#28365c;--ui-celebration-c:#1d233e;--ui-night-scene:#2b1c4f;--music-paper:#251a48;--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{text-align:left;background:var(--ui-raised);min-width:0;min-height:72px;color:var(--ui-text);box-shadow:none;filter:none;border:2px solid #0000;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)}.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);box-shadow:none;border-radius:50%;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,.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){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));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);border:var(--pc-edge) solid var(--pc-line);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(--pc-line);background:#21143d}: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] .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,.setting-section) :is(p,small,dt,dd,label,h1,h2,h3,h4,strong,span:not(:where(.pro-mark)),summary){color:inherit}:root[data-theme=dark] .app-frame :is(.shop-page,.shop-preview,.songbook,.lesson-progress-panel,.performance-review) :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-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-tutorial){background:var(--ui-surface);color:var(--ui-text)}:root[data-theme=dark] .app-frame :is(.dodger-preview-facts,.dodger-map-head p,.minigames-page>header small){color:var(--ui-muted)}:root[data-theme=dark] .app-frame :is(.shop-preview>header,.next-achievement){background:var(--ui-raised);color:var(--ui-text);border-color:var(--ui-border)}:root[data-theme=dark] .app-frame .reward-ceremony{color:var(--ui-text);border-color:var(--ui-border)}:root[data-theme=dark] .app-frame .reward-ceremony:not(.has-song-scene){background:var(--ui-surface)}: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>.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{background:var(--ui-surface);color:var(--ui-text);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:var(--ui-raised);border-color:var(--ui-border)}: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:var(--ui-surface)}: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}.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-color:var(--ui-action);color:var(--ui-action-ink);border:var(--pc-edge) solid transparent;font-weight:700}.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}:root{--pc-line:#e6d4ab;--pc-shade:#173f4a1a;--pc-edge:2px;--pc-radius:16px;--pc-coral:#e4604b;--pc-coral-soft:#fbd2c5;--pc-coral-ink:#fffaf0;--pc-gold:#f2b628;--pc-gold-soft:#fde6a2;--pc-gold-ink:#3b2906;--pc-teal:#167f6e;--pc-teal-soft:#c2e8da;--pc-teal-ink:#fffaf0;--pc-violet:#6f58c0;--pc-violet-soft:#ddd4f7;--pc-violet-ink:#fffaf0;--scene-wall:#f8e9c8;--scene-wall-deep:#f0dcb2;--scene-sun:#f7d27a;--scene-sun-dot:#eab24a;--grass-far:#9fd0b6;--grass:#6fb497;--grass-dot:#59a185;--scene-hill:var(--grass-far);--scene-hill-dot:var(--grass-dot);--scene-floor:#c99160;--scene-floor-line:#ab7444;--scene-wood-top:#e8bd7c;--stage-sky:#cfeadf;--stage-dot:#bfe2d4;--stage-hill:#a6d5c0;--stage-hill-2:#8cc6ae;--stage-curtain:#e4604b;--stage-curtain-fold:#b5473a;--stage-floor:#d39a62;--stage-string:#5d7f7a}:root[data-theme=dark]{--pc-line:#43307a;--pc-shade:#140c2680;--pc-coral:#ff6f8f;--pc-coral-soft:#5a2a4f;--pc-coral-ink:#2b1310;--pc-gold:#ffbf3a;--pc-gold-soft:#4d3b24;--pc-gold-ink:#2e2106;--pc-teal:#2fd3b2;--pc-teal-soft:#1f4f55;--pc-teal-ink:#0b2620;--pc-violet:#a58bff;--pc-violet-soft:#3e3070;--pc-violet-ink:#1d163a;--scene-wall:#2b1c4f;--scene-wall-deep:#241644;--scene-sun:#fff1c9;--scene-sun-dot:#f3dc9a;--grass-far:#2f6a8a;--grass:#23907c;--grass-dot:#1b7766;--scene-hill:var(--grass-far);--scene-hill-dot:var(--grass-dot);--scene-floor:#5e3a5a;--scene-floor-line:#472b45;--scene-wood-top:#8a6248;--stage-sky:#2b1c4f;--stage-dot:#36245f;--stage-hill:#2f6a8a;--stage-hill-2:#23907c;--stage-curtain:#e0446a;--stage-curtain-fold:#a52b4f;--stage-floor:#5e3a5a;--stage-string:#dccbf2}.pc-coral{--pc-tone:var(--pc-coral);--pc-tone-soft:var(--pc-coral-soft);--pc-tone-ink:var(--pc-coral-ink)}.pc-gold{--pc-tone:var(--pc-gold);--pc-tone-soft:var(--pc-gold-soft);--pc-tone-ink:var(--pc-gold-ink)}.pc-teal{--pc-tone:var(--pc-teal);--pc-tone-soft:var(--pc-teal-soft);--pc-tone-ink:var(--pc-teal-ink)}.pc-violet{--pc-tone:var(--pc-violet);--pc-tone-soft:var(--pc-violet-soft);--pc-tone-ink:var(--pc-violet-ink)}.pc-panel{background:var(--ui-surface);color:var(--ui-text);border:var(--pc-edge) solid transparent;border-radius:var(--pc-radius);box-shadow:0 5px 0 var(--pc-shade)}.app-frame .pc-button{border:var(--pc-edge) solid var(--pc-line);background:var(--pc-tone,var(--ui-raised));min-width:44px;min-height:44px;color:var(--pc-tone-ink,var(--ui-text));box-shadow:0 4px 0 var(--pc-shade);border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-weight:700;transition:transform .12s,box-shadow .12s;display:inline-flex}.app-frame .pc-button:hover:not(:disabled){background-color:color-mix(in srgb,var(--pc-tone,var(--ui-raised)) 90%,#fff)}.app-frame .pc-button:active:not(:disabled){box-shadow:0 1px 0 var(--pc-shade);transform:translateY(3px)}.app-frame .pc-button:focus-visible{outline:3px solid var(--ui-focus);outline-offset:3px}.app-frame .pc-button:disabled{background:var(--ui-inset);color:var(--ui-muted);box-shadow:none}.pc-disc{border:var(--pc-edge) solid transparent;color:var(--ui-text);background:var(--pc-tone-soft,var(--ui-inset));border-radius:50%;flex:none;place-items:center;display:grid;box-shadow:inset 0 -3px #0000001a}dialog.pc-dialog{border:var(--pc-edge) solid var(--pc-line);box-shadow:0 8px 0 var(--pc-shade)}dialog.pc-dialog[data-suspended=true]{visibility:hidden}dialog.pc-dialog[data-suspended=true]::backdrop{background:0 0!important}dialog.pc-dialog::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0b2230b8}:root[data-theme=dark] dialog.pc-dialog::backdrop{background:#020a12c4}[data-motion=reduced] .app-frame .pc-button,[data-motion=minimal] .app-frame .pc-button{transition:none;transform:none}@media (prefers-reduced-motion:reduce){.app-frame .pc-button{transition:none}}.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{--welcome-field:url(/welcome-backdrop.svg)}:root[data-theme=dark] .app-frame{--welcome-field:url(/welcome-backdrop-dark.svg)}.app-frame .input-setup{background:var(--welcome-field) center bottom/cover no-repeat,var(--scene-wall)}:root{--paper-edge:url(/paper-edge.svg)}:root[data-theme=dark]{--paper-edge:url(/paper-edge-dark.svg)}:root .night-only{display:none}.night-halo circle{stroke:none!important}:root[data-theme=dark] .night-only{display:inline}:root[data-theme=dark] .night-halo circle{fill:#ffd36b;opacity:.11}:root[data-theme=dark] .halo-moon circle{fill:#f3e8ff;opacity:.06}:root[data-theme=dark] .ps-craters circle{fill:#ecd796;opacity:.7}:root[data-theme=dark] .night-star{fill:#ffe9a8}:root[data-theme=dark] :is(.wheel-bulbs,.bunting-bulbs) circle{fill:#ffe27a}:root[data-theme=dark] .tent-door{fill:#ffc85c}:root[data-theme=dark] .firefly{fill:#f2ff9e}:root[data-theme=dark] .firefly-glow{fill:#f2ff9e;opacity:.22}:is(.ground-dot,.scene-dot,.paper-scene .ps-sun-dot,.paper-scene .ps-hill-dot,.song-scene .ss-dot,.song-scene .ss-sun-dot)>circle{opacity:.6}:root{--scene-text-halo:0 0 2px var(--scene-wall),0 0 8px var(--scene-wall),0 1px 16px var(--scene-wall)}.home-heading h1,.app-frame .game-screen :is(h1,.shop-heading h1):not(dialog *){text-shadow:var(--scene-text-halo)}:root{--glint-hero:none;--glint-button:none}:root[data-theme] .app-frame button.primary{box-shadow:inset 0 3px 0 #ffffff59,0 3px 0 var(--ui-action-edge);border-color:#0000;transition:transform 60ms,box-shadow 60ms,background-color .12s}:root[data-theme] .app-frame button.primary:active:not(:disabled){box-shadow:inset 0 3px 0 #ffffff59,0 0 0 var(--ui-action-edge);transform:translateY(3px)}:where(.app-frame) :where(button.primary:not(:disabled),.currency-wallet,.destination-card,.home-continue,.orin-shelf-display,.orin-counter-actions>button,.minigame-play){position:relative}:where(.app-frame) :where(button.primary:not(:disabled),.currency-wallet,.destination-card,.home-continue,.orin-shelf-display,.orin-counter-actions>button,.minigame-play):after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(112deg,#0000 34%,#ffffff3d 44% 52%,#0000 62%) 135% 0/260% 100% no-repeat;position:absolute;inset:0}[data-motion=full] :where(.app-frame) :where(button.primary:not(:disabled),.currency-wallet,.destination-card,.home-continue,.orin-shelf-display,.orin-counter-actions>button,.minigame-play):after{animation:6.5s ease-in-out infinite glint-loop}[data-motion=full] :where(.app-frame) :where(.destination-card,.orin-shelf-display,.orin-counter-actions>button,.currency-wallet):nth-child(2n):after{animation-delay:.9s}[data-motion=full] :where(.app-frame) :where(.destination-card,.orin-shelf-display,.orin-counter-actions>button,.currency-wallet):nth-child(3n):after{animation-delay:1.8s}@keyframes glint-loop{0%,78%{background-position:135% 0}94%,to{background-position:-35% 0}}@media (prefers-reduced-motion:reduce){:where(.app-frame) :where(button.primary,.currency-wallet,.destination-card,.home-continue,.orin-shelf-display,.orin-counter-actions>button,.minigame-play):after{animation:none!important}}:root[data-theme=dark] .app-frame:is([data-piano=piano-classic],:not([data-piano])){--piano-frame:#3a276c!important;--piano-surface:#3a276c!important;--piano-bed:#1f1240!important}:focus:not(:focus-visible){outline:none}@keyframes enter-fade{0%{opacity:0}}@keyframes enter-rise{0%{opacity:0;translate:0 14px}}@keyframes enter-drop{0%{opacity:0;translate:0 -12px}}@keyframes enter-pop{0%{opacity:0;scale:.55}70%{scale:1.08}to{scale:1}}@keyframes enter-tile{0%{opacity:0;translate:0 18px;scale:.94}}[data-motion=full] .game-screen>:is(main,section){animation:.22s ease-out backwards enter-fade}[data-motion=full] :is(.home-heading h1,.welcome-copy h1,.pet-ticket>header,.shop-page>header,.book-browser-header){animation:.28s cubic-bezier(.2,.8,.2,1) 40ms backwards enter-drop}[data-motion=full] :is(.home-continue,.book-browser-hero,.welcome-copy>p,.welcome-actions,.orin-shelves,.orin-shop-counter){animation:.32s cubic-bezier(.2,.8,.2,1) 80ms backwards enter-rise}[data-motion=full] :is(.destination-card,.orin-shelf-display,.orin-counter-actions>button,.minigame-card,.trail-step,.starter-pet-choices>*){animation:.34s cubic-bezier(.2,.9,.25,1.25) backwards enter-tile;animation-delay:calc(.14s + var(--enter-i,0) * 45ms)}:is(.home-activities,.orin-display-shelves,.orin-counter-actions,.minigames-cards,.lesson-trail,.starter-pet-choices)>:nth-child(2){--enter-i:1}:is(.home-activities,.orin-display-shelves,.orin-counter-actions,.minigames-cards,.lesson-trail,.starter-pet-choices)>:nth-child(3){--enter-i:2}:is(.home-activities,.orin-display-shelves,.orin-counter-actions,.minigames-cards,.lesson-trail,.starter-pet-choices)>:nth-child(4){--enter-i:3}:is(.home-activities,.orin-display-shelves,.orin-counter-actions,.minigames-cards,.lesson-trail,.starter-pet-choices)>:nth-child(5){--enter-i:4}:is(.home-activities,.orin-display-shelves,.orin-counter-actions,.minigames-cards,.lesson-trail,.starter-pet-choices)>:nth-child(6){--enter-i:5}:is(.home-activities,.orin-display-shelves,.orin-counter-actions,.minigames-cards,.lesson-trail,.starter-pet-choices)>:nth-child(7){--enter-i:6}:is(.home-activities,.orin-display-shelves,.orin-counter-actions,.minigames-cards,.lesson-trail,.starter-pet-choices)>:nth-child(n+8){--enter-i:7}[data-motion=full] :is(.home-friend .pet-perch,.pet-greeting){animation:.46s cubic-bezier(.3,1.4,.5,1) .32s backwards enter-pop}[data-motion=full] :is(.carnival-wheel,.carnival-tent,.carnival-friend){animation:.42s cubic-bezier(.2,.8,.2,1) .18s backwards enter-rise}[data-motion=reduced] .game-screen>:is(main,section){animation:.16s ease-out backwards enter-fade}.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;grid-template-columns:auto minmax(0,1fr) auto;display:grid}.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}@media (width>=701px) and (orientation:landscape) and (height<=800px){.screen-book.has-piano .book-freeplay{display:none}}@container book (width>=701px) and (height<=600px){.app-frame .book-page .book-intro h1{font-size:25px}.journey-panel .current-chapter>header{padding-top:0}.journey-panel .current-chapter>header :is(h2,p){display:none}}.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:800 14px Nunito 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 .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%}}@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 .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}.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-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}.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}}.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:Nunito 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(--pc-shade)}.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}.journey-album>.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}.journey-album .album-heading{grid-area:1/1;justify-content:start;gap:8px;margin:0}.journey-album .album-heading h2{display:none}.journey-album .album-heading .album-progress{margin:0}.journey-album .album-tools{grid-area:1/2;margin:0}.journey-album .album-tools>div{flex-wrap:nowrap}.journey-album .album-tabs{grid-area:2/1/auto/-1;margin:0}.journey-album .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}.journey-album .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}.journey-album .album-curl-host{aspect-ratio:auto;width:min(100%,66.666cqh);height:100%;margin-inline:auto}.journey-album .album-pagination{grid-area:4/1/auto/-1;gap:12px;margin:0}.journey-album .album-pagination button{min-height:44px;padding:6px 10px}@media (width>=1000px){.journey-album .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){.journey-album .album-tabs>button{font-size:11px}.journey-album .album-tabs>button svg,.journey-album .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}.journey-album>.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}.journey-album>.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}.journey-album>.sticker-album{grid-template-rows:46px 44px minmax(0,1fr) 44px;grid-template-columns:198px minmax(0,1fr)}.journey-album .album-heading{grid-column:1;width:44px}.journey-album .album-heading button{width:44px;padding:6px}.journey-album .album-heading .album-progress{display:none}.journey-album .album-tabs{grid-area:2/1;grid-template-columns:1fr}.journey-album .album-tabs>button{display:none}.journey-album .album-tabs>select{display:block}.journey-album .album-tools{grid-area:1/1;align-self:start;margin-left:48px}.journey-album .album-tools>div{flex-wrap:wrap}.journey-album .album-buy-pack{display:none}.journey-album .album-book{grid-area:1/2/-1}.journey-album .album-pagination{flex-wrap:nowrap;grid-area:4/1;gap:4px}.journey-album .album-pagination>span{clip-path:inset(50%);width:1px;min-width:0;height:1px;position:absolute;overflow:hidden}.journey-album .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}}@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)}}@media (orientation:landscape) and (height<=500px){.app-frame:is(.screen-book,.screen-lesson-preview)>.global-bar:has(.profile-button){flex-wrap:nowrap;height:48px;min-height:48px;padding-block:2px}.app-frame:is(.screen-book,.screen-lesson-preview)>.global-bar:has(.profile-button) .brand{min-width:100px;max-width:160px;height:40px}.app-frame:is(.screen-book,.screen-lesson-preview)>.global-bar:has(.profile-button) .profile-button{height:44px;min-height:44px;padding-block:2px}.app-frame:is(.screen-book,.screen-lesson-preview)>.global-bar:has(.profile-button) .global-wallets button{height:44px;min-height:44px}:is(.screen-book,.screen-lesson-preview) .piano-dock.viewport-piano:not(.is-collapsed){--piano-header-height:44px;height:104px}:is(.screen-book,.screen-lesson-preview) .viewport-piano .studio-key.black{height:44px;min-height:44px}.app-frame.screen-lesson-preview .game-screen .lesson-landing{padding:4px}.app-frame.screen-lesson-preview .game-screen .lesson-landing>section{grid-template-rows:minmax(0,1fr) 44px;grid-template-columns:minmax(0,1fr);gap:4px;height:100%;padding:4px 8px;display:grid;overflow:hidden}.lesson-landing :is(.landing-host,.landing-awning,section>small,section>p){display:none}.lesson-landing h1{align-self:center;max-height:100%;margin:0;font-size:18px;line-height:1.1;overflow:auto}.lesson-landing .landing-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin:0;display:grid}.lesson-landing .landing-actions button{justify-content:center;padding:4px 8px;font-size:13px}}@media (orientation:landscape) and (height<=260px){.app-frame.screen-book>.global-bar:has(.profile-button){display:none}.app-frame.screen-book{--app-bar-height:0px;padding-top:0}}.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;position:relative;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-action: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-action:not(.phase-listen):not(.phase-ready){--scene-footer:100px}.app-frame.screen-lesson .lesson-hud{width:188px;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-notation .lesson-metronome{gap:5px;min-width:52px;height:20px;padding-inline:5px;bottom:4px;left:6px}.app-frame.screen-lesson .lesson-metronome i{width:6px;height:6px}.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) 204px}.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:188px;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:188px;min-width:0;top:54px;right:8px}.app-frame.screen-lesson .phase-listen .concert-scene,.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:188px;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:188px;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:188px;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-position-cue .concert-scene{opacity:0;pointer-events:none}.app-frame.screen-lesson .lesson-page.has-position-cue .lesson-guidance{display:none}.app-frame.screen-lesson .lesson-guidance{z-index:12;pointer-events:none;background:0 0;border:0;width:188px;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:188px;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,.reward-ceremony),.screen-dodger-level:has(.dodger-play,.dodger-tutorial)) .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,.reward-ceremony),.screen-dodger-level:has(.dodger-play,.dodger-tutorial)) .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,.reward-ceremony),.screen-dodger-level:has(.dodger-play,.dodger-tutorial)) .piano-dock.viewport-piano>header>:is(.piano-octave,.piano-pan-strip,.piano-next-note){display:none}.app-frame:is(.screen-lesson,.screen-results,.screen-invaders:has(.invaders-play,.reward-ceremony),.screen-dodger-level:has(.dodger-play,.dodger-tutorial)) .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,.reward-ceremony),.screen-dodger-level:has(.dodger-play,.dodger-tutorial)) .piano-dock.viewport-piano.is-collapsed{height:0}.app-frame:is(.screen-lesson,.screen-results,.screen-invaders:has(.invaders-play,.reward-ceremony),.screen-dodger-level:has(.dodger-play,.dodger-tutorial)) .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% - 68px);grid-template-rows:62px 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-action .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-position-cue .concert-scene{opacity:0;pointer-events:none}.app-frame.screen-lesson .lesson-page.has-position-cue .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:188px;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:188px;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}}.app-frame{--flow-action-width:280px;--flow-action-height:56px}.app-frame .play-flow-actions{grid-template-columns:minmax(0,1fr) minmax(0,var(--flow-action-width));align-items:center;gap:8px 16px;width:100%;padding:10px 16px;display:grid}.app-frame .play-flow-actions>.primary{width:100%;min-height:var(--flow-action-height);white-space:nowrap;grid-area:1/2;justify-content:center;margin:0;padding:12px 20px;font-size:20px}.app-frame .play-flow-actions>button:not(.primary){justify-self:end;min-height:44px;margin:0}.app-frame .game-screen .results{width:min(1400px,100%);height:100%;min-height:0;margin:0 auto;padding:10px!important}.app-frame .game-screen .results:not(.reward-results){flex-direction:column;align-items:stretch;gap:0;display:flex}.app-frame .game-screen .results:not(.reward-results) .result-card{flex:1;width:100%;height:auto;min-height:0;max-height:none;margin:0}.app-frame .result-flow-footer{border:3px solid #0000;border-width:0 3px 4px;flex:none}.app-frame .game-screen .reward-ceremony.reward-stage{width:100%;height:100%;margin:0}.app-frame .game-screen .reward-stage .reward-footer{padding:0}.app-frame .game-screen .reward-stage .reward-actions{grid-template-columns:minmax(0,1fr) minmax(0,var(--flow-action-width));gap:8px 16px;padding:10px 16px;display:grid}.app-frame .game-screen .reward-stage .reward-actions .reward-next{width:100%;min-width:0;min-height:var(--flow-action-height);grid-area:1/2;margin:0;padding:12px 20px;font-size:20px}.app-frame .game-screen .reward-stage .reward-actions .reward-skip{grid-area:1/1;justify-self:end}.app-frame .lesson-intro-backdrop{bottom:var(--piano-reserved-height,0px);padding:10px}.app-frame .lesson-intro{flex-direction:column;justify-content:center;align-items:center;gap:12px;width:min(1000px,100%);height:auto;max-height:100%;padding:clamp(16px,3vw,36px) 0 0;display:flex}.lesson-intro>h2{margin:0;font-size:clamp(26px,2.5vw,44px)}.lesson-intro>p{max-width:650px;padding-inline:24px}.app-frame .lesson-intro>.play-flow-actions{border:3px solid #0000;border-width:0 3px 4px;margin-top:8px}.app-frame.screen-lesson .practice-status>button{width:var(--flow-action-width);min-height:var(--flow-action-height);margin:0;padding:12px;font-size:17px}.app-frame.screen-lesson .lesson-guidance{padding:0 max(26px,50% - 674px)}@media (width>=1800px){.app-frame{--flow-action-width:360px;--flow-action-height:76px}}@media (width<=700px){.app-frame{--flow-action-width:100%;--flow-action-height:48px}.app-frame .play-flow-actions,.app-frame .game-screen .reward-stage .reward-actions{grid-template-columns:minmax(0,1fr);gap:6px;padding:8px 12px}.app-frame .play-flow-actions>.primary,.app-frame .game-screen .reward-stage .reward-actions .reward-next{grid-area:2/1;min-height:48px;padding:10px 12px;font-size:17px}.app-frame .game-screen .reward-stage .reward-actions .reward-skip{grid-area:1/1;justify-self:center}.app-frame.screen-lesson .lesson-guidance{padding:0 12px}.app-frame.screen-lesson .practice-status>button{width:auto;min-width:120px;min-height:44px;padding:4px 8px;font-size:12px}}@media (orientation:landscape) and (height<=650px){.app-frame{--flow-action-width:220px;--flow-action-height:44px}.app-frame .play-flow-actions,.app-frame .game-screen .reward-stage .reward-actions{grid-template-columns:minmax(0,1fr) minmax(0,var(--flow-action-width));padding:4px 12px 6px}.app-frame .play-flow-actions>.primary,.app-frame .game-screen .reward-stage .reward-actions .reward-next{grid-area:1/2;min-height:44px;padding:8px 12px;font-size:16px}.app-frame .game-screen .reward-stage .reward-actions .reward-skip{grid-area:1/1}.app-frame.screen-lesson .lesson-guidance{padding:0 12px}.app-frame.screen-lesson .practice-status>button{min-height:44px;padding:4px 8px;font-size:12px}}@media (orientation:landscape) and (height<=500px),(orientation:portrait) and (height<=500px){.app-frame.screen-lesson .lesson-guidance{padding:0}.app-frame.screen-lesson .practice-status>button{width:140px;min-width:0;min-height:44px;padding:4px 8px;font-size:12px}}.app-frame:has(.reward-ceremony,.box-reveal,.result-card,.dodger-report,.run-report,.placement-inline) .sound-unlock{display:none}.reward-flight-coin.reward-flight-diamond{width:var(--flight-width);height:var(--flight-height);margin:calc(var(--flight-height) / -2) calc(var(--flight-width) / -2);filter:drop-shadow(0 0 5px #cffaff)drop-shadow(0 2px 1px #594e9380);animation-name:reward-diamond-flight;animation-timing-function:linear}.reward-flight-diamond:before{content:"";animation:reward-gem-trail var(--flight-duration) var(--flight-delay) both;pointer-events:none;background:linear-gradient(90deg,#e2fcffb0,#0000);border-radius:50%;position:absolute;inset:30% -45% 30% 45%;transform:rotate(28deg)}@keyframes reward-diamond-flight{0%,5%{opacity:1;transform:translate(0)scale(1)}16%{opacity:1;transform:translate(0,-24px) scale(calc(var(--flight-scale) * 1.2)) rotate(-8deg)}36%{opacity:1;transform:translate(calc(var(--flight-x) * .16),calc(var(--flight-y) * .28 - 32px)) scale(var(--flight-scale)) rotate(8deg)}72%{opacity:1;transform:translate(calc(var(--flight-x) * .65),calc(var(--flight-y) * .77 - 18px)) scale(var(--flight-scale)) rotate(-5deg)}to{opacity:1;transform:translate(var(--flight-x),var(--flight-y)) scale(var(--flight-scale))}}@keyframes reward-gem-trail{0%,15%{opacity:0}30%,72%{opacity:.7}to{opacity:0}}.reward-diamond-medal{position:relative}.reward-box-art .magic-chest.burst{opacity:1;animation:none!important}html[data-motion=full] .reward-box-art .burst .chest-lid{animation:.8s ease-out both reward-lid-bounce}html[data-motion=full] .reward-box-art .burst .chest-burst-rays{animation:.8s ease-out both reward-box-rays}@keyframes reward-lid-bounce{0%,to{transform:none}38%{transform:translateY(-7px)rotate(-8deg)}65%{transform:translateY(2px)rotate(2deg)}}@keyframes reward-box-rays{0%{opacity:0;transform:scale(.5)}45%{opacity:1;transform:scale(1.15)}to{opacity:.35;transform:none}}.reward-diamond-medal[data-departed=true] .diamond-jewel{visibility:hidden}.reward-gem-saved{color:var(--ui-text);flex-direction:column;justify-content:center;align-items:center;gap:5px;font-size:13px;font-weight:700;display:flex;position:absolute;inset:0}.reward-gem-saved>svg{color:#327e69;background:#dbf5eb;border:2px solid #83c7bc;border-radius:50%;width:52px;height:52px;padding:9px}.game-screen .reward-stage .reward-milestone-medal,.game-screen .reward-stage .reward-unlock-medal{color:#965b2c;background:radial-gradient(circle at 35% 25%,#fff9d0,#ffd46b 70%);border:3px solid #d7a343;border-radius:50%;place-items:center;width:100px;height:100px;margin:0 auto 12px;display:grid;position:relative;box-shadow:0 5px #b98539,0 0 0 8px #e6be6120}.reward-milestone-medal>svg,.reward-unlock-medal>svg{stroke-width:1.8px;width:58%;height:58%}.game-screen .reward-stage .reward-unlock{text-align:center;justify-items:center;gap:8px;display:grid}.game-screen .reward-stage .reward-unlock h1{margin:0}.game-screen .reward-stage .reward-unlock>strong{font-size:clamp(15px,1.6vw,26px)}.reward-unlock>p{color:var(--ui-plum);margin:0;font-weight:800}.reward-unlock>small{color:var(--ui-muted)}html[data-motion=full] .reward-focus :is(h1,p,strong,small){animation:.38s ease-out both reward-copy-in}html[data-motion=full] .reward-focus h1{animation-delay:.26s}html[data-motion=full] .reward-focus strong{animation-delay:.34s}html[data-motion=full] .reward-focus small{animation-delay:.4s}html[data-motion=full] .reward-stars>svg[data-earned=true]{animation:reward-spotlight-in .52s cubic-bezier(.2,.7,.3,1.3) var(--star-delay) both;transform-origin:50%;filter:drop-shadow(0 2px #ba8438)}html[data-motion=full] .reward-focus :is(.achievement-emblem,.reward-milestone-medal,.reward-unlock-medal){animation:.45s cubic-bezier(.18,.7,.25,1.2) .12s both reward-prize-in}html[data-motion=full] .reward-focus .reward-place{animation:.28s ease-out .48s both reward-copy-in}html[data-motion=full] .reward-gem-saved{animation:.45s ease-out both reward-prize-in}@keyframes reward-copy-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes reward-spotlight-in{0%{opacity:0;transform:scale(.2)rotate(-30deg)}65%{opacity:1;transform:scale(1.25)rotate(8deg)}to{opacity:1;transform:none}}@keyframes reward-prize-in{0%{opacity:0;transform:translateY(25px)scale(.5)rotate(-12deg)}65%{opacity:1;transform:translateY(-3px)scale(1.07)rotate(3deg)}to{opacity:1;transform:none}}@container reward (height<=560px){.game-screen .reward-stage .reward-milestone-medal{display:none}.game-screen .reward-stage .reward-unlock{grid-template-columns:72px minmax(0,1fr);gap:4px 12px}.game-screen .reward-stage .reward-unlock-medal{grid-area:1/1/5;width:60px;height:60px;margin:0}.game-screen .reward-stage .reward-unlock>:not(.reward-unlock-medal){grid-column:2}.game-screen .reward-stage .reward-unlock>strong{font-size:13px;line-height:1.2}.game-screen .reward-stage .reward-unlock h1{font-size:24px;line-height:1.1}.reward-gem-saved{gap:2px;font-size:10px}.reward-gem-saved>svg{width:30px;height:30px;padding:5px}}@media (width>=1800px) and (height>=900px){.game-screen .reward-stage .reward-diamond-medal{width:clamp(240px,15vw,430px);height:clamp(220px,14vw,400px)}.game-screen .reward-stage .reward-milestone-medal,.game-screen .reward-stage .reward-unlock-medal{width:180px;height:180px}}@media (prefers-reduced-motion:reduce){.reward-stage .reward-focus *{animation:none!important}}.box-reveal .box-reveal-art{isolation:isolate;position:relative}.box-reveal.revealed .box-reveal-art:before{content:"";z-index:-1;background:radial-gradient(#ffe39abb,#d5a9f34d 45%,#0000 72%);border-radius:50%;position:absolute;inset:-12px -30px}.box-reveal .box-prize-label{color:var(--ui-plum);font-weight:800}.box-reveal .box-diamond-prize{justify-items:center;gap:0;width:100%;height:100%;display:grid}.box-diamond-prize>.diamond-reward-art{width:180px;height:155px;min-height:0}.box-diamond-prize>strong{color:#7560a4;font-size:32px;line-height:1}.box-reveal .box-actions{grid-template-columns:1fr 1fr;align-items:center;margin-top:12px;display:grid}.box-reveal .box-actions .primary{grid-area:1/2;justify-content:center;min-height:52px}.box-reveal .box-actions>button:not(.primary){grid-area:1/1}.box-reveal .box-actions>button{white-space:nowrap;padding-inline:12px}.box-reveal .box-actions[data-diamond=true] .primary{grid-column:1/-1}.box-reveal .box-skip{min-width:180px}.box-reveal .box-tap-progress{align-items:center;min-height:20px}.box-reveal .box-tap-progress i.done{height:12px}@media (height<=700px) and (orientation:portrait){.box-diamond-prize>.diamond-reward-art{width:130px;height:110px}.box-diamond-prize>strong{font-size:26px}}@media (orientation:landscape) and (height<=600px){.box-diamond-prize{grid-template-columns:100px auto;align-items:center}.box-diamond-prize>.diamond-reward-art{width:100px;height:100px}.box-reveal .box-actions{margin-top:4px}.box-reveal .box-actions .primary{min-height:44px}.box-reveal .box-prize-label{margin:0;font-size:12px}}@media (width>=1800px) and (height>=900px){.box-reveal{width:clamp(700px,34vw,1100px);max-width:90vw;padding:clamp(28px,2vw,58px)}.box-reveal h1{min-height:1.5em;font-size:clamp(38px,2vw,60px)}.box-reveal>small{font-size:clamp(14px,.6vw,20px)}.box-reveal .box-reveal-art{height:clamp(300px,14vw,480px);margin:12px auto}.box-reveal .box-reveal-art>.pet-button-wrap,.box-reveal .box-crack{width:clamp(320px,15vw,500px);height:100%}.box-reveal .box-crack>.magic-chest{width:100%;height:100%}.box-reveal>p{font-size:clamp(20px,.9vw,28px);line-height:1.3}.box-reveal .box-actions{gap:20px;margin-top:24px}.box-reveal .box-actions>button{min-height:76px;padding:18px 28px;font-size:clamp(23px,1vw,30px)}.box-reveal .box-diamond-prize>.diamond-reward-art{width:clamp(280px,12vw,420px);height:calc(100% - 64px)}.box-reveal .box-diamond-prize>strong{font-size:48px}}.app-frame .game-screen .reward-stage .reward-focus>.reward-score>.reward-xp{grid-area:auto/1/auto/-1;justify-self:stretch;width:100%}.app-frame .game-screen .reward-ceremony.reward-stage{grid-template-rows:6px minmax(0,1fr) auto;overflow:hidden}.app-frame .game-screen .reward-stage .reward-main{scrollbar-width:thin;overscroll-behavior-x:contain;align-content:safe center;min-height:0;overflow:hidden auto}.app-frame .game-screen .reward-stage .reward-focus{animation:none;overflow:visible}.app-frame .game-screen .reward-stage .reward-focus>.reward-achievement{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center;gap:6px;max-width:640px;margin:auto}.app-frame .game-screen .reward-stage .reward-focus>.reward-achievement>*{grid-area:auto/1}.app-frame .game-screen .reward-stage .reward-achievement>.achievement-emblem{width:clamp(140px,31cqh,260px);height:clamp(140px,31cqh,260px);box-shadow:none;background:0 0;border:0;margin:8px auto;transform:none}.app-frame .game-screen .reward-stage .reward-achievement>.achievement-emblem>svg{width:100%;height:100%}.app-frame .game-screen .reward-stage .reward-achievement>p{margin:0;font-size:clamp(13px,1.4vw,20px)}.app-frame .game-screen .reward-stage .reward-achievement>h1{margin:0;font-size:clamp(24px,2.4vw,42px)}.app-frame .game-screen .reward-stage .reward-achievement>strong{font-size:clamp(14px,1.5vw,22px);line-height:1.25}.app-frame .game-screen .reward-stage .reward-achievement>small{margin:0;padding:3px 9px;font-size:12px}.app-frame .game-screen .reward-stage .reward-achievement>.reward-place{background:var(--ui-selected);width:min(340px,100%);min-height:48px;color:var(--ui-selected-ink);border:2px solid var(--ui-selected-edge);white-space:nowrap;border-radius:16px;justify-content:center;align-items:center;gap:12px;margin:6px 0 0;padding:10px 18px;font-size:18px;display:flex}@container reward (height<=420px){.app-frame .game-screen .reward-stage .reward-main{gap:10px;padding:8px 20px}.app-frame .game-screen .reward-stage .reward-achievement>.achievement-emblem{width:clamp(72px,27cqh,140px);height:clamp(72px,27cqh,140px);margin:2px auto}.app-frame .game-screen .reward-stage .reward-focus>.reward-achievement{gap:3px}.app-frame .game-screen .reward-stage .reward-achievement>h1{font-size:22px}.app-frame .game-screen .reward-stage .reward-achievement>p{font-size:12px}.app-frame .game-screen .reward-stage .reward-achievement>strong{font-size:13px}.app-frame .game-screen .reward-stage .reward-achievement>.reward-place{min-height:44px;margin-top:3px;padding:8px 12px;font-size:16px}.app-frame .game-screen .reward-stage .reward-achievement>small{display:none}.app-frame .game-screen .reward-stage .reward-levelup>*{margin-block:0}.app-frame .game-screen .reward-stage .levelup-ready{line-height:20px}}@container reward (width<=700px){.app-frame .game-screen .reward-stage[data-reward-step=achievement] .reward-main{grid-auto-rows:max-content;gap:6px;padding-top:8px}.app-frame .game-screen .reward-stage .reward-focus>.reward-achievement{gap:4px}.app-frame .game-screen .reward-stage .reward-achievement>.achievement-emblem{width:clamp(96px,24cqh,170px);height:clamp(96px,24cqh,170px);margin:4px auto}.app-frame .game-screen .reward-stage[data-reward-step=achievement] .reward-stage-friend .pet-perch{height:80px;min-height:80px}.app-frame .game-screen .reward-stage .reward-stage-friend{overflow:clip}}@container reward (width>=500px) and (height<=300px){.app-frame .game-screen .reward-stage .reward-focus>.reward-achievement{grid-template-columns:80px minmax(0,1fr);gap:3px 10px}.app-frame .game-screen .reward-stage .reward-achievement>p{grid-area:1/1/auto/-1}.app-frame .game-screen .reward-stage .reward-achievement>.achievement-emblem{grid-area:2/1/5;width:80px;height:80px;margin:0}.app-frame .game-screen .reward-stage .reward-achievement>:is(h1,strong,.reward-place){grid-area:auto/2}.app-frame .game-screen .reward-stage .reward-achievement>h1{font-size:18px}.app-frame .game-screen .reward-stage .reward-achievement>.reward-place{gap:5px;padding:6px;font-size:13px}}@container reward (width<=500px) and (height<=540px){.app-frame .game-screen .reward-stage[data-reward-step=achievement] .reward-main{gap:0;padding:6px 10px}.app-frame .game-screen .reward-stage:is([data-reward-step=level],[data-reward-step=achievement]) .reward-stage-friend{display:none}.app-frame .game-screen .reward-stage .reward-achievement>.achievement-emblem{width:clamp(72px,22cqh,96px);height:clamp(72px,22cqh,96px)}.app-frame .game-screen .reward-stage .reward-achievement>h1{font-size:20px}.app-frame .game-screen .reward-stage .reward-achievement>strong{font-size:12px}}:root[data-theme] .app-frame .results{background:var(--scene-wall)}:root[data-theme] .app-frame .reward-ceremony,:root[data-theme] .app-frame .results .result-card{border:var(--pc-edge) solid var(--pc-line);box-shadow:0 6px 0 var(--pc-shade);border-radius:22px}.app-frame .reward-focus :is(.reward-score,.reward-coins,.reward-box,.reward-unlock)>p,.app-frame .result-summary .result-title p{text-transform:none;letter-spacing:0;font-weight:700}.app-frame :is(.reward-actions .reward-skip,.result-review-toggle){border:var(--pc-edge) solid var(--pc-line);box-shadow:0 3px 0 var(--pc-shade)}:root[data-theme] .app-frame .results .result-card{background:var(--ui-surface)}.app-frame .results .result-card:not(:has(.result-detail)){flex-direction:column;display:flex;overflow:auto}.app-frame .results .result-card:not(:has(.result-detail))>.result-summary{flex:none;overflow:visible}.app-frame .results .result-card>.result-review-toggle{background:var(--ui-raised);flex:none}.app-frame .results .result-summary .result-title .result-mark{box-sizing:border-box;border:var(--pc-edge) solid var(--pc-line);width:52px;height:52px;font-size:28px}.app-frame .results .result-summary .result-title>div:not(.result-stars,.result-mark){flex-direction:column;min-width:0;display:flex}.app-frame .results .result-summary .result-title>div:not(.result-stars,.result-mark)>p{order:1;font-size:14px}.app-frame .results .result-summary .result-title>div:not(.result-stars,.result-mark)>:is(strong,small){order:2}.app-frame .results .result-mastery>span{border:var(--pc-edge) solid var(--pc-line);background:var(--ui-raised);border-radius:14px;padding:6px 10px}:root[data-theme] .app-frame .result-card .performance-scroll{background:var(--ui-raised);border:var(--pc-edge) solid var(--pc-line);border-radius:14px}:root[data-theme] .app-frame .result-card .result-timing{border-block:var(--pc-edge) solid var(--pc-line);padding:16px 0}:root[data-theme] .app-frame .result-card :is(.performance-play,.performance-selection>button){border:var(--pc-edge) solid var(--pc-line);box-shadow:0 3px 0 var(--pc-shade);border-radius:12px}:root[data-theme] .app-frame .results .spark-award{border:var(--pc-edge) solid var(--pc-line);box-shadow:0 4px 0 var(--pc-shade);border-radius:16px}.app-frame .reward-focus :is(.reward-milestone-medal,.reward-coin-medal,.reward-box-art,.reward-unlock-medal,.achievement-emblem,.reward-diamond-medal){isolation:isolate;position:relative}.app-frame .reward-focus :is(.reward-milestone-medal,.reward-coin-medal,.reward-box-art,.reward-unlock-medal,.achievement-emblem,.reward-diamond-medal):after{content:"";z-index:-1;opacity:.55;pointer-events:none;background:0 0;border-radius:50%;position:absolute;inset:-22%}[data-motion=full] .app-frame .reward-focus :is(.reward-milestone-medal,.reward-coin-medal,.reward-box-art,.reward-unlock-medal,.achievement-emblem,.reward-diamond-medal):after{animation:.45s ease-out both reward-spotlight-pop}@keyframes reward-spotlight-pop{0%{opacity:0;transform:scale(.6)}to{opacity:.55;transform:none}}html[data-motion=full] .reward-focus .reward-score>p{animation-delay:.1s}html[data-motion=full] .reward-focus .reward-score>h1{animation-delay:.15s}html[data-motion=full] .reward-focus .reward-score>strong{animation-delay:.45s}html[data-motion=full] .reward-focus .reward-score>small{animation-delay:.55s}.reward-coin-pile{width:100%;height:100%;display:block;position:relative}:is(.reward-focus .reward-coin-medal,.journey-art) .reward-coin-pile>svg{filter:drop-shadow(0 4px #8a520f55);margin:0;display:block;position:absolute}:is(.reward-focus .reward-coin-medal,.journey-art) .reward-coin-pile>svg:first-child{width:52%;height:52%;top:30%;left:4%;rotate:-14deg}:is(.reward-focus .reward-coin-medal,.journey-art) .reward-coin-pile>svg:nth-child(2){width:50%;height:50%;top:24%;left:48%;rotate:12deg}:is(.reward-focus .reward-coin-medal,.journey-art) .reward-coin-pile>svg:nth-child(3){width:64%;height:64%;top:10%;left:18%}.app-frame .reward-focus .reward-coin-medal:not(.reward-bag){box-shadow:none;background:0 0;border:0;border-radius:0}html[data-motion=full] .reward-focus .reward-coin-pile>svg:nth-child(3){animation:.5s cubic-bezier(.18,.7,.25,1.2) .1s backwards reward-prize-in}html[data-motion=full] .reward-focus .reward-coin-pile>svg:nth-child(-n+2){animation:.35s ease-out .32s backwards reward-copy-in}.reward-flight-coin:not(.reward-flight-diamond){width:26px;height:26px;box-shadow:none;background:0 0;border:0;border-radius:50%;margin:-13px}.reward-flight-coin:not(.reward-flight-diamond)>svg{width:100%;height:100%;display:block}.app-frame .game-screen .reward-stage{--stage-floor:clamp(14px,3.2dvh,30px)}.app-frame .game-screen .reward-stage .celebration-floor{height:var(--stage-floor)}.app-frame .game-screen .reward-stage:not(.has-song-scene) .reward-footer{padding-bottom:var(--stage-floor)}.app-frame .game-screen .reward-stage .reward-stage-friend{--reward-pet:clamp(110px,26cqh,280px);align-self:end}.app-frame .game-screen .reward-stage .reward-stage-friend .pet-perch{height:calc(var(--reward-pet) + 90px);min-height:0}.app-frame .game-screen .reward-stage .reward-stage-friend .pet-perch>i{display:none}.app-frame .game-screen .reward-stage .reward-stage-friend .companion-follower{flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;width:100%;height:100%;display:flex;inset:0}.app-frame .game-screen .reward-stage .reward-stage-friend .companion-follower>p{order:-1;max-width:100%;margin:0}.app-frame .game-screen .reward-stage .reward-stage-friend .pet-interact{isolation:isolate;flex:0 0 var(--reward-pet);width:var(--reward-pet);height:var(--reward-pet)}.app-frame .game-screen .reward-stage .reward-stage-friend :is(.pet-entrance,.pet-action,.pet-poof){width:100%;height:100%;inset:0}.app-frame .game-screen .reward-stage .reward-stage-friend .pet-interact:after{content:"";z-index:-1;border:var(--pc-edge) solid var(--pc-line);height:20px;box-shadow:0 4px 0 var(--pc-shade);pointer-events:none;background:#e8a95e;border-radius:50%;position:absolute;bottom:calc(19% - 10px);left:16%;right:16%}:root[data-theme=dark] .app-frame .game-screen .reward-stage .reward-stage-friend .pet-interact:after{background:#8a6248}@container reward (width<=700px){.app-frame .game-screen .reward-stage .reward-stage-friend{--reward-pet:clamp(72px,16cqh,104px)}.app-frame .game-screen .reward-stage .reward-stage-friend .pet-perch{height:calc(var(--reward-pet) + 8px);margin-top:14px}.app-frame .game-screen .reward-stage .reward-stage-friend .companion-follower{flex-direction:row;justify-content:center;align-items:flex-end}.app-frame .game-screen .reward-stage .reward-stage-friend .companion-follower>p{order:1;align-self:center;max-width:56%}}@container reward (width>=701px) and (height<=560px){.app-frame .game-screen .reward-stage .reward-stage-friend{--reward-pet:clamp(64px,22cqh,120px)}.app-frame .game-screen .reward-stage .reward-stage-friend .pet-perch{height:calc(var(--reward-pet) + 8px)}.app-frame .game-screen .reward-stage .reward-stage-friend .companion-follower>p{display:none}}@container reward (width<=500px) and (height<=600px){.app-frame .game-screen .reward-stage .reward-main{gap:6px;padding:8px 12px 4px}.app-frame .game-screen .reward-stage .reward-stage-friend{--reward-pet:72px}.app-frame .game-screen .reward-stage .reward-stage-friend .pet-perch{margin-top:0}.app-frame .game-screen .reward-stage .reward-actions{gap:4px;padding:6px 12px}.app-frame .game-screen .reward-stage .reward-actions .reward-next{min-height:44px;padding:8px 12px}.app-frame .game-screen .reward-stage .reward-focus>.reward-coins:has(.reward-bag){grid-template-columns:88px minmax(0,1fr);gap:3px 12px}.app-frame .game-screen .reward-stage .reward-coins>.reward-bag{grid-area:1/1/4;width:88px;height:88px;margin:0}.app-frame .game-screen .reward-stage .reward-coins:has(.reward-bag)>:is(p,strong,small){grid-area:auto/2;margin:0}.app-frame .game-screen .reward-stage .reward-coins:has(.reward-bag)>.reward-xp{grid-area:4/1/auto/-1;width:100%}}@container reward (width<=500px) and (height<=420px){.app-frame .game-screen .reward-stage .reward-main{padding-block:4px}.app-frame .game-screen .reward-stage>:is(.celebration-art,.reward-footer){--stage-floor:6px}.app-frame .game-screen .reward-stage[data-reward-step=shopkeeper] .reward-main{padding:4px 16px}.app-frame .game-screen .reward-stage .reward-focus>.shopkeeper-visit{gap:6px}.app-frame .game-screen .reward-stage[data-reward-step=achievement] .reward-main{padding-block:4px}.app-frame .game-screen .reward-stage .reward-focus>.reward-achievement{gap:2px}}@container reward (width>=900px) and (height>=561px){.app-frame .game-screen .reward-stage .reward-main{grid-template-columns:minmax(0,1.15fr) minmax(240px,.85fr);gap:clamp(24px,3cqw,64px);width:min(100%,1360px);margin-inline:auto;padding:clamp(40px,7cqh,96px) clamp(32px,5cqw,96px) 8px}.app-frame .game-screen .reward-stage .reward-focus>.reward-coins{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center;gap:clamp(4px,1cqh,12px);display:grid}.app-frame .game-screen .reward-stage .reward-focus .reward-coin-medal{width:clamp(150px,30cqh,300px);height:clamp(150px,30cqh,300px);margin:0 auto}.app-frame .game-screen .reward-stage .reward-focus .reward-coins>p{margin:0;font-size:clamp(16px,2.6cqh,26px)}.app-frame .game-screen .reward-stage .reward-focus .reward-coins>strong{font-size:clamp(56px,11cqh,120px);line-height:1}.app-frame .game-screen .reward-stage .reward-focus .reward-coins>small{font-size:clamp(16px,2.6cqh,26px)}.app-frame .game-screen .reward-stage .reward-focus .reward-score>h1{font-size:clamp(36px,7cqh,80px)}.app-frame .game-screen .reward-stage .reward-focus .reward-score>strong{font-size:clamp(28px,5cqh,60px)}.app-frame .game-screen .reward-stage .reward-focus .reward-stars>svg{width:clamp(40px,7cqh,76px);height:clamp(40px,7cqh,76px)}.app-frame .game-screen .reward-stage .celebration-star{width:clamp(56px,8cqw,130px);top:clamp(40px,8cqh,96px)}}.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}dialog.sticker-dialog:not(.album-dialog){color:var(--ui-text);border-radius:22px}dialog.sticker-dialog:not(.album-dialog,.sticker-box-offer){background:var(--ui-surface)}.sticker-dialog:not(.album-dialog) button:not(.primary,.album-slot,.sticker-drag,.pet-button,.sticker-close){background:var(--ui-raised);color:var(--ui-text);border:var(--pc-edge) solid var(--pc-line);box-shadow:0 3px 0 var(--pc-shade)}.sticker-dialog:not(.album-dialog) .sticker-close{border:var(--pc-edge) solid var(--pc-line);background:var(--ui-raised);color:var(--ui-text);box-shadow:0 3px 0 var(--pc-shade);border-radius:50%}.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:0 0;border:0;border-radius:8px;margin:0;padding:0;display:block;position:relative}.album-slot[data-state=stuck] .album-slot-target{background:#fffbed40;border-color:#0000}.album-slot[data-state=ready] .album-slot-target{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;background:#fffbed85;border:1px dashed #a3916a99;border-radius:8px;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-raised:#fffbee;--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,.pet-button){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.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}dialog.sticker-placement .placement-controls{align-self:center}dialog.sticker-placement .placement-controls footer{flex-wrap:wrap}dialog.sticker-placement .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)}.placement-camera[data-zoom=true] .album-leaf{transform:translate(var(--zoom-x),var(--zoom-y)) scale(var(--zoom-scale))}.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}@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}.album-curl-host[data-dragging=true],.album-curl-host[data-dragging=true] *{cursor:grabbing!important}.album-book:has(>.album-curl-host[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}.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}.sticker-detail>header{justify-content:flex-end}