@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-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-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}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-serif:"Alegreya",Georgia,serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--text-base:1rem;--text-base--line-height: 1.5 ;--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);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--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);--color-cream:#f6eedf;--color-cream-card:#fbf5ea;--color-cream-pure:#fffdf7;--color-ink:#3b3a2e;--color-ink-subtle:#3b3a2ebf;--color-ink-muted:#3b3a2e99;--color-border-card:#eadbc0;--color-border-subtle:#e8dcc6;--color-border-input:#e2cfae;--color-lav:#a99bc4;--color-lav-deep:#8e7fb0;--color-lav-hover:#b3a6cc;--color-lav-soft:#dcd0e7;--color-wheat:#ddb45c;--color-wheat-deep:#cca04b;--color-wheat-inactive:#d2cab9;--color-wheat-track:#dcd3c2;--color-terra:#c06a45;--color-terra-deep:#a9543a;--color-olive:#6b7f4e;--color-olive-deep:#5e7044;--color-wood-light:#d9a877;--color-wood-mid:#9a6a42;--color-wood-dark:#6e4a30;--font-hand:"Caveat",cursive;--font-sc:"Alegreya Sans SC","Alegreya",sans-serif;--ease-spring:cubic-bezier(.34,1.56,.64,1);--ease-smooth:cubic-bezier(.2,.8,.2,1)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}html,body,#root{min-height:100%}body{background:#f6eedf;min-width:320px;margin:0}button,input,select,textarea{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{color:inherit;cursor:pointer}button:disabled{cursor:default}h1,h2,h3,strong{font-weight:500}svg{flex-shrink:0}::selection{color:#3b3a2e;background:#dcd0e7}:focus-visible{outline-offset:3px;border-radius:10px;outline:3px solid #c06a45}input[type=range]{accent-color:#a99bc4;cursor:pointer}input[type=checkbox]{accent-color:#8e7fb0;width:16px;height:16px}}@layer components{.app{min-height:100svh;overflow-x:clip}.skip-link{z-index:200;background:#fffdf7;border-radius:10px;padding:10px 18px;position:fixed;top:-70px;left:16px}.skip-link:focus{top:10px}.eyebrow,.t-meta{font-family:var(--font-sc);letter-spacing:.2em;text-transform:uppercase;color:#7d785e;font-size:13px;font-weight:400;line-height:1.35}.t-section{font-size:clamp(22px,2.3vw,29px);font-weight:500;line-height:1.2}.t-body{font-size:clamp(17px,1.7vw,19px);line-height:1.5}.t-hand{font-family:var(--font-hand);font-size:25px;line-height:1.05}.heading-period{color:#bca26f}.kicker-dot,.dot-separator{opacity:.55;vertical-align:middle;background:currentColor;border-radius:50%;width:3px;height:3px;margin:0 9px;display:inline-block}.press{transition:transform .18s var(--spring),box-shadow .18s ease,background-color .2s,filter .2s,border-color .2s}.press:hover:not(:disabled){transform:translateY(-2px)}.press:active:not(:disabled){transition-duration:60ms;transform:translateY(2px)scale(.97)}.button,.btn{min-height:53px;font-family:var(--font-serif);white-space:nowrap;transition:transform .18s var(--spring),box-shadow .18s ease,background-color .2s,border-color .2s,color .2s;border-radius:999px;justify-content:center;align-items:center;gap:12px;padding:10px 28px;font-size:20px;font-weight:400;line-height:1.2;display:inline-flex;position:relative}.button:hover:not(:disabled),.btn:hover:not(:disabled){transform:translateY(-2px)}.button:active:not(:disabled),.btn:active:not(:disabled){transition-duration:60ms;transform:translateY(2px)scale(.97)}.button>svg,.btn>svg{flex-shrink:0}.button-primary,.btn-primary,.btn-olive,.btn-terra{color:#fffdf7;background:#a99bc4;border:0;box-shadow:0 5px #8e7fb0,0 14px 24px -12px #3b3a2e73}.button-primary:hover:not(:disabled),.btn-primary:hover:not(:disabled),.btn-olive:hover:not(:disabled),.btn-terra:hover:not(:disabled){background:#b3a6cc}.button-primary:active:not(:disabled),.btn-primary:active:not(:disabled),.btn-olive:active:not(:disabled),.btn-terra:active:not(:disabled){box-shadow:0 1px #8e7fb0}.button-primary>svg:last-child,.btn-primary>svg:last-child{transition:transform .3s var(--spring)}.button-primary:hover:not(:disabled)>svg:last-child,.btn-primary:hover:not(:disabled)>svg:last-child{transform:translate(4px)}.button-primary:disabled,.btn-primary:disabled,.btn-olive:disabled,.btn-terra:disabled{color:#6e6579;background:#d1c6db;box-shadow:0 3px #bfb3ca}.button-wide{white-space:normal;text-wrap:balance;min-width:min(290px,86vw);max-width:100%}.button-secondary,.btn-ghost{color:#3b3a2e;box-shadow:none;background:0 0;border:2px solid #e2cfae;min-height:48px;padding:8px 24px;font-size:18px}.button-secondary:hover:not(:disabled),.btn-ghost:hover:not(:disabled){background:#a99bc40d;border-color:#a99bc4}.button-secondary[aria-pressed=true],.btn-ghost[aria-pressed=true]{color:#5f4f6e;background:#dcd0e750;border-color:#a99bc4}.button-secondary.is-playing,.btn-ghost.is-playing{background:#dcd0e740;border-color:#a99bc4}.button-secondary:disabled,.btn-ghost:disabled{opacity:.5}.btn-sm{gap:8px;min-height:40px;padding:6px 16px;font-size:16px}.button-text{color:#776887;background:0 0;min-height:44px;padding-inline:12px;font-size:17px}.icon-button{background:0 0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s,transform .2s;display:inline-flex}.icon-button:hover{background:#3b3a2e0a}.inline-link{color:#7d6c92;background:0 0;justify-content:center;align-items:center;gap:7px;padding:5px 1px;font-size:15px;display:inline-flex}.inline-link:hover:not(:disabled){color:#5c496f;text-underline-offset:4px;text-decoration:underline}.inline-link:disabled{color:#9f9789;opacity:.7}.hear-button{color:#fffdf7;background:#a99bc4;border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:2px;width:92px;height:92px;display:flex;box-shadow:0 6px #8e7fb0,0 12px 20px -8px #3b3a2e66}.hear-button:hover:not(:disabled){background:#b3a6cc}.hear-button:active:not(:disabled){box-shadow:0 1px #8e7fb0}.hear-button span{text-align:center;max-width:78px;font-size:16px;line-height:1.1}.hear-button.playing{animation:2s ease-in-out infinite listening-breathe}.hear-button:disabled{opacity:.55}@media(min-width:640px){.hear-button{width:110px;height:110px}.hear-button span{max-width:92px;font-size:17px}}.choice-grid{gap:12px;margin:0 auto;display:grid}@media(min-width:640px){.choice-grid{gap:16px}}.choice,.choice-button{color:#3b3a2e;text-align:center;min-height:64px;transition:border-color .2s,background-color .2s,color .2s,opacity .3s,transform .18s var(--spring);background:#f6eedf;border:2px solid #e2cfae;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:20px;line-height:1.25;display:flex}.choice:hover:not(:disabled),.choice-button:hover:not(:disabled){border-color:#a99bc4;transform:translateY(-2px)}.choice:active:not(:disabled){transition-duration:60ms;transform:translateY(2px)scale(.97)}.choice[aria-pressed=true]{color:#5f4f6e;background:#dcd0e750;border-color:#a99bc4}.choice.is-right{color:#fffdf7;text-shadow:0 1px 1px #4f5f394d;background:#aeb894;border-color:#aeb894;animation:.55s ease-out choicePop}.choice.is-truth{color:#5e6e45;background:#efefe1;border-color:#a3ae89;animation:1.3s ease-in-out .25s 2 choiceTruth}.choice.is-wrong{color:#9c6b55;background:#f5e7db;border-color:#dfb49f;animation:.3s ease-in-out choiceShake}.choice-grid.is-solved .choice:not(.is-right):not(.is-truth):not(.is-wrong){opacity:.5}.choice-sub{color:#3b3a2e99;font-size:13.5px;font-weight:400}.choice.is-right .choice-sub{color:#fffdf7e6}.choice.is-truth .choice-sub{color:#6f7d57}.choice:disabled{cursor:default}.chip{font-family:var(--font-serif);color:#6e654f;cursor:pointer;background:0 0;border:1.5px solid #e2cfae;border-radius:999px;padding:7px 14px;font-size:16px;line-height:1.2;transition:all .15s}.chip:hover{border-color:#b3a3c8}.chip[aria-pressed=true]{color:#5f4f6e;background:#dcd0e760;border-color:#a99bc4}.fb{text-align:center;color:#3b3a2e;width:100%;max-width:576px;animation:answerIn .5s var(--spring)both;border:2px solid;border-radius:16px;flex-direction:column;align-items:center;gap:12px;margin-inline:auto;padding:16px 20px;font-size:18px;line-height:1.45;display:flex}.fb-body{width:100%}.fb-good{background:#6b7f4e26;border-color:#6b7f4e}.fb-bad{background:#c06a451f;border-color:#c06a45}.fb-neutral{background:#dcd0e75c;border-color:#a99bc4}.fb-info{background:#ddb45c26;border-color:#ddb45c}.fb-picture{justify-content:center;max-width:100%;display:flex;overflow-x:auto}.fb-picture .keyboard{max-width:100%;height:auto}.fb-action{justify-content:center;margin-top:2px;display:flex}@media(max-width:480px){.fb{padding:14px}}.fb-lg{font-size:20px;line-height:1.4}.fb-rule{font-size:22px;line-height:1.3}.fb-rule>.fb-body{justify-items:center;gap:4px;display:grid}.fb-keep{border-top:1.5px dashed #3b3a2e33;justify-items:center;gap:4px;margin-top:10px;padding-top:10px;font-size:22px;line-height:1.3;display:grid}.fb-keep.is-alone{border-top:0;margin-top:0;padding-top:0}.swap{color:#3b3a2e;animation:swapIn .5s var(--spring)both,swapLit 2.4s ease-out both;border-radius:7px;margin:0 -.04em;padding:0 .16em;font-weight:600;display:inline-block}.site-header{z-index:20;justify-content:space-between;align-items:center;gap:12px;height:76px;padding:0 4.45%;display:flex;position:relative}.brand{letter-spacing:-.6px;color:#3b3a2e;width:fit-content;transition:transform .3s var(--spring);background:0 0;align-items:center;gap:10px;font-size:30px;font-weight:700;line-height:1;text-decoration:none;display:inline-flex}.brand:hover{transform:rotate(-2deg)scale(1.03)}.brand-symbol{color:#cca04b}.header-actions{justify-content:flex-end;align-items:center;gap:12px;display:flex}.top-stats{background:#fffbf2;border-radius:999px;align-items:center;gap:2px;padding:3px;display:flex;box-shadow:0 0 0 2px #e8d9bc,0 3px 0 2px #e8d9bc}.top-stats .door-counter{font-variant-numeric:lining-nums tabular-nums;min-height:38px;transition:background .2s,transform .25s var(--spring);border-radius:999px;gap:6px;padding:0 11px 0 9px;font-size:19px;font-weight:700}.top-stats .door-counter:hover{background:#f3e8d2;transform:translateY(-1px)}.top-stats .feather-counter.is-still:hover{background:0 0}.top-button{color:#7d6c92;width:44px;height:44px;transition:transform .25s var(--spring),box-shadow .2s;background:#fffbf2;border-radius:50%;place-items:center;display:grid;box-shadow:0 0 0 2px #e8d9bc,0 3px 0 2px #e8d9bc}.top-button:hover{transform:translateY(-2px)rotate(-8deg)}.top-button:active{transition-duration:60ms;transform:translateY(2px);box-shadow:0 0 0 2px #e8d9bc}.language-select{color:#7d6c92;cursor:pointer;border-radius:10px;align-items:center;gap:4px;padding:0 6px 0 8px;display:inline-flex;position:relative}.language-select:hover{background:#3b3a2e0a}.language-select select{appearance:none;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:8px 2px;font-size:15px}.language-select select:focus-visible{outline-offset:2px;border-radius:6px;outline:2px solid #a99bc4}.door-counter{color:#3b3a2e;background:0 0;align-items:center;gap:8px;font-size:22px;display:flex}.door-counter svg{color:#9a6a42}.feather-counter{transition:transform .25s var(--spring);border-radius:12px;text-decoration:none}.feather-counter:hover{transform:translateY(-2px)}.feather-counter.is-still{cursor:default}.feather-counter.is-still:hover{transform:none}.tabbar{left:50%;bottom:max(14px,env(safe-area-inset-bottom));z-index:45;-webkit-backdrop-filter:blur(8px);background:#fffbf2f0;border-radius:999px;grid-template-columns:repeat(3,1fr);width:max-content;max-width:calc(100% - 20px);padding:6px;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 0 0 2px #3b3a2e1a,0 14px 30px -10px #3b3a2e73}.tab-thumb{width:calc(33.3333% - 4px);transition:transform .5s var(--spring);background:linear-gradient(#a797cb,#8e7fb0);border-radius:999px;position:absolute;top:6px;bottom:6px;left:6px;box-shadow:0 4px #6c5c8e,inset 0 2px #ffffff4d}.tab{z-index:1;white-space:nowrap;color:#3b3a2e;min-width:150px;min-height:52px;transition:color .25s ease,background .2s,transform .2s var(--spring);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:18px;font-weight:700;line-height:1;text-decoration:none;display:inline-flex;position:relative}.tab svg{stroke-width:2px;color:#8e7fb0;flex:none;transition:color .25s}.tab.is-on,.tab.is-on svg{color:#fffdf7}@media(hover:hover){.tab:not(.is-on):hover{background:#a99bc429}}.tab:active{transform:scale(.94)}.tab:focus-visible{outline-offset:-3px;outline:3px solid #3b3a2e}@media(max-width:620px){.tab{gap:6px;min-width:0;padding:0 14px;font-size:16px}}@media(max-width:540px){.tabbar{width:calc(100% - 28px);max-width:400px}.tab{flex-direction:column;gap:3px;min-height:56px;padding:0 4px;font-size:13.5px}}@media(prefers-reduced-motion:reduce){.tab-thumb{transition:none}}.counter-bump{animation:counterBump .55s var(--spring);display:inline-block}.map-page{max-width:1480px;margin:auto;padding:37px 4.6% 84px}.island-heading{justify-content:space-between;align-items:center;padding-left:7px;display:flex;position:relative}.island-heading .eyebrow{letter-spacing:.23em;color:#908161;align-items:center;gap:8px;font-size:12px;display:flex}.tiny-sun{font-family:var(--font-serif);color:#b69858;font-size:24px;line-height:13px;position:relative;top:3px}.island-heading h1{letter-spacing:-2px;margin:7px 0 8px;font-size:clamp(53px,5.2vw,76px);line-height:1.08}.island-heading>div>p{color:#77735f;font-size:19px;font-style:italic}.island-layout{grid-template-columns:minmax(0,1fr) 314px;align-items:center;gap:38px;margin-top:12px;display:grid}.map-landscape{min-width:0;margin-left:-37px;margin-right:-10px;position:relative}.island-map{width:100%;max-height:560px;display:block;overflow:visible}.map-label{font-family:var(--font-serif);paint-order:stroke fill;stroke:#e0dbc0;stroke-width:4px;stroke-linejoin:round;font-size:17px;font-weight:500}.map-label-meta{font-family:var(--font-sc);letter-spacing:1.8px;font-size:10px}.map-waypoint{cursor:pointer;outline:none}.map-waypoint circle{transition:filter .3s,stroke .3s}.map-waypoint:hover circle{filter:brightness(1.05);stroke:#9b8764}.map-waypoint:focus-visible circle{stroke:#c06a45;stroke-width:3px}.map-door{cursor:pointer}.map-door:hover{filter:brightness(1.08)}.waypoint-halo{transform-box:fill-box;transform-origin:50%;animation:3s ease-in-out infinite halo-breathe}.map-clouds{animation:16s ease-in-out infinite alternate drift}.map-caption{font-family:var(--font-hand);color:#8b896e;justify-content:center;align-items:center;gap:17px;margin:-4px 0 13px 24px;font-size:25px;display:flex}.caption-line{background:#d3c7aa;width:30px;height:1px;transform:rotate(-5deg)}.caption-line:last-child{transform:rotate(4deg)}.unit-panel{border-left:1px solid #ddd1b985;margin-top:-10px;padding:8px 0 5px 27px;animation:.4s both pageIn}.panel-eyebrow{letter-spacing:.135em;white-space:nowrap;align-items:center;gap:8px;font-size:10px;display:flex}.unit-index{letter-spacing:0;border:1px solid #bcb094;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;display:inline-flex}.unit-panel h2{letter-spacing:-.7px;margin:17px 0 5px;font-size:37px;line-height:1.1}.unit-place{color:#8d8063;background:0 0;align-items:center;gap:8px;font-size:17px;font-style:italic;text-decoration:none;display:inline-flex}.unit-place:hover{color:#786385}.unit-description{color:#79715e;margin-top:14px;font-size:16px;line-height:1.55}.lesson-list{flex-direction:column;gap:5px;margin:21px 0 20px;display:flex}.lesson-row{text-align:left;background:0 0;border:1px solid #0000;border-radius:11px;align-items:center;gap:13px;width:100%;min-height:49px;padding:9px 10px;transition:background .2s,border-color .2s;display:flex}.lesson-row:hover:not(:disabled){background:#ece4d477}.lesson-row.selected{background:#ded3e943;border-color:#ccc0d871;min-height:69px}.lesson-row:disabled{opacity:.55;cursor:not-allowed}.lesson-number{width:26px;height:26px;font-family:var(--font-sc);color:#9f967f;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:flex}.selected .lesson-number{color:#fffdf7;background:#a99bc4;border-radius:50%;box-shadow:0 2px #8e7fb0}.lesson-done .lesson-number{color:#6b7f4e}.selected.lesson-done .lesson-number{color:#fffdf7}.lesson-row-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.lesson-row-copy>span{font-size:17px;line-height:1.2}.selected .lesson-row-copy>span{color:#62526e}.lesson-row-copy small{color:#91829d;font-size:12.5px;font-style:italic;line-height:1.3}.lesson-duration{color:#aaa08b;white-space:nowrap;margin-left:auto;font-size:12px}.lesson-resume{color:#a86d52;white-space:nowrap;font-size:11px;font-family:var(--font-sc);letter-spacing:.08em;margin-left:auto}.start-lesson{width:100%;min-height:54px;font-size:21px}.unit-progress{color:#a0927a;flex-direction:column;align-items:center;gap:8px;margin-top:22px;font-size:12px;display:flex}.unit-progress-track{background:#dfd5c2;border-radius:3px;width:122px;height:3px;overflow:hidden}.unit-progress-track span{background:#ac9bbf;height:100%;transition:width .4s;display:block}.door-hint{color:#9e937e;background:0 0;justify-content:center;align-items:center;gap:7px;width:100%;margin-top:10px;font-size:13px;font-style:italic;display:flex}.door-hint.found{color:#7e6a49}.locked-message{color:#8e8069;border-top:1px solid #ddd1b9;align-items:center;gap:10px;padding:16px 0;font-size:15px;display:flex}.map-footer{color:#a0947a;border-top:1px solid #dfd3bc;justify-content:space-between;align-items:center;gap:20px;margin-top:15px;padding:17px 0 0;display:flex}.footer-philosophy{font-family:var(--font-sc);letter-spacing:.15em;align-items:center;gap:9px;font-size:11px;display:flex}.map-footer>p{color:#938973;align-items:center;gap:7px;font-size:13px;font-style:italic;display:flex}.island-number{font:10px var(--font-sc);letter-spacing:.14em}.mobile-unit-switch{display:none}.lesson-page{text-align:center;max-width:1100px;margin:0 auto;padding:32px 24px 105px;position:relative}.duration-label{color:#9a8c74;white-space:nowrap;align-items:center;gap:6px;font-size:13px;display:flex}.title-banner{justify-content:center;align-items:center;max-width:100%;margin:0 auto;padding:17px 63px 19px;display:inline-flex;position:relative}.title-banner>svg{width:100%;height:100%;position:absolute;inset:0}.title-banner h1{letter-spacing:.25px;color:#3b3a2e;font-size:clamp(26px,3.3vw,40px);line-height:1.05;position:relative;transform:rotate(.65deg)}.lesson-subtitle{color:#8b806c;max-width:640px;margin:15px auto 8px;font-size:clamp(17px,1.8vw,21px);font-style:italic}.exercise-frame,.exercise-card{text-align:center;background:#fbf5eab3;border:2px solid #eadbc0;border-radius:30px;width:min(830px,100%);margin:22px auto 0;padding:28px 42px 36px;position:relative;box-shadow:inset 0 1px #fff,0 18px 40px -28px #3b3a2e59}.exercise-frame .step-prompt{color:#6f6852;max-width:620px;margin-left:auto;margin-right:auto}.exercise-frame h2.t-section{max-width:640px;margin-left:auto;margin-right:auto}.practice-supports{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 18px;margin-top:22px;display:flex}.practice-supports .inline-link{color:#8c7b66;font-size:14px}.practice-supports .eyebrow{letter-spacing:.16em;color:#a0937a;font-size:10px}.continue-btn,.exercise-frame .fb{scroll-margin-bottom:28px}.step-corner{z-index:6;position:absolute;top:14px;right:14px}.help-corner{position:relative}.help-corner-btn{color:#8c7b66;background:#fffdf7;border:2px solid #e2cfae;border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;transition:color .15s,border-color .15s,background .15s,transform .15s;display:flex}.help-corner-btn:hover,.help-corner-btn.is-open{color:#5c496f;background:#f3eef7;border-color:#a99bc4}.help-corner-btn:active{transform:scale(.94)}.help-pop{text-align:left;transform-origin:100% 0;background:#fffdf7;border:2px solid #e2cfae;border-radius:18px;flex-direction:column;align-items:stretch;gap:2px;width:max-content;min-width:220px;max-width:min(300px,100vw - 48px);padding:10px 12px 12px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 36px -18px #3b3a2e73}.help-pop-head{justify-content:space-between;align-items:center;gap:10px;padding:0 0 4px 4px;display:flex}.help-pop-head .eyebrow{letter-spacing:.16em;color:#a0937a;font-size:10px}.help-pop-close{color:#8c7b66;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.help-pop-close:hover{color:#5c496f;background:#f3eef7}.help-pop-item{color:#6e5a84;text-align:left;border-radius:12px;align-items:center;gap:7px;min-height:40px;padding:6px 8px;font-size:16px;display:flex}.help-pop-item:hover{color:#5c496f;background:#f3eef7}@media(max-width:640px){.exercise-frame:has(>.step-corner>*)>h2.t-section{padding-inline:40px}}.lesson-reassurance{color:#9b8c77;justify-content:center;align-items:center;gap:7px;margin:20px auto 0;font-size:14px;font-style:italic;display:flex}.audio-banner{text-align:left;color:#8e563f;background:#c06a4511;border-left:2px solid #c06a45;border-radius:4px;max-width:830px;margin:16px auto 0;padding:12px 15px;font-size:15px}.audio-banner.soft{color:#7e6a49;background:#ddb45c17;border-color:#ddb45c}.wrap-page,.unit-intro,.finish-page{padding-top:44px}.wrap-bunting,.finish-bunting{opacity:.85;pointer-events:none;width:225px;position:absolute;top:4px}.wrap-bunting.left,.finish-bunting.left{left:-40px}.wrap-bunting.right,.finish-bunting.right{right:-40px}.lesson-scene{width:100%;max-width:760px;height:210px;margin:0 auto;display:block;overflow:visible}.wrap-page>.lesson-scene{margin:14px auto -10px}.wrap-capability{max-width:600px;margin:14px auto 18px;padding-inline:34px;position:relative}.wrap-capability>span{color:#9c8d70;font-size:16px;font-style:italic}.wrap-capability h2{margin-top:8px;font-size:clamp(24px,2.6vw,31px);line-height:1.25}.wrap-capability>svg{position:absolute;top:23px;left:-2px;transform:rotate(-18deg)}.wrap-capability>svg:last-child{left:auto;right:-2px;transform:rotate(18deg)}.shown-skills{flex-wrap:wrap;justify-content:center;gap:8px;max-width:620px;margin:6px auto 0;display:flex}.shown-skills>span{color:#7e6a49;background:#ddb45c14;border:1px solid #ddb45c80;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:14px;display:inline-flex}.bridge-question{border-top:1px solid #e0d3b9;max-width:580px;margin:26px auto;padding:26px 16px 0}.bridge-question .eyebrow{font-size:11px}.bridge-question p{color:#827357;margin-top:13px;font-size:21px;font-style:italic;line-height:1.45}.page-links{flex-direction:column;align-items:center;gap:4px;margin-top:16px;display:flex}.map-secret{max-width:640px;margin:14px auto;font-size:clamp(25px,3vw,34px);line-height:1.3}.unit-intro>.lesson-scene{margin:16px auto 22px}.intro-copy{color:#8e7c64;max-width:560px;margin:auto;font-size:19px;line-height:1.55}.intro-listen{margin-top:18px}.intro-question{color:#8f7b5d;max-width:600px;margin:22px auto 24px;font-size:22px;font-style:italic}.finish-page{text-align:center;max-width:1100px;margin:auto;padding:50px 40px 110px;position:relative}.finish-page>h2{margin:10px auto 13px;font-size:33px}.finish-copy{color:#948066;margin-bottom:25px;font-size:21px;line-height:1.5}.island-exit{border-top:1px solid #daccb1;margin-top:46px;padding-top:38px}.island-exit>h2{margin:13px 0;font-size:37px}.exit-teaser{color:#9b8163;max-width:580px;margin:24px auto 30px;font-size:23px;font-style:italic;line-height:1.4}.next-island-sign{color:#a4987b;justify-content:center;align-items:center;gap:15px;display:flex}.next-island-sign strong{text-align:left;font-size:25px;line-height:1.2;display:block}.next-island-sign span{font-size:12px}.finish-actions{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:46px;display:flex}.journal-page{max-width:1020px;margin:auto;padding:54px 40px 110px}.journal-page>h1{letter-spacing:-1px;margin-top:9px;font-size:59px;line-height:1.2}.journal-intro{color:#928169;margin:12px 0 30px;font-size:20px;font-style:italic}.journal-tabs{border-bottom:1px solid #decfb3;flex-wrap:wrap;gap:29px;display:flex}.journal-tabs>button{color:#9c8970;background:0 0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:12px 2px;font-size:18px}.journal-tabs>button:hover{color:#78638b}.journal-tabs>button[aria-selected=true]{color:#78638b;border-color:#a99bc4}.journal-content{padding:28px 0 37px}.journal-section-heading h2{font-size:28px}.journal-section-heading p{color:#9b886f;margin-top:8px;font-size:16px}.skill-confidence{text-align:left;grid-template-columns:1fr 1fr;column-gap:48px;margin-top:22px;display:grid}.skill-row{text-align:left;background:0 0;border-bottom:1px solid #e6d8bf;align-items:center;gap:15px;min-width:0;padding:15px 0;display:flex}.skill-row>div:first-child{flex:1;min-width:0}.skill-row strong{font-size:17px;display:block}.skill-row small{color:#aa967b;margin-top:3px;font-size:12.5px;line-height:1.4;display:block}.skill-track{background:#e3d9c7;border-radius:5px;flex-shrink:0;width:72px;height:4px;overflow:hidden}.skill-track>span{background:#acb18b;height:100%;display:block}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#3b3a2e38;justify-content:center;align-items:center;padding:22px;display:flex;position:fixed;inset:0}.modal-content{text-align:center;border-radius:25px;width:min(470px,100%);max-height:min(90svh,850px);padding:40px 30px 33px;position:relative;overflow-y:auto;box-shadow:0 22px 70px #3b3a2e29}.modal-close{color:#9b896f;position:absolute;top:11px;right:13px}.modal-content>h2{margin:14px 0 12px;font-size:30px;line-height:1.2}.modal-content>p{color:#958067;font-size:18px;line-height:1.5}.modal-content>.eyebrow{font-size:11px}.modal-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px;display:flex}.modal-actions .button{min-height:48px;padding-inline:22px;font-size:17px}.modal-icon{color:#a48cb5;margin:2px auto;display:block}.modal-doors{justify-content:center;gap:10px;margin:18px 0 6px;display:flex}.modal-doors>div{color:#8e7c60;flex-direction:column;align-items:center;gap:2px;width:78px;font-size:13px;display:flex}.toast{z-index:120;color:#8d755a;background:#f9f2e5;border:1px solid #caba9d;border-radius:12px;align-items:center;gap:10px;width:max-content;max-width:min(530px,100vw - 32px);padding:13px 16px;font-size:14px;animation:.3s both toastIn;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 8px 26px #3b3a2e12}.toast>svg{color:#ae93bf}.toast button{background:0 0;padding:3px}}@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.inset-\[6px\]{inset:6px}.inset-\[10\%\]{inset:10%}.inset-x-0{inset-inline:calc(var(--spacing)*0)}.inset-x-2{inset-inline:calc(var(--spacing)*2)}.inset-x-3{inset-inline:calc(var(--spacing)*3)}.inset-y-0{inset-block:calc(var(--spacing)*0)}.-top-1{top:calc(var(--spacing)*-1)}.-top-1\.5{top:calc(var(--spacing)*-1.5)}.-top-2{top:calc(var(--spacing)*-2)}.-top-2\.5{top:calc(var(--spacing)*-2.5)}.-top-3{top:calc(var(--spacing)*-3)}.-top-4{top:calc(var(--spacing)*-4)}.-top-6{top:calc(var(--spacing)*-6)}.-top-9{top:calc(var(--spacing)*-9)}.-top-11{top:calc(var(--spacing)*-11)}.-top-\[10px\]{top:-10px}.-top-\[18px\]{top:-18px}.top-0{top:calc(var(--spacing)*0)}.top-1{top:calc(var(--spacing)*1)}.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-3\.5{top:calc(var(--spacing)*3.5)}.top-6{top:calc(var(--spacing)*6)}.top-\[2px\]{top:2px}.top-\[3px\]{top:3px}.top-\[12px\]{top:12px}.top-\[14px\]{top:14px}.top-\[16px\]{top:16px}.top-\[20px\]{top:20px}.top-\[30\%\]{top:30%}.top-\[30px\]{top:30px}.top-\[34px\]{top:34px}.top-\[46\%\]{top:46%}.top-\[68px\]{top:68px}.top-\[76px\]{top:76px}.-right-3{right:calc(var(--spacing)*-3)}.-right-\[10px\]{right:-10px}.right-0{right:calc(var(--spacing)*0)}.right-1\.5{right:calc(var(--spacing)*1.5)}.right-2{right:calc(var(--spacing)*2)}.right-3{right:calc(var(--spacing)*3)}.right-3\.5{right:calc(var(--spacing)*3.5)}.right-4{right:calc(var(--spacing)*4)}.-bottom-0\.5{bottom:calc(var(--spacing)*-.5)}.-bottom-\[10px\]{bottom:-10px}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-1{bottom:calc(var(--spacing)*1)}.bottom-2{bottom:calc(var(--spacing)*2)}.bottom-4{bottom:calc(var(--spacing)*4)}.bottom-6{bottom:calc(var(--spacing)*6)}.bottom-full{bottom:100%}.-left-1{left:calc(var(--spacing)*-1)}.-left-1\.5{left:calc(var(--spacing)*-1.5)}.-left-2\.5{left:calc(var(--spacing)*-2.5)}.-left-3{left:calc(var(--spacing)*-3)}.-left-\[10px\]{left:-10px}.left-0{left:calc(var(--spacing)*0)}.left-1\/2{left:50%}.left-3{left:calc(var(--spacing)*3)}.left-10{left:calc(var(--spacing)*10)}.left-\[2px\]{left:2px}.isolate{isolation:isolate}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.m-10{margin:calc(var(--spacing)*10)}.-mx-2{margin-inline:calc(var(--spacing)*-2)}.mx-0\.5{margin-inline:calc(var(--spacing)*.5)}.mx-1{margin-inline:calc(var(--spacing)*1)}.mx-4{margin-inline:calc(var(--spacing)*4)}.mx-auto{margin-inline:auto}.my-3{margin-block:calc(var(--spacing)*3)}.-mt-1{margin-top:calc(var(--spacing)*-1)}.-mt-3{margin-top:calc(var(--spacing)*-3)}.-mt-6{margin-top:calc(var(--spacing)*-6)}.mt-0{margin-top:calc(var(--spacing)*0)}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-1\.5{margin-top:calc(var(--spacing)*1.5)}.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-16{margin-top:calc(var(--spacing)*16)}.mt-auto{margin-top:auto}.mr-1{margin-right:calc(var(--spacing)*1)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.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-5{margin-bottom:calc(var(--spacing)*5)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-7{margin-bottom:calc(var(--spacing)*7)}.mb-10{margin-bottom:calc(var(--spacing)*10)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-3{margin-left:calc(var(--spacing)*3)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.table{display:table}.\!h-\[46px\]{height:46px!important}.h-1\.5{height:calc(var(--spacing)*1.5)}.h-1\/2{height:50%}.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-36{height:calc(var(--spacing)*36)}.h-40{height:calc(var(--spacing)*40)}.h-44{height:calc(var(--spacing)*44)}.h-48{height:calc(var(--spacing)*48)}.h-56{height:calc(var(--spacing)*56)}.h-64{height:calc(var(--spacing)*64)}.h-\[2px\]{height:2px}.h-\[3px\]{height:3px}.h-\[6px\]{height:6px}.h-\[18px\]{height:18px}.h-\[22px\]{height:22px}.h-\[44px\]{height:44px}.h-\[46px\]{height:46px}.h-\[52px\]{height:52px}.h-\[54px\]{height:54px}.h-\[58px\]{height:58px}.h-\[64px\]{height:64px}.h-\[68px\]{height:68px}.h-\[72\%\]{height:72%}.h-\[72px\]{height:72px}.h-\[76px\]{height:76px}.h-\[92px\]{height:92px}.h-\[96px\]{height:96px}.h-\[100px\]{height:100px}.h-\[104px\]{height:104px}.h-\[108px\]{height:108px}.h-\[120px\]{height:120px}.h-\[200px\]{height:200px}.h-\[210px\]{height:210px}.h-\[calc\(100vh-90px\)\]{height:calc(100vh - 90px)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.max-h-64{max-height:calc(var(--spacing)*64)}.max-h-\[88vh\]{max-height:88vh}.max-h-\[calc\(100\%-12px\)\]{max-height:calc(100% - 12px)}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-\[40px\]{min-height:40px}.min-h-\[60px\]{min-height:60px}.min-h-\[64px\]{min-height:64px}.min-h-\[156px\]{min-height:156px}.min-h-\[230px\]{min-height:230px}.min-h-screen{min-height:100vh}.\!w-\[220px\]{width:220px!important}.\!w-full{width:100%!important}.w-1\/2{width:50%}.w-1\/3{width:33.3333%}.w-2{width:calc(var(--spacing)*2)}.w-2\.5{width:calc(var(--spacing)*2.5)}.w-3{width:calc(var(--spacing)*3)}.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-12{width:calc(var(--spacing)*12)}.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-36{width:calc(var(--spacing)*36)}.w-40{width:calc(var(--spacing)*40)}.w-44{width:calc(var(--spacing)*44)}.w-48{width:calc(var(--spacing)*48)}.w-52{width:calc(var(--spacing)*52)}.w-56{width:calc(var(--spacing)*56)}.w-64{width:calc(var(--spacing)*64)}.w-80{width:calc(var(--spacing)*80)}.w-\[2px\]{width:2px}.w-\[3px\]{width:3px}.w-\[18px\]{width:18px}.w-\[22px\]{width:22px}.w-\[30px\]{width:30px}.w-\[44px\]{width:44px}.w-\[52px\]{width:52px}.w-\[56px\]{width:56px}.w-\[58px\]{width:58px}.w-\[60px\]{width:60px}.w-\[70\%\]{width:70%}.w-\[72px\]{width:72px}.w-\[74px\]{width:74px}.w-\[76px\]{width:76px}.w-\[92px\]{width:92px}.w-\[96px\]{width:96px}.w-\[110px\]{width:110px}.w-\[112px\]{width:112px}.w-\[170px\]{width:170px}.w-\[200px\]{width:200px}.w-\[220px\]{width:220px}.w-\[min\(270px\,86vw\)\]{width:min(270px,86vw)}.w-\[min\(480px\,92vw\)\]{width:min(480px,92vw)}.w-auto{width:auto}.w-full{width:100%}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-\[84\%\]{max-width:84%}.max-w-\[120px\]{max-width:120px}.max-w-\[260px\]{max-width:260px}.max-w-\[320px\]{max-width:320px}.max-w-\[340px\]{max-width:340px}.max-w-\[360px\]{max-width:360px}.max-w-\[420px\]{max-width:420px}.max-w-\[460px\]{max-width:460px}.max-w-\[520px\]{max-width:520px}.max-w-\[640px\]{max-width:640px}.max-w-\[680px\]{max-width:680px}.max-w-\[760px\]{max-width:760px}.max-w-\[830px\]{max-width:830px}.max-w-\[920px\]{max-width:920px}.max-w-\[1000px\]{max-width:1000px}.max-w-\[1100px\]{max-width:1100px}.max-w-\[1400px\]{max-width:1400px}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-9{min-width:calc(var(--spacing)*9)}.min-w-11{min-width:calc(var(--spacing)*11)}.min-w-12{min-width:calc(var(--spacing)*12)}.min-w-16{min-width:calc(var(--spacing)*16)}.min-w-24{min-width:calc(var(--spacing)*24)}.min-w-\[220px\]{min-width:220px}.min-w-\[560px\]{min-width:560px}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-x-\[6px\]{--tw-translate-x: -6px ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-0{--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-\[26px\]{--tw-translate-x:26px;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-0\.5{--tw-translate-y:calc(var(--spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-full{--tw-translate-y:-100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-0\.5{--tw-translate-y:calc(var(--spacing)*.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-90{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-110{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-\[\.97\]{scale:.97}.scale-\[1\.04\]{scale:1.04}.-rotate-1{rotate:-1deg}.-rotate-2{rotate:-2deg}.-rotate-3{rotate:-3deg}.-rotate-6{rotate:-6deg}.-rotate-90{rotate:-90deg}.rotate-45{rotate:45deg}.rotate-90{rotate:90deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-ew-resize{cursor:ew-resize}.cursor-grab{cursor:grab}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.scroll-mt-24{scroll-margin-top:calc(var(--spacing)*24)}.list-disc{list-style-type:disc}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-0\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.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-7{gap:calc(var(--spacing)*7)}.gap-8{gap:calc(var(--spacing)*8)}.gap-10{gap:calc(var(--spacing)*10)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1.5)*calc(1 - var(--tw-space-y-reverse)))}: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)))}.gap-x-1{column-gap:calc(var(--spacing)*1)}.gap-x-2{column-gap:calc(var(--spacing)*2)}.gap-x-4{column-gap:calc(var(--spacing)*4)}.gap-x-5{column-gap:calc(var(--spacing)*5)}.gap-x-6{column-gap:calc(var(--spacing)*6)}.gap-x-10{column-gap:calc(var(--spacing)*10)}.gap-y-0\.5{row-gap:calc(var(--spacing)*.5)}.gap-y-1{row-gap:calc(var(--spacing)*1)}.gap-y-2{row-gap:calc(var(--spacing)*2)}.gap-y-3{row-gap:calc(var(--spacing)*3)}: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)))}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[6px\]{border-radius:6px}.rounded-\[14px\]{border-radius:14px}.rounded-\[18px\]{border-radius:18px}.rounded-\[20px\]{border-radius:20px}.rounded-\[22px\]{border-radius:22px}.rounded-\[24px\]{border-radius:24px}.rounded-\[26px\]{border-radius:26px}.rounded-\[28px\]{border-radius:28px}.rounded-\[30px\]{border-radius:30px}.rounded-\[32px\]{border-radius:32px}.rounded-\[48\%_52\%_50\%_50\%\/55\%_50\%_50\%_45\%\]{border-radius:48% 52% 50% 50%/55% 50% 50% 45%}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-\[28px\]{border-top-left-radius:28px;border-top-right-radius:28px}.rounded-t-xl{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.rounded-b-sm{border-bottom-right-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-\[3px\]{border-style:var(--tw-border-style);border-width:3px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-r-2{border-right-style:var(--tw-border-style);border-right-width:2px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\[\#6B7F4E\]{border-color:#6b7f4e}.border-\[\#6E4A30\]\/25{border-color:#6e4a3040}.border-\[\#6E4A30\]\/50{border-color:#6e4a3080}.border-\[\#6E4A30\]\/60{border-color:#6e4a3099}.border-\[\#8A9A6A\]{border-color:#8a9a6a}.border-\[\#9A6A42\]\/40{border-color:#9a6a4266}.border-\[\#9A6A42\]\/50{border-color:#9a6a4280}.border-\[\#9A6A42\]\/55{border-color:#9a6a428c}.border-\[\#9A6A42\]\/60{border-color:#9a6a4299}.border-\[\#A99BC4\]{border-color:#a99bc4}.border-\[\#C06A45\]{border-color:#c06a45}.border-\[\#CDBB9A\]{border-color:#cdbb9a}.border-\[\#D9C49A\]{border-color:#d9c49a}.border-\[\#DCCDB0\]{border-color:#dccdb0}.border-\[\#E2CFAE\]{border-color:#e2cfae}.border-\[\#E2D3B8\]{border-color:#e2d3b8}.border-\[\#E6D8BF\]{border-color:#e6d8bf}.border-\[\#E8DCC6\]{border-color:#e8dcc6}.border-\[\#EADBC0\]{border-color:#eadbc0}.border-border-card{border-color:var(--color-border-card)}.border-border-input{border-color:var(--color-border-input)}.border-cream{border-color:var(--color-cream)}.border-ink\/10{border-color:#3b3a2e1a}@supports (color:color-mix(in lab,red,red)){.border-ink\/10{border-color:color-mix(in oklab,var(--color-ink)10%,transparent)}}.border-ink\/25{border-color:#3b3a2e40}@supports (color:color-mix(in lab,red,red)){.border-ink\/25{border-color:color-mix(in oklab,var(--color-ink)25%,transparent)}}.border-lav{border-color:var(--color-lav)}.border-lav-deep{border-color:var(--color-lav-deep)}.border-lav\/50{border-color:#a99bc480}@supports (color:color-mix(in lab,red,red)){.border-lav\/50{border-color:color-mix(in oklab,var(--color-lav)50%,transparent)}}.border-lav\/60{border-color:#a99bc499}@supports (color:color-mix(in lab,red,red)){.border-lav\/60{border-color:color-mix(in oklab,var(--color-lav)60%,transparent)}}.border-olive{border-color:var(--color-olive)}.border-olive\/50{border-color:#6b7f4e80}@supports (color:color-mix(in lab,red,red)){.border-olive\/50{border-color:color-mix(in oklab,var(--color-olive)50%,transparent)}}.border-olive\/60{border-color:#6b7f4e99}@supports (color:color-mix(in lab,red,red)){.border-olive\/60{border-color:color-mix(in oklab,var(--color-olive)60%,transparent)}}.border-terra{border-color:var(--color-terra)}.border-terra\/40{border-color:#c06a4566}@supports (color:color-mix(in lab,red,red)){.border-terra\/40{border-color:color-mix(in oklab,var(--color-terra)40%,transparent)}}.border-terra\/50{border-color:#c06a4580}@supports (color:color-mix(in lab,red,red)){.border-terra\/50{border-color:color-mix(in oklab,var(--color-terra)50%,transparent)}}.border-terra\/70{border-color:#c06a45b3}@supports (color:color-mix(in lab,red,red)){.border-terra\/70{border-color:color-mix(in oklab,var(--color-terra)70%,transparent)}}.border-transparent{border-color:#0000}.border-wheat{border-color:var(--color-wheat)}.border-wheat-deep{border-color:var(--color-wheat-deep)}.border-wheat-track{border-color:var(--color-wheat-track)}.bg-\[\#3B3A2E\]\/30{background-color:#3b3a2e4d}.bg-\[\#6B7F4E\]{background-color:#6b7f4e}.bg-\[\#6B7F4E\]\/15{background-color:#6b7f4e26}.bg-\[\#6E4A30\]\/45{background-color:#6e4a3073}.bg-\[\#6E4A30\]\/50{background-color:#6e4a3080}.bg-\[\#8A9A6A\]\/60{background-color:#8a9a6a99}.bg-\[\#9A6A42\]\/15{background-color:#9a6a4226}.bg-\[\#9A6A42\]\/25{background-color:#9a6a4240}.bg-\[\#A99BC4\]{background-color:#a99bc4}.bg-\[\#C06A45\]\/12{background-color:#c06a451f}.bg-\[\#CCA04B\]\/55{background-color:#cca04b8c}.bg-\[\#DCD3C2\]{background-color:#dcd3c2}.bg-\[\#DDB45C\]{background-color:#ddb45c}.bg-\[\#E2CFAE\]{background-color:#e2cfae}.bg-\[\#E4DED3\]{background-color:#e4ded3}.bg-\[\#E8E1D3\]{background-color:#e8e1d3}.bg-\[\#EADBC0\]{background-color:#eadbc0}.bg-\[\#F1E1BD\]{background-color:#f1e1bd}.bg-\[\#F1E1BD\]\/70{background-color:#f1e1bdb3}.bg-\[\#F6EEDF\]{background-color:#f6eedf}.bg-\[\#FBF5EA99\]{background-color:#fbf5ea99}.bg-\[\#FBF5EA\]{background-color:#fbf5ea}.bg-\[\#FFFDF7\]{background-color:#fffdf7}.bg-border-input{background-color:var(--color-border-input)}.bg-cream{background-color:var(--color-cream)}.bg-cream-card{background-color:var(--color-cream-card)}.bg-cream-card\/40{background-color:#fbf5ea66}@supports (color:color-mix(in lab,red,red)){.bg-cream-card\/40{background-color:color-mix(in oklab,var(--color-cream-card)40%,transparent)}}.bg-cream-card\/60{background-color:#fbf5ea99}@supports (color:color-mix(in lab,red,red)){.bg-cream-card\/60{background-color:color-mix(in oklab,var(--color-cream-card)60%,transparent)}}.bg-cream-card\/70{background-color:#fbf5eab3}@supports (color:color-mix(in lab,red,red)){.bg-cream-card\/70{background-color:color-mix(in oklab,var(--color-cream-card)70%,transparent)}}.bg-cream-card\/80{background-color:#fbf5eacc}@supports (color:color-mix(in lab,red,red)){.bg-cream-card\/80{background-color:color-mix(in oklab,var(--color-cream-card)80%,transparent)}}.bg-cream-card\/90{background-color:#fbf5eae6}@supports (color:color-mix(in lab,red,red)){.bg-cream-card\/90{background-color:color-mix(in oklab,var(--color-cream-card)90%,transparent)}}.bg-cream-card\/95{background-color:#fbf5eaf2}@supports (color:color-mix(in lab,red,red)){.bg-cream-card\/95{background-color:color-mix(in oklab,var(--color-cream-card)95%,transparent)}}.bg-cream-pure{background-color:var(--color-cream-pure)}.bg-cream-pure\/40{background-color:#fffdf766}@supports (color:color-mix(in lab,red,red)){.bg-cream-pure\/40{background-color:color-mix(in oklab,var(--color-cream-pure)40%,transparent)}}.bg-cream-pure\/60{background-color:#fffdf799}@supports (color:color-mix(in lab,red,red)){.bg-cream-pure\/60{background-color:color-mix(in oklab,var(--color-cream-pure)60%,transparent)}}.bg-cream-pure\/70{background-color:#fffdf7b3}@supports (color:color-mix(in lab,red,red)){.bg-cream-pure\/70{background-color:color-mix(in oklab,var(--color-cream-pure)70%,transparent)}}.bg-cream\/60{background-color:#f6eedf99}@supports (color:color-mix(in lab,red,red)){.bg-cream\/60{background-color:color-mix(in oklab,var(--color-cream)60%,transparent)}}.bg-cream\/70{background-color:#f6eedfb3}@supports (color:color-mix(in lab,red,red)){.bg-cream\/70{background-color:color-mix(in oklab,var(--color-cream)70%,transparent)}}.bg-cream\/90{background-color:#f6eedfe6}@supports (color:color-mix(in lab,red,red)){.bg-cream\/90{background-color:color-mix(in oklab,var(--color-cream)90%,transparent)}}.bg-ink\/\[0\.06\]{background-color:#3b3a2e0f}@supports (color:color-mix(in lab,red,red)){.bg-ink\/\[0\.06\]{background-color:color-mix(in oklab,var(--color-ink)6%,transparent)}}.bg-lav{background-color:var(--color-lav)}.bg-lav-deep{background-color:var(--color-lav-deep)}.bg-lav-soft{background-color:var(--color-lav-soft)}.bg-lav-soft\/20{background-color:#dcd0e733}@supports (color:color-mix(in lab,red,red)){.bg-lav-soft\/20{background-color:color-mix(in oklab,var(--color-lav-soft)20%,transparent)}}.bg-lav-soft\/30{background-color:#dcd0e74d}@supports (color:color-mix(in lab,red,red)){.bg-lav-soft\/30{background-color:color-mix(in oklab,var(--color-lav-soft)30%,transparent)}}.bg-lav-soft\/40{background-color:#dcd0e766}@supports (color:color-mix(in lab,red,red)){.bg-lav-soft\/40{background-color:color-mix(in oklab,var(--color-lav-soft)40%,transparent)}}.bg-lav-soft\/50{background-color:#dcd0e780}@supports (color:color-mix(in lab,red,red)){.bg-lav-soft\/50{background-color:color-mix(in oklab,var(--color-lav-soft)50%,transparent)}}.bg-lav-soft\/60{background-color:#dcd0e799}@supports (color:color-mix(in lab,red,red)){.bg-lav-soft\/60{background-color:color-mix(in oklab,var(--color-lav-soft)60%,transparent)}}.bg-lav-soft\/70{background-color:#dcd0e7b3}@supports (color:color-mix(in lab,red,red)){.bg-lav-soft\/70{background-color:color-mix(in oklab,var(--color-lav-soft)70%,transparent)}}.bg-lav\/15{background-color:#a99bc426}@supports (color:color-mix(in lab,red,red)){.bg-lav\/15{background-color:color-mix(in oklab,var(--color-lav)15%,transparent)}}.bg-lav\/70{background-color:#a99bc4b3}@supports (color:color-mix(in lab,red,red)){.bg-lav\/70{background-color:color-mix(in oklab,var(--color-lav)70%,transparent)}}.bg-olive\/10{background-color:#6b7f4e1a}@supports (color:color-mix(in lab,red,red)){.bg-olive\/10{background-color:color-mix(in oklab,var(--color-olive)10%,transparent)}}.bg-olive\/15{background-color:#6b7f4e26}@supports (color:color-mix(in lab,red,red)){.bg-olive\/15{background-color:color-mix(in oklab,var(--color-olive)15%,transparent)}}.bg-olive\/20{background-color:#6b7f4e33}@supports (color:color-mix(in lab,red,red)){.bg-olive\/20{background-color:color-mix(in oklab,var(--color-olive)20%,transparent)}}.bg-olive\/25{background-color:#6b7f4e40}@supports (color:color-mix(in lab,red,red)){.bg-olive\/25{background-color:color-mix(in oklab,var(--color-olive)25%,transparent)}}.bg-terra{background-color:var(--color-terra)}.bg-terra\/10{background-color:#c06a451a}@supports (color:color-mix(in lab,red,red)){.bg-terra\/10{background-color:color-mix(in oklab,var(--color-terra)10%,transparent)}}.bg-terra\/12{background-color:#c06a451f}@supports (color:color-mix(in lab,red,red)){.bg-terra\/12{background-color:color-mix(in oklab,var(--color-terra)12%,transparent)}}.bg-terra\/15{background-color:#c06a4526}@supports (color:color-mix(in lab,red,red)){.bg-terra\/15{background-color:color-mix(in oklab,var(--color-terra)15%,transparent)}}.bg-terra\/20{background-color:#c06a4533}@supports (color:color-mix(in lab,red,red)){.bg-terra\/20{background-color:color-mix(in oklab,var(--color-terra)20%,transparent)}}.bg-terra\/\[0\.07\]{background-color:#c06a4512}@supports (color:color-mix(in lab,red,red)){.bg-terra\/\[0\.07\]{background-color:color-mix(in oklab,var(--color-terra)7%,transparent)}}.bg-transparent{background-color:#0000}.bg-wheat{background-color:var(--color-wheat)}.bg-wheat\/15{background-color:#ddb45c26}@supports (color:color-mix(in lab,red,red)){.bg-wheat\/15{background-color:color-mix(in oklab,var(--color-wheat)15%,transparent)}}.bg-wheat\/20{background-color:#ddb45c33}@supports (color:color-mix(in lab,red,red)){.bg-wheat\/20{background-color:color-mix(in oklab,var(--color-wheat)20%,transparent)}}.bg-wheat\/25{background-color:#ddb45c40}@supports (color:color-mix(in lab,red,red)){.bg-wheat\/25{background-color:color-mix(in oklab,var(--color-wheat)25%,transparent)}}.bg-wheat\/30{background-color:#ddb45c4d}@supports (color:color-mix(in lab,red,red)){.bg-wheat\/30{background-color:color-mix(in oklab,var(--color-wheat)30%,transparent)}}.bg-wheat\/60{background-color:#ddb45c99}@supports (color:color-mix(in lab,red,red)){.bg-wheat\/60{background-color:color-mix(in oklab,var(--color-wheat)60%,transparent)}}.bg-white\/30{background-color:#ffffff4d}@supports (color:color-mix(in lab,red,red)){.bg-white\/30{background-color:color-mix(in oklab,var(--color-white)30%,transparent)}}.bg-gradient-to-l{--tw-gradient-position:to left in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-\[linear-gradient\(90deg\,\#9A6A42\,\#6E4A30\)\]{background-image:linear-gradient(90deg,#9a6a42,#6e4a30)}.bg-\[linear-gradient\(90deg\,\#C99A68\,\#B57E4E\)\]{background-image:linear-gradient(90deg,#c99a68,#b57e4e)}.bg-\[linear-gradient\(180deg\,\#D9A877\,\#B57E4E_50\%\,\#8E5E36\)\]{background-image:linear-gradient(#d9a877,#b57e4e 50%,#8e5e36)}.bg-\[linear-gradient\(180deg\,\#DDB07C\,\#B98552\)\]{background-image:linear-gradient(#ddb07c,#b98552)}.bg-\[linear-gradient\(180deg\,\#E3A574\,\#B8703F_50\%\,\#7E4524\)\]{background-image:linear-gradient(#e3a574,#b8703f 50%,#7e4524)}.bg-\[linear-gradient\(180deg\,\#E3BE8C\,\#C9965F\)\]{background-image:linear-gradient(#e3be8c,#c9965f)}.bg-\[linear-gradient\(180deg\,\#E8CFA5\,\#D9B88A\)\]{background-image:linear-gradient(#e8cfa5,#d9b88a)}.bg-\[linear-gradient\(180deg\,\#EEF0DD\,\#E7EBCF_40\%\,\#E2E8C6\)\]{background-image:linear-gradient(#eef0dd,#e7ebcf 40%,#e2e8c6)}.bg-\[linear-gradient\(180deg\,\#F6DE98\,\#E7BE5E\)\]{background-image:linear-gradient(#f6de98,#e7be5e)}.bg-\[radial-gradient\(circle_at_38\%_32\%\,\#F0CC9C\,\#C38F5C_62\%\,\#9A6A42\)\]{background-image:radial-gradient(circle at 38% 32%,#f0cc9c,#c38f5c 62%,#9a6a42)}.bg-\[repeating-conic-gradient\(\#EADBC0_0_25\%\,\#FFFDF7_0_50\%\)\]{background-image:repeating-conic-gradient(#eadbc0 0 25%,#fffdf7 0 50%)}.from-\[\#E6D0A0\]\/50{--tw-gradient-from:oklab(86.4193% .00446633 .0672341/.5);--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-transparent{--tw-gradient-from:transparent;--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-white\/30{--tw-gradient-via:#ffffff4d}@supports (color:color-mix(in lab,red,red)){.via-white\/30{--tw-gradient-via:color-mix(in oklab,var(--color-white)30%,transparent)}}.via-white\/30{--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-white\/40{--tw-gradient-via:#fff6}@supports (color:color-mix(in lab,red,red)){.via-white\/40{--tw-gradient-via:color-mix(in oklab,var(--color-white)40%,transparent)}}.via-white\/40{--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-transparent{--tw-gradient-to:transparent;--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))}.bg-\[length\:10px_10px\]{background-size:10px 10px}.\!p-0{padding:calc(var(--spacing)*0)!important}.\!p-3{padding:calc(var(--spacing)*3)!important}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.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)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.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-7{padding-inline:calc(var(--spacing)*7)}.px-8{padding-inline:calc(var(--spacing)*8)}.px-10{padding-inline:calc(var(--spacing)*10)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.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-3\.5{padding-block:calc(var(--spacing)*3.5)}.py-4{padding-block:calc(var(--spacing)*4)}.py-6{padding-block:calc(var(--spacing)*6)}.py-7{padding-block:calc(var(--spacing)*7)}.py-8{padding-block:calc(var(--spacing)*8)}.py-10{padding-block:calc(var(--spacing)*10)}.py-16{padding-block:calc(var(--spacing)*16)}.py-px{padding-block:1px}.pt-1\.5{padding-top:calc(var(--spacing)*1.5)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-6{padding-top:calc(var(--spacing)*6)}.pt-8{padding-top:calc(var(--spacing)*8)}.pt-9{padding-top:calc(var(--spacing)*9)}.pt-10{padding-top:calc(var(--spacing)*10)}.pt-12{padding-top:calc(var(--spacing)*12)}.pt-14{padding-top:calc(var(--spacing)*14)}.pr-3{padding-right:calc(var(--spacing)*3)}.pr-20{padding-right:calc(var(--spacing)*20)}.\!pb-0{padding-bottom:calc(var(--spacing)*0)!important}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pb-5{padding-bottom:calc(var(--spacing)*5)}.pb-6{padding-bottom:calc(var(--spacing)*6)}.pb-8{padding-bottom:calc(var(--spacing)*8)}.pb-10{padding-bottom:calc(var(--spacing)*10)}.pb-12{padding-bottom:calc(var(--spacing)*12)}.pb-16{padding-bottom:calc(var(--spacing)*16)}.pb-24{padding-bottom:calc(var(--spacing)*24)}.pb-32{padding-bottom:calc(var(--spacing)*32)}.pl-1{padding-left:calc(var(--spacing)*1)}.pl-5{padding-left:calc(var(--spacing)*5)}.pl-9{padding-left:calc(var(--spacing)*9)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-hand{font-family:var(--font-hand)}.font-mono{font-family:var(--font-mono)}.font-sc{font-family:var(--font-sc)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--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-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-\[1\.3rem\]{font-size:1.3rem}.text-\[1\.5rem\]{font-size:1.5rem}.text-\[1\.6rem\]{font-size:1.6rem}.text-\[1\.7rem\]{font-size:1.7rem}.text-\[1\.8rem\]{font-size:1.8rem}.text-\[1\.9rem\]{font-size:1.9rem}.text-\[1\.35rem\]{font-size:1.35rem}.text-\[1\.45rem\]{font-size:1.45rem}.text-\[2\.6rem\]{font-size:2.6rem}.text-\[10px\]{font-size:10px}.text-\[11\.5px\]{font-size:11.5px}.text-\[11px\]{font-size:11px}.text-\[12\.5px\]{font-size:12.5px}.text-\[12px\]{font-size:12px}.text-\[13\.5px\]{font-size:13.5px}.text-\[13px\]{font-size:13px}.text-\[14\.5px\]{font-size:14.5px}.text-\[14px\]{font-size:14px}.text-\[15\.5px\]{font-size:15.5px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[17px\]{font-size:17px}.text-\[18px\]{font-size:18px}.text-\[19px\]{font-size:19px}.text-\[20px\]{font-size:20px}.text-\[21px\]{font-size:21px}.text-\[22px\]{font-size:22px}.text-\[24px\]{font-size:24px}.text-\[26px\]{font-size:26px}.text-\[28px\]{font-size:28px}.text-\[30px\]{font-size:30px}.text-\[40px\]{font-size:40px}.text-\[clamp\(1\.05rem\,2vw\,1\.3rem\)\]{font-size:clamp(1.05rem,2vw,1.3rem)}.text-\[clamp\(1\.05rem\,2vw\,1\.35rem\)\]{font-size:clamp(1.05rem,2vw,1.35rem)}.text-\[clamp\(1\.5rem\,3\.5vw\,2rem\)\]{font-size:clamp(1.5rem,3.5vw,2rem)}.text-\[clamp\(1\.6rem\,3\.5vw\,2\.3rem\)\]{font-size:clamp(1.6rem,3.5vw,2.3rem)}.text-\[clamp\(1\.6rem\,4\.2vw\,2\.6rem\)\]{font-size:clamp(1.6rem,4.2vw,2.6rem)}.text-\[clamp\(1\.7rem\,4vw\,2\.6rem\)\]{font-size:clamp(1.7rem,4vw,2.6rem)}.text-\[clamp\(1\.8rem\,3\.6vw\,2\.5rem\)\]{font-size:clamp(1.8rem,3.6vw,2.5rem)}.text-\[clamp\(1\.15rem\,2\.4vw\,1\.55rem\)\]{font-size:clamp(1.15rem,2.4vw,1.55rem)}.text-\[clamp\(2\.2rem\,5\.5vw\,3\.6rem\)\]{font-size:clamp(2.2rem,5.5vw,3.6rem)}.text-\[clamp\(2rem\,4\.5vw\,2\.8rem\)\]{font-size:clamp(2rem,4.5vw,2.8rem)}.text-\[clamp\(2rem\,5vw\,3\.1rem\)\]{font-size:clamp(2rem,5vw,3.1rem)}.text-\[clamp\(2rem\,5vw\,3\.2rem\)\]{font-size:clamp(2rem,5vw,3.2rem)}.leading-\[1\.1\]{--tw-leading:1.1;line-height:1.1}.leading-\[1\.02\]{--tw-leading:1.02;line-height:1.02}.leading-\[1\.4\]{--tw-leading:1.4;line-height:1.4}.leading-\[1\.05\]{--tw-leading:1.05;line-height:1.05}.leading-\[1\.15\]{--tw-leading:1.15;line-height:1.15}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.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-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.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\.08em\]{--tw-tracking:.08em;letter-spacing:.08em}.tracking-\[0\.12em\]{--tw-tracking:.12em;letter-spacing:.12em}.tracking-\[0\.15em\]{--tw-tracking:.15em;letter-spacing:.15em}.tracking-\[0\.18em\]{--tw-tracking:.18em;letter-spacing:.18em}.tracking-\[0\.22em\]{--tw-tracking:.22em;letter-spacing:.22em}.tracking-\[0\.25em\]{--tw-tracking:.25em;letter-spacing:.25em}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.text-wrap{text-wrap:wrap}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.text-\[\#3B3A2E\]{color:#3b3a2e}.text-\[\#3B3A2E\]\/75{color:#3b3a2ebf}.text-\[\#5F4F6E\]{color:#5f4f6e}.text-\[\#6E4A30\]\/70{color:#6e4a30b3}.text-\[\#6E5A84\]{color:#6e5a84}.text-\[\#6F5F98\]{color:#6f5f98}.text-\[\#7C6230\]{color:#7c6230}.text-\[\#7E6A49\]{color:#7e6a49}.text-\[\#8B7B5C\]{color:#8b7b5c}.text-\[\#8E7C60\]{color:#8e7c60}.text-\[\#9B886F\]{color:#9b886f}.text-\[\#A57F2F\]{color:#a57f2f}.text-\[\#A0927A\]{color:#a0927a}.text-\[\#CCA04B\]{color:#cca04b}.text-\[\#F6EEDF\]{color:#f6eedf}.text-\[\#FFFDF7\]{color:#fffdf7}.text-cream{color:var(--color-cream)}.text-ink{color:var(--color-ink)}.text-ink-muted{color:var(--color-ink-muted)}.text-ink-subtle{color:var(--color-ink-subtle)}.text-ink\/30{color:#3b3a2e4d}@supports (color:color-mix(in lab,red,red)){.text-ink\/30{color:color-mix(in oklab,var(--color-ink)30%,transparent)}}.text-ink\/40{color:#3b3a2e66}@supports (color:color-mix(in lab,red,red)){.text-ink\/40{color:color-mix(in oklab,var(--color-ink)40%,transparent)}}.text-ink\/45{color:#3b3a2e73}@supports (color:color-mix(in lab,red,red)){.text-ink\/45{color:color-mix(in oklab,var(--color-ink)45%,transparent)}}.text-ink\/50{color:#3b3a2e80}@supports (color:color-mix(in lab,red,red)){.text-ink\/50{color:color-mix(in oklab,var(--color-ink)50%,transparent)}}.text-ink\/55{color:#3b3a2e8c}@supports (color:color-mix(in lab,red,red)){.text-ink\/55{color:color-mix(in oklab,var(--color-ink)55%,transparent)}}.text-ink\/60{color:#3b3a2e99}@supports (color:color-mix(in lab,red,red)){.text-ink\/60{color:color-mix(in oklab,var(--color-ink)60%,transparent)}}.text-ink\/65{color:#3b3a2ea6}@supports (color:color-mix(in lab,red,red)){.text-ink\/65{color:color-mix(in oklab,var(--color-ink)65%,transparent)}}.text-ink\/70{color:#3b3a2eb3}@supports (color:color-mix(in lab,red,red)){.text-ink\/70{color:color-mix(in oklab,var(--color-ink)70%,transparent)}}.text-ink\/75{color:#3b3a2ebf}@supports (color:color-mix(in lab,red,red)){.text-ink\/75{color:color-mix(in oklab,var(--color-ink)75%,transparent)}}.text-ink\/80{color:#3b3a2ecc}@supports (color:color-mix(in lab,red,red)){.text-ink\/80{color:color-mix(in oklab,var(--color-ink)80%,transparent)}}.text-ink\/85{color:#3b3a2ed9}@supports (color:color-mix(in lab,red,red)){.text-ink\/85{color:color-mix(in oklab,var(--color-ink)85%,transparent)}}.text-lav-deep{color:var(--color-lav-deep)}.text-olive{color:var(--color-olive)}.text-olive-deep{color:var(--color-olive-deep)}.text-terra{color:var(--color-terra)}.text-terra-deep{color:var(--color-terra-deep)}.text-wheat-deep{color:var(--color-wheat-deep)}.text-wheat-inactive{color:var(--color-wheat-inactive)}.text-wood-dark{color:var(--color-wood-dark)}.text-wood-dark\/70{color:#6e4a30b3}@supports (color:color-mix(in lab,red,red)){.text-wood-dark\/70{color:color-mix(in oklab,var(--color-wood-dark)70%,transparent)}}.text-wood-mid{color:var(--color-wood-mid)}.lowercase{text-transform:lowercase}.italic{font-style:italic}.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,)}.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,)}.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,)}.underline{text-decoration-line:underline}.decoration-\[\#E2CFAE\]{text-decoration-color:#e2cfae}.decoration-lav{-webkit-text-decoration-color:var(--color-lav);text-decoration-color:var(--color-lav)}.decoration-transparent{text-decoration-color:#0000}.decoration-2{text-decoration-thickness:2px}.underline-offset-4{text-underline-offset:4px}.underline-offset-\[5px\]{text-underline-offset:5px}.accent-\[\#C06A45\]{accent-color:#c06a45}.accent-lav-deep{accent-color:var(--color-lav-deep)}.opacity-0{opacity:0}.opacity-40{opacity:.4}.opacity-45{opacity:.45}.opacity-50{opacity:.5}.opacity-55{opacity:.55}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.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-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);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_40px_-12px_rgba\(59\,58\,46\,\.4\)\]{--tw-shadow:0 -12px 40px -12px var(--tw-shadow-color,#3b3a2e66);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_2px_0_\#CCA04B\]{--tw-shadow:0 2px 0 var(--tw-shadow-color,#cca04b);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_2px_0_\#CDBB9A\]{--tw-shadow:0 2px 0 var(--tw-shadow-color,#cdbb9a);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_2px_3px_rgba\(59\,58\,46\,\.35\)\]{--tw-shadow:0 2px 3px var(--tw-shadow-color,#3b3a2e59);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_3px_0_\#8E7FB0\]{--tw-shadow:0 3px 0 var(--tw-shadow-color,#8e7fb0);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_3px_0_rgba\(59\,58\,46\,\.25\)\]{--tw-shadow:0 3px 0 var(--tw-shadow-color,#3b3a2e40);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_3px_4px_-1px_rgba\(59\,58\,46\,\.35\)\]{--tw-shadow:0 3px 4px -1px var(--tw-shadow-color,#3b3a2e59);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_0_\#8E7FB0\]{--tw-shadow:0 4px 0 var(--tw-shadow-color,#8e7fb0);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_0_\#9A6A42\]{--tw-shadow:0 4px 0 var(--tw-shadow-color,#9a6a42);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_0_\#E2CFAE\]{--tw-shadow:0 4px 0 var(--tw-shadow-color,#e2cfae);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_0_rgba\(59\,58\,46\,\.18\)\]{--tw-shadow:0 4px 0 var(--tw-shadow-color,#3b3a2e2e);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_5px_0_\#5E7044\]{--tw-shadow:0 5px 0 var(--tw-shadow-color,#5e7044);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_5px_0_\#8E7FB0\,0_14px_24px_-12px_rgba\(59\,58\,46\,\.45\)\]{--tw-shadow:0 5px 0 var(--tw-shadow-color,#8e7fb0),0 14px 24px -12px var(--tw-shadow-color,#3b3a2e73);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_5px_0_\#8E7FB0\,0_16px_28px_-10px_rgba\(59\,58\,46\,\.5\)\]{--tw-shadow:0 5px 0 var(--tw-shadow-color,#8e7fb0),0 16px 28px -10px var(--tw-shadow-color,#3b3a2e80);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_5px_0_\#8E7FB0\]{--tw-shadow:0 5px 0 var(--tw-shadow-color,#8e7fb0);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_5px_0_\#D2CAB9\]{--tw-shadow:0 5px 0 var(--tw-shadow-color,#d2cab9);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_5px_0_\#E2CFAE\]{--tw-shadow:0 5px 0 var(--tw-shadow-color,#e2cfae);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_6px_0_\#8E7FB0\,0_12px_20px_-8px_rgba\(59\,58\,46\,\.4\)\]{--tw-shadow:0 6px 0 var(--tw-shadow-color,#8e7fb0),0 12px 20px -8px var(--tw-shadow-color,#3b3a2e66);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_6px_0_\#8E7FB0\]{--tw-shadow:0 6px 0 var(--tw-shadow-color,#8e7fb0);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_6px_0_\#CCA04B\,0_0_18px_rgba\(221\,180\,92\,\.6\)\]{--tw-shadow:0 6px 0 var(--tw-shadow-color,#cca04b),0 0 18px var(--tw-shadow-color,#ddb45c99);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_6px_0_\#D2CAB9\]{--tw-shadow:0 6px 0 var(--tw-shadow-color,#d2cab9);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_6px_0_\#E2CFAE\]{--tw-shadow:0 6px 0 var(--tw-shadow-color,#e2cfae);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_16px_-12px_rgba\(59\,58\,46\,\.45\)\]{--tw-shadow:0 8px 16px -12px var(--tw-shadow-color,#3b3a2e73);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_30px_-26px_rgba\(59\,58\,46\,\.5\)\]{--tw-shadow:0 16px 30px -26px var(--tw-shadow-color,#3b3a2e80);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_24px_40px_-26px_rgba\(59\,58\,46\,\.6\)\]{--tw-shadow:0 24px 40px -26px var(--tw-shadow-color,#3b3a2e99);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_30px_60px_-40px_rgba\(59\,58\,46\,\.6\)\]{--tw-shadow:0 30px 60px -40px var(--tw-shadow-color,#3b3a2e99);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_0_rgba\(255\,255\,255\,\.35\)\,0_6px_0_\#9A6A42\]{--tw-shadow:inset 0 2px 0 var(--tw-shadow-color,#ffffff59),0 6px 0 var(--tw-shadow-color,#9a6a42);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_0_rgba\(255\,255\,255\,\.75\)\,inset_0_-4px_0_rgba\(234\,219\,192\,\.55\)\,0_22px_44px_-28px_rgba\(59\,58\,46\,\.45\)\]{--tw-shadow:inset 0 2px 0 var(--tw-shadow-color,#ffffffbf),inset 0 -4px 0 var(--tw-shadow-color,#eadbc08c),0 22px 44px -28px var(--tw-shadow-color,#3b3a2e73);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_3px_rgba\(59\,58\,46\,\.25\)\]{--tw-shadow:inset 0 2px 3px var(--tw-shadow-color,#3b3a2e40);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\(59\,58\,46\,\.3\)\]{--tw-shadow:inset 0 2px 6px var(--tw-shadow-color,#3b3a2e4d);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\(59\,58\,46\,\.2\)\]{--tw-shadow:inset 0 3px 8px var(--tw-shadow-color,#3b3a2e33);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px 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)}.ring,.ring-1{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--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)}.ring-4{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-border-card{--tw-ring-color:var(--color-border-card)}.ring-wheat{--tw-ring-color:var(--color-wheat)}.ring-wheat-deep{--tw-ring-color:var(--color-wheat-deep)}.ring-wheat\/30{--tw-ring-color:#ddb45c4d}@supports (color:color-mix(in lab,red,red)){.ring-wheat\/30{--tw-ring-color:color-mix(in oklab,var(--color-wheat)30%,transparent)}}.ring-wheat\/40{--tw-ring-color:#ddb45c66}@supports (color:color-mix(in lab,red,red)){.ring-wheat\/40{--tw-ring-color:color-mix(in oklab,var(--color-wheat)40%,transparent)}}.ring-wheat\/60{--tw-ring-color:#ddb45c99}@supports (color:color-mix(in lab,red,red)){.ring-wheat\/60{--tw-ring-color:color-mix(in oklab,var(--color-wheat)60%,transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-\[3px\]{outline-style:var(--tw-outline-style);outline-width:3px}.outline-offset-\[3px\]{outline-offset:3px}.outline-terra{outline-color:var(--color-terra)}.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,)}.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,)}.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,)}.grayscale-\[\.5\]{--tw-grayscale:grayscale(.5);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,)}.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,)}.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-\[2px\]{--tw-backdrop-blur:blur(2px);-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-\[left\,width\]{transition-property:left,width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[left\]{transition-property:left;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[top\]{transition-property:top;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-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-75{--tw-duration:75ms;transition-duration:75ms}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-\[cubic-bezier\(\.34\,1\.56\,\.64\,1\)\]{--tw-ease:cubic-bezier(.34,1.56,.64,1);transition-timing-function:cubic-bezier(.34,1.56,.64,1)}.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)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[text-shadow\:0_1px_0_rgba\(59\,58\,46\,\.35\)\]{text-shadow:0 1px #3b3a2e59}.\[text-shadow\:0_1px_0_rgba\(94\,80\,130\,\.35\)\]{text-shadow:0 1px #5e508259}@media(hover:hover){.group-hover\:translate-x-1:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.group-hover\:translate-x-1\.5:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing)*1.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.group-hover\:-rotate-\[200deg\]:is(:where(.group):hover *){rotate:-200deg}.group-hover\:fill-\[\#B3A6CC\]:is(:where(.group):hover *){fill:#b3a6cc}.group-hover\:decoration-lav:is(:where(.group):hover *){-webkit-text-decoration-color:var(--color-lav);text-decoration-color:var(--color-lav)}}.group-disabled\:translate-x-0:is(:where(.group):disabled *){--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.placeholder\:text-ink\/35::placeholder{color:#3b3a2e59}@supports (color:color-mix(in lab,red,red)){.placeholder\:text-ink\/35::placeholder{color:color-mix(in oklab,var(--color-ink)35%,transparent)}}.placeholder\:text-ink\/40::placeholder{color:#3b3a2e66}@supports (color:color-mix(in lab,red,red)){.placeholder\:text-ink\/40::placeholder{color:color-mix(in oklab,var(--color-ink)40%,transparent)}}.focus-within\:outline-\[3px\]:focus-within{outline-style:var(--tw-outline-style);outline-width:3px}.focus-within\:outline-offset-2:focus-within{outline-offset:2px}.focus-within\:outline-offset-4:focus-within{outline-offset:4px}.focus-within\:outline-terra:focus-within{outline-color:var(--color-terra)}@media(hover:hover){.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:border-\[\#A99BC4\]:hover{border-color:#a99bc4}.hover\:border-lav:hover{border-color:var(--color-lav)}.hover\:bg-\[\#3B3A2E\]\/5:hover{background-color:#3b3a2e0d}.hover\:bg-\[\#B3A6CC\]:hover{background-color:#b3a6cc}.hover\:bg-ink\/5:hover{background-color:#3b3a2e0d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-ink\/5:hover{background-color:color-mix(in oklab,var(--color-ink)5%,transparent)}}.hover\:bg-ink\/\[0\.03\]:hover{background-color:#3b3a2e08}@supports (color:color-mix(in lab,red,red)){.hover\:bg-ink\/\[0\.03\]:hover{background-color:color-mix(in oklab,var(--color-ink)3%,transparent)}}.hover\:bg-ink\/\[0\.04\]:hover{background-color:#3b3a2e0a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-ink\/\[0\.04\]:hover{background-color:color-mix(in oklab,var(--color-ink)4%,transparent)}}.hover\:bg-lav-hover:hover{background-color:var(--color-lav-hover)}.hover\:bg-lav-soft\/60:hover{background-color:#dcd0e799}@supports (color:color-mix(in lab,red,red)){.hover\:bg-lav-soft\/60:hover{background-color:color-mix(in oklab,var(--color-lav-soft)60%,transparent)}}.hover\:text-ink:hover{color:var(--color-ink)}.hover\:decoration-lav:hover{-webkit-text-decoration-color:var(--color-lav);text-decoration-color:var(--color-lav)}}.focus\:not-sr-only:focus{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.focus\:absolute:focus{position:absolute}.focus\:top-4:focus{top:calc(var(--spacing)*4)}.focus\:left-4:focus{left:calc(var(--spacing)*4)}.focus\:z-\[60\]:focus{z-index:60}.focus\:rounded-full:focus{border-radius:3.40282e38px}.focus\:border-lav:focus{border-color:var(--color-lav)}.focus\:bg-lav:focus{background-color:var(--color-lav)}.focus\:px-4:focus{padding-inline:calc(var(--spacing)*4)}.focus\:py-2:focus{padding-block:calc(var(--spacing)*2)}.focus\:text-cream:focus{color:var(--color-cream)}.active\:scale-\[0\.97\]:active{scale:.97}.active\:shadow-\[0_1px_0_\#8E7FB0\]:active{--tw-shadow:0 1px 0 var(--tw-shadow-color,#8e7fb0);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-\[\#E2DCEA\]:disabled{background-color:#e2dcea}.disabled\:text-ink\/45:disabled{color:#3b3a2e73}@supports (color:color-mix(in lab,red,red)){.disabled\:text-ink\/45:disabled{color:color-mix(in oklab,var(--color-ink)45%,transparent)}}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:shadow-\[0_5px_0_\#CFC6DD\]:disabled{--tw-shadow:0 5px 0 var(--tw-shadow-color,#cfc6dd);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.disabled\:\[text-shadow\:none\]:disabled{text-shadow:none}@media(hover:hover){.disabled\:hover\:translate-y-0:disabled:hover{--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.disabled\:hover\:bg-transparent:disabled:hover{background-color:#0000}}@media(min-width:40rem){.sm\:block{display:block}.sm\:inline{display:inline}.sm\:h-12{height:calc(var(--spacing)*12)}.sm\:h-\[52px\]{height:52px}.sm\:h-\[86px\]{height:86px}.sm\:h-\[110px\]{height:110px}.sm\:w-6{width:calc(var(--spacing)*6)}.sm\:w-9{width:calc(var(--spacing)*9)}.sm\:w-12{width:calc(var(--spacing)*12)}.sm\:w-64{width:calc(var(--spacing)*64)}.sm\:w-\[60px\]{width:60px}.sm\:w-\[68px\]{width:68px}.sm\:w-\[110px\]{width:110px}.sm\:w-\[226px\]{width:226px}.sm\:max-w-xs{max-width:var(--container-xs)}.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\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-start{align-items:flex-start}.sm\:justify-between{justify-content:space-between}.sm\:justify-center{justify-content:center}.sm\:gap-2{gap:calc(var(--spacing)*2)}.sm\:gap-6{gap:calc(var(--spacing)*6)}.sm\:gap-8{gap:calc(var(--spacing)*8)}.sm\:gap-12{gap:calc(var(--spacing)*12)}.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\: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-10{padding-inline:calc(var(--spacing)*10)}.sm\:px-20{padding-inline:calc(var(--spacing)*20)}.sm\:py-4{padding-block:calc(var(--spacing)*4)}.sm\:pt-10{padding-top:calc(var(--spacing)*10)}.sm\:text-left{text-align:left}.sm\:text-\[2\.1rem\]{font-size:2.1rem}.sm\:text-\[17px\]{font-size:17px}.sm\:text-\[19px\]{font-size:19px}}@media(min-width:48rem){.md\:ml-0{margin-left:calc(var(--spacing)*0)}.md\:block{display:block}.md\:flex{display:flex}.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\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-\[1\.1fr_1fr\]{grid-template-columns:1.1fr 1fr}.md\:grid-cols-\[1\.2fr_1fr\]{grid-template-columns:1.2fr 1fr}.md\:grid-cols-\[200px_1fr\]{grid-template-columns:200px 1fr}.md\:grid-cols-\[220px_1fr\]{grid-template-columns:220px 1fr}.md\:grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}.md\:grid-cols-\[auto_1fr_1fr\]{grid-template-columns:auto 1fr 1fr}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:justify-center{justify-content:center}.md\:gap-10{gap:calc(var(--spacing)*10)}.md\:gap-12{gap:calc(var(--spacing)*12)}.md\:border-r-2{border-right-style:var(--tw-border-style);border-right-width:2px}.md\:border-\[\#D9C49A\]\/60{border-color:#d9c49a99}}@media(min-width:64rem){.lg\:ml-0{margin-left:calc(var(--spacing)*0)}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:w-\[66px\]{width:66px}.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-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}}@media(min-width:80rem){.xl\:flex{display:flex}.xl\:hidden{display:none}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}}:root{font-family:var(--font-serif);color:#3b3a2e;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--spring:cubic-bezier(.34,1.56,.64,1);background:#f6eedf}.paper{background-color:#f6eedf;background-image:radial-gradient(circle at 20% 10%,#ffffff70,#0000 40%),radial-gradient(circle at 80% 70%,#ddb45c0e,#0000 45%),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.23  0 0 0 0 0.22  0 0 0 0 0.18  0 0 0 .05 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}@keyframes pageIn{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:scale(.94)}70%{opacity:1;transform:scale(1.015)}to{transform:scale(1)}}@keyframes swapIn{0%{opacity:0;transform:translateY(-.6em)scale(.55)}to{opacity:1;transform:none}}@keyframes swapLit{0%,35%{color:#8a4a2e;background:#ddb45c8c}to{background:#ddb45c00}}@keyframes shimmer{0%{transform:translate(-120%)}to{transform:translate(220%)}}@keyframes sway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.012,.988)}}@keyframes blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes hop{0%{transform:translateY(0)scale(1)}30%{transform:translateY(-9px)scale(.95,1.06)}60%{transform:translateY(0)scale(1.06,.94)}to{transform:translateY(0)scale(1)}}@keyframes ring{0%{opacity:.85;transform:scale(.4)}to{opacity:0;transform:scale(2.4)}}@keyframes ribbonIn{0%{opacity:0;filter:blur(2px);transform:translateY(6px)}to{opacity:1;filter:none;transform:none}}@keyframes bellSwing{0%,to{transform:rotate(0)}20%{transform:rotate(16deg)}45%{transform:rotate(-12deg)}70%{transform:rotate(6deg)}}@keyframes buntSway{0%,to{transform:rotate(0)}50%{transform:rotate(1.2deg)}}@keyframes heartBeat{0%,to{transform:scale(1)}15%{transform:scale(1.15)}30%{transform:scale(1)}}@keyframes wobble{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}.fb-action:empty,.action-row:empty{display:none}@keyframes answerIn{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.08)}to{transform:scale(1)}}@keyframes choicePop{0%{scale:.96;box-shadow:0 0 #8e9c6e80}40%{scale:1.08}70%{scale:.985}to{scale:1;box-shadow:0 0 0 14px #8e9c6e00}}@keyframes choiceTruth{0%,to{box-shadow:0 0 #6b7f4e00}50%{box-shadow:0 0 0 6px #6b7f4e29}}@keyframes choiceShake{0%,to{translate:0}25%{translate:-6px}75%{translate:6px}}@keyframes glow{0%,to{filter:drop-shadow(0 0 6px #ddb45c80)}50%{filter:drop-shadow(0 0 16px #ddb45cf2)}}@keyframes ripple{0%{r:20;opacity:.9}to{r:64;opacity:0}}@keyframes doorGlow{0%,to{opacity:.55}50%{opacity:1}}@keyframes halo-breathe{0%,to{opacity:.65;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}@keyframes drift{0%{transform:translate(-2px)}to{transform:translate(5px)}}@keyframes listening-breathe{0%,to{box-shadow:0 6px #8e7fb0,0 0 #a99bc420}50%{box-shadow:0 6px #8e7fb0,0 0 0 12px #a99bc40c}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.anim-page{animation:.6s cubic-bezier(.2,.8,.2,1) both pageIn}.anim-pop{animation:pop .45s var(--spring)both}.anim-sway{transform-origin:bottom;transform-box:fill-box;animation:6s ease-in-out infinite sway}.anim-hop{animation:hop .45s var(--spring)}.anim-ring{transform-box:fill-box;transform-origin:50%;animation:1s ease-out infinite ring}.anim-wobble{animation:.35s ease-in-out 2 wobble}.anim-bunting{transform-origin:0 0;animation:7s ease-in-out infinite buntSway}.anim-breathe{transform-origin:50% 100%;transform-box:fill-box;animation:5s ease-in-out infinite breathe}.anim-glow{animation:1.6s ease-in-out infinite glow}.anim-bell{transform-origin:50% 10%;transform-box:fill-box;animation:.7s ease-in-out bellSwing}.anim-door{animation:2.8s ease-in-out infinite doorGlow}.anim-heart{transform-origin:50%;transform-box:fill-box;animation:4.8s ease-in-out infinite heartBeat}.sound-ripples{transform-box:fill-box;transform-origin:0;animation:1.2s ease-in-out infinite halo-breathe}.map-wheel{transform-box:fill-box;transform-origin:50%;animation:14s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1150px){.map-page{padding-inline:4%}.island-layout{grid-template-columns:minmax(0,1fr) 285px;gap:18px}.unit-panel{margin-top:5px;padding-left:19px}.unit-panel h2{font-size:33px}.lesson-row{gap:9px;padding-inline:7px}.lesson-row-copy>span{font-size:16px}.panel-eyebrow{letter-spacing:.08em;font-size:9px}.map-landscape{margin-left:-19px}.island-number{display:none}}@media(max-width:900px){.site-header{height:72px;padding-inline:5%}.brand{gap:7px;font-size:28px}.map-page{padding-top:30px}.island-heading h1{font-size:58px}.island-layout{grid-template-columns:minmax(0,1fr);gap:10px;margin-top:26px}.map-landscape{margin:-3px -12px 0}.island-map{max-height:495px}.unit-panel{border-top:1px solid #ddd1b9;border-left:0;width:100%;max-width:620px;margin:15px auto 0;padding:26px 26px 14px}.panel-eyebrow{letter-spacing:.15em;font-size:11px}.skill-confidence{column-gap:25px}.wrap-bunting,.finish-bunting{opacity:.6;width:160px}.wrap-bunting.left,.finish-bunting.left{left:-16px}.wrap-bunting.right,.finish-bunting.right{right:-16px}}@media(max-width:620px){.site-header{height:66px;padding-inline:16px}.brand{font-size:26px}.header-actions{gap:8px}.map-page{padding:62px 20px 100px}.island-heading h1{letter-spacing:-1.4px;font-size:50px}.island-heading>div>p{font-size:16px}.map-landscape{margin:0 -20px}.map-label{stroke-width:5px;font-size:24px}.map-label-meta{letter-spacing:.8px;font-size:15px}.map-caption{gap:9px;margin:7px 0 12px;font-size:21px}.unit-panel{padding:22px 4px 10px}.map-footer{flex-direction:column;gap:11px}.map-footer>p{text-align:center;font-size:12px}.mobile-unit-switch{text-align:center;margin:10px 16px 16px;display:block}.mobile-unit-switch select{color:#8f7b60;background:#f9f2e5;border:1px solid #daceb8;border-radius:8px;width:100%;padding:9px 10px;font-size:15px}.lesson-page{padding:26px 14px 100px}.duration-label{font-size:11px}.title-banner{padding:15px 30px 17px}.title-banner h1{font-size:27px;line-height:1.1}.exercise-frame,.exercise-card{border-radius:24px;padding:23px 16px 28px}.button,.btn{white-space:normal;min-height:50px;padding-inline:22px;font-size:18px}.button-secondary,.btn-ghost{padding-inline:18px;font-size:16px}.btn-sm{min-height:40px;padding-inline:14px;font-size:15px}.choice{min-height:58px;padding:8px 10px;font-size:18px}.lesson-scene{height:auto;min-height:130px}.journal-page{padding:30px 20px 100px}.journal-page>h1{font-size:44px}.journal-tabs{gap:18px}.journal-tabs>button{font-size:16px}.skill-confidence{grid-template-columns:1fr}.finish-page{padding:80px 18px 100px}.modal-content{border-radius:22px;padding:36px 22px 28px}.modal-content>h2{font-size:26px}}@media(min-width:901px)and (max-height:860px){.map-page{padding-top:24px}.island-heading h1{font-size:62px}.unit-panel h2{margin-top:12px;font-size:33px}.lesson-list{gap:3px;margin-block:14px 16px}.lesson-row{min-height:42px;padding-block:7px}.lesson-row.selected{min-height:62px}.island-map{max-height:480px}}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media(prefers-contrast:more){.eyebrow,.t-meta,.unit-description,.lesson-subtitle,.lesson-reassurance,.practice-supports .inline-link{color:#665840}.button-primary,.btn-primary,.hear-button{color:#30293b}}.scroll-thin::-webkit-scrollbar{width:6px;height:6px}.scroll-thin::-webkit-scrollbar-thumb{background:#e2cfae;border-radius:6px}.no-select{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}@keyframes counterBump{0%{transform:scale(1)}35%{color:#a87a2e;transform:scale(1.35)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.counter-bump{animation:none}}@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-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-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}@layer components{.hill-scroll{overflow-x:auto;overflow-y:visible;margin:0 -8px;padding:0 8px;scrollbar-width:thin}.hill{position:relative;margin:0 auto;max-width:920px;min-width:max(300px,calc(var(--n, 8) * 78px))}@media(max-width:520px){.hill{min-width:max(300px,calc(var(--n, 8) * 52px))}.hill-chooser{min-width:200px;padding:10px;top:calc(100% + 12px)!important}.chooser-pill{padding:0 12px;font-size:16px}}.hill.has-chooser{padding-bottom:96px}@media(max-width:520px){.hill.has-chooser{padding-bottom:136px}}.hill-canvas{position:relative}.hill-svg{display:block;width:100%;height:auto;overflow:visible}.hill-stone{cursor:pointer;outline:none}.hill-stone>g{transition:transform .3s var(--spring);transform-box:fill-box;transform-origin:50% 100%}@media(hover:hover){.hill-stone:not(.is-disabled):hover>g{transform:translateY(-6px)}}.hill-stone:not(.is-disabled):active>g{transform:translateY(3px) scaleY(.92);transition-duration:.07s}.hill-stone:focus-visible>g>path:first-child{stroke:#c06a45;stroke-width:4}.hill-stone.is-disabled{cursor:default}.stone-tint{transition:opacity .25s ease}.stone-bump{animation:stoneBump .55s var(--spring)}.hill-stone-wrap.is-dim{opacity:.42}.hill-ripple{fill:none;stroke-width:3.5;transform-box:fill-box;transform-origin:center;animation:hillRipple 1.1s ease-out forwards}.hill-note{animation:hillNote 1.4s ease-out forwards}.hill-tuft{transform-box:fill-box;transform-origin:50% 100%;animation:tuftSway 4.8s ease-in-out infinite}.hill-sign{animation:pop .6s var(--spring) both}.hill-badge{animation:badgeIn .5s var(--spring) both;transform-box:fill-box;transform-origin:center}.hill-label{font-family:var(--font-serif);font-size:30px;font-weight:500;fill:#3b3a2e;transition:fill .25s}.hill-label.is-lit{fill:#c06a45}.hill-keycap{display:none}.hill-keycap rect{fill:#fbf5ea;stroke:#a99bc4;stroke-width:2}.hill-keycap text{font-family:var(--font-serif);font-size:19px;font-weight:600;fill:#6e5f96}@media(hover:hover)and (pointer:fine){.hill-keycap{display:inline}}.hill-arc-line{fill:none;stroke:#a99bc4;stroke-width:4.5;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:arcDraw .8s ease-in-out forwards;transition:stroke .3s,stroke-width .3s}.hill-arc-head{fill:none;stroke:#a99bc4;stroke-width:4.5;stroke-linecap:round;stroke-linejoin:round;opacity:0;animation:arcHead .3s ease-out forwards;transition:stroke .3s}.hill-arc.lit .hill-arc-line,.hill-arc.lit .hill-arc-head{stroke:#ddb45c;stroke-width:6}.hill-chooser{position:absolute;z-index:5;min-width:230px;padding:12px 14px 14px;border-radius:18px;background:#fbf5ea;box-shadow:0 0 0 2px #e2cfae,0 14px 28px -14px #3b3a2e80;animation:chooserIn .45s var(--spring) both}.hill-chooser.align-center{transform:translate(-50%)}.hill-chooser.align-start{transform:translate(-18%)}.hill-chooser.align-end{transform:translate(-82%)}.hill-chooser:before{content:"";position:absolute;top:-9px;width:16px;height:16px;background:#fbf5ea;box-shadow:-2px -2px #e2cfae;transform:rotate(45deg)}.hill-chooser.align-center:before{left:calc(50% - 8px)}.hill-chooser.align-start:before{left:calc(18% - 8px)}.hill-chooser.align-end:before{left:calc(82% - 8px)}.hill-chooser-title{margin-bottom:8px;text-align:center;font-family:var(--font-sc);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#3b3a2e99}.hill-chooser-options{display:flex;gap:8px;justify-content:center}.chooser-pill{--tone: #8E7FB0;display:inline-flex;align-items:center;gap:7px;min-height:46px;padding:0 16px;border:2.5px solid var(--tone);border-radius:999px;background:#fffdf7;color:#3b3a2e;font-size:17px;white-space:nowrap;box-shadow:0 4px color-mix(in srgb,var(--tone) 72%,#3B3A2E);transition:transform .26s var(--spring),box-shadow .26s var(--spring),background .2s}.chooser-pill.tone-gold{--tone: #CCA04B}.chooser-pill.tone-olive{--tone: #6B7F4E}.chooser-pill.tone-terra{--tone: #C06A45}@media(hover:hover){.chooser-pill:hover{transform:translateY(-2px);background:color-mix(in srgb,var(--tone) 12%,#FFFDF7);box-shadow:0 6px color-mix(in srgb,var(--tone) 72%,#3B3A2E)}}.chooser-pill:active{transform:translateY(4px);box-shadow:0 0 0 transparent;transition-duration:.06s}.chooser-pill.is-picked{background:color-mix(in srgb,var(--tone) 22%,#FFFDF7)}.hill-bird-fade{transition:opacity .45s ease,transform .6s var(--spring);transform-box:fill-box;transform-origin:50% 100%}.hill-bird-fade.is-hidden{opacity:0;transform:translateY(-54px) scale(.6)}.hill-sign.is-carried{transform-box:fill-box;transform-origin:50% 100%;animation:signHeld 2.6s ease-in-out infinite}.hill-mist{opacity:.94;transform-box:fill-box;transform-origin:center;animation:mistIn .8s ease-out both,mistDrift 7s ease-in-out infinite}.hill-mist.is-calling{animation:mistIn .8s ease-out both,mistDrift 7s ease-in-out infinite,mistCall 1.1s ease-in-out infinite}.hill-mist.is-lifted{animation:mistLift 1s ease-out forwards}.hill-choir-at{transition:transform .45s var(--spring)}.hill-choir-at.is-draggable{cursor:grab;touch-action:none}.hill-choir-at.is-dragging{cursor:grabbing;transition:none}.hill-choir-swing{transition:transform .35s var(--spring)}.choir-singer{transform-box:fill-box;transform-origin:50% 100%}.choir.is-wait .choir-singer{animation:choirIdle 3.4s ease-in-out infinite}.choir.is-wait.is-calling .choir-singer{animation:choirCall 2.8s ease-out infinite}.choir.is-sing .choir-singer{animation:choirSway 2.2s ease-in-out infinite}.choir.is-cheer .choir-singer{animation:choirHop .5s ease-out 3}.choir.is-flinch .choir-singer{animation:choirFlinch .55s ease-out both}.choir-note{opacity:0;animation:choirNote 2.6s ease-out infinite}.choir-hint-line{fill:none;stroke:#8e7fb0;stroke-width:4.5;stroke-linecap:round;stroke-dasharray:1 13;opacity:.75;animation:hintFlow .9s linear infinite}.choir-hint-head{fill:none;stroke:#8e7fb0;stroke-width:4.5;stroke-linecap:round;stroke-linejoin:round;opacity:.75}.choir-bar{display:flex;justify-content:flex-start;margin:0 0 -10px}.hill-sign.is-falling{transform-box:fill-box;transform-origin:50% 100%;animation:signFall .8s ease-in forwards}.home-glow{fill:#fff1c2;opacity:0;animation:homeGlow 1s ease-out both}.home-burst path{transform-box:fill-box;transform-origin:center;opacity:0;animation:homeSpark 1.1s cubic-bezier(.2,.7,.3,1) both}.home-ring{fill:none;stroke:#ddb45c;stroke-width:5;transform-box:fill-box;transform-origin:center;opacity:0;animation:homeRing 1s ease-out both}.pips{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:4px;font-size:16px;color:#3b3a2ebf}.pips-row{display:flex;gap:6px}.pip{width:16px;height:16px;border-radius:50%;border:2px dotted #B9A88A;background:transparent;transition:background .3s,border-color .3s,transform .4s var(--spring)}.pip.on{border-style:solid;border-color:#8e7fb0;background:#a99bc4;transform:scale(1.12)}.pip.gold{border-color:#cca04b;background:#ddb45c}.keyboard{display:block;height:auto;max-width:100%;margin:0 auto;-webkit-user-select:none;user-select:none;overflow:visible}.keyboard .key{transition:fill .15s,filter .2s,transform .12s;transform-box:fill-box;transform-origin:50% 0}.keyboard .key-down{transform:scaleY(.975) translateY(1px)}.key-mark{animation:pop .5s var(--spring) both}}@keyframes stoneBump{0%{transform:translateY(0)}35%{transform:translateY(-14px)}70%{transform:translateY(2px) scaleY(.96)}to{transform:none}}@keyframes hillRipple{0%{transform:scale(.7);opacity:.9}to{transform:scale(1.9);opacity:0}}@keyframes hillNote{0%{transform:translateY(10px) scale(.4) rotate(-8deg);opacity:0}20%{opacity:1;transform:translate(-4px,-6px) scale(1) rotate(-4deg)}to{transform:translate(18px,-70px) scale(.95) rotate(12deg);opacity:0}}@keyframes tuftSway{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@keyframes badgeIn{0%{transform:scale(0) rotate(-40deg);opacity:0}65%{transform:scale(1.2) rotate(6deg);opacity:1}to{transform:none}}@keyframes arcDraw{to{stroke-dashoffset:0}}@keyframes arcHead{to{opacity:1}}@keyframes signHeld{0%,to{transform:translateY(-20px) rotate(-3deg)}50%{transform:translateY(-27px) rotate(3deg)}}@keyframes mistIn{0%{opacity:0}to{opacity:.94}}@keyframes mistDrift{0%,to{transform:translate(0) scale(1)}50%{transform:translate(7px,-4px) scale(1.03)}}@keyframes mistCall{0%,to{opacity:.94}50%{opacity:.78}}@keyframes mistLift{0%{opacity:.94;transform:none}to{opacity:0;transform:translate(14px,-46px) scale(1.25)}}@keyframes signFall{0%{transform:translateY(-22px)}20%{transform:translateY(3px) scaleY(.94)}38%{transform:rotate(-6deg)}to{transform:translate(-30px,20px) rotate(-84deg);opacity:0}}@keyframes choirIdle{0%,to{transform:none}50%{transform:translateY(-1.5px)}}@keyframes choirCall{0%,70%,to{transform:none}78%{transform:translateY(-9px) scaleY(1.04)}86%{transform:translateY(1px) scaleY(.95)}}@keyframes choirSway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg) scaleY(1.05)}}@keyframes choirHop{0%,to{transform:none}40%{transform:translateY(-10px)}75%{transform:translateY(1px) scaleY(.94)}}@keyframes choirFlinch{0%{transform:none}30%{transform:translate(5px) rotate(9deg) scaleY(.92)}to{transform:translate(2px) rotate(4deg)}}@keyframes choirNote{0%{opacity:0;transform:translateY(8px) scale(.5)}20%{opacity:1;transform:translate(-3px,-4px) scale(1)}to{opacity:0;transform:translate(10px,-46px) rotate(12deg)}}@keyframes hintFlow{to{stroke-dashoffset:-14}}@keyframes homeGlow{0%{opacity:0}30%{opacity:.75}to{opacity:0}}@keyframes homeSpark{0%{opacity:0;transform:translate(0) scale(.3)}18%,65%{opacity:1}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.85) rotate(70deg)}}@keyframes homeRing{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(2.1)}}@keyframes chooserIn{0%{opacity:0;margin-top:10px}to{opacity:1;margin-top:0}}@media(prefers-reduced-motion:reduce){.hill-tuft,.hill-note,.stone-bump,.hill-ripple,.choir-singer,.choir-note,.choir-hint-line{animation:none!important}.hill-choir-at,.hill-choir-swing{transition:none}.hill-note,.hill-ripple,.home-burst,.home-ring,.choir-note{display:none}.hill-arc-line{stroke-dashoffset:0;animation:none}.hill-arc-head{opacity:1;animation:none}}@layer components{.road-page{max-width:1100px;margin:0 auto;padding:14px 20px 140px}.road-hero{max-width:640px;margin:0 auto;text-align:center}.road-hero-head{display:flex;flex-direction:column;align-items:center;gap:12px}.road-hero h1{margin:2px 0 0;font-size:clamp(2.6rem,7.4vw,3.9rem);line-height:1;font-weight:800;letter-spacing:-.02em;color:#3b3a2e}.road-lead{max-width:34ch;margin:12px auto 0;font-size:clamp(1.12rem,2.6vw,1.35rem);line-height:1.35;color:#3b3a2ebf;text-wrap:balance}.road-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.stat-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:999px;background:#fbf5ea;box-shadow:0 0 0 2px #eadbc0;font-size:16px;color:#3b3a2ebf}.stat-chip svg{color:#cca04b}.road{max-width:600px;margin:30px auto 0}.road-unit{position:relative;padding-top:14px;scroll-margin-top:16px}.unit-banner{position:sticky;top:12px;z-index:12;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 14px 14px 22px;border-radius:22px;background:var(--tone-bg);color:#3b3a2e;box-shadow:0 6px 0 var(--tone-edge),0 16px 26px -16px #3b3a2e80}.unit-banner.tone-lav{--tone-bg: #BDB1D6;--tone-edge: #9A8BBD}.unit-banner.tone-wheat{--tone-bg: #E7C676;--tone-edge: #C49D44}.unit-banner.tone-olive{--tone-bg: #AEBA8C;--tone-edge: #8B9A66}.unit-banner.tone-terra{--tone-bg: #DCA78A;--tone-edge: #BD7D5E}.unit-banner.tone-plum{--tone-bg: #B6A6CF;--tone-edge: #8E7FB0}.unit-banner.tone-gold{--tone-bg: #DDBB6A;--tone-edge: #B8923E}.unit-banner.is-locked{--tone-bg: #E9DFC9;--tone-edge: #CDBF9E;color:#3b3a2ebf}.unit-banner-eyebrow{display:block;font-family:var(--font-sc);font-size:13px;letter-spacing:.16em;text-transform:uppercase;opacity:.8}.unit-banner h2{margin:2px 0 0;font-size:clamp(1.3rem,3.6vw,1.65rem);line-height:1.12;font-weight:700}.unit-guide{flex:none;display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:#fffdf799;color:#3b3a2e;text-decoration:none;box-shadow:0 3px #3b3a2e33;transition:background .2s,transform .25s var(--spring),box-shadow .2s}.unit-guide:hover{background:#fffdf7e0;transform:translateY(-2px) rotate(-6deg)}.unit-guide:active{transform:translateY(2px);box-shadow:0 1px #3b3a2e33;transition-duration:.06s}.unit-guide.is-locked{cursor:default;opacity:.7}.unit-guide{position:relative}.unit-guide-dot{position:absolute;top:1px;right:1px;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fbe7a8,#ddb45c 60%,#b98f3a);box-shadow:0 0 0 2.5px #fffdf7,0 0 10px #f6d378;animation:guideDot 2.4s ease-in-out infinite}@keyframes guideDot{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}@media(prefers-reduced-motion:reduce){.unit-guide-dot{animation:none}}.unit-guide.is-locked:hover,.unit-guide.is-locked:active{background:#fffdf799;transform:none;box-shadow:0 3px #3b3a2e33}.road-track{position:relative;margin:6px auto 0}.road-trail{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.trail-band{fill:none;stroke:#e6d7b4;stroke-width:30px;stroke-linecap:round;opacity:.55}.trail-dots{fill:none;stroke:#b9976a;stroke-width:6px;stroke-dasharray:.1 15;stroke-linecap:round}.trail-done{fill:none;stroke:#ddb45c;stroke-width:9px;stroke-dasharray:.1 15;stroke-linecap:round}.trail-done.is-empty{display:none}.road-prop{position:absolute;width:150px;height:auto;transform:translateY(-70%);pointer-events:none;overflow:visible}.road-prop.left{left:-150px}.road-prop.right{right:-150px}.road-prop.is-faded{opacity:.45;filter:grayscale(.45)}.gate-sign,.post-lantern{transform-box:fill-box;transform-origin:50% 0;animation:hangSwing 4.6s ease-in-out infinite}.post-lantern{animation-duration:3.8s}.chimney-smoke{transform-box:fill-box;transform-origin:50% 100%;animation:smokeDrift 5s ease-in-out infinite}.flag-wave{transform-box:fill-box;transform-origin:0 50%;animation:flagWave 3.2s ease-in-out infinite}.road-node-wrap{position:absolute;width:0;height:0;z-index:2}.road-node-wrap:has(.node-card){z-index:15}.road-node{--s: 76px;--edge: #8E7FB0;position:absolute;left:calc(var(--s) / -2);top:calc(var(--s) / -2);width:var(--s);height:var(--s);display:grid;place-items:center;border:0;border-radius:50%;color:#fffdf7;cursor:pointer;text-decoration:none;background:linear-gradient(#b9add6,#a193c2);box-shadow:0 7px 0 var(--edge),0 16px 22px -8px #3b3a2e6b,inset 0 2px #ffffff59,var(--ring, 0 0 0 0 transparent);transition:transform .35s var(--spring),box-shadow .35s var(--spring)}.road-node .node-num{font-size:1.7rem;font-weight:600;line-height:1}.road-node.is-current{--s: 86px;background:linear-gradient(#a797cb,#8e7fb0);--edge: #6C5C8E}.road-node.is-done{background:linear-gradient(#efcf7e,#d9ac50);--edge: #B08431}.road-node.is-locked{background:#efe4cc;color:#8a8268;--edge: #CDBF9E;outline:3px dotted #A59A7C;outline-offset:-7px}.road-node.is-selected{--ring: 0 0 0 5px #F6EEDF, 0 0 0 9px #DDB45C}@media(hover:hover){.road-node:hover{transform:translateY(-3px)}}.road-node:active{transform:translateY(6px);box-shadow:0 1px 0 var(--edge),var(--ring, 0 0 0 0 transparent);transition-duration:.07s}.road-node.shake{animation:nodeShake .5s ease-in-out}.road-node.chest{--s: 80px;background:radial-gradient(circle at 50% 40%,#fff6d6,#f1dda6 70%);--edge: #C9A04E}.road-node.chest.is-locked{background:#efe4cc;--edge: #CDBF9E}.road-node.chest.is-done{animation:chestGlow 2.6s ease-in-out infinite}.road-node.exit{position:relative;left:auto;top:auto;margin:0 auto;--s: 84px}.road-node.exit.is-done{background:linear-gradient(#b9add6,#8e7fb0);--edge: #6C5C8E}.pulse-ring{position:absolute;left:-50px;top:-50px;width:100px;height:100px;border-radius:50%;border:3px solid #A99BC4;pointer-events:none;animation:pulseRing 2.6s ease-out infinite}.node-bubble{position:absolute;left:0;top:-92px;transform:translate(-50%);padding:7px 16px;border-radius:12px;background:#fffdf7;box-shadow:0 0 0 2px #e2cfae,0 6px 14px -8px #3b3a2e66;font-family:var(--font-sc);font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:#6c5c8e;white-space:nowrap;animation:bubbleBob 1.8s ease-in-out infinite;pointer-events:none}.node-bubble:after{content:"";position:absolute;left:calc(50% - 7px);bottom:-7px;width:14px;height:14px;background:#fffdf7;box-shadow:2px 2px #e2cfae;transform:rotate(45deg)}.road-wren{position:absolute;top:-36px;width:74px;height:auto;overflow:visible;pointer-events:none;animation:wrenPerch 3.2s ease-in-out infinite}.road-wren.on-left{left:-128px}.road-wren.on-right{left:54px;transform:scaleX(-1)}.road-door{position:absolute;top:-52px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fffdf7;box-shadow:0 0 0 2px #c9a04e;color:#9a6a42;animation:pop .5s var(--spring) both}.road-door.on-left{left:-66px}.road-door.on-right{left:32px}.road-label{position:absolute;top:0;display:flex;flex-direction:column;gap:1px;width:max-content;max-width:min(210px,34vw);transform:translateY(-50%);pointer-events:none;animation:labelIn .7s ease-out var(--d, 0s) backwards}.road-label.right{left:58px;align-items:flex-start;text-align:left}.road-label.left{right:58px;align-items:flex-end;text-align:right}.is-current .road-label.right{left:64px}.is-current .road-label.left{right:64px}.road-label b{font-size:clamp(1.05rem,2.7vw,1.25rem);line-height:1.15;font-weight:600;color:#3b3a2e}.road-label i{font-style:normal;font-size:.9rem;color:#3b3a2e99}.road-label.is-locked{opacity:.58}.node-card{position:absolute;left:0;top:58px;z-index:30;width:min(300px,82vw);transform:translate(-50%);padding:16px 18px 18px;border-radius:20px;background:#fbf5ea;box-shadow:0 0 0 2px #e2cfae,0 20px 36px -18px #3b3a2e8c;border-top:7px solid var(--tone-bg, #BDB1D6);text-align:left;animation:chooserIn .4s var(--spring) both}.node-card.tone-wheat,.node-card.tone-gold{--tone-bg: #E2BE6C}.node-card.tone-olive{--tone-bg: #AEBA8C}.node-card.tone-terra{--tone-bg: #DCA78A}.node-card.tone-plum,.node-card.tone-lav{--tone-bg: #B6A6CF}.node-card.tone-locked{--tone-bg: #DCD3C2}.is-current .node-card{top:64px}.node-card:before{content:"";position:absolute;left:calc(50% - 9px);top:-17px;width:18px;height:18px;background:var(--tone-bg, #BDB1D6);transform:rotate(45deg);border-radius:3px}.node-card strong{display:block;margin-top:4px;font-size:1.32rem;line-height:1.15;font-weight:500}.node-card p{margin:6px 0 0;font-size:1.02rem;line-height:1.35;color:#3b3a2ebf;font-style:italic}.node-card .node-card-cta{width:100%;margin-top:12px;min-height:50px}.node-card .node-card-lock{display:flex;gap:6px;align-items:flex-start;font-style:normal;font-size:.95rem}.road-door-note{display:flex;align-items:center;justify-content:center;gap:6px;margin:-8px 0 0;font-size:15px;font-style:italic;color:#3b3a2e99}.road-end{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;padding:40px 0 10px;text-align:center}.road-end-trail{position:absolute;top:0;left:calc(50% - 20px);width:40px;height:82px;overflow:visible;pointer-events:none}.road-end .road-node.exit{z-index:1}.road-instrument{--w: 150px;position:absolute;z-index:1;display:flex;flex-direction:column;align-items:center;width:var(--w);transform:translate(-50%,calc(30px - var(--w) * .7917));pointer-events:none}.instrument-ahead{display:block;width:100%;height:auto;overflow:visible}.instrument-tag{animation:tagSway 3.8s ease-in-out infinite}.road-instrument-label{margin-top:4px;font-size:22px;line-height:1;color:#8e7c60;text-align:center;text-wrap:balance;transform:rotate(-3deg)}.road-instrument.is-open .road-instrument-label{color:#a87a2e}@keyframes tagSway{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.road-end-copy{max-width:34ch;margin:0;font-size:1.1rem;color:#3b3a2ebf}.road-node.exit[aria-disabled=true]{pointer-events:none}.jump-current{position:fixed;right:22px;bottom:26px;z-index:40;display:grid;place-items:center;width:68px;height:68px;border-radius:50%;border:0;background:#fbf5ea;box-shadow:0 0 0 2.5px #a99bc4,0 6px #8e7fb0,0 16px 24px -10px #3b3a2e73;animation:pop .45s var(--spring) both;transition:transform .3s var(--spring)}.jump-current:hover{transform:translateY(-3px)}@media(max-width:900px){.road-prop{width:104px}.road-prop.left{left:-92px}.road-prop.right{right:-92px}}@media(max-width:760px){.road-prop{display:none}.road-wren{width:58px}.road-wren.on-left{left:-104px}}@media(max-width:520px){.road-page{padding-inline:14px}.road-node{--s: 66px}.road-node.is-current{--s: 76px}.road-label{max-width:128px}.road-label.right{left:46px}.road-label.left{right:46px}.is-current .road-label.right{left:50px}.is-current .road-label.left{right:50px}.road-instrument{--w: 96px}.road-instrument-label{font-size:18px}.road-wren{display:none}}}.app:has(>.tabbar)>main{padding-bottom:calc(124px + env(safe-area-inset-bottom))}@media(max-width:620px){.jump-current{right:14px;bottom:calc(92px + env(safe-area-inset-bottom));width:58px;height:58px}}@keyframes pulseRing{0%{transform:scale(.85);opacity:.9}to{transform:scale(1.5);opacity:0}}@keyframes bubbleBob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-5px)}}@keyframes nodeShake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}@keyframes chestGlow{0%,to{box-shadow:0 7px 0 var(--edge),0 0 #ddb45c00,var(--ring, 0 0 0 0 transparent)}50%{box-shadow:0 7px 0 var(--edge),0 0 26px 6px #ddb45c8c,var(--ring, 0 0 0 0 transparent)}}@keyframes wrenPerch{0%,to{translate:0 0}50%{translate:0 -4px}}@keyframes labelIn{0%{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}@keyframes hangSwing{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes smokeDrift{0%,to{transform:translate(0) scale(1);opacity:.75}50%{transform:translate(1.5px,-3px) scale(1.06);opacity:.4}}@keyframes flagWave{0%,to{transform:rotate(-2deg) scaleX(1)}50%{transform:rotate(2.5deg) scaleX(.93)}}@media(prefers-reduced-motion:reduce){.pulse-ring,.node-bubble,.road-wren,.road-node.chest.is-done,.instrument-tag,.gate-sign,.post-lantern,.chimney-smoke,.flag-wave{animation:none!important}}@layer components{.button,.btn,.choice,.chooser-pill{overflow:hidden}.button-primary,.btn-primary,.btn-olive,.btn-terra{background:linear-gradient(#b4a7d0,#a193c2);box-shadow:0 6px #8e7fb0,0 14px 22px -8px #3b3a2e66,inset 0 1.5px #ffffff59;transition:transform .3s var(--spring),box-shadow .3s var(--spring),filter .2s,background .2s}.button-primary:hover:not(:disabled),.btn-primary:hover:not(:disabled),.btn-olive:hover:not(:disabled),.btn-terra:hover:not(:disabled){background:linear-gradient(#bcb0d6,#a99bc4);transform:translateY(-3px);box-shadow:0 9px #8e7fb0,0 18px 26px -8px #3b3a2e66,inset 0 1.5px #fff6}.button-primary:active:not(:disabled),.btn-primary:active:not(:disabled),.btn-olive:active:not(:disabled),.btn-terra:active:not(:disabled){transform:translateY(6px);box-shadow:0 0 #8e7fb0,0 2px 6px -2px #3b3a2e66,inset 0 3px 6px #281e4638;transition-duration:.07s}.button-primary:disabled,.btn-primary:disabled,.btn-olive:disabled,.btn-terra:disabled{background:#d1c6db;box-shadow:0 3px #bfb3ca}.tap-ripple{position:absolute;width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:50%;background:#ffffff80;pointer-events:none;animation:tapRipple .7s ease-out forwards}.button-secondary .tap-ripple,.btn-ghost .tap-ripple,.choice .tap-ripple,.chooser-pill .tap-ripple{background:#a99bc459}}@keyframes tapRipple{0%{transform:scale(1);opacity:.55}to{transform:scale(14);opacity:0}}@media(prefers-reduced-motion:reduce){.tap-ripple{display:none}}@layer components{.app{position:relative;isolation:isolate}.app>main{position:relative;z-index:1}.page-scenery{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.wash{position:absolute;border-radius:50%;filter:blur(90px)}.wash-lav{left:-170px;top:34%;width:480px;height:480px;background:#a99bc43d;animation:washA 16s ease-in-out infinite}.wash-gold{right:-140px;top:60px;width:420px;height:420px;background:#ddb45c33;animation:washB 18s ease-in-out infinite}.scenery-hills{position:absolute;left:0;bottom:0;width:min(820px,66vw);height:auto;opacity:.9}.scenery-lavender{position:absolute;right:1.2%;bottom:0;width:clamp(78px,8.5vw,128px);height:auto;overflow:visible}.lav-stem{transform-box:fill-box;transform-origin:50% 100%;animation:tuftSway 6.5s ease-in-out infinite}.page-scenery-top{position:absolute;left:0;right:0;top:76px;height:0;z-index:0;pointer-events:none}.scenery-bunting{position:absolute;top:-18px;width:min(20vw,250px);height:auto;opacity:.95;overflow:visible}.scenery-bunting.left{left:0}.scenery-bunting.right{right:0}.bunt-sway{transform-origin:0 22px;animation:buntSway 7s ease-in-out infinite}.bunt-flag{transform-box:fill-box;transform-origin:50% 0;animation:buntFlutter 3.6s ease-in-out infinite}@keyframes buntFlutter{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@media(max-width:760px){.scenery-bunting{width:22vw;opacity:.6}.scenery-lavender,.scenery-hills{opacity:.45}}@media(max-width:520px){.scenery-lavender{display:none}.scenery-hills{opacity:.3}.wash{filter:blur(70px)}}}@keyframes washA{0%,to{transform:translate(0)}50%{transform:translate(40px,-30px)}}@keyframes washB{0%,to{transform:translate(0)}50%{transform:translate(-40px,30px)}}@media(prefers-reduced-motion:reduce){.wash,.lav-stem,.bunt-sway,.bunt-flag{animation:none!important}}@layer components{.complete-page,.checkpoint-page{position:relative;max-width:760px;padding-top:30px}.complete-card,.checkpoint-card{position:relative;margin:0 auto;padding:22px 28px 30px;border-radius:30px;background:#fbf5ead1;box-shadow:0 0 0 2px #eadbc0,0 26px 50px -30px #3b3a2e80;text-align:center;animation:cardIn .7s cubic-bezier(.2,.8,.2,1) both}.complete-art{position:relative}.complete-ribbon,.cp-ribbon{width:min(460px,92%);margin:-6px auto 0}.celebration-ribbon{display:block;width:100%;height:auto;overflow:visible}.dancing-wren{display:block;width:min(330px,80%);height:auto;margin:-8px auto 0;overflow:visible}.dancing-wren.big{width:100%;margin:0}.result-stones{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:6px 0 0}.result-stone{display:inline-block;width:52px;height:53px}.result-stone svg{width:100%;height:100%}.stone-key{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 16px;margin:10px 0 0;padding:0;list-style:none;font-size:.95rem;color:#6b6455}.stone-key li{display:inline-flex;align-items:center;gap:6px}.stone-key svg{width:20px;height:20px;flex:none}.skill-gains{position:relative;overflow:hidden;max-width:520px;margin:18px auto 0;padding:10px 14px;border-radius:18px;background:#e6ddf0;text-align:left}.skill-gains>ul{display:grid;gap:4px;margin:0;padding:0;list-style:none}.skill-gain{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;min-height:52px}.skill-gain+.skill-gain{border-top:1px solid rgba(142,127,176,.25);padding-top:4px}.skill-gain-open{grid-column:1 / 3;display:grid;grid-template-columns:44px 1fr;grid-template-columns:subgrid;align-items:center;min-height:48px;padding:0;border:0;border-radius:14px;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer}.skill-gain-open:focus-visible{outline:3px solid #8E7FB0;outline-offset:3px}.skill-gain-open:hover .disc-icon,.skill-gain-open:focus-visible .disc-icon{transform:translateY(-2px) scale(1.08)}.skill-gain-open .skill-gain-name{text-decoration:underline dotted 1.5px rgba(142,127,176,.7);text-underline-offset:5px;transition:text-decoration-color .18s}.skill-gain-open:hover .skill-gain-name{text-decoration-color:#5e4e78;text-decoration-style:solid}.skill-gain-name{font-size:1.1rem;line-height:1.2;color:#3b3a2e}.skill-gain-level{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;font-size:14px;color:#5a5646;white-space:nowrap}.skill-gain-level b{padding:3px 11px;border-radius:999px;background:#fbf5ea;font-size:15px;font-weight:600;color:#3b3a2e}.skill-gain-level.is-up b{background:#5a6b42;color:#fbf5ea}.skill-gain.is-ahead .skill-gain-level b{background:transparent;border:1px dashed #8E7FB0;font-weight:500;color:#5a5646}.skill-gain-new{font-family:var(--font-sc);font-size:12px;letter-spacing:.08em;color:#5e4e78}.a-stripsheen{position:absolute;inset:0 auto 0 0;width:34%;opacity:0;pointer-events:none;background:linear-gradient(100deg,#fffae600,#fffae6d9,#fffae600)}.bridge-card{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:16px;max-width:560px;margin:20px auto 0;padding:10px 16px 10px 8px;border-radius:18px;background:#efe4cd;text-align:left}.bridge-card .lesson-scene{width:100%;height:auto}.bridge-card p{margin:0;font-size:1.08rem;line-height:1.4;color:#3b3a2e}.complete-actions{margin-top:22px}.complete-actions .page-links{margin-top:10px}.cp-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:8px;margin-top:4px}.cp-wren,.cp-chest{display:block;width:100%;padding:0;border:0;background:none;border-radius:24px;transition:transform .26s cubic-bezier(.3,1.6,.5,1)}.cp-wren:hover,.cp-chest:hover{transform:translateY(-3px) rotate(-1deg)}.cp-wren:active,.cp-chest:active{transform:scale(.97)}.cp-chest.is-closed{display:grid;place-items:center;padding:26px 0 10px;opacity:.85}.cp-score{margin:10px 0 0;font-size:clamp(2.4rem,7vw,3.4rem);line-height:1;font-weight:500;color:#28261d}.cp-score span{display:inline-block;min-width:.6em;text-align:right}.cp-score small{display:block;margin-top:6px;font-size:1rem;font-weight:400;font-style:italic;color:#3b3a2e99}.score-pop{animation:scorePop .42s cubic-bezier(.2,1.3,.4,1)}.cp-skills{max-width:540px;margin:16px auto 0;padding:0;list-style:none;text-align:left}.cp-skill{display:grid;grid-template-columns:1fr 36px 112px;align-items:center;gap:8px;min-height:54px;padding:0 10px;border-bottom:1px solid #E3D6B8;border-radius:12px;transition:background .18s}.cp-skill:last-child{border-bottom:0}.cp-skill:hover{background:#a99bc421}.cp-skill-name{font-size:1.12rem}.cp-skill-level{font-style:italic;font-size:1rem;color:#8f6610}.cp-door{display:flex;align-items:center;gap:14px;max-width:520px;margin:16px auto 0;padding:10px 18px;border-radius:16px;background:#f3ead6;text-align:left;font-size:1.05rem}.cp-door p{margin:0}.cp-strip{position:relative;overflow:hidden;display:grid;grid-template-columns:150px 1fr;align-items:center;gap:16px;max-width:540px;margin:16px auto 0;padding:8px 18px 8px 8px;border-radius:16px;background:#efe4cd;text-align:left}.cp-strip .lesson-scene{width:100%;height:auto}.cp-strip p{margin:0;font-size:1.25rem;line-height:1.25;color:#2e2c22}.cp-actions{margin-top:22px}.cp-actions .page-links{margin-top:10px}@media(max-width:620px){.complete-card,.checkpoint-card{padding:16px 16px 24px}.cp-grid{grid-template-columns:1fr}.cp-wren{width:70%;margin:0 auto}.bridge-card,.cp-strip{grid-template-columns:96px 1fr}.cp-skill{grid-template-columns:1fr 32px 92px}.skill-gain{grid-template-columns:44px 1fr;gap:4px 10px;padding-bottom:4px}.skill-gain-level{grid-column:2;justify-content:flex-start}}}[data-phase=open] .a.fade{opacity:1}[data-phase=open] .a-ribbon{transform-box:fill-box;transform-origin:center;animation:ribbonUnfurl .9s cubic-bezier(.2,.9,.3,1.1) var(--d, .12s) backwards}[data-phase=open] .a-tail-l{animation:tailL .9s cubic-bezier(.2,.9,.3,1.1) .32s backwards}[data-phase=open] .a-tail-r{animation:tailR .9s cubic-bezier(.2,.9,.3,1.1) .32s backwards}.a-sheen{opacity:0}[data-phase=open] .a-sheen{animation:sheen 1.1s ease-in-out 1s backwards}[data-phase=open] .a-pop{animation:pop .6s var(--spring) var(--d, 0ms) backwards}[data-phase=open] .a-stone{display:inline-block;animation:stoneFlip .7s cubic-bezier(.2,.8,.3,1.2) var(--d) backwards}[data-phase=open] .a-row{animation:rowIn .56s cubic-bezier(.2,.8,.3,1) var(--d) backwards}[data-phase=open] .a-strip{animation:stripIn .88s cubic-bezier(.2,.9,.3,1) var(--d) backwards}[data-phase=open] .a-stripsheen{animation:stripSheen 1.3s ease-in-out calc(var(--d) + .52s) backwards}[data-phase=open] .a-cta{animation:ctaIn .76s cubic-bezier(.2,.9,.3,1.1) var(--d) backwards}[data-phase=open] .a-leaf{display:inline-block;transform-origin:30% 90%;animation:leafPop .76s cubic-bezier(.2,1.2,.4,1) var(--d) backwards}[data-phase=open] .a-nearly{animation:nearlyIn .56s ease-out var(--d) backwards}.a-lid-out{transform:none}[data-phase=open] .a-lid-out{transform:scaleY(0);animation:lidOut .2s cubic-bezier(.5,0,.9,.6) .9s backwards}.a-lid-in{transform:scaleY(0)}[data-phase=open] .a-lid-in{transform:scaleY(1);animation:lidIn .72s cubic-bezier(.2,.9,.25,1) 1.08s backwards}[data-phase=open] .a-thump{animation:thump .78s cubic-bezier(.2,.8,.3,1) var(--d) backwards}[data-phase=open] .a-bloom,[data-phase=open] .a-core,[data-phase=open] .a-rays{animation:glowBurst 1.4s cubic-bezier(.2,.8,.3,1) var(--d) backwards}[data-phase=open] .a-interior{animation:rmFade .5s ease-out var(--d) backwards}.a-ring{opacity:0}[data-phase=open] .a-ring{animation:ringOut 1.5s ease-out var(--d) backwards}.a-spark{transform-box:fill-box;transform-origin:center}[data-phase=open] .a-spark{animation:sparkIn .76s cubic-bezier(.2,1.2,.4,1) var(--d) backwards}[data-phase=open] .a-note{animation:noteRise 1.3s cubic-bezier(.2,.8,.2,1) var(--d) backwards}.a-laurel{transform-box:fill-box;transform-origin:50% 100%}[data-phase=open] .a-laurel{animation:laurelIn .9s cubic-bezier(.2,.9,.3,1.1) var(--d) backwards}.i-float{animation:floaty 5.5s ease-in-out infinite}.i-breath{animation:chestBreathe 4.2s ease-in-out infinite}.i-rays{animation:raysSway 8s ease-in-out infinite}.i-bob{animation:noteBob 3.6s ease-in-out infinite}.i-twinkle{transform-box:fill-box;transform-origin:center;animation:twinkle 2.8s ease-in-out infinite}.i-sway{animation:leafSway 5s ease-in-out infinite}.i-jig{transform-box:fill-box;transform-origin:50% 100%;animation:jig 1.15s ease-in-out infinite}.i-shadow{transform-box:fill-box;transform-origin:center;animation:shadowBreathe 1.15s ease-in-out infinite}.i-note-dance{animation:noteDance 2.2s ease-in-out infinite}.i-glimmer{animation:glimmer 3.4s ease-in-out infinite}.i-jig:has(.wren.has-lottie),.dancing-wren:has(.wren.has-lottie) .i-shadow{animation:none}@keyframes cardIn{0%{opacity:0;transform:translateY(26px) scale(.985)}to{opacity:1;transform:none}}@keyframes ribbonUnfurl{0%{opacity:0;transform:scaleX(.25) scaleY(.8)}55%{opacity:1;transform:scaleX(1.05) scaleY(1.03)}78%{transform:scaleX(.99) scaleY(.995)}to{opacity:1;transform:none}}@keyframes tailL{0%{opacity:0;transform:translate(46px)}55%{opacity:1;transform:translate(-6px)}to{opacity:1;transform:none}}@keyframes tailR{0%{opacity:0;transform:translate(-46px)}55%{opacity:1;transform:translate(6px)}to{opacity:1;transform:none}}@keyframes sheen{0%{opacity:0;transform:translate(-140px) skew(-18deg)}15%{opacity:1}85%{opacity:1}to{opacity:0;transform:translate(560px) skew(-18deg)}}@keyframes stoneFlip{0%{transform:perspective(300px) rotateY(90deg) translateY(5px);opacity:0}40%{opacity:1}78%{transform:perspective(300px) rotateY(-9deg) translateY(-2px)}to{transform:none;opacity:1}}@keyframes rowIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes rmFade{0%{opacity:0}to{opacity:1}}@keyframes stripIn{0%{opacity:0;transform:translate(80px)}60%{opacity:1;transform:translate(-7px)}80%{transform:translate(2px)}to{opacity:1;transform:none}}@keyframes stripSheen{0%{opacity:0;transform:translate(-120%)}20%{opacity:1}to{opacity:0;transform:translate(380%)}}@keyframes ctaIn{0%{opacity:0;transform:translateY(18px) scale(.96)}60%{opacity:1;transform:translateY(-3px) scale(1.01)}to{opacity:1;transform:none}}@keyframes leafPop{0%{opacity:0;transform:scale(0) rotate(-50deg)}65%{opacity:1;transform:scale(1.25) rotate(8deg)}to{opacity:1;transform:none}}@keyframes nearlyIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:none}}@keyframes scorePop{0%{transform:scale(.6) translateY(8px);opacity:.4}55%{transform:scale(1.18);opacity:1}to{transform:none}}@keyframes thump{0%{transform:none}30%{transform:translateY(-14px) scale(.98,1.04)}55%{transform:translateY(0) scale(1.05,.93)}75%{transform:scale(.99,1.02)}to{transform:none}}@keyframes lidOut{0%{transform:scaleY(1)}to{transform:scaleY(0)}}@keyframes lidIn{0%{transform:scaleY(0)}55%{transform:scaleY(1.1)}78%{transform:scaleY(.97)}to{transform:scaleY(1)}}@keyframes glowBurst{0%{opacity:0;transform:scale(.3)}35%{opacity:1;transform:scale(1.18)}to{opacity:1;transform:scale(1)}}@keyframes ringOut{0%{opacity:.75;transform:scale(.25)}to{opacity:0;transform:scale(2.7)}}@keyframes noteRise{0%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.2) rotate(-30deg)}60%{opacity:1;transform:translateY(-12px) scale(1.15) rotate(6deg)}to{opacity:1;transform:none}}@keyframes sparkIn{0%{opacity:0;transform:scale(0) rotate(-90deg)}60%{opacity:1;transform:scale(1.35) rotate(10deg)}to{opacity:1;transform:none}}@keyframes laurelIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-2.5px)}}@keyframes chestBreathe{0%,to{opacity:.82;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes raysSway{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@keyframes noteBob{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-5px) rotate(3deg)}}@keyframes twinkle{0%,to{opacity:.5;transform:scale(.6)}50%{opacity:1;transform:scale(1.1)}}@keyframes leafSway{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2.4deg)}}@keyframes jig{0%,to{transform:translateY(0) rotate(0)}23%{transform:translateY(-9px) rotate(-4deg)}50%{transform:translateY(-1px) rotate(2deg)}76%{transform:translateY(-11px) rotate(4deg)}}@keyframes shadowBreathe{0%,50%,to{transform:scaleX(1);opacity:.32}25%,75%{transform:scaleX(.86);opacity:.2}}@keyframes noteDance{0%,to{translate:0 0;opacity:1}50%{translate:0 -6px;opacity:.7}}@keyframes glimmer{0%,to{opacity:1}50%{opacity:.65}}@media(prefers-reduced-motion:reduce){[data-phase=open] .a,[data-phase=open] .a.fade{animation:rmFade .3s ease-out backwards!important}.i-float,.i-breath,.i-rays,.i-bob,.i-twinkle,.i-sway,.i-jig,.i-shadow,.i-note-dance,.i-glimmer{animation:none!important}}.lantern{overflow:visible}.lantern .lantern-swing{transform-box:view-box;transform-origin:35px 5px}.lantern.is-lit .lantern-swing{animation:lanternSwing .7s cubic-bezier(.3,.7,.4,1)}.lantern.is-lit .lantern-halo{animation:lanternHalo .5s ease-out both;transform-box:fill-box;transform-origin:center}.lantern-flame{transform-box:fill-box;transform-origin:50% 100%;animation:lanternFlicker 1.1s ease-in-out infinite alternate}@keyframes lanternSwing{0%{transform:rotate(0)}30%{transform:rotate(5deg)}60%{transform:rotate(-2.5deg)}to{transform:rotate(0)}}@keyframes lanternHalo{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes lanternFlicker{0%{transform:scale(1)}50%{transform:scale(.92,1.06) skew(2deg)}to{transform:scale(1.04,.96) skew(-2deg)}}@media(prefers-reduced-motion:reduce){.lantern .lantern-swing,.lantern-halo,.lantern-flame{animation:none!important}}.drift{margin:0}.drift figcaption{margin-bottom:4px;text-align:center;font-family:var(--font-sc);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#8b7b5c}.drift svg{display:block;width:100%;height:auto}.drift-axis{font-family:var(--font-serif);font-size:14px;fill:#8b7b5c}.drift-rest{font-family:var(--font-serif);font-size:14px;font-style:italic;fill:#6e5a84}.drift-summary{margin:4px 0 0;text-align:center;font-size:15px;color:#5a5446}.drum-ripple{transform-box:fill-box;transform-origin:center;animation:drumRipple .6s ease-out forwards}.drum-ripple.late{opacity:0;animation-delay:.12s}@keyframes drumRipple{0%{opacity:.95;transform:scale(1)}to{opacity:0;transform:scale(3.2)}}.sing-pad{position:relative;display:grid;place-items:center;border-radius:50%;border:3px solid #E2CFAE;cursor:pointer;background:radial-gradient(circle at 50% 38%,#fffdf7,#f6eedf 58%,#ebdcc0);box-shadow:0 6px #d9c7a6,0 14px 26px -16px #3b3a2e73;transition:transform .08s ease,box-shadow .2s,border-color .2s}.sing-pad.is-held{transform:translateY(3px) scale(.985);box-shadow:0 3px #d9c7a6,0 8px 18px -14px #3b3a2e73}.sing-pad.is-singing{border-color:#ddb45c}.sing-pad:focus-visible{outline:3px solid #C06A45;outline-offset:4px}.sing-pad-ring{position:absolute;inset:-9px;border-radius:50%;border:3px solid #DDB45C;opacity:0;transform:scale(.94);transition:opacity .2s,transform .3s;pointer-events:none}.sing-pad.is-singing .sing-pad-ring{opacity:.7;transform:scale(1);animation:singRing 1.2s ease-in-out infinite}.sing-pad-wren{width:76%;height:76%;pointer-events:none}@keyframes singRing{50%{transform:scale(1.04);opacity:.35}}@media(prefers-reduced-motion:reduce){.sing-pad.is-singing .sing-pad-ring,.drum-ripple{animation:none!important}}@layer components{.lesson-bar{display:flex;align-items:center;width:clamp(300px,42vw,600px)}.lb-track{position:relative;flex:1;height:16px;border-radius:999px;background:#e8ddc8;box-shadow:inset 0 2px #6e5a3a1a}.lb-clip{position:absolute;inset:0;border-radius:inherit;overflow:hidden}.lb-fill{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:linear-gradient(#f0d38f,#ddb45c 62%,#cf9f43);box-shadow:inset 0 -2px #a072284d;transition:width .8s cubic-bezier(.34,1.3,.5,1)}.lb-fill.is-some{min-width:16px}.lb-shine{position:absolute;left:7px;right:7px;top:3px;height:4px;border-radius:999px;background:#fffcee99}.lb-flash{position:absolute;inset:0;border-radius:inherit;background:#fff6d8;opacity:0;animation:lbFlash .7s ease-out .35s}.lb-spark{position:absolute;top:50%;width:0;height:0;margin-left:-7px;pointer-events:none}.lb-spark .ring,.lb-burst .ring{position:absolute;width:26px;height:26px;margin:-13px;border-radius:50%;border:2px solid #F2D48A;opacity:0;animation:lbRing .7s ease-out .4s forwards}.lb-spark .mote,.lb-burst .mote{position:absolute;width:4px;height:7px;margin:-3.5px -2px;border-radius:50%;background:#e9c46f;opacity:0;transform:rotate(var(--a));animation:lbMote .8s ease-out .4s forwards}.lb-mark{position:absolute;top:50%;display:flex;transform:translate(-50%,-50%)}.lb-dot{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#fbf5ea;border:2px solid #D6C8AC;box-shadow:0 2px #6e5a3a1f;transition:background .4s,border-color .4s,box-shadow .4s}.lb-dot svg{width:12px;height:12px;display:block}.lb-mark.is-done .lb-dot{background:linear-gradient(#ebc772,#d4a748);border-color:#c49a45;box-shadow:0 2px #b58a38}.lb-mark.is-current .lb-dot{background:#f3eef7;border-color:#a99bc4;box-shadow:0 0 0 4px #a99bc433;animation:lbHere 2.2s ease-in-out infinite}.lb-mark.is-last .lb-dot{width:24px;height:24px}.lb-mark.is-last .lb-dot svg{width:14px;height:14px}.lb-dot.is-popping{animation:lbPop .7s var(--spring) .3s both}.lb-burst{position:absolute;left:50%;top:50%;pointer-events:none}.lb-burst .ring{width:34px;height:34px;margin:-17px;border-color:#ddb45c;animation-delay:.35s}.lb-burst .mote{background:#ddb45c;animation-delay:.35s}.step-eyebrow{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 10px}.step-count{display:inline-flex;align-items:baseline;gap:3px;padding:1px 10px 2px;border-radius:999px;background:#ddb45c24;border:1px solid #DDB45C99;color:#6e5a3a;font-size:15px;line-height:1.3;font-variant-numeric:tabular-nums;animation:countPop .5s var(--spring) both;cursor:default}.step-count>span{font-size:13px;color:#9c8d70}.term{border-bottom:1.5px dotted #8E7FB0;cursor:help}.term:focus-visible{outline:2px solid #C06A45;outline-offset:2px;border-radius:3px}.lesson-subtitle .story-title{font-style:normal;color:#6e5a84}.node-card-goal{font-size:15.5px;line-height:1.4;color:#3b3a2e}.tip-bubble{position:fixed;z-index:1000;transform:translate(-50%,calc(-100% - 12px));width:max-content;max-width:min(270px,calc(100vw - 16px));padding:9px 13px 10px;border-radius:14px;background:#fffdf7;color:#3b3a2e;text-align:left;pointer-events:none;box-shadow:0 0 0 1.5px #e2cfae,0 14px 26px -14px #3b3a2e8c;font-size:15px;line-height:1.35;animation:tipIn .16s ease-out both}.tip-bubble.is-below{transform:translate(-50%,12px)}.tip-bubble:after{content:"";position:absolute;left:calc(50% + var(--arrow, 0px));bottom:-6px;width:12px;height:12px;margin-left:-6px;background:#fffdf7;transform:rotate(45deg);box-shadow:1.5px 1.5px #e2cfae}.tip-bubble.is-below:after{bottom:auto;top:-6px;box-shadow:-1.5px -1.5px #e2cfae}.tip-title{display:block;font-family:var(--font-sc);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:#7a6a9a;margin-bottom:2px}.tip-body{display:block}[data-tip]{cursor:help}button[data-tip],a[data-tip],[role=button][data-tip]{cursor:pointer}}@media(max-width:760px){.lesson-bar{width:100%}.lb-track{height:13px}.lb-shine{top:2px;height:3px;left:6px;right:6px}.lb-dot{width:18px;height:18px}.lb-dot svg{width:10px;height:10px}.lb-mark.is-last .lb-dot{width:20px;height:20px}}@keyframes lbFlash{0%{opacity:0}25%{opacity:.75}to{opacity:0}}@keyframes lbPop{0%{transform:scale(.7)}45%{transform:scale(1.35)}75%{transform:scale(.94)}to{transform:scale(1)}}@keyframes lbHere{0%,to{box-shadow:0 0 0 3px #a99bc433}50%{box-shadow:0 0 0 6px #a99bc41a}}@keyframes earRing{0%{opacity:.9;transform:scale(.3)}to{opacity:0;transform:scale(1.5)}}@keyframes lbRing{0%{opacity:.9;transform:scale(.3)}to{opacity:0;transform:scale(1.5)}}@keyframes lbMote{0%{opacity:1;transform:rotate(var(--a)) translateY(0)}to{opacity:0;transform:rotate(var(--a)) translateY(-24px) scale(.6)}}@keyframes countPop{0%{scale:.7;opacity:.3}60%{scale:1.12;opacity:1}to{scale:1}}@keyframes tipIn{0%{opacity:0;translate:0 4px}to{opacity:1;translate:0 0}}@media(prefers-reduced-motion:reduce){.lb-dot,.lb-burst,.lb-flash,.lb-spark,.step-count,.tip-bubble{animation:none!important}.lb-burst,.lb-flash,.lb-spark{display:none}.lb-fill{transition:none}}@layer components{.disc-icon{display:block;overflow:visible;transition:transform .25s var(--spring),filter .25s,opacity .25s}.disc-icon:not(.is-dim){filter:drop-shadow(0 3px 2px #6E4A3022)}.disc-icon.is-dim .disc-art{filter:grayscale(1);opacity:.38}}.focus-bar{position:relative;z-index:20;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:18px;min-height:76px;padding:10px 4.45%}.focus-where{display:flex;align-items:center;gap:12px;min-width:0}.focus-label{display:grid;gap:1px;min-width:0;text-align:left}.focus-label-eyebrow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-sc);font-size:12.5px;line-height:1.25;letter-spacing:.16em;text-transform:uppercase;color:#8e7fb0}.is-cliffs .focus-label-eyebrow{color:#4e6488}.focus-label-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-wrap:balance;font-size:16px;font-weight:700;line-height:1.18;color:#3b3a2e}.focus-progress{display:flex;justify-content:center;min-width:0}.focus-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px}.top-button.focus-close:hover{transform:translateY(-2px)}.island-home{flex:none;display:inline-flex;border-radius:999px;transition:transform .22s cubic-bezier(.3,1.6,.5,1)}.island-home:hover{transform:translateY(-2px) rotate(-3deg)}.island-home:active{transform:scale(.94)}.island-badge{display:block}@media(max-width:760px){.focus-bar{grid-template-columns:auto minmax(0,1fr) auto;gap:10px;min-height:66px;padding:8px 16px}.focus-bar:not(.is-plain) .focus-label-title{display:none}.focus-progress{justify-content:stretch}.focus-bar.is-plain .focus-progress{display:none}.focus-bar.is-plain{grid-template-columns:minmax(0,1fr) auto}}@media(max-width:620px){.focus-bar:not(.is-plain) .focus-label{display:none}.focus-bar .island-badge{width:44px;height:44px}.focus-actions{gap:8px}.focus-progress .shell-trail{gap:2px}.focus-progress .shell-slot{width:clamp(14px,4.6vw,22px);height:clamp(14px,4.6vw,22px)}}@layer components{.pebble{transition:transform .5s var(--spring),opacity .35s ease}.pebble-tint{transition:opacity .2s,fill .2s}.lab-hit{cursor:pointer;outline:none}.lab-hit:focus-visible{outline:3px solid #C06A45;outline-offset:3px}.lab-caption{font-family:var(--font-hand);font-size:23px;fill:#8b7b5c;pointer-events:none}.chooser-pill:disabled{cursor:not-allowed;box-shadow:0 4px #d9cbb0;border-color:#d9cbb0;color:#3b3a2e80}.ms-board{position:relative;overflow:hidden;border-radius:24px;border:2px solid #EADBC0}.ms-sky{position:absolute;inset:0;transition:opacity .8s ease}.ms-sky.warm{background:linear-gradient(180deg,#f6dfaa,#f5e8cc 70%)}.ms-sky.dusk{background:linear-gradient(180deg,#d7cbe5,#bfb1d3 70%)}.ms-svg{position:relative;display:block;width:100%;height:auto}.ms-slider{cursor:ns-resize;touch-action:none}.ms-ghost{transition:transform .5s var(--spring);pointer-events:none}.ms-hint{fill:none;stroke:#8e7fb0;stroke-width:3;transform-box:fill-box;transform-origin:center;animation:msHint 1.8s ease-out infinite;pointer-events:none}.ms-handle rect{fill:#fffdf7;stroke:#8e7fb0;stroke-width:2}.ms-arrow{fill:none;stroke:#cfc5dd;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;transition:stroke .2s}.ms-arrow.is-on{stroke:#6e5a84}.ms-slider:focus-visible .ms-handle rect{stroke:#c06a45;stroke-width:3}.ms-ribbon{fill:none;stroke:#ddb45c;stroke-width:7;stroke-linecap:round;opacity:.55;stroke-dasharray:1;stroke-dashoffset:1;animation:arcDraw .9s ease-in-out forwards;transition:opacity .3s,stroke-width .3s}.ms-chord.is-lit .ms-ribbon{opacity:1;stroke-width:9}.ms-string{fill:none;stroke:#cca04b;stroke-width:2.5;stroke-dasharray:3 5;opacity:.7;transition:opacity .3s}.ms-string.is-lit{opacity:1;stroke:#ddb45c}}@layer components{.board-hill{position:relative;margin-top:4px;border-radius:24px;background:radial-gradient(120% 100% at 50% 0%,#fffdf7,#f6eedf 55%,#eee4cc);border:2px solid #EADBC0;padding:6px 4px 0;overflow:hidden}.board-hill.is-quiz{border-color:#a99bc4;box-shadow:0 0 0 4px #a99bc422}.hill-stone-wrap.is-wobbly>.hill-stone>g{animation:stoneWobble 2.6s ease-in-out infinite}.board-hint{margin:10px auto 0;max-width:560px;text-align:center;font-size:16px;color:#3b3a2ebf}.stride-rulers{display:grid;gap:6px;max-width:600px;margin:14px auto 0}.stride-ruler{display:grid;grid-template-columns:86px 1fr;align-items:center;gap:10px;transition:opacity .3s}.stride-ruler.is-faded{opacity:.62}.stride-label{text-align:right;font-family:var(--font-sc);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#9c8d70}.stride-track{position:relative;display:flex;gap:3px;padding:14px 0 0}.stride{position:relative;display:flex;align-items:center;justify-content:center;height:26px;border-radius:8px;font-size:13px;color:#3b3a2e;transition:flex-grow .5s var(--spring),background .3s;animation:pop .45s var(--spring) both}.stride.is-long{background:#c9d2ae}.stride.is-short{background:#ebc1ab}.stride.differs{box-shadow:0 0 0 2.5px #8e7fb0}.stride-from,.stride-end{position:absolute;top:-15px;font-style:normal;font-size:11.5px;color:#8b7b5c}.stride-from{left:-4px}.stride-end{right:-6px;top:-1px}.board-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 22px;margin-top:18px}.board-side{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.door-reveal{display:flex;align-items:center;justify-content:center;gap:18px;margin:18px auto 0;max-width:460px;padding:12px 18px;border-radius:22px;background:radial-gradient(circle at 25% 50%,#fbe7a9,#fbf5ea 60%);box-shadow:0 0 0 2px #e2cfae;text-align:left}.door-reveal .t-hand{font-size:24px;color:#6e5a3a}@media(max-width:620px){.stride-ruler{grid-template-columns:1fr}.stride-label{text-align:left}.board-side{align-items:center}}}@keyframes stoneWobble{0%,to{transform:rotate(0)}20%{transform:rotate(-2.5deg)}40%{transform:rotate(2deg)}60%{transform:rotate(-1deg)}}@keyframes msHint{0%{opacity:.9;transform:scale(.85)}to{opacity:0;transform:scale(1.45)}}@media(prefers-reduced-motion:reduce){.lab-land-ring,.ms-hint{animation:none!important}}@layer components{.tune-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0 0;padding:0;list-style:none}.tune-tools li{display:grid;justify-items:center;gap:2px;padding:10px 8px 12px;border-radius:16px;background:#fbf5ea;box-shadow:0 0 0 2px #eadbc0;text-align:center}.tune-tools svg{width:72px;height:42px;margin-bottom:4px}.tune-tools b{font-size:1.02rem;color:#3b3a2e}.tune-tools span{font-size:.9rem;line-height:1.3;color:#6b6455}@media(max-width:560px){.tune-tools{grid-template-columns:repeat(2,1fr)}}}@layer components{.perch-board,.perch-scene{position:relative}.perch-hills{position:absolute;left:0;bottom:0;width:100%;height:90px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.perch-scene.is-cliffs:before{content:"";position:absolute;inset:0;background:linear-gradient(#f8e4d600,#f8e4d6 30%,#f6ede3 60%,#e6ecf2);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.perch-scene.is-cliffs .perch-far{-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.perch-scene.is-cliffs .perch-hills{height:110px}.perch-far{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.perch-stand{position:absolute;bottom:0;transform:translate(-50%);display:flex;flex-direction:column;align-items:center}.perch-stand.is-moving{transition:left .42s var(--spring)}.perch-bird{position:relative;width:88px;margin-bottom:-8px}.perch-bird.is-small{width:80px}.perch-bird svg{display:block;width:100%;height:auto}.perch-bird .perch-note{position:absolute;left:86%;top:calc(34% - 15px);width:11px;height:15px;pointer-events:none;transform-origin:0 100%}.perch-post{display:flex;flex-direction:column;align-items:center;transition:height .45s var(--spring)}.perch-post-cap{width:56px;height:9px;border-radius:3px;background:linear-gradient(#9a6a42,#6e4a30)}.perch-post-pole{width:6px;flex:1;background:linear-gradient(90deg,#7a5236,#9a6a42,#6e4a30)}.perch-label{position:absolute;white-space:nowrap;font-size:15px;color:#3b3a2e;transition:bottom .45s var(--spring)}.perch-label.is-left{right:calc(100% + 6px)}.perch-label.is-right{left:calc(100% - 2px)}.perch-q{position:absolute;left:50%;transform:translate(-50%);font-family:var(--font-hand);font-size:34px;color:#8e7fb0}.perch-playing{position:absolute;left:14px;top:12px;display:flex;align-items:center;gap:8px;padding:4px 12px;border-radius:999px;background:#ffffffb3;font-size:14px;opacity:0;transition:opacity .2s}.perch-playing.is-on{opacity:1}.perch-playing span{display:flex;align-items:flex-end;gap:3px;height:14px}.perch-playing i{width:3px;height:6px;border-radius:2px;background:#8e7fb0;animation:humBar 1s ease-in-out infinite}.perch-playing i:nth-child(2){animation-delay:-.3s}.perch-playing i:nth-child(3){animation-delay:-.6s}.perch-hint{position:absolute;right:18px;top:12px;font-family:var(--font-hand);font-size:22px;color:#8b7b5c}.perch-rod{position:relative;height:82px;touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer}.perch-rod.is-disabled{cursor:default;opacity:.6}.rod-bar{position:absolute;top:22px;height:12px;border-radius:6px;background:linear-gradient(#d9a877,#b57e4e 50%,#8e5e36)}.rod-cap{position:absolute;top:22px;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:#c99464;box-shadow:0 0 0 2px #8e5e36}.rod-tick-wrap{position:absolute;top:14px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center}.rod-tick{display:block;width:2px;height:26px;border-radius:1px;background:#3b3a2ecc}.rod-tick.is-fixed{width:3px;background:#c06a45}.rod-tick.is-on{background:#c06a45;animation:pbTick .35s ease-out}.rod-tick-label{margin-top:6px;white-space:nowrap;font-size:15px;color:#3b3a2e}.rod-tick-label.is-on{color:#c06a45}.rod-thumb{position:absolute;top:4px;z-index:2;width:56px;height:56px;margin-left:-28px;display:flex;justify-content:center;cursor:grab;outline:none}.rod-thumb.spring{transition:left .42s var(--spring)}.rod-thumb svg{width:46px;height:44px;filter:drop-shadow(0 4px 4px rgba(59,58,46,.25));transition:transform .2s var(--spring)}.rod-thumb:hover svg,.rod-thumb.is-dragging svg{transform:translateY(-2px) scale(1.08)}.rod-thumb:focus-visible svg{outline:3px solid #C06A45;outline-offset:2px;border-radius:10px}.rod-hint{position:absolute;inset:-4px;border-radius:50%;background:#a99bc466;animation:pbRing 1.8s ease-out infinite}.perch-readout{display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px 16px 0}.perch-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:18px 36px}.perch-figure{display:flex;flex-direction:column;align-items:center;gap:6px;margin:0}.perch-caption{min-height:1.5em;text-align:center;font-size:15px;font-style:italic;color:#3b3a2ebf}.perch-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.perch-actions.is-column{flex-direction:column;align-items:stretch}.hill-arc.tone-whole .hill-arc-line,.hill-arc.tone-whole .hill-arc-head{stroke:#6b7f4e}.hill-arc.tone-half .hill-arc-line,.hill-arc.tone-half .hill-arc-head{stroke:#c06a45}.hill-arc.tone-wrong .hill-arc-line,.hill-arc.tone-wrong .hill-arc-head{stroke:#c06a45;stroke-dasharray:.05 .04}.handle-cards{display:grid;gap:8px;max-width:620px;margin:16px auto 0;text-align:left}.handle-card{display:flex;align-items:center;gap:10px;padding:6px 8px 6px 6px;border-radius:18px;border:2px solid #E2CFAE;background:#fffdf7;transition:border-color .2s,background .2s}.handle-card.is-picked{border-color:#6b7f4e;background:#eef1e2}.handle-pick{flex:1;display:flex;align-items:center;gap:10px;min-height:44px;padding:4px 8px;border-radius:12px;text-align:left;font-size:17px}.handle-check{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;border:2px solid #B9A88A;color:#fffdf7;font-size:14px}.handle-card.is-picked .handle-check{border-color:#6b7f4e;background:#6b7f4e}.handle-own{display:block;margin-top:6px}.handle-list{max-width:520px;margin:0 auto;padding:0;list-style:none;text-align:left}.handle-list li{display:grid;grid-template-columns:150px 1fr;gap:12px;padding:8px 4px;border-bottom:1px solid #E3D6B8;font-size:17px}}.pb-bob{animation:pbBob 3.2s ease-in-out infinite}.pb-blink{animation:pbBlink 5s infinite;transform-origin:center;transform-box:fill-box}.pb-flutter{animation:pbFlutter 3s ease-in-out infinite;transform-box:fill-box}.pb-hop{animation:pbHop .45s cubic-bezier(.3,.7,.4,1)}.pb-wave{opacity:0;animation:pbWave .8s ease-out forwards}.pb-float{animation:pbFloat 1.1s ease-out forwards}@keyframes pbBob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes pbBlink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes pbFlutter{0%,to{transform:rotate(0)}50%{transform:rotate(-8deg)}}@keyframes pbHop{0%{transform:translateY(0) scale(1)}30%{transform:translateY(-9px) scale(.95,1.06)}60%{transform:translateY(0) scale(1.06,.94)}to{transform:none}}@keyframes pbWave{0%{opacity:0;transform:translate(-1.5px)}30%{opacity:.55}to{opacity:0;transform:translate(3px)}}@keyframes pbRing{0%{transform:scale(.4);opacity:.85}to{transform:scale(2.4);opacity:0}}@keyframes pbFloat{0%{transform:translateY(2px) scale(.3) rotate(-10deg);opacity:0}18%{transform:translate(3px,-2px) scale(1) rotate(-4deg);opacity:1}to{transform:translate(20px,-30px) scale(.9) rotate(12deg);opacity:0}}@keyframes pbTick{0%{transform:scaleY(1)}40%{transform:scaleY(1.7)}to{transform:scaleY(1)}}@media(prefers-reduced-motion:reduce){.pb-bob,.pb-blink,.pb-flutter,.pb-hop,.pb-float,.pb-wave,.rod-hint{animation:none!important}}@layer components{.plank-listen{display:flex;align-items:center;justify-content:center;gap:18px;margin-bottom:2px}.plank-mine{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:8px 18px;border-radius:999px;border:1.5px solid #D9CCB8;background:#fbf5ea;color:#6d547f;font:600 17px/1 var(--font-serif);box-shadow:0 3px #d9ccb8;transition:transform .2s var(--spring),box-shadow .2s,background .2s,border-color .2s}.plank-mine:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px #d9ccb8}.plank-mine:active:not(:disabled){transform:translateY(3px);box-shadow:0 0 #d9ccb8;transition-duration:80ms}.plank-mine:disabled{opacity:.45;cursor:default}.plank-mine.is-playing{border-color:#a99bc4;background:#efe8f5;box-shadow:0 3px #a99bc4}.plank-board{position:relative;display:flex;flex-direction:column;gap:2px;margin:4px 0 2px;animation:plankArrive .7s .1s both cubic-bezier(.22,1,.36,1)}.plank-row{position:relative;padding-top:46px}.plank{position:relative;height:96px}.plank-wood{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.plank-notch{position:absolute;top:13%;bottom:20%;width:0;border-left:2.5px dashed #88674096;pointer-events:none}.plank-notch.is-bar{border-left:3px solid #6E4A30A8;top:9%;bottom:15%}.plank-slot{position:absolute;z-index:1;top:7px;bottom:15px;pointer-events:none}.plank-slot:after{content:"";position:absolute;inset:6px 8px;border:2px solid transparent;border-radius:12px;transition:background .15s,border-color .15s}.plank-slot.is-empty:after{border-color:#735d3e33;border-style:dashed;background:#f8f1e314}.plank-slot i{position:absolute;inset:0;display:grid;place-items:center;font:500 28px/1 var(--font-serif);font-style:normal;color:#735d3e;opacity:.32}.plank-slot.is-next:after{border-color:#f1d88c;border-style:dashed;background:#f6e4b03d;box-shadow:inset 0 0 15px #f1d88c31;animation:slotBreathe 1.9s ease-in-out infinite}.plank-board.is-dropping .plank-slot.is-next:after{border-style:solid;background:#f6e4b070;box-shadow:inset 0 0 18px #f1d88c70,0 0 0 3px #f1d88c55;animation:none}.plank-slot.is-now:after{background:#fff6dc2e}.plank-slot.is-wrong:before{content:"";position:absolute;z-index:4;left:16%;right:16%;bottom:-9px;height:4px;border-radius:3px;background:#c06a45;box-shadow:0 0 0 2px #f6eedf80;animation:badgeIn .35s var(--spring) both}.plank-slot.is-wrong:after{border-color:#ac644ab0;border-style:dashed;border-width:2px;background:#c06a4518}.plank-slot.is-ok:after{background:linear-gradient(110deg,transparent 20%,#FAE0A44D 50%,transparent 80%);animation:slotShimmer 1.5s ease-out both}.plank-block{position:absolute;z-index:3;top:11px;bottom:19px;padding:0 5px;border:0;background:none;cursor:pointer;transition:left .38s var(--spring),width .38s var(--spring)}.plank-block:disabled{cursor:default}.plank-block.is-cont{padding-left:2px}.plank-block.is-split{padding-right:2px}.plank-block-inner{position:relative;display:block;width:100%;height:100%;transform-origin:center bottom;transition:transform .2s var(--spring),filter .2s}.plank-block-inner.is-settle{animation:blockSettle .52s cubic-bezier(.22,1,.36,1) both}.plank-block-inner.is-wobble{animation:blockWobble .65s .06s both ease-in-out}.plank-block:hover:not(:disabled) .plank-block-inner{transform:translateY(-2px);filter:brightness(1.03) drop-shadow(0 3px 2px #694C3420)}.plank-block.is-sounding .plank-block-inner{transform:translateY(-3px)}.plank-glow{position:absolute;inset:-8px -4px;z-index:-1;border-radius:18px;background:radial-gradient(closest-side,#F9DB8270,transparent);pointer-events:none;animation:glowIn .2s ease-out both}.plank-board.is-solved .plank-block-inner{filter:drop-shadow(0 0 9px #F9DB8266)}.plank-sparks{position:absolute;inset:0;pointer-events:none}.plank-sparks i{position:absolute;width:10px;height:10px;background:#f9e4a3;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);animation:goldSparkle 1.2s calc(var(--d) + .15s) both}.plank-sparks i:nth-child(1){left:12%;top:-4px}.plank-sparks i:nth-child(2){right:10%;top:6px;animation-delay:calc(var(--d) + .4s)}.plank-sparks i:nth-child(3){left:46%;bottom:-6px;animation-delay:calc(var(--d) + .65s)}.block-art{position:relative;display:block;width:100%;height:100%}.block-part{position:absolute;top:0;bottom:0;display:grid;place-items:center;padding:0 3px}.block-part:before{content:"";position:absolute;inset:0 3px 4px;border-radius:13px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.25  0 0 0 0 0.18  0 0 0 0 0.1  0 0 0 .16 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>"),linear-gradient(160deg,var(--p-top),var(--p-bot));box-shadow:0 4px 0 var(--p-base),0 9px 8px -3px #72523840,inset 0 2px #fff5dd5c,inset 0 -3px #6f4c331f;transition:transform .16s var(--spring),filter .16s,box-shadow .16s}.block-part.tie-out:before{border-top-right-radius:4px;border-bottom-right-radius:4px;right:0}.block-part.tie-in:before{border-top-left-radius:4px;border-bottom-left-radius:4px;left:0;border-left:2px dashed #FFF5DD80}.paint-lav{--p-top: #B7A5D1;--p-bot: #9C85B8;--p-base: #88739F}.paint-gold{--p-top: #E4BF67;--p-bot: #D4A744;--p-base: #BA913B}.paint-clay{--p-top: #CC835C;--p-bot: #B76742;--p-base: #995434}.paint-amber{--p-top: #D9A877;--p-bot: #B4824F;--p-base: #8A5F36}.block-syl{position:relative;margin-top:-4px;font:600 17px/1 var(--font-serif);color:#fff8ec;text-shadow:0 1px 0 #00000026;white-space:nowrap;overflow:hidden;max-width:100%}.block-part.is-rest:before{display:none}.block-shh{position:absolute;right:8%;bottom:-2px;font:400 17px/1 var(--font-hand);color:#f6eedf;text-shadow:0 1px 0 #00000040}.block-part.is-rest svg{width:min(64px,88%);height:auto;max-height:92%;overflow:visible;filter:drop-shadow(0 3px 2px #5A4A2A26);transform-origin:30% 90%}.block-part.is-on:before{transform:translateY(-2px);filter:brightness(1.12) saturate(1.05);box-shadow:0 6px 0 var(--p-base),0 0 0 3px #fff3c4,0 0 16px 2px #f9db82aa,inset 0 2px #fff5dd5c}.block-part.is-rest.is-on svg{animation:leafRest .5s ease-in-out both}.block-art.is-small .block-part:before{border-radius:10px;inset:0 2px 4px}.block-art.is-small .block-syl{font-size:15px}.plank-count{display:grid;grid-template-columns:repeat(var(--beats),1fr);height:26px;margin-top:-2px}.plank-count span{display:flex;align-items:center;justify-content:center;gap:3px;font:600 20px/1 var(--font-serif);color:#a08e6c;transition:color .2s,transform .2s var(--spring)}.plank-count .is-one{color:#5b4a36}.plank-count .is-now{color:#8e6ca8;transform:translateY(-3px) scale(1.18)}.plank-count .is-ok{color:#6b7f4e}.plank-count .is-wrong{color:#a95f3f}.plank-wren{position:absolute;z-index:6;width:62px;height:47px;margin-top:3px;transform:translate(-50%,-100%);pointer-events:none;transition:left .42s cubic-bezier(.22,1.2,.36,1),top .42s cubic-bezier(.22,1.2,.36,1)}.plank-wren>span{display:block;width:100%;height:100%;transform-origin:50% 100%}.plank-wren svg{display:block;width:100%;height:100%;overflow:visible}.plank-wren.is-happy>span{animation:wrenBow .7s .15s 2 ease-in-out}.plank-wren.is-happy>span:has(.wren.has-lottie){animation:none}.block-shelf{display:flex;flex-direction:column;margin-top:12px}.block-palette{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:12px 16px;padding:16px 18px 12px;border:1.5px solid #D9CCB8;border-radius:17px;background:#fbf5ea99;animation:plankArrive .7s .2s both cubic-bezier(.22,1,.36,1)}.palette-tool{display:flex;flex-direction:column;align-items:center;gap:9px;min-width:0;padding:4px 6px 2px;border:0;border-radius:10px;background:none;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:grab}.tool-art{display:block;height:52px;width:calc(var(--w) * 150px);transform-origin:center bottom;transition:transform .26s var(--spring),filter .26s}.palette-tool:not(.is-off):hover .tool-art{transform:translateY(-4px) rotate(-.8deg);filter:drop-shadow(0 5px 3px #684B3320)}.palette-tool:not(.is-off):active .tool-art{transform:translateY(2px) scale(.97,.95)}.palette-tool.is-off{cursor:not-allowed}.palette-tool.is-off .tool-art{opacity:.35;filter:grayscale(.4)}.tool-label{display:block;font:600 19px/1.05 var(--font-serif);color:#3b3a2e;text-align:center}.tool-label small{display:block;max-width:132px;margin-top:3px;font:400 13px/1.25 var(--font-serif);color:#3b3a2e99}.palette-tool.is-off .tool-label{opacity:.5}.shelf-undo{align-self:flex-end;display:inline-flex;align-items:center;gap:5px;min-height:40px;margin-top:4px;padding:0 6px;border:0;background:none;color:#7c6395;font:500 17px/1 var(--font-serif);text-decoration:underline;text-underline-offset:4px}.shelf-undo:disabled{opacity:.35;text-decoration:none;cursor:default}.block-ghost{position:fixed;z-index:60;pointer-events:none;transform:translate(-50%,-65%) rotate(-2.5deg) scale(1.055);filter:drop-shadow(0 15px 8px #64472B3B);animation:blockLift .18s cubic-bezier(.22,1,.36,1)}.plank-hint{margin:2px 0 0;text-align:center;font:400 21px/1.15 var(--font-hand);color:#8b7b5c}}@media(max-width:560px){.plank-row{padding-top:36px}.plank{height:82px}.plank-block{top:9px;bottom:16px;padding:0 3px}.plank-block.is-cont{padding-left:2px}.plank-block.is-split{padding-right:2px}.block-syl{font-size:14px}.plank-wren{width:52px;height:40px}.plank-slot i{font-size:22px}.block-palette{gap:10px 8px;padding:12px 8px 10px}.tool-art{height:42px;width:calc(var(--w) * 104px)}.tool-label{font-size:17px}.tool-label small{font-size:11.5px;max-width:100px}.plank-hint{font-size:19px}}@media(prefers-reduced-motion:reduce){.plank-board,.block-palette,.plank-block-inner,.plank-wren>span,.plank-sparks i,.plank-slot:after{animation:none!important}.plank-wren,.plank-block{transition:none}}@keyframes plankArrive{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@keyframes blockSettle{0%{transform:translateY(-10px) scale(1.025,1.03)}35%{transform:translateY(2px) scale(1.04,.88)}63%{transform:translateY(-2px) scale(.99,1.035)}to{transform:none}}@keyframes blockWobble{0%,to{transform:rotate(0)}20%{transform:rotate(-2.2deg) translate(-2px)}45%{transform:rotate(2deg) translate(2px)}70%{transform:rotate(-.9deg)}}@keyframes blockLift{0%{transform:translate(-50%,-50%) rotate(0) scale(1)}to{transform:translate(-50%,-65%) rotate(-2.5deg) scale(1.055)}}@keyframes slotBreathe{0%,to{opacity:.7}50%{opacity:1}}@keyframes slotShimmer{0%{opacity:0;transform:scaleX(.7)}40%{opacity:1}to{opacity:.28;transform:scaleX(1)}}@keyframes goldSparkle{0%{opacity:0;transform:scale(.2)}40%{opacity:1;transform:scale(1.3) rotate(20deg)}to{opacity:0;transform:scale(.8) rotate(40deg)}}@keyframes glowIn{0%{opacity:0}to{opacity:1}}@keyframes leafRest{0%,to{transform:rotate(0)}50%{transform:rotate(-7deg) translateY(-2px)}}@keyframes wrenBow{0%,to{transform:rotate(0)}45%{transform:rotate(9deg) translateY(2px)}}@layer components{.instrument-block{margin:22px 0 4px;text-align:left}.instrument-head{display:flex;flex-direction:column;gap:3px;margin-bottom:12px}.instrument-head .eyebrow{font-size:11px;color:#8e7fb0}.instrument-sub{font-size:15px;line-height:1.35;color:#8e7c60;min-height:20px}.instrument-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.instrument-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;padding:14px 8px 12px;border:2px solid #EADBC0;border-radius:20px;background:#fffdf7;box-shadow:0 4px #e2cfae;color:#3b3a2e;cursor:pointer;text-align:center;transition:transform .22s var(--spring),box-shadow .22s,border-color .2s,background .2s}.instrument-card:hover{transform:translateY(-3px);box-shadow:0 7px #e2cfae,0 12px 18px -10px #3b3a2e40}.instrument-card:active{transform:translateY(3px);box-shadow:0 1px #e2cfae;transition-duration:80ms}.instrument-card:focus-visible{outline:3px solid #8E7FB0;outline-offset:3px}.instrument-card.is-on{border-color:#a99bc4;background:linear-gradient(#fffdf7,#f4eff9);box-shadow:0 4px #a99bc4,0 0 0 4px #a99bc42e}.instrument-card.is-on:hover{box-shadow:0 7px #a99bc4,0 0 0 4px #a99bc42e,0 12px 18px -10px #3b3a2e40}.instrument-medal{position:relative;display:grid;place-items:center;width:68px;height:68px}.instrument-medal .instrument-icon{display:block;filter:drop-shadow(0 3px 2px #6E4A3022);transition:transform .3s var(--spring)}.instrument-card:hover .instrument-icon{transform:rotate(-4deg) scale(1.05)}.instrument-medal.is-pop{animation:instrPop .55s var(--spring) both}.instrument-card.is-hearing .instrument-art{animation:instrJig .5s ease-in-out infinite;transform-origin:32px 40px}.instrument-spin{position:absolute;inset:-6px;width:calc(100% + 12px);height:calc(100% + 12px);fill:none;stroke:#8e7fb0;stroke-width:3.5;stroke-linecap:round;stroke-dasharray:60 180;animation:spin 1s linear infinite}.instrument-check{position:absolute;right:-3px;top:-3px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#8e7fb0;color:#fff;box-shadow:0 0 0 2.5px #fffdf7;animation:badgeIn .4s var(--spring) both}.instrument-notes{position:absolute;inset:-14px -10px auto auto;display:flex;gap:2px;pointer-events:none}.instrument-notes i{font-style:normal;font-size:15px;color:#8e7fb0;animation:instrNote 1.3s ease-out infinite}.instrument-notes i:nth-child(2){animation-delay:.3s;color:#ddb45c}.instrument-notes i:nth-child(3){animation-delay:.6s;color:#c06a45}.instrument-text{display:flex;flex-direction:column;gap:2px;min-width:0}.instrument-name{font:600 19px/1.1 var(--font-serif)}.instrument-feel{font-size:13px;line-height:1.3;color:#3b3a2e99}.instrument-card.is-locked{cursor:default;background:#f6eedf;border-style:dashed;box-shadow:none}.instrument-card.is-locked:hover{transform:none;box-shadow:none}.instrument-card.is-locked .instrument-icon{filter:grayscale(.85) opacity(.55)}.instrument-card.is-locked:hover .instrument-icon{transform:none}.instrument-card.is-locked .instrument-name{color:#3b3a2e99}.instrument-card.is-locked .instrument-feel{font-style:italic}.instrument-card.shake{animation:nodeShake .5s ease-in-out}.instrument-lock{position:absolute;right:-3px;top:-3px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#cdbf9e;color:#fffdf7;box-shadow:0 0 0 2.5px #fffdf7}.finish-instruments{max-width:620px;margin:56px auto 0;padding:26px 26px 6px;border-radius:28px;background:#fbf5ea;border:1.5px solid #E6D8BF}.finish-instruments h2{margin:6px 0 4px;font-size:28px}.finish-instruments .finish-copy{font-size:18px;margin-bottom:0}.instrument-card.is-loading .instrument-feel:after{content:" · tuning…";color:#8e7fb0}.instrument-foot{display:flex;align-items:center;justify-content:center;gap:6px;margin:12px 0 18px;font-size:13px;color:#a08e6c}}@media(max-width:480px){.instrument-picker{grid-template-columns:1fr;gap:9px}.instrument-card{flex-direction:row;gap:14px;padding:10px 14px;text-align:left;border-radius:18px}.instrument-medal{width:56px;height:56px;flex:none}.instrument-medal .instrument-icon{width:56px;height:56px}}@media(prefers-reduced-motion:reduce){.instrument-medal.is-pop,.instrument-card.is-hearing .instrument-art,.instrument-notes i,.instrument-spin{animation:none!important}}@keyframes instrPop{0%{transform:scale(.82)}55%{transform:scale(1.12) rotate(-3deg)}to{transform:none}}@keyframes instrJig{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg) translateY(-1px)}75%{transform:rotate(5deg) translateY(-1px)}}@keyframes instrNote{0%{opacity:0;transform:translateY(6px) scale(.7)}30%{opacity:1}to{opacity:0;transform:translateY(-14px) rotate(12deg)}}@layer components{.guide-page{position:relative;max-width:820px;margin:0 auto;padding:40px 24px 110px}.guide-page.tone-lav{--tone: #A99BC4;--tone-ink: #6D547F;--tone-soft: #ECE5F4}.guide-page.tone-wheat{--tone: #DDB45C;--tone-ink: #8A6A22;--tone-soft: #F6EACB}.guide-page.tone-olive{--tone: #8A9A6A;--tone-ink: #55663D;--tone-soft: #E5EAD6}.guide-page.tone-terra{--tone: #C06A45;--tone-ink: #9A4A2E;--tone-soft: #F6E1D5}.guide-page.tone-plum{--tone: #8E7FB0;--tone-ink: #5E4D86;--tone-soft: #E6DFF1}.guide-page.tone-gold{--tone: #CCA04B;--tone-ink: #7E5F1C;--tone-soft: #F6EACB}.guide-page.tone-sea{--tone: #8EA3C3;--tone-ink: #4E6488;--tone-soft: #E3EAF2}.guide-hero{text-align:center}.guide-hero>.eyebrow{margin-bottom:8px}.guide-hero-row{display:grid;grid-template-columns:minmax(0,330px) 1fr;gap:28px;align-items:center;margin-top:22px;text-align:left}.guide-scene{display:flex;flex-direction:column;align-items:center;padding:0;border:0;background:none;cursor:pointer}.guide-scene-art{display:block;width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:22px;background:radial-gradient(120% 90% at 50% 100%,var(--tone-soft),#FBF5EA00 70%)}.guide-scene .lesson-scene{display:block;width:150%;height:auto;margin:2% 0 0 -25%;transition:transform .3s var(--spring)}.guide-scene:disabled{cursor:default}.guide-scene:hover:not(:disabled) .lesson-scene{transform:translateY(-3px) rotate(-.6deg)}.guide-scene-cap{display:inline-flex;align-items:center;gap:6px;margin-top:2px;font-size:14px;color:var(--tone-ink);text-decoration:underline;text-decoration-style:dotted;text-underline-offset:4px}.guide-kicker{font-family:var(--font-sc);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--tone-ink)}.guide-promise{margin:6px 0 18px;font-size:clamp(19px,2vw,22px);line-height:1.5;color:#3b3a2e}.guide-promise b{font-weight:600;background:linear-gradient(transparent 60%,var(--tone-soft) 60%)}.guide-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px}.guide-count{font-size:15px;color:#8e7c60}.guide-count b{font-size:18px;font-weight:600;color:#3b3a2e}.guide-head{display:flex;gap:12px;align-items:flex-start;margin-bottom:16px}.guide-head-icon{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--tone-soft);color:var(--tone-ink);box-shadow:inset 0 0 0 2px var(--tone)}.guide-head h2{margin:2px 0;font-size:clamp(22px,2.4vw,27px);line-height:1.15}.guide-head p{margin:0;font-size:15px;line-height:1.45;color:#8e7c60}.guide-card{position:relative;padding:18px 18px 16px;border:2px solid #EADBC0;border-radius:22px;background:#fffdf7;box-shadow:0 4px #eadbc0;animation:cardIn .5s calc(var(--i, 0) * 80ms) both cubic-bezier(.22,1,.36,1)}.guide-card h3{margin:0 0 12px;font-size:20px;line-height:1.2}.guide-samples{display:grid;gap:12px}.guide-samples.n-2{grid-template-columns:1fr 1fr}.guide-samples.n-3{grid-template-columns:repeat(3,1fr)}.guide-samples.n-1 .guide-sample{display:grid;grid-template-columns:minmax(150px,210px) 1fr;align-items:center;gap:14px}.guide-samples.n-1 .guide-vis{width:100%;max-width:380px;justify-self:center}.guide-sample{display:flex;flex-direction:column;gap:8px;min-width:0;padding:10px;border:1.5px solid transparent;border-radius:16px;background:#f8f1e4;transition:background .2s,border-color .2s,box-shadow .2s}.guide-sample.is-on{border-color:#a99bc4;background:#f4eff9;box-shadow:0 0 0 4px #a99bc424}.guide-play{display:flex;align-items:center;gap:9px;width:100%;min-height:40px;padding:2px 4px;border:0;border-radius:12px;background:none;color:#3b3a2e;font:600 16px/1.2 var(--font-serif);text-align:left;cursor:pointer}.guide-play:disabled{cursor:default;opacity:.55}.guide-play:focus-visible{outline:3px solid #8E7FB0;outline-offset:2px}.guide-play-icon{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(#b3a6cc,#8e7fb0);box-shadow:0 3px #6d5a93;color:#fff;transition:transform .2s var(--spring),box-shadow .2s}.guide-play:hover:not(:disabled) .guide-play-icon{transform:translateY(-1px) scale(1.06)}.guide-play:active:not(:disabled) .guide-play-icon{transform:translateY(2px);box-shadow:0 1px #6d5a93}.guide-sample.is-on .guide-play-icon{background:linear-gradient(#f6de98,#ddb45c);box-shadow:0 3px #b98f3a;color:#6e4a30}.guide-play-label{min-width:0}.guide-badge{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:#c06a45;color:#fff;font:700 13px/1 var(--font-serif)}.guide-vis{display:flex;align-items:center;justify-content:center;min-height:72px;transition:filter .3s,opacity .3s}.guide-card.is-locked .guide-vis{filter:grayscale(.7) blur(1.5px);opacity:.5}.guide-svg{display:block;width:100%;height:auto;overflow:visible}.guide-notice{display:flex;gap:10px;align-items:baseline;margin:14px 0 0;font-size:16px;line-height:1.5;color:#3b3a2ecc}.guide-notice>span{flex:none;padding:3px 9px;border-radius:999px;background:var(--tone-soft);font-family:var(--font-sc);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--tone-ink)}.guide-mixup{border-color:#e8c3ad;background:linear-gradient(#fffdf7,#fcf3ec);box-shadow:0 4px #e8c3ad}.guide-mixup .guide-notice>span{background:#f6e1d5;color:#9a4a2e}.guide-dot ellipse{fill:#ede4d3;stroke:#b9a98a;stroke-width:1.5;transition:fill .15s,stroke .15s}.guide-dot.is-past ellipse{fill:#ece5f4;stroke:#a99bc4}.guide-dot.is-on ellipse{fill:#f6d378;stroke:#cca04b;filter:drop-shadow(0 0 6px #DDB45CAA)}.guide-dot text{font-family:var(--font-serif);font-size:12.5px;fill:#8e7c60}.guide-dot text.is-home{fill:#a87a2e;font-weight:700}.guide-dot.is-on text{fill:#3b3a2e;font-weight:700}.guide-bracket path{stroke:#c9bcdf}.guide-bracket text{font-family:var(--font-serif);font-size:11.5px;font-style:italic;fill:#8e7fb0}.guide-bracket.is-on path{stroke:#8e7fb0}.guide-bracket.is-on text{fill:#5e4d86;font-weight:700}.guide-keys{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%}.guide-kb rect.is-on{filter:drop-shadow(0 0 6px #8E7FB0AA)}.guide-gaps{display:flex;flex-wrap:wrap;justify-content:center;gap:5px}.guide-gaps span{min-width:26px;padding:2px 7px;border-radius:999px;background:#ede4d3;color:#6e4a30;font:600 13px/1.4 var(--font-serif);text-align:center;transition:background .15s,transform .15s,color .15s}.guide-gaps span.is-narrow{background:#f6e1d5;color:#9a4a2e}.guide-gaps span.is-on{background:#8e7fb0;color:#fff;transform:translateY(-2px)}.guide-beats{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;padding:10px 4px}.guide-beat{position:relative;display:grid;place-items:center;width:26px;height:26px}.guide-beat i{display:block;width:14px;height:14px;border-radius:50%;background:#e2d5be;box-shadow:inset 0 -2px #c9b994;transition:transform .12s,background .12s,box-shadow .12s}.guide-beat.is-strong i{width:22px;height:22px;background:#d9ccb8}.guide-beat.is-group{margin-left:12px}.guide-beat.is-group:before{content:"";position:absolute;left:-12px;top:2px;bottom:2px;border-left:2px solid #D9CCB8}.guide-beat.is-on i{background:radial-gradient(#fff5d6,#f6d378 60%,#ddb45c);box-shadow:0 0 12px 3px #f6d37899;transform:scale(1.18)}.guide-rhythm{height:48px;margin:6px 0}.guide-rhythm .block-syl{font-size:14px}.block-part.guide-rest:before{border:2px dashed #8A9A6A;background:none;box-shadow:none}.block-part.guide-rest .block-syl{color:#6b7f4e;font-family:var(--font-hand);font-size:19px;text-shadow:none}.guide-chord line{stroke:#d9ccb8}.guide-chord ellipse{fill:#ede4d3;stroke:#b9a98a;stroke-width:1.5;transition:fill .15s}.guide-chord text{font-family:var(--font-serif);font-size:12.5px;fill:#8e7c60}.guide-chord.is-on line{stroke:#cca04b}.guide-chord.is-on ellipse{fill:#f6d378;stroke:#cca04b;filter:drop-shadow(0 0 6px #DDB45CAA)}.guide-chord.is-on text{fill:#3b3a2e;font-weight:700}.guide-form{display:flex;justify-content:center;gap:8px}.guide-form span{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#ece5f4;box-shadow:0 3px #c9bcdf;color:#6d547f;font:700 22px/1 var(--font-serif);transition:transform .2s var(--spring),background .2s,opacity .2s}.guide-form span.is-b{background:#f6e1d5;box-shadow:0 3px #e3b9a2;color:#9a4a2e}.guide-form span.is-on{transform:translateY(-4px) scale(1.08);background:#f6d378;box-shadow:0 4px #cca04b,0 0 14px #f6d37899;color:#6e4a30}.guide-form span.is-past{opacity:.6}.guide-tips{display:grid;gap:12px;margin:0;padding:0;list-style:none}.guide-tips li{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:start;padding:14px 16px;border:1.5px dashed #E2CFAE;border-radius:18px;background:#fbf5ea;animation:cardIn .5s calc(var(--i, 0) * 90ms) both cubic-bezier(.22,1,.36,1)}.guide-tip-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:50% 50% 50% 8px;background:linear-gradient(#9db07e,#6b7f4e);color:#fff;font:700 16px/1 var(--font-serif);transform:rotate(-8deg)}.guide-page.tone-sea .guide-tip-mark{background:linear-gradient(#a9bcd4,#7389ad)}.guide-tips strong{display:block;font-size:17px;font-weight:600}.guide-tips p{margin:2px 0 0;font-size:15.5px;line-height:1.5;color:#3b3a2eb3}.guide-hidden{display:flex;gap:18px;align-items:center;margin-top:28px;padding:16px 20px;border:1.5px solid #EADBC0;border-radius:20px;background:radial-gradient(circle at 8% 50%,#f6eacb,#fbf5ea 60%);text-align:left}.guide-door{flex:none;width:54px;height:74px}.guide-hidden p{margin:4px 0 0;font-size:16px;font-style:italic;line-height:1.5;color:#6e5a40}.nb-lead{margin:-8px 0 18px;font-size:16px;line-height:1.5;color:#8e7c60}.nb-page{display:grid;gap:14px}.nb-page .guide-card{animation:none}.nb-page-head{display:flex;align-items:center;gap:10px}.nb-page-n{flex:none;display:grid;place-items:center;min-width:46px;height:46px;padding:0 8px;border-radius:50%;background:var(--tone-soft);box-shadow:inset 0 0 0 2px var(--tone),0 3px 0 var(--tone);color:var(--tone-ink);font:700 16px/1 var(--font-serif)}.nb-page-name{font-family:var(--font-hand);font-size:27px;line-height:1.05;color:var(--tone-ink)}.nb-new{padding:3px 10px;border-radius:999px;background:linear-gradient(#f6de98,#ddb45c);box-shadow:0 2px #b98f3a;color:#6e4a30;font:700 13px/1.3 var(--font-serif);animation:nbNew 1.6s .5s both var(--spring)}.nb-page.is-fresh>.guide-card:first-of-type{border-color:#e9cd84;box-shadow:0 4px #e9cd84,0 0 0 6px #f6eacb80}@keyframes nbNew{0%{transform:scale(0) rotate(-12deg)}60%{transform:scale(1.12) rotate(4deg)}to{transform:none}}.nb-blank{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 20px;border:2px dashed #E2CFAE;border-radius:22px;background:repeating-linear-gradient(#fbf5ea00 0 31px,#eadbc080 31px 32px);text-align:center}.nb-blank .nb-page-n{background:#fbf5ea;box-shadow:inset 0 0 0 2px #e2cfae;color:#b9a98a}.nb-blank p{margin:0;font-size:16px;color:#8e7c60}.guide-tip{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:start;padding:14px 16px;border:1.5px dashed #E2CFAE;border-radius:18px;background:#fbf5ea}.guide-tip .guide-tip-mark{color:#fff}.guide-tip-tag{display:block;font-family:var(--font-sc);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#6b7f4e}.guide-tip strong{display:block;font-size:17px;font-weight:600}.guide-tip p{margin:2px 0 0;font-size:15.5px;line-height:1.5;color:#3b3a2eb3}.guide-moment{margin-top:10px;padding-top:10px;border-top:1.5px dashed #3B3A2E26}.guide-moment-tag{display:inline-flex;align-items:center;gap:5px;margin-bottom:3px;font-family:var(--font-sc);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#6b7f4e}.guide-moment.is-mixup .guide-moment-tag{color:#9a4a2e}.guide-moment p{margin:0;line-height:1.45}.guide-moment b{font-weight:600}.guide-moment-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px}.nb-slip{display:flex;align-items:center;gap:12px;max-width:560px;margin:16px auto 0;padding:10px 14px 10px 10px;border:2px solid #EADBC0;border-radius:18px;background:#fffdf7;box-shadow:0 3px #eadbc0;color:#3b3a2e;text-align:left;text-decoration:none;transition:transform .25s var(--spring),box-shadow .2s,border-color .2s}.nb-slip:hover{transform:translateY(-2px) rotate(-.4deg);border-color:#e9cd84;box-shadow:0 5px #e9cd84}.nb-slip:focus-visible{outline:3px solid #8E7FB0;outline-offset:3px}.nb-slip-page{position:relative;flex:none;display:grid;place-items:center;width:46px;height:52px;border-radius:6px 12px 12px 6px;background:linear-gradient(90deg,#e7d7b8,#f8eedb 30%);box-shadow:inset 3px 0 #c9b48e;color:#8a6a22}.nb-slip.is-fresh .nb-slip-page{background:linear-gradient(90deg,#ebcb78,#f9e7b5 30%);box-shadow:inset 3px 0 #cca04b,0 0 14px #f6d37888;animation:nbTuck 1s var(--d, 0ms) both var(--spring)}@keyframes nbTuck{0%{transform:translateY(-18px) rotate(-14deg) scale(.6);opacity:0}60%{transform:translateY(2px) rotate(4deg) scale(1.06);opacity:1}to{transform:none}}.nb-slip-copy{display:flex;flex-direction:column;min-width:0;flex:1}.nb-slip-tag{font-family:var(--font-hand);font-size:21px;line-height:1.05;color:#8a6a22}.nb-slip-copy b{font-size:17px;font-weight:600;line-height:1.3}.nb-slip-go{flex:none;color:#b9a98a}}@layer components{.gp{margin-top:18px;scroll-margin-top:16px;text-align:left}.gp-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:14px}.gp-tab{position:relative;display:grid;place-items:center;min-width:42px;height:42px;padding:0 10px;border:2px solid #EADBC0;border-radius:999px;background:#fffdf7;box-shadow:0 3px #eadbc0;color:#8e7c60;font:700 15px/1 var(--font-serif);cursor:pointer;transition:transform .2s var(--spring),background .2s,border-color .2s,box-shadow .2s,color .2s}.gp-tab:hover{transform:translateY(-1px);border-color:var(--tone)}.gp-tab:focus-visible{outline:3px solid #8E7FB0;outline-offset:2px}.gp-tab[aria-current=page]{border-color:var(--tone);background:var(--tone-soft);box-shadow:0 3px 0 var(--tone);color:var(--tone-ink);transform:translateY(-2px)}.gp-tab.is-blank{border-style:dashed;background:#fbf5ea;box-shadow:none;color:#b9a98a}.gp-tab.is-blank[aria-current=page]{background:var(--tone-soft);color:var(--tone-ink)}.gp-tab.is-fresh:after{content:"";position:absolute;top:-3px;right:-3px;width:12px;height:12px;border-radius:50%;background:radial-gradient(#fff5d6,#ddb45c);box-shadow:0 0 0 2px #fffdf7,0 0 8px #f6d378}.gp-track{display:flex;align-items:flex-start;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;transition:height .3s ease}.gp-track::-webkit-scrollbar{display:none}.gp-track.is-dragging{scroll-snap-type:none;cursor:grabbing;-webkit-user-select:none;user-select:none}.gp-page{flex:0 0 100%;min-width:0;box-sizing:border-box;padding:4px 8px 14px;scroll-snap-align:start;scroll-snap-stop:always;transition:opacity .3s}.gp-page:not(.is-on){opacity:.4}.gp-page>.guide-hero-row{margin-top:4px}.gp-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px;padding:0 8px}.gp-turn{display:inline-flex;align-items:center;gap:8px;min-width:0;max-width:48%;min-height:44px;padding:6px 10px;border:0;border-radius:16px;background:none;color:#8e7c60;font:600 15px/1.25 var(--font-serif);text-align:left;cursor:pointer;transition:transform .2s var(--spring),color .2s}.gp-turn>svg{flex:none}.gp-turn>span,.gp-turn-copy>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gp-turn:hover{color:var(--tone-ink)}.gp-turn:focus-visible{outline:3px solid #8E7FB0;outline-offset:2px}.gp-turn.is-next{margin-left:auto;padding:7px 14px 7px 18px;border:2px solid var(--tone);background:var(--tone-soft);box-shadow:0 3px 0 var(--tone);color:var(--tone-ink);text-align:right}.gp-turn.is-next:hover{transform:translate(2px)}.gp-turn.is-next:active{transform:translateY(2px);box-shadow:0 1px 0 var(--tone)}.gp-turn-copy{display:flex;flex-direction:column;min-width:0}.gp-turn-copy small{font-family:var(--font-sc);font-size:11px;letter-spacing:.14em;text-transform:uppercase;opacity:.8}.gp-end{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:10px;margin-left:auto}}@media(max-width:680px){.gp-tabs{gap:6px}.gp-tab{min-width:38px;height:38px;padding:0 8px;font-size:14px}.gp-page{padding:4px 4px 12px}.gp-foot{padding:0 4px}}@media(max-width:680px){.guide-page{padding:26px 14px 100px}.guide-hero-row{grid-template-columns:1fr;gap:10px}.guide-scene{max-width:340px;margin:0 auto}.guide-samples.n-2,.guide-samples.n-3{grid-template-columns:1fr}.guide-sample{flex-direction:row;align-items:center;gap:10px}.guide-sample .guide-play{width:auto;flex:0 0 38%}.guide-sample .guide-vis{flex:1;min-width:0}.guide-samples.n-1 .guide-sample{grid-template-columns:1fr}.guide-notice{flex-direction:column;gap:6px}}@media(prefers-reduced-motion:reduce){.guide-card,.guide-tips li,.nb-page,.nb-new,.nb-slip-page{animation:none!important}.gp-track,.gp-page{transition:none}}@layer components{.ck{display:flex;flex-direction:column;align-items:stretch;width:100%;margin:0 auto}.ck-stand{position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:14px 16px;padding:16px 14px 20px;border-radius:16px 16px 0 0;background:linear-gradient(180deg,#8c6240,#7a5434 70%);box-shadow:inset 0 2px #b98a5e80,inset 0 -6px 10px #4c332240}.ck-stand:before{content:"";position:absolute;inset:7px 7px 12px;border-radius:11px 11px 2px 2px;border:1.5px solid #C39A6E55;pointer-events:none}.ck-ledge{position:absolute;left:10px;right:10px;bottom:6px;height:12px;border-radius:6px;background:linear-gradient(#c9a174,#946946);box-shadow:inset 0 2px #e2c39a,0 3px 4px #3b281860;z-index:0}.ck-card{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:168px;max-width:290px;padding:12px 18px;margin-bottom:4px;border:1.5px solid #E2CFAE;border-radius:10px 10px 6px 6px;background:linear-gradient(180deg,#fffdf7,#f6ebd3);box-shadow:0 2px #d9c7a3,0 10px 18px -12px #6e4a3080;transform:rotate(var(--tilt, 0deg));transform-origin:50% 100%;transition:transform .35s var(--spring),box-shadow .25s,border-color .25s}.ck-card:before{content:"";position:absolute;left:14px;right:14px;top:36px;height:15px;pointer-events:none;background:repeating-linear-gradient(180deg,#3B3A2E14 0 1px,transparent 1px 3.5px)}.ck-card:hover{transform:rotate(0) translateY(-4px);box-shadow:0 2px #d9c7a3,0 16px 22px -12px #6e4a3080}.ck-card:active{transform:rotate(0) translateY(1px) scale(.985);transition-duration:.08s}.ck-card.is-playing{border-color:#a99bc4;transform:rotate(0) translateY(-6px);box-shadow:0 0 0 4px #dcd0e7aa,0 16px 22px -12px #6e4a3080}.ck-card-label{font-size:17px;line-height:1.2;color:#3b3a2e;text-align:center}.ck-card.is-song{flex-direction:row;gap:12px;min-width:200px;padding:10px 18px 10px 12px;text-align:left}.ck-card.is-song .ck-card-label{text-align:left;max-width:170px}.ck-card.is-song:before{display:none}.ck-card-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#f6eedf;box-shadow:inset 0 0 0 1.5px #e2cfae;flex-shrink:0;transition:transform .3s var(--spring),box-shadow .3s}.ck-card-icon.is-on{box-shadow:inset 0 0 0 2px #a99bc4,0 0 0 4px #dcd0e780;animation:ckIconBob 1.2s ease-in-out infinite}@keyframes ckIconBob{0%,to{transform:rotate(-4deg) scale(1.06)}50%{transform:rotate(3deg) scale(1.06) translateY(-2px)}}.ck-tokens{position:relative;display:flex;align-items:center;gap:2px;margin-top:2px}.ck-token-wrap{display:flex;align-items:center;gap:2px}.ck-arrow{width:14px;height:10px;color:#9a8b6e}.ck-token{display:grid;place-items:center;min-width:30px;height:26px;padding:0 9px;border-radius:46% 46% 48% 48%/56% 56% 44% 44%;font-size:13.5px;line-height:1;color:#fff8ec;text-shadow:0 1px 0 #00000026;background:linear-gradient(160deg,var(--p-top),var(--p-bot));box-shadow:0 2px 0 var(--p-base),inset 0 1px #fff5dd5c;transition:transform .3s var(--spring),box-shadow .3s}.ck-token.is-blank{min-width:26px;padding:0}.ck-token.is-on{animation:ckTok .55s var(--spring) both;box-shadow:0 2px 0 var(--p-base),0 0 0 3px #fff3c4,0 0 12px 2px #f9db82aa}@keyframes ckTok{0%{transform:scale(1)}40%{transform:scale(1.22) translateY(-3px)}to{transform:scale(1.1) translateY(-2px)}}.tone-home{--p-top: #E4BF67;--p-bot: #D4A744;--p-base: #BA913B}.tone-away{--p-top: #B7A5D1;--p-bot: #9C85B8;--p-base: #88739F}.tone-pull{--p-top: #CC835C;--p-bot: #B76742;--p-base: #995434}.tone-shadow{--p-top: #A6B283;--p-bot: #8A9A66;--p-base: #6F7F4E}.tone-plain{--p-top: #F1E8D6;--p-bot: #E2D4B9;--p-base: #C9B793}.ck-token.tone-plain{color:#3b3a2e;text-shadow:none}.ck-eq{position:absolute;right:9px;bottom:9px;display:inline-flex;align-items:flex-end;gap:2px;height:12px;opacity:0;transition:opacity .2s}.ck-eq i{display:block;width:2.5px;height:100%;border-radius:2px;background:#8e7fb0;transform-origin:bottom;animation:ckEq .7s ease-in-out infinite}.ck-eq i:nth-child(2){animation-delay:.15s}.ck-eq i:nth-child(3){animation-delay:.3s}.ck-eq i:nth-child(4){animation-delay:.1s}.ck-eq.is-on{opacity:1}@keyframes ckEq{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.ck-case{width:100%;display:flex;justify-content:center;margin-top:-1px}.ck-keys{display:block;width:100%;height:auto;user-select:none;-webkit-user-select:none;touch-action:manipulation;filter:drop-shadow(0 10px 12px #5B3E2340)}.ck-key-hit{cursor:pointer}.ck-key{transition:transform .1s,filter .2s;transform-box:fill-box;transform-origin:50% 0}.ck-key.is-down{transform:scaleY(.978) translateY(1.2px);filter:drop-shadow(0 0 5px #FFFDF7)}.ck-hint{margin:10px 0 0;font-size:15px;font-style:italic;color:#3b3a2e99;text-align:center}}@media(prefers-reduced-motion:reduce){.ck-token.is-on,.ck-eq i{animation:none!important}}@layer components{.tr-head{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;margin-bottom:6px}.tr-mission{display:flex;flex-direction:column;align-items:flex-start;gap:2px;max-width:360px;min-height:64px;justify-content:center}.tr-mission-count{font-family:var(--font-sc);font-size:13px;letter-spacing:.08em;color:#8e7fb0}.tr-mission-text{font-size:18px;line-height:1.35;color:#3b3a2e;text-align:left;animation:pop .45s var(--spring) both}.tr-scene{position:relative;width:100%;max-width:600px;margin:0 auto;aspect-ratio:600 / 400;user-select:none;-webkit-user-select:none}.tr-art{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.tr-twig.is-free{cursor:pointer}.tr-twig.is-free:not(.is-on):hover rect:nth-of-type(2){opacity:1;filter:brightness(1.08)}.tr-marker{animation:trMark .45s var(--spring) both;transform-box:fill-box;transform-origin:50% 0}@keyframes trMark{0%{transform:rotate(-8deg) scale(.85)}60%{transform:rotate(3deg)}to{transform:none}}.tr-bead{transform-box:fill-box;transform-origin:center;animation:trBead .42s var(--spring) both}@keyframes trBead{0%{transform:scale(0)}to{transform:scale(1)}}.tr-aim{animation:trAim 1.5s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes trAim{0%,to{opacity:.35;transform:scale(.9)}50%{opacity:1;transform:scale(1.05)}}.tr-aim-ring{animation:trDash 1.2s linear infinite}@keyframes trDash{to{stroke-dashoffset:-18}}.tr-bird{position:absolute;aspect-ratio:110 / 90;z-index:2;cursor:grab;touch-action:none;transition:top .5s var(--spring);outline-offset:4px;border-radius:40%}.tr-bird.is-fixed{cursor:pointer}.tr-bird:active{cursor:grabbing}.tr-bird>svg{display:block;width:100%;height:auto;overflow:visible;filter:drop-shadow(0 4px 3px #5B3E2330)}.tr-bird .perch-note{position:absolute;left:86%;top:calc(34% - 15px);width:12px;height:17px;pointer-events:none;transform-origin:0 100%}.tr-arrow{position:absolute;left:-24%;top:34%;width:20%;color:#c29a3d;pointer-events:none}.tr-arrow svg{display:block;width:100%;height:auto;filter:drop-shadow(0 1px 0 #FFFDF7)}.tr-arrow.is-up{animation:trUp 1.1s ease-in-out infinite}.tr-arrow.is-down{animation:trDown 1.1s ease-in-out infinite}.tr-arrow.is-down svg{transform:rotate(180deg)}@keyframes trUp{0%,to{transform:translateY(4px);opacity:.7}50%{transform:translateY(-6px);opacity:1}}@keyframes trDown{0%,to{transform:translateY(-4px);opacity:.7}50%{transform:translateY(6px);opacity:1}}.tr-feedback{max-width:600px;margin:4px auto 0}.tr-feedback .fb{margin-top:6px;animation:pop .45s var(--spring) both}.tr-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:600px;margin:14px auto 0}.tr-card{display:flex;align-items:center;justify-content:center;gap:8px;min-height:72px;padding:8px 10px;border-radius:16px;border:2px dashed #E2CFAE;background:#fffdf780;color:#3b3a2e99;text-align:left;transition:transform .3s var(--spring),border-color .3s,background-color .3s,box-shadow .3s}.tr-card.is-found{border-style:solid;border-color:#e2cfae;background:#fffdf7;color:#3b3a2e;box-shadow:0 3px #e2cfae;animation:trFlip .6s var(--spring) both}.tr-card.is-found:hover{transform:translateY(-2px);border-color:#ddb45c}.tr-card.is-here{border-color:#ddb45c;background:#fbf1d6;box-shadow:0 3px #ddb45c}@keyframes trFlip{0%{transform:rotateY(90deg) scale(.9)}to{transform:none}}.tr-card-q{font-size:26px;line-height:1;color:#c9b994;width:20px;text-align:center}.tr-card-text{display:flex;flex-direction:column;line-height:1.15}.tr-card-text strong{font-size:17px;font-weight:600}.tr-card-text small{font-size:13.5px;color:#3b3a2e99}.tr-legend{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 16px;margin:10px 0 0;font-size:14.5px;color:#3b3a2e99}.tr-legend>span{white-space:nowrap}.tr-legend-bead{display:inline-block;width:12px;height:12px;border-radius:50%;border:1.4px solid;margin-right:4px;vertical-align:-1px}.tr-legend-bead.is-wide{background:#ddb45c;border-color:#b98f3a}.tr-legend-bead.is-narrow{background:#a99bc4;border-color:#7e6ea6}@media(max-width:560px){.tr-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.tr-mission{align-items:center}.tr-mission-text{text-align:center}}}@media(prefers-reduced-motion:reduce){.tr-bead,.tr-aim,.tr-aim-ring,.tr-arrow,.tr-card.is-found,.tr-mission-text,.tr-marker{animation:none!important}.tr-bird{transition:none}}@layer components{.fence{display:flex;flex-direction:column;align-items:stretch;animation:plankArrive .7s .1s both cubic-bezier(.22,1,.36,1)}.fence-wrap{width:100%;max-width:880px;margin:0 auto;container-type:inline-size;padding-top:5.5%}.fence-box{position:relative;width:100%;aspect-ratio:880 / 310}.fence-art{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.fence-tuft{position:absolute;z-index:4;bottom:-.5%;width:8%;pointer-events:none}.fence-tuft.is-flip{transform:scaleX(-1)}.fence-grass{transform-origin:35px 52px;animation:fenceGrass 4.6s ease-in-out infinite}@keyframes fenceGrass{0%,to{transform:skew(-3deg)}50%{transform:skew(3.5deg)}}.fence-wren{top:10.6%;z-index:7}.fsign-cap{position:absolute;z-index:3;top:84%;transform:translate(-50%);white-space:nowrap;pointer-events:none;font:500 clamp(10px,1.75cqw,15px)/1.2 var(--font-serif);color:#8b7b5c;transition:color .2s,transform .3s var(--spring)}.fsign-cap.is-lit{color:#8e6ca8;transform:translate(-50%) translateY(-1px) scale(1.08)}.fsign{position:absolute;top:24.8%;height:56.8%;z-index:2}.fsign[data-landing],.fsign[data-over]{z-index:6}.fsign-swing,.fsign-idle{position:absolute;inset:0;transform-origin:50% -19%}.fsign-idle{animation:fsignSway 7.5s ease-in-out infinite;animation-delay:var(--d, 0s)}@keyframes fsignSway{0%,to{transform:rotate(-.7deg)}50%{transform:rotate(.7deg)}}.fsign-twine{position:absolute;left:50%;top:-16%;width:30%;height:21%;transform:translate(-50%);z-index:3;overflow:visible;pointer-events:none}.fsign-board{position:absolute;inset:0;border-radius:1.6cqw;overflow:visible;background:linear-gradient(180deg,#fffdf7,#fbf5ea 55%,#f5ebd8);border:max(1.5px,.2cqw) solid #D9CCB8;box-shadow:0 .45cqw #d9ccb8,0 1.4cqw 1.6cqw -.8cqw #72523855;transition:transform .4s var(--spring),border-color .3s,box-shadow .3s,background-color .3s}.fsign-board:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;background:linear-gradient(110deg,transparent 25%,#FAE0A47A 50%,transparent 75%);background-size:250% 100%;background-position:130% 0}.fsign-num{position:absolute;left:0;right:0;top:5%;display:flex;align-items:center;justify-content:center;gap:3px;font:600 clamp(15px,3.1cqw,27px)/1.1 var(--font-serif);color:#a08e6c;transition:color .2s,transform .3s var(--spring)}.fsign-given{position:absolute;right:6%;top:5%;padding:0 .8cqw;border-radius:99px;background:#f6eedf;border:1px solid #E2CFAE;font:400 clamp(11px,1.7cqw,15px)/1.3 var(--font-hand);color:#8b7b5c}.fsign-well{position:absolute;inset:31% 10% 9%;display:grid;place-items:center;border:max(1.5px,.25cqw) dashed #735D3E40;border-radius:1.8cqw;background:#f8f1e31f;outline-offset:4px;transition:background-color .15s,border-color .15s,box-shadow .15s;-webkit-touch-callout:none}.fsign-well[data-filled]{border-color:transparent;background:transparent}.fsign[data-next] .fsign-well{border-color:#e9c86f;background:#f6e4b03d;box-shadow:inset 0 0 15px #f1d88c31;animation:slotBreathe 1.9s ease-in-out infinite}.fsign[data-over] .fsign-well{border-style:solid;border-color:#e9c86f;background:#f6e4b070;box-shadow:inset 0 0 18px #f1d88c70,0 0 0 3px #f1d88c55}.fsign[data-over] .fsign-board{transform:translateY(-.6cqw) rotate(.8deg)}.fsign-glow{z-index:0;inset:-14% -10%}.fsign[data-lit] .fsign-board{transform:translateY(-.9cqw);border-color:#e9c86f;box-shadow:0 .45cqw #e2c77c,0 0 0 3px #f9db8255,0 1.8cqw 2cqw -.8cqw #72523855}.fsign[data-lit] .fsign-num{color:#8e6ca8;transform:translateY(-2px) scale(1.15)}.fsign[data-result=right] .fsign-board{border-color:#e2cc8e}.fsign[data-result=right] .fsign-board:after{animation:fsignShimmer 1.3s ease-out forwards;animation-delay:calc(var(--i, 0) * .11s + .1s)}.fsign[data-result=right] .fsign-num{color:#6b7f4e}.fsign[data-result=wrong] .fsign-num{color:#a95f3f}.fsign[data-result=wrong] .fsign-well{border-color:#ac644ab0;border-style:dashed;background:#c06a4518}.fsign[data-result=wrong] .fsign-well:after{content:"";position:absolute;left:18%;right:18%;bottom:-9%;height:max(3px,.45cqw);border-radius:3px;background:#c06a45;animation:badgeIn .35s var(--spring) both}.fsign[data-result=wrong] .cchip{animation:blockWobble .65s .06s both ease-in-out}@keyframes fsignShimmer{0%{background-position:130% 0;opacity:1}to{background-position:-30% 0;opacity:.5}}.fsign .plank-sparks i{width:max(8px,1.3cqw);height:max(8px,1.3cqw)}.fsign-chip{position:absolute;inset:-4%;z-index:1;display:grid;place-items:center;touch-action:none;-webkit-tap-highlight-color:transparent;border-radius:40%;--chip-w: 14cqw}.fsign-chip[data-hidden]{visibility:hidden}.fsign-chip .cchip{animation:blockSettle .52s cubic-bezier(.22,1,.36,1) both;transition:transform .25s var(--spring),filter .25s}.fsign-chip .cchip[data-fly]{animation:cchipLand .62s linear both}.fsign-well:not([data-given]):hover .cchip{transform:translateY(-3px) rotate(1.2deg)}.fence.is-solved .fsign-chip .cchip{filter:drop-shadow(0 0 9px #F9DB8266)}@keyframes cchipLand{0%{transform:translate(var(--dx, 0px),var(--dy, 0px)) rotate(var(--rot, 0deg)) scale(var(--s, 1.1));animation-timing-function:cubic-bezier(.25,.8,.35,1)}42%{transform:scale(1.08,.88);animation-timing-function:ease-out}62%{transform:scale(.97,1.04);animation-timing-function:ease-in-out}82%{transform:scale(1.01,.99);animation-timing-function:ease-in-out}to{transform:none}}.cchip{--w: var(--chip-w, 96px);position:relative;width:var(--w);height:calc(var(--w) * .72);display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:46% 46% 48% 48%/56% 56% 44% 44%;color:#fff8ec;user-select:none;-webkit-user-select:none;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.25  0 0 0 0 0.18  0 0 0 0 0.1  0 0 0 .16 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>"),linear-gradient(160deg,var(--p-top),var(--p-bot));box-shadow:0 calc(var(--w) * .045) 0 var(--p-base),0 calc(var(--w) * .1) calc(var(--w) * .08) calc(var(--w) * -.03) #72523840,inset 0 2px #fff5dd5c,inset 0 -3px #6f4c331f}.cchip-icon{width:calc(var(--w) * .17);height:auto;color:#fff8ec;opacity:.85;margin-top:calc(var(--w) * -.02);filter:drop-shadow(0 1px 0 #00000022)}.cchip-num{font:600 calc(var(--w) * .32)/.95 var(--font-serif);letter-spacing:.01em;text-shadow:0 1px 0 #00000026}.cchip.tone-plain{color:#3b3a2e}.cchip.tone-plain .cchip-icon{color:#8b7b5c}.cchip[data-float]{filter:drop-shadow(0 15px 8px #64472B3B)}.chip-float{position:fixed;left:0;top:0;z-index:300;pointer-events:none;will-change:transform}.chip-lift{animation:chipLift .2s cubic-bezier(.22,1,.36,1) both}@keyframes chipLift{0%{transform:translateY(0) scale(1)}to{transform:translateY(-8px) scale(1.06) rotate(-2deg)}}body.is-chip-dragging,body.is-chip-dragging *{cursor:grabbing!important;user-select:none!important;-webkit-user-select:none!important}.ending-pair{--chip-w: 50px;display:flex;align-items:center;gap:4px;padding:4px 0 6px;color:#a08e6c}.fence-shelf{margin-top:14px}.fence-shelf .block-palette{--chip-w: 88px;gap:12px 18px}.chip-tool{gap:8px}.chip-bob{display:block;animation:chipBreathe 5.2s ease-in-out infinite;animation-delay:var(--d, 0s);transition:opacity .2s,transform .3s var(--spring)}@keyframes chipBreathe{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.chip-tool .cchip{transition:transform .26s var(--spring),filter .26s}.chip-tool:not(.is-off):hover .cchip,.chip-tool:focus-visible .cchip{transform:translateY(-4px) rotate(-1.2deg);filter:drop-shadow(0 5px 3px #684B3320)}.chip-tool:not(.is-off):active .cchip,.chip-tool[data-down] .cchip{transform:translateY(2px) scale(.97,.95);transition-duration:.07s}.chip-tool[data-source] .chip-bob{opacity:.4;transform:scale(.94)}.chip-tool.is-off .cchip{opacity:.45;filter:grayscale(.35)}}@media(max-width:560px){.fence-shelf .block-palette{--chip-w: 64px;gap:10px 8px}.fence-wrap{padding-top:8%}.fsign-given{font-size:0;width:8px;height:8px;padding:0;top:7%;right:8%;background:#e4bf67;border-color:#ba913b}}@media(prefers-reduced-motion:reduce){.fence,.fsign-idle,.chip-bob,.fence-grass,.fsign-well,.fsign-chip .cchip,.fsign-board:after{animation:none!important}}@layer components{.door{position:relative;display:inline-block;flex-shrink:0;padding:0;border:0;background:none;vertical-align:middle;container-type:size;-webkit-tap-highlight-color:transparent}.door.is-live{cursor:pointer}.door:focus-visible{outline-offset:4px;border-radius:40% 40% 8px 8px}.door-stage{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);container-type:size;width:min(100cqw,calc(100cqh * 80 / 110));height:min(100cqh,137.5cqw)}.door-stage-svg,.door-back,.door-front{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.door.is-unfound>.door-stage-svg{position:static;display:block}.door-front{z-index:2;pointer-events:none}.door-leaf-wrap{position:absolute;z-index:1;left:12.5%;top:7.27%;width:75%;height:87.27%;perspective:240cqw}.door-leaf{position:absolute;inset:0;transform-origin:0 50%;transition:transform .9s cubic-bezier(.3,1.2,.45,1);filter:drop-shadow(1px 1px 1px #3B281830)}.door-leaf-art{display:block;width:100%;height:100%;overflow:visible}.door.is-live:hover .door-leaf:not(.is-nudged){transform:rotateY(7deg)}.door.is-open .door-leaf,.door.is-open.is-live:hover .door-leaf{transform:rotateY(72deg);transition-duration:1.2s}.door-leaf.is-nudged{animation:doorNudge 1.15s cubic-bezier(.3,.7,.4,1)}@keyframes doorNudge{0%{transform:rotateY(0)}26%{transform:rotateY(32deg)}50%{transform:rotateY(10deg)}68%{transform:rotateY(17deg)}86%{transform:rotateY(-1.5deg)}to{transform:rotateY(0)}}.door-halo{opacity:0;transition:opacity .6s}.door.is-glow .door-halo{opacity:.55;animation:doorGlow 2.8s ease-in-out infinite}.door.is-open .door-halo{opacity:1;animation:none}.door-spill{opacity:0;transition:opacity .6s .25s}.door.is-open .door-spill{opacity:1}.door-mote{opacity:0}.door.is-open .door-mote{animation:doorMote 2.9s ease-out infinite}@keyframes doorMote{0%{transform:translate(var(--x),var(--y)) scale(.4);opacity:0}20%{opacity:1}to{transform:translate(calc(var(--x) + var(--dx)),calc(var(--y) + var(--dy))) scale(1) rotate(160deg);opacity:0}}.door-sails{transform-box:fill-box;transform-origin:50% 50%}.door.is-open .door-sails,.door.is-live:hover .door-sails-leaf{animation:doorSpin 7s linear infinite}@keyframes doorSpin{to{transform:rotate(360deg)}}.door-ripple{transform-box:fill-box;transform-origin:center;opacity:0}.door.is-open .door-ripple{animation:doorRipple 2.1s ease-out infinite}@keyframes doorRipple{0%{transform:scale(.6);opacity:.9}to{transform:scale(3.6);opacity:0}}.door-drop{opacity:0}.door.is-open .door-drop{animation:doorDrop 2.1s ease-in infinite}@keyframes doorDrop{0%{transform:translateY(0);opacity:0}15%{opacity:1}80%{transform:translateY(44px);opacity:1}to{transform:translateY(46px);opacity:0}}.door.is-open .door-twinkle{animation:doorTwinkle 1.6s ease-in-out infinite alternate}@keyframes doorTwinkle{0%{opacity:.25}to{opacity:1}}.door.is-open .door-petal-in{animation:doorPetal 3.2s ease-in-out infinite}@keyframes doorPetal{0%{transform:translate(0) rotate(0);opacity:0}20%{opacity:1}to{transform:translate(10px,26px) rotate(200deg);opacity:0}}.door.is-open .door-river{animation:doorRiver 2.4s ease-in-out infinite alternate}@keyframes doorRiver{0%{transform:translate(-3px)}to{transform:translate(3px)}}.door-lantern{animation:doorLantern 3.6s ease-in-out infinite}@keyframes doorLantern{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}.imp-card{display:flex;align-items:center;justify-content:center;gap:10px 22px;max-width:640px;margin:0 auto}.imp-card .postcard{flex:1 1 auto;max-width:440px}.imp-hear{flex:none}@media(max-width:560px){.imp-card{flex-direction:column}}.imp-words{min-height:1.3em;margin:6px 0 0;text-align:center;font-family:var(--font-hand);font-size:29px;line-height:1.15;color:#5f4f6e;animation:pop .35s var(--spring) both}.imp-own{display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border:1.5px dashed #C9BEDB;border-radius:999px;background:none;color:#6e5f92;font-size:16px;cursor:pointer;transition:background .2s,border-color .2s}.imp-own:hover{border-color:#a99bc4;background:#f1ecf6}.imp-mini{flex:none}.postcard{display:block;width:100%;height:auto;overflow:visible;user-select:none;-webkit-user-select:none;touch-action:none}.postcard.is-small{width:92px;touch-action:auto}.postcard.is-small *{animation:none!important}.pc-hit{cursor:pointer;outline:none}.pc-hit.is-sky{cursor:ns-resize}.pc-hit:focus-visible{stroke:#8e7fb0;stroke-width:3;stroke-dasharray:6 5}.pc-hint{pointer-events:none;animation:pcHintIn .5s ease-out .6s both}.pc-hint text{font-family:var(--font-hand);font-size:25px;font-weight:600;fill:#6e5f92;paint-order:stroke;stroke:#fffdf7;stroke-width:4px}.pc-ring{fill:none;stroke:#8e7fb0;stroke-width:2.4;stroke-dasharray:5 6;transform-box:fill-box;transform-origin:center;animation:pcRing 1.6s ease-in-out infinite}.pc-arrow{fill:none;stroke:#6e5f92;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.pc-pop{transform-box:fill-box;transform-origin:50% 100%;animation:pcPop .45s var(--spring) both}.pc-tree,.pc-grass path{transform-box:fill-box;transform-origin:50% 100%}.wind-0 .pc-tree{animation:pcBreathe 4.5s ease-in-out infinite}.wind-1 .pc-tree{animation:pcSway 2.8s ease-in-out infinite}.wind-2 .pc-tree{animation:pcGust .95s ease-in-out infinite}.wind-1 .pc-grass path{animation:pcSway 2.2s ease-in-out infinite}.wind-2 .pc-grass path{animation:pcGust .7s ease-in-out infinite}.wind-1 .pc-cloud{animation:pcDrift 14s ease-in-out infinite alternate}.wind-2 .pc-cloud{animation:pcDrift 3.6s ease-in-out infinite alternate}.pc-cloud.is-late{animation-delay:-2s!important}.pc-ripple{transform-box:fill-box;transform-origin:center;animation:pcRipple 2.4s ease-out infinite}.wind-2 .pc-ripple{animation-duration:1.1s}.pc-ripple.is-late{animation-delay:-1s}.pc-leaf{animation:pcLeaf 1.5s ease-in infinite}.pc-float{animation:pcFloat 3.4s ease-in-out infinite}.pc-float.is-late{animation-delay:-1.5s}}@keyframes pcHintIn{0%{opacity:0}to{opacity:1}}@keyframes pcRing{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.08);opacity:.5}}@keyframes pcPop{0%{opacity:0;transform:scale(.3)}70%{opacity:1;transform:scale(1.12)}to{transform:none}}@keyframes pcBreathe{0%,to{transform:none}50%{transform:scale(1.012,.99)}}@keyframes pcSway{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2.5deg)}}@keyframes pcGust{0%,to{transform:rotate(1deg) skew(-2deg)}50%{transform:rotate(7deg) skew(-6deg)}}@keyframes pcDrift{0%{transform:translate(-14px)}to{transform:translate(26px)}}@keyframes pcRipple{0%{transform:scale(.5);opacity:.9}to{transform:scale(2.2);opacity:0}}@keyframes pcLeaf{0%{transform:translate(0) rotate(0);opacity:0}15%{opacity:1}to{transform:translate(230px,50px) rotate(320deg);opacity:0}}@keyframes pcFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media(prefers-reduced-motion:reduce){.door-leaf{transition-duration:.01ms!important}.door-leaf.is-nudged,.door-mote,.door-sails,.door-ripple,.door-drop,.door-twinkle,.door-petal-in,.door-river,.door-lantern,.door-halo,.postcard *,.imp-words{animation:none!important}}@layer components{.feather{display:inline-block;vertical-align:-3px}.skills-unit,.road-sidepath{--tone: #8A9A6A;--tone-ink: #55663D;--tone-soft: #E5EAD6}:is(.skills-unit,.road-sidepath).tone-lav{--tone: #A99BC4;--tone-ink: #6D547F;--tone-soft: #ECE5F4}:is(.skills-unit,.road-sidepath).tone-wheat{--tone: #DDB45C;--tone-ink: #8A6A22;--tone-soft: #F6EACB}:is(.skills-unit,.road-sidepath).tone-olive{--tone: #8A9A6A;--tone-ink: #55663D;--tone-soft: #E5EAD6}:is(.skills-unit,.road-sidepath).tone-terra{--tone: #C06A45;--tone-ink: #9A4A2E;--tone-soft: #F6E1D5}:is(.skills-unit,.road-sidepath).tone-plum{--tone: #8E7FB0;--tone-ink: #5E4D86;--tone-soft: #E6DFF1}:is(.skills-unit,.road-sidepath).tone-gold{--tone: #CCA04B;--tone-ink: #7E5F1C;--tone-soft: #F6EACB}.island-road{--tone: #8EA3C3;--tone-ink: #4E6488;--tone-soft: #E3EAF2}.island-road .island-lede{margin:10px 0 0;max-width:560px;font-size:19px;font-style:italic;color:#6f7f95}.island-wren-says{margin:14px auto 0;max-width:720px;text-align:center;font-size:18px;color:#5b4a36}.island-wren-says .t-hand{font-size:24px;color:#6f86a8;margin-right:4px}.island-wren-says .inline-link{font-size:18px;font-weight:600;color:var(--tone-ink);text-decoration:underline;text-underline-offset:4px;padding:0}.island-wren-says.is-rest{margin-top:6px;color:#8e7c60;font-style:italic}.unit-banner.tone-foam{--tone-bg: #CFDAE6;--tone-edge: #A6B7CD}.unit-banner.tone-sea{--tone-bg: #B3C4DA;--tone-edge: #8A9EBD}.unit-banner.tone-deep{--tone-bg: #9DB1CC;--tone-edge: #7389AD}.island-road .unit-banner.is-locked{--tone-bg: #E6E3DA;--tone-edge: #C9C4B6}.island-road .trail-band{stroke:#dcd3c2;opacity:.75}.island-road .trail-dots{stroke:#8d9db5}.island-road .road-node.is-new{background:linear-gradient(#b5c5dc,#98adcb);--edge: #7389AD}.island-road .road-node.is-walked{background:linear-gradient(#9db2d0,#7f97bd);--edge: #5F769C}.island-road .road-node.is-steady{background:linear-gradient(#efcf7e,#d9ac50);--edge: #B08431}.island-road .road-node.is-resting{background:linear-gradient(#e6e4de,#cdcac2);--edge: #A9A59B;outline:3px dashed #B3AEA2;outline-offset:-7px}.island-road .road-node.is-openable{background:#fbf5ea;color:#6e5a3a;--edge: #C9B994;outline:3px dashed #98ADCB;outline-offset:-7px}.island-road .road-node.is-keyed,.island-road .road-node.is-gated{background:#efe4cc;color:#8a8268;--edge: #CDBF9E;outline:3px dotted #A59A7C;outline-offset:-7px}.island-road .road-node.is-shadow{background:#e9eae7;--edge: #D3D4CF;opacity:.75}.node-price{display:inline-flex;align-items:center;gap:1px;font:600 1.4rem/1 var(--font-serif);color:#6e5a3a}.island-road .pulse-ring{border-color:#8ea3c3}.island-road .node-bubble{color:#4e6488}.island-road .node-card .node-card-lock svg{flex:none;margin-top:3px}.island-road .node-card button.node-card-cta{gap:10px}.node-card.tone-sea{--tone-bg: #A9BCD4}.island-road .road-node.just-opened{animation:nodeOpen .9s var(--spring)}@keyframes nodeOpen{0%{transform:scale(.82)}45%{transform:scale(1.16)}to{transform:scale(1)}}.open-burst{position:absolute;left:0;top:0;z-index:3;pointer-events:none}.open-burst .ring{position:absolute;width:84px;height:84px;margin:-42px;border-radius:50%;border:3px solid #DDB45C;animation:earRing .9s ease-out forwards}.open-burst .spark{position:absolute;width:7px;height:12px;margin:-6px -3.5px;border-radius:50%;background:#ddb45c;opacity:0;animation:openSpark 1s ease-out forwards}@keyframes openSpark{0%{opacity:1;transform:rotate(var(--a)) translateY(-34px)}to{opacity:0;transform:rotate(var(--a)) translateY(-74px) scale(.5)}}.road-mist{position:absolute;left:-68px;top:-40px;width:136px;height:76px;pointer-events:none;filter:blur(3px)}.road-mist-drift{animation:mistDrift 9s ease-in-out infinite}@keyframes mistDrift{0%,to{transform:translate(-6px)}50%{transform:translate(8px)}}.prop-bell{transform-box:fill-box;transform-origin:50% 0;animation:bellSwing 4.2s ease-in-out infinite}@keyframes bellSwing{0%,70%,to{transform:rotate(0)}78%{transform:rotate(9deg)}86%{transform:rotate(-7deg)}93%{transform:rotate(3deg)}}.prop-echo{animation:echoFade 4.2s ease-out infinite}@keyframes echoFade{0%,74%{opacity:0}82%{opacity:1}to{opacity:0}}.lighthouse-beam{animation:beam 3.6s ease-in-out infinite}@keyframes beam{0%,to{opacity:.1}50%{opacity:.5}}.prop-bob{animation:bob 3.6s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(-2deg)}}.sea-foam{animation:foam 4.5s ease-in-out infinite}@keyframes foam{0%,to{opacity:.9}50%{opacity:.5}}.sea-glint{animation:foam 6s ease-in-out infinite}.gull-glide{animation:gullGlide 7s ease-in-out infinite}@keyframes gullGlide{0%,to{transform:translate(0)}50%{transform:translate(10px,-6px)}}.wash-sea{left:-170px;top:38%;width:480px;height:480px;background:#97a8c847;animation:washA 16s ease-in-out infinite}.wash-dawn{right:-140px;top:60px;width:420px;height:420px;background:#e8b9a03d;animation:washB 18s ease-in-out infinite}.scenery-sea{position:absolute;left:0;bottom:0;width:100%;height:120px;opacity:.8}.scenery-thrift{position:absolute;right:1.2%;bottom:0;width:clamp(78px,8.5vw,128px);height:auto;overflow:visible}.scenery-gulls{position:absolute;top:-4px;width:min(15vw,190px);height:auto;opacity:.85}.scenery-gulls.left{left:2%}.scenery-gulls.right{right:2%}@media(max-width:1100px){.scenery-gulls{display:none}}.is-cliffs .jump-current{box-shadow:0 0 0 2.5px #98adcb,0 6px #7389ad,0 16px 24px -10px #3b3a2e73}.shell-trail{list-style:none;display:flex;align-items:center;justify-content:center;gap:5px;margin:0;padding:0}.shell-step{position:relative;display:flex}.shell-slot{display:block;width:28px;height:28px}.shell-art{display:block;width:100%;height:100%;overflow:visible}.shell-fan{fill:#f5eee2;stroke:#d3c6af;stroke-width:1.2;stroke-linejoin:round;transition:fill .45s,stroke .45s}.shell-ribs{fill:none;stroke:#ddd2be;stroke-width:.9;stroke-linecap:round;transition:stroke .45s}.shell-shine{fill:none;stroke:#fff;stroke-width:1.3;stroke-linecap:round;opacity:0;transition:opacity .45s}.shell-hinge{fill:#e9dfcc;stroke:#d3c6af;stroke-width:1;stroke-linejoin:round;transition:fill .45s,stroke .45s}.shell-art.is-current{animation:shellBob 1.9s ease-in-out infinite}.shell-art.is-current .shell-fan{fill:#fcf4ec;stroke:#d99a82}.shell-art.is-current .shell-ribs{stroke:#ebc3b2}.shell-art.is-done .shell-fan{fill:#f1bfa9;stroke:#c47c63}.shell-art.is-done .shell-ribs{stroke:#db967d}.shell-art.is-done .shell-shine{opacity:.9}.shell-art.is-done .shell-hinge{fill:#e3a68e;stroke:#c47c63}.shell-pop{animation:shellPop .6s var(--spring)}.shell-glint{position:absolute;left:50%;top:-8px;margin-left:-9px;pointer-events:none;animation:shellGlint .9s ease-out forwards}@keyframes shellBob{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-2px) rotate(-4deg)}}@keyframes shellPop{0%{transform:scale(.7)}50%{transform:scale(1.3) rotate(8deg)}to{transform:scale(1)}}@keyframes shellGlint{0%{opacity:0;transform:scale(.4) rotate(0)}30%{opacity:1}to{opacity:0;transform:scale(1.3) rotate(45deg) translateY(-6px)}}.island-road-end{margin-top:6px}.island-beach{display:grid;justify-items:center;gap:4px;padding:26px 22px 4px;border-radius:30px 30px 0 0;background:#efe2c6;text-align:center;scroll-margin-top:110px}.island-plate-copy h2{margin:6px 0 0;font-size:26px}.island-plate-copy p{margin:8px auto 0;max-width:46ch;font-size:17px;line-height:1.5;color:#6e5a3a}.island-beach .scribe{max-width:520px}.sea-edge{display:block;width:100%;height:auto;border-radius:0 0 30px 30px}.scribe{display:block;width:100%;height:auto;overflow:visible}.scribe-fragment{cursor:pointer;transition:transform .75s cubic-bezier(.3,1.15,.45,1);filter:drop-shadow(2px 4px 3px #3B281840);outline:none}.scribe-fragment:not(.is-pressing){animation:fragWait 2.6s ease-in-out infinite}.scribe-fragment:focus-visible .scribe-fragment-edge{stroke:#c06a45;stroke-width:3}@keyframes fragWait{0%,to{filter:drop-shadow(2px 4px 3px #3B281840)}50%{filter:drop-shadow(0 0 8px #F6D378) drop-shadow(2px 4px 3px #3B281840)}}.plate-press{animation:platePress 1.3s ease-out both}@keyframes platePress{0%{opacity:1;stroke-width:7}to{opacity:0;stroke-width:1}}.scribe-flame{animation:scribeFlame 1.2s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:50% 100%}@keyframes scribeFlame{0%{transform:scale(1)}to{transform:scale(.9,1.08) skew(3deg)}}.scribe-glow{animation:scribeGlow 3s ease-in-out infinite}@keyframes scribeGlow{0%,to{opacity:.8}50%{opacity:1}}.plate.is-gilded{filter:drop-shadow(0 0 10px #F6D37888)}.island-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 18px;margin-top:34px}.island-unit-name{font-size:15px;font-style:italic;color:#8e7c60}.island-outcome{display:flex;flex-direction:column;gap:10px;margin:14px auto 0;padding:0;max-width:520px;list-style:none;text-align:left}.island-outcome li{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:16px;background:#fbf5ea;border:1px solid #E6D8BF;font-size:17px}.island-outcome li svg{flex:none;color:#b98f3a}.island-rest{margin-top:14px;font-size:22px;color:#8b7b5c}.skills-unit{margin-top:30px;padding:20px 22px 22px;border-radius:26px;background:#fbf5ea99;border:1.5px solid #E6D8BF}.skills-unit-head{display:flex;align-items:center;gap:14px;margin-bottom:14px}.skills-unit-head strong{display:block;font-size:21px;font-weight:600}.skills-unit-head small{font-size:14.5px;color:#9b886f;font-style:italic}.skills-unit-n{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--tone);color:#fffdf7;font:600 18px/1 var(--font-serif);box-shadow:0 3px color-mix(in srgb,var(--tone) 70%,#3B3A2E)}.skills-island{margin-top:14px;padding:14px 16px;border-radius:18px;background:var(--tone-soft);border:1.5px solid color-mix(in srgb,var(--tone) 45%,transparent)}.skills-island.is-locked{background:#f6eedf;border-style:dashed;border-color:#dccdb0}.skills-island-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:8px}.skills-island-head strong{display:block;font-size:20px;font-weight:600}.skills-island-head .button{gap:8px}.skills-island-lock{display:inline-flex;align-items:center;gap:6px;font-size:15px;color:#8e7c60;font-style:italic}.tier-seals{display:inline-flex;gap:6px;flex:none}.tier-seal{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font:600 13px/1 var(--font-serif);border:2px dashed #C9B994;color:#b8a98c;background:#fffdf780;outline-offset:2px}.tier-seal.is-open{border-style:solid;border-color:var(--tone);color:var(--tone-ink);background:#fffdf7}.tier-seal.is-walked{border-style:solid;border-color:#c29a3d;color:#5b4a36;background:radial-gradient(circle at 40% 35%,#f7ebc6,#e7cb82)}.tier-seal.is-steady{border-style:solid;border-color:#b98f3a;color:#5b3e12;background:radial-gradient(circle at 40% 35%,#fbe7a8,#ddb45c);box-shadow:0 0 0 3px #f6d37866}.tier-seal.is-resting{border-style:dashed;border-color:#a39e92;color:#8e8778;background:#f1ece2}.plate-shelf{margin-top:40px}.plate-shelf-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:22px 18px;margin-top:18px;padding:22px 18px 18px;border-radius:20px;background:#f6eedf}.plate-slot-art{position:relative;display:flex;justify-content:center;width:100%;padding-bottom:12px}.plate-slot-art:after{content:"";position:absolute;left:4%;right:4%;bottom:0;height:12px;border-radius:4px;background:linear-gradient(#c49a6a,#8c6240);box-shadow:0 4px 6px -3px #5b3e2366}.plate-slot{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;color:inherit;text-decoration:none}.plate-slot .plate{width:100%;max-width:140px;height:auto;transition:transform .3s var(--spring)}a.plate-slot:hover .plate{transform:translateY(-3px) rotate(-1deg)}.plate-slot-name{font-size:16px;font-weight:600;margin-top:4px}.plate-slot small{font-size:13px;color:#9b886f}.plate-slot.is-shadow .plate-slot-name{font-weight:400;color:#a0927a;font-style:italic}.plate-shadow{display:block;width:100%;max-width:140px;aspect-ratio:240 / 300;border-radius:10px;background:#e6dcc8;border:2px dashed #CDBB98;opacity:.7}.unit-skills{display:flex;flex-wrap:wrap;gap:3px;margin-top:7px}.unit-skill{display:inline-flex;border-radius:50%;outline:none;cursor:default;transition:transform .25s var(--spring)}.unit-skill:focus-visible{box-shadow:0 0 0 3px #fffdf7,0 0 0 5px #8e7fb0}.unit-skill:hover{transform:translateY(-2px) scale(1.08)}.unit-skill .disc-icon.is-dim{opacity:.75}.road-sidepath{position:relative;display:flex;align-items:center;gap:14px;max-width:480px;margin:-6px auto 24px;padding:12px 18px 12px 12px;border-radius:22px;background:#fffdf7;border:2px solid var(--tone);box-shadow:0 4px color-mix(in srgb,var(--tone) 60%,#FFFDF7);color:inherit;text-decoration:none;transition:transform .25s var(--spring),box-shadow .25s}a.road-sidepath[href]:hover{transform:translateY(-3px);box-shadow:0 7px color-mix(in srgb,var(--tone) 60%,#FFFDF7)}.road-sidepath.is-locked{border-style:dashed;border-color:#cdbf9e;box-shadow:none;background:#fbf5ea99;color:#3b3a2eb3}.road-sidepath-trail{position:absolute;left:50%;top:-26px;height:26px;border-left:3px dotted #C9B994}.cliff-sign{width:96px;height:auto;flex:none}.road-sidepath-copy{display:flex;flex-direction:column;flex:1;min-width:0;text-align:left}.road-sidepath-eyebrow{font-family:var(--font-sc);font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--tone-ink)}.road-sidepath-copy b{font-size:20px;font-weight:600}.road-sidepath-copy i{font-size:15px;color:#8e7c60}}@media(max-width:900px){.shell-slot{width:22px;height:22px}.shell-trail{gap:3px}}@media(max-width:720px){.island-beach{padding:18px 12px 4px}.skills-unit{padding:16px 12px}.road-sidepath{margin:-6px 12px 22px}.cliff-sign{width:74px}}@media(prefers-reduced-motion:reduce){.scribe-fragment,.scribe-flame,.scribe-glow,.plate-press,.road-mist-drift,.prop-bell,.prop-echo,.lighthouse-beam,.prop-bob,.sea-foam,.sea-glint,.gull-glide,.wash-sea,.wash-dawn,.island-road .road-node.just-opened,.open-burst,.shell-art,.shell-pop{animation:none!important}.shell-glint,.open-burst{display:none}.scribe-fragment{transition-duration:.01ms}}.app.paper.is-cliffs{background-color:#f3eee5;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.23  0 0 0 0 0.22  0 0 0 0 0.18  0 0 0 .05 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>"),linear-gradient(180deg,#f9e7d9 0,#f6eedf 560px,#efece4 45%,#e4e8ec 80%,#d6dfea)}@layer components{.badge-shelf{--row: 164px;--gap: 20px;--plank: 15px;display:grid;grid-template-columns:repeat(auto-fill,minmax(136px,1fr));grid-auto-rows:var(--row);row-gap:var(--gap);margin:4px -8px 0;padding:0 8px;background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--row) - var(--plank)),#DDB98C calc(var(--row) - var(--plank)),#DDB98C calc(var(--row) - var(--plank) + 3px),#B4824F calc(var(--row) - var(--plank) + 3px),#8C6240 calc(var(--row) - 3px),#6E4A30 calc(var(--row) - 3px),#6E4A30 var(--row),rgba(91,62,35,.16) var(--row),transparent calc(var(--row) + 8px),transparent calc(var(--row) + var(--gap)));border-radius:6px}.badge-shelf.is-island{--row: 204px}.skill-badge{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:calc(var(--row) - var(--plank) + 4px);min-width:0}.skill-badge-pin{display:flex;flex-direction:column;align-items:center;padding:0;border:0;background:none;cursor:pointer;border-radius:16px}.skill-badge-art{display:block;transform-origin:50% 6%;transition:transform .3s var(--spring);filter:drop-shadow(0 5px 4px rgba(91,62,35,.22))}.skill-badge-art .emblem{display:block}@media(hover:hover){.skill-badge-pin:hover .skill-badge-art{transform:translateY(-4px) rotate(-3deg)}}.skill-badge-art.is-swinging{animation:badgeSwing .9s cubic-bezier(.3,1.4,.5,1) both}.skill-badge.is-locked .skill-badge-art{filter:none;opacity:.92}.badge-ribbon{position:relative;z-index:1;margin-top:-22px;max-width:132px;padding:5px 17px 6px;text-align:center;font:600 14.5px/1.15 var(--font-serif);letter-spacing:.01em;clip-path:polygon(0 0,100% 0,calc(100% - 9px) 50%,100% 100%,0 100%,9px 50%)}.skill-badge.is-locked .badge-ribbon{font-weight:500}.skill-badge .tier-seals{margin-top:8px}.badge-glint,.emblem-glint{animation:badgeGlint 3.2s ease-in-out infinite}.emblem-rays{transform-box:view-box;transform-origin:60px 58px;animation:emblemRays 48s linear infinite}@keyframes emblemRays{to{transform:rotate(360deg)}}@keyframes badgeSwing{0%{transform:rotate(0)}20%{transform:rotate(-10deg)}45%{transform:rotate(7deg)}70%{transform:rotate(-3deg)}to{transform:rotate(0)}}@keyframes badgeGlint{0%,to{opacity:.2}50%{opacity:1}}.badge-shelf.is-empty{--bird: 74px;display:block;position:relative;height:var(--row)}.badge-shelf-note{position:absolute;top:22px;left:12px;right:12px;margin:0;text-align:center;text-wrap:balance;font-size:28px;color:#8e7c60;transform:rotate(-2deg)}.shelf-wren{position:absolute;left:8px;right:8px;bottom:calc(var(--plank) - var(--bird) * .088);pointer-events:none;transform:translate(calc((100% - var(--bird)) * .08));animation:shelfWrenX 22s linear infinite}.shelf-wren-turn{width:var(--bird);animation:shelfWrenTurn 22s linear infinite}.shelf-wren-hop,.shelf-wren-peck{transform-origin:48% 91%}.shelf-wren-hop{animation:shelfWrenHop 22s linear infinite}.shelf-wren-peck{animation:shelfWrenPeck 22s ease-in-out infinite}.shelf-wren-bird{display:block;width:100%;height:auto}.skills-unit .badge-shelf{margin-top:2px}.skills-island .badge-shelf{margin-top:10px}.header-avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;box-shadow:0 0 0 2px #e2cfae,0 3px #e2cfae;transition:transform .25s var(--spring)}.header-avatar:hover{transform:translateY(-2px)}.header-avatar .avatar{display:block}.profile-page{max-width:1080px;margin:0 auto;padding:32px 24px 60px}.profile-hero,.profile-card{border-radius:28px;background:#fbf5ea;border:1.5px solid #E6D8BF;box-shadow:0 18px 40px -30px #5b3e2366}.profile-hero{padding:26px 28px 24px;background:radial-gradient(90% 120% at 0% 0%,#fff7e2,#fbf5ea 60%)}.profile-hero-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px 30px}.profile-portrait{position:relative;margin:10px;padding:0;border:0;background:none;cursor:pointer;border-radius:50%;box-shadow:0 0 0 4px #e8cc8a,0 7px 0 3px #e2cfae}.profile-portrait .avatar{display:block;transition:transform .3s var(--spring)}.profile-portrait:hover .avatar{transform:rotate(-3deg) scale(1.03)}.profile-portrait-edit{position:absolute;right:-2px;bottom:2px;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#a99bc4;color:#fffdf7;box-shadow:0 0 0 3px #fbf5ea,0 4px #8e7fb0}.profile-id{min-width:0}.profile-id h1{margin:0;font-size:clamp(2.3rem,5vw,3.2rem);line-height:1.05;letter-spacing:-.5px;overflow-wrap:anywhere}.profile-since{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:4px 0 0;font-size:18px;color:#6f7f4e}.profile-since .inline-link{font-size:17px}.profile-where{display:inline-flex;align-items:center;gap:8px;max-width:100%;margin:12px 0 0;padding:3px 14px 3px 3px;border-radius:999px;background:#f1f0de;border:1.5px solid #D9DFC0;color:#55663d;font-size:16px;line-height:1.25}.profile-where .island-badge{flex:none}.profile-where.is-walked{background:#f6eacb;border-color:#e8cc8a;color:#7e5f1c}.profile-actions{display:flex;flex-direction:column;gap:10px;align-self:start}.profile-actions .button{gap:10px}.profile-edit{min-height:46px;font-size:17px}.profile-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:22px 0 0;padding:0;list-style:none}.profile-stat{display:flex;align-items:center;gap:14px;min-width:0;padding:14px 16px;border-radius:22px;background:#fffdf7;border:2px solid #EADFCB;box-shadow:0 4px #e6d8bf;outline-offset:3px}.profile-stat-icon{flex:none;display:grid;place-items:center;width:54px;height:54px;border-radius:50%;color:#fffdf7}.profile-stat.tone-gold .profile-stat-icon{background:#fff3d6;box-shadow:inset 0 0 0 2px #e8cc8a,0 4px #e8cc8a}.profile-stat.tone-gold .streak-pennant{margin-left:4px}.profile-stat.tone-olive .profile-stat-icon{background:#8a9a66;box-shadow:0 4px #6f7f4e}.profile-stat.tone-lav .profile-stat-icon{background:#a99bc4;box-shadow:0 4px #8e7fb0}.profile-stat.tone-terra .profile-stat-icon{background:#cc835c;box-shadow:0 4px #995434}.profile-stat-text{min-width:0}.profile-stat b{display:block;font-size:32px;font-weight:700;line-height:1}.profile-stat i{display:block;margin-top:4px;font-style:normal;font-size:15px;line-height:1.2;color:#8e7c60}.profile-card{margin-top:22px;padding:20px 24px 22px}.profile-card h2{margin:0;font-size:26px}.profile-card-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px;margin-bottom:12px}.profile-card-head .inline-link{display:inline-flex;align-items:center;gap:4px;font-size:16px}.badge-shelf.is-profile{--row: 148px;grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}.badge-shelf.is-profile .emblem{width:96px;height:auto}.badge-shelf.is-profile .badge-ribbon{max-width:108px;padding-inline:13px;font-size:13px;margin-top:-19px}.finish-key{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px 18px;margin:14px 0 0;padding:0;list-style:none;font-size:14.5px;color:#8e7c60}.finish-key li{display:inline-flex;align-items:center;gap:4px}.finish-key .emblem{display:block;width:42px;height:auto;margin:-4px 0}.rsf{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin:4px 0 0;padding:0;list-style:none}.rsf-unit{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 4px 4px;text-align:center;border-radius:16px;outline-offset:2px}.rsf-unit:before{content:"";position:absolute;top:45px;right:50%;width:100%;border-top:5px dotted #E2D6BF}.rsf-unit:first-child:before{display:none}.rsf-unit.is-walked:before,.rsf-unit.is-here:before{border-top-color:#ddb45c}.rsf-stone{position:relative;z-index:1;display:block;width:64px;height:64px;transition:transform .25s var(--spring)}.rsf-unit:hover .rsf-stone{transform:translateY(-3px)}.rsf-unit.is-here .rsf-stone:before{content:"";position:absolute;z-index:-1;inset:-5px -5px 0;border-radius:50%;border:3px solid #A99BC4;opacity:.45;animation:rsfRing 2.4s ease-out infinite}.unit-stone{display:block;width:100%;height:100%;overflow:visible}.rsf-wren{position:absolute;z-index:2;top:-4px;left:calc(50% + 16px);width:52px;overflow:visible}.rsf-place{font-size:15px;line-height:1.2;color:#3b3a2e;text-wrap:balance}.rsf-unit.is-here .rsf-place{font-weight:600;color:#5f4f6e}.rsf-unit.is-ahead .rsf-place{color:#a0927a}.rsf-beads{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;max-width:80px}.rsf-beads i{width:9px;height:9px;border-radius:50%;background:#f1e9d8;box-shadow:inset 0 0 0 1.5px #dccfb6}.rsf-beads i.is-on{background:#e4bf67;box-shadow:inset 0 0 0 1.5px #ba913b}@keyframes rsfRing{0%{transform:scale(.92);opacity:.55}to{transform:scale(1.25);opacity:0}}.profile-doors{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 16px;margin-top:16px;padding-top:14px;border-top:1.5px dashed #E6D8BF;font-size:16px;color:#6e5a3a}.door-marks{display:inline-flex;gap:10px}.door-mark{display:block;width:30px;height:39px;overflow:visible;transition:transform .25s var(--spring)}.door-mark:hover{transform:translateY(-3px) rotate(-3deg)}.profile-best{display:inline-flex;align-items:center;gap:6px;padding:4px 13px 4px 8px;border-radius:999px;background:#f6eacb;color:#7e5f1c;font-size:15.5px}.profile-days{position:relative;margin-top:20px}.profile-today{position:absolute;left:0;top:-14px;font-size:22px;color:#8e7c60;transform:rotate(-6deg)}.day-bunting{display:block;width:100%;height:auto;overflow:visible}.day-flag{transform-box:fill-box;transform-origin:50% 0;animation:flagSway 4.6s ease-in-out infinite}.day-flag.is-today.is-on{animation-duration:2.6s}.day-rays{animation:badgeGlint 2.4s ease-in-out infinite}@keyframes flagSway{0%,to{transform:rotate(-2.5deg)}50%{transform:rotate(2.5deg)}}.profile-hint{margin:0;text-align:center;font-size:22px;color:#8e7c60}.profile-scene{position:relative;margin-top:18px}.profile-scene-play{display:block;width:100%;padding:0;border:0;background:none;cursor:pointer}.profile-scene-art{display:block;width:100%;height:auto}.profile-steam{animation:steam 3s ease-in-out infinite}@keyframes steam{0%,to{opacity:.2;transform:translateY(2px)}50%{opacity:.9;transform:translateY(-2px)}}.share-modal{width:min(520px,100%);padding-inline:24px}.share-preview{display:grid;place-items:center;width:min(100%,320px,max(200px,calc((90svh - 400px)*.8)));aspect-ratio:1080 / 1350;margin:4px auto 0;border-radius:18px;background:#f3e8d2;overflow:hidden;box-shadow:0 16px 30px -18px #5b3e23aa}.share-preview img{display:block;width:100%;height:auto}.share-painting{margin:0;font-size:26px;color:#8e7c60;animation:badgeGlint 1.6s ease-in-out infinite}.share-failed{margin:0;padding:20px;font-size:16px;line-height:1.45;color:#9a4a2e}.share-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px}.share-actions .button{gap:8px}.share-actions .button-secondary{min-height:53px}.share-card-src{position:absolute;width:0;height:0;overflow:hidden;visibility:hidden;pointer-events:none}.share-public{margin-top:20px;padding:16px 18px;border-radius:20px;background:#f4eff9;border:1.5px solid #DCD0E7;text-align:left}.share-public.is-on{background:#f1f0de;border-color:#d9dfc0}.share-public-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.share-public-head b{display:block;font-size:17px;line-height:1.25;color:#3b3a2e}.share-public-head i{display:block;margin-top:3px;font-style:normal;font-size:14px;line-height:1.35;color:#6e5a3a}.switch{flex:none;position:relative;width:54px;height:32px;padding:0;border:0;border-radius:999px;background:#d9cdb8;box-shadow:inset 0 2px #3b3a2e14;cursor:pointer;transition:background .2s}.switch.is-on{background:#8a9a66}.switch-knob{position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:#fffdf7;box-shadow:0 2px #3b3a2e26;transition:transform .25s var(--spring)}.switch.is-on .switch-knob{transform:translate(22px)}.switch:focus-visible{outline:3px solid #8E7FB0;outline-offset:3px}.switch:disabled{opacity:.55;cursor:not-allowed}.share-public-note{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;margin:12px 0 0;font-size:14.5px;line-height:1.35;color:#6e5a3a}.share-public-note.is-error{color:#9a4a2e}.share-consent{margin-top:14px;padding-top:14px;border-top:1.5px dashed #DCD0E7}.share-consent p{margin:0 0 10px;font-size:15px;line-height:1.4;color:#3b3a2e}.share-consent-tick{display:flex;align-items:flex-start;gap:10px;font-size:15.5px;line-height:1.35;cursor:pointer}.share-consent-tick input{flex:none;width:20px;height:20px;margin:1px 0 0;accent-color:#8E7FB0;cursor:pointer}.share-consent-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px}.share-link{display:flex;gap:8px;margin-top:14px}.share-link input{flex:1;min-width:0;min-height:50px;padding:0 14px;border-radius:14px;border:2px solid #D9DFC0;background:#fffdf7;font:500 15px/1 var(--font-serif);color:#3b3a2e}.share-link input:focus-visible{outline:3px solid #8E7FB0;outline-offset:2px}.share-link .button{gap:8px;white-space:nowrap}.share-link-more{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:10px 0 0;font-size:14.5px;color:#8e7c60}.share-link-tip{font-style:italic;color:#a0927a}.public-offer{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:22px;padding:14px 18px;border-radius:22px;background:#fff3d6;border:1.5px solid #E8CC8A}.public-offer-icon{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#ddb45c;color:#fffdf7;box-shadow:0 3px #b98f3a}.public-offer-copy{flex:1 1 240px;min-width:0}.public-offer-copy b{display:block;font-size:18px;line-height:1.25;color:#3b3a2e}.public-offer-copy i{display:block;margin-top:2px;font-style:normal;font-size:15px;color:#7e5f1c}.public-offer-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.public-header-cta{min-height:44px;padding-inline:18px;font-size:16px}.public-opening{margin:90px 0;text-align:center;font-size:28px;color:#8e7c60;animation:badgeGlint 1.6s ease-in-out infinite}.public-missing{display:grid;justify-items:center;gap:12px;padding:44px 24px;text-align:center}.public-missing h1{margin:0;font-size:clamp(1.8rem,4vw,2.4rem)}.public-missing p{margin:0;font-size:17px;color:#6e5a3a}.public-yours{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 8px;margin:0 0 14px;font-size:15px;color:#6f7f4e}.profile-portrait.is-still{cursor:default}.profile-portrait.is-still:hover .avatar{transform:none}.public-instrument{position:absolute;right:-6px;bottom:-2px;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#fffdf7;box-shadow:0 0 0 3px #ddb45c,0 5px #e2cfae}.public-invite{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;padding:22px 26px;background:#f4eff9;border-color:#dcd0e7}.public-invite h2{margin:0;font-size:24px}.public-invite p{margin:4px 0 0;font-size:16.5px;color:#6e5a3a}.public-invite .button{gap:8px}.profile-account{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;margin-top:22px;padding:20px 24px;border-radius:24px;background:#f4eff9;border:1.5px solid #DCD0E7}.profile-account.is-pending{min-height:92px;background:#fbf5ea;border-color:#e6d8bf}.profile-account.is-signed-in{padding:12px 18px;background:#fbf5ea;border-color:#e6d8bf}.profile-account-copy{flex:1 1 320px;min-width:0}.profile-account-copy h2{margin:0;font-size:22px}.profile-account-copy p{margin:4px 0 0;font-size:16px;line-height:1.45;color:#6e5a3a}.profile-account-error{display:flex;align-items:flex-start;gap:6px;color:#9a4a2e!important;font-style:italic}.profile-account-error svg{flex:none;margin-top:.3em}.signin-buttons{display:flex;flex-wrap:wrap;gap:10px}.signin-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 18px;border-radius:14px;border:1.5px solid #DADCE0;background:#fff;color:#3c4043;font:500 16px/1 var(--font-serif);cursor:pointer;box-shadow:0 3px #d7ccb8;transition:transform .2s var(--spring),box-shadow .2s}.signin-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px #d7ccb8}.signin-button:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #d7ccb8}.signin-button.is-discord{background:#5865f2;border-color:#5865f2;color:#fff;box-shadow:0 3px #3f4ac0}.signin-button.is-discord:hover:not(:disabled){box-shadow:0 5px #3f4ac0}.signin-button.is-discord:active:not(:disabled){box-shadow:0 1px #3f4ac0}.signin-button.is-email{background:#fffdf7;border-color:#e2cfae;color:#5c496f}.signin-button:disabled{opacity:.7;cursor:default}.signin-button.is-busy span:after,.email-signin .is-busy span:after{content:"…"}.signin-buttons.has-form{flex-direction:column;align-items:stretch;width:100%;max-width:380px}.email-signin{display:flex;flex-direction:column;gap:12px;max-width:380px;padding:16px;border-radius:18px;background:#fffdf7;border:1.5px solid #E2CFAE;text-align:left}.email-field{display:flex;flex-direction:column;gap:6px}.email-field>span{font-family:var(--font-sc);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#8e7fb0}.email-field input{min-width:0;padding:10px 14px;border-radius:12px;border:2px solid #E2CFAE;background:#fff;font:500 17px/1.2 var(--font-serif);color:#3b3a2e}.email-field input:focus{outline:none;border-color:#a99bc4;box-shadow:0 0 0 4px #a99bc433}.email-field input.is-code{font-size:24px;letter-spacing:.35em;font-variant-numeric:tabular-nums}.email-field input.is-code::placeholder{color:#d9cdb8}.email-field small{font-size:13px;color:#a0927a}.email-signin-note{margin:0;font-size:15px;line-height:1.45;color:#6e5a3a;overflow-wrap:anywhere}.email-signin-note small{display:block;margin-top:4px;font-size:13px;color:#a0927a}.email-signin-error{display:flex;align-items:center;gap:6px;margin:0;font-size:15px;font-style:italic;color:#9a4a2e}.email-signin .button{align-self:stretch}.email-signin-links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 14px}.email-signin-links .inline-link{font-size:14px}.profile-account-who{display:flex;align-items:center;gap:12px;min-width:0}.profile-account-provider{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#fff;box-shadow:0 0 0 1.5px #e2cfae}.profile-account-who b{display:block;font-size:16px;font-weight:600}.profile-account-who i{display:block;font-style:normal;font-size:14px;color:#8e7c60;overflow-wrap:anywhere}.profile-sync{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:#eef1e3;color:#55663d;font-size:14px}.profile-sync.is-saving,.profile-sync.is-loading,.profile-sync.is-choose{background:#f6eacb;color:#7e5f1c}.profile-sync.is-offline{background:#f6e1d5;color:#9a4a2e}.sync-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.sync-choice{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:18px;border:2px solid #E2CFAE;background:#fffdf7;text-align:left;cursor:pointer;transition:transform .2s var(--spring),border-color .2s}.sync-choice:hover:not(:disabled){transform:translateY(-2px);border-color:#a99bc4}.sync-choice strong{font-size:19px}.sync-choice span{font-size:15px;line-height:1.4;color:#6e5a3a}.sync-later{display:block;margin:14px auto 0;font-size:14px}.profile-account-actions{display:flex;flex-direction:column;gap:8px}.signin-legal{margin:0;max-width:380px;font-size:13px;line-height:1.4;color:#8e7c60}.legal-page{max-width:780px;margin:0 auto;padding:32px 24px 70px}.legal-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.legal-tabs a{padding:7px 14px;border-radius:999px;background:#fbf5ea;border:1.5px solid #E6D8BF;color:#6e5a3a;text-decoration:none;font-size:15px}.legal-tabs a.is-on{background:#f4eff9;border-color:#a99bc4;color:#3b3a2e}.legal-doc{padding:30px 34px 34px;border-radius:28px;background:#fffdf7;border:1.5px solid #E6D8BF;box-shadow:0 18px 40px -30px #5b3e2366}.legal-doc h1{margin:0;font-size:clamp(2rem,4.5vw,2.7rem);line-height:1.1}.legal-updated{margin:6px 0 0;font-size:14px;color:#8e7c60;font-style:italic}.legal-intro p{margin:16px 0 0;font-size:18px;line-height:1.6}.legal-contents{columns:2;column-gap:24px;margin:18px 0 6px;padding:14px 18px;border-radius:16px;background:#fbf5ea;list-style:none}.legal-contents li{break-inside:avoid;padding:3px 0}.legal-contents .inline-link{font-size:15px;text-align:left}.legal-section{scroll-margin-top:100px;margin-top:26px}.legal-section h2{margin:0 0 8px;font-size:22px}.legal-section h3{margin:16px 0 4px;font-size:18px;font-weight:600}.legal-section p,.legal-section li{font-size:16.5px;line-height:1.6;color:#3b3a2e}.legal-section p{margin:6px 0 0}.legal-section ul{margin:6px 0 0;padding-left:22px}.legal-section li{margin:4px 0}.legal-section code{padding:1px 6px;border-radius:6px;background:#f3ead6;font-size:14px}.legal-clause{display:grid;grid-template-columns:48px minmax(0,1fr)}.legal-clause b{font-weight:600;color:#8e7c60}.legal-section .legal-clause+ul{margin-left:48px;list-style:disc}.legal-clause-more{padding-left:48px}.legal-language{margin-bottom:12px}.legal-fill{padding:0 4px;border-radius:4px;background:#f6d37866;color:#6e4e14}.legal-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 16px;margin-top:22px;font-size:14px;color:#a0927a}.legal-links a{color:#8e7c60;text-decoration:underline;text-underline-offset:3px}.legal-links a:hover{color:#3b3a2e}.legal-links.is-small{margin-top:8px;font-size:13px}.legal-seller{margin:6px 0 0;font-size:13px;text-align:center;color:#8e7c60}.legal-page.is-story{max-width:940px}.privacy-book{padding:34px 40px 40px}.privacy-art{display:block;width:100%;height:auto}.privacy-hero{display:grid;grid-template-columns:minmax(0,1fr) 280px;align-items:center;gap:8px 28px}.privacy-hero h1{margin:0;font-size:clamp(2.1rem,4.8vw,2.9rem);line-height:1.05}.privacy-lede p{margin:14px 0 0;font-size:clamp(1.1rem,2.1vw,1.3rem);line-height:1.5;color:#3b3a2e}.privacy-how{margin:12px 0 0;font-family:var(--font-hand);font-size:24px;line-height:1.1;color:#8e7fb0;transform:rotate(-1.2deg);transform-origin:left}.privacy-promises{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0 6px;padding:0;list-style:none}.privacy-promise{scroll-margin-top:100px;display:flex;flex-direction:column;padding:12px 18px 18px;border-radius:22px;background:#fbf5ea;border:1.5px solid #EADBC0;box-shadow:0 4px #eadbc0;text-align:center}.privacy-promise .privacy-art{width:150px;margin:0 auto 6px}.privacy-promise h2{margin:0;font-size:20px;line-height:1.2}.privacy-promise p{margin:8px 0 0;font-size:16px;line-height:1.5;color:#3b3a2ed9}.privacy-promise .privacy-details{margin-top:auto;padding-top:12px}.privacy-promise .privacy-details-body{text-align:left}.privacy-chapter{scroll-margin-top:100px;margin-top:28px;padding-top:26px;border-top:1.5px dashed #E6D8BF}.privacy-chapter.has-art{display:grid;grid-template-columns:170px minmax(0,1fr);gap:4px 28px;align-items:start}.privacy-chapter.is-flipped{grid-template-columns:minmax(0,1fr) 170px}.privacy-chapter.is-flipped .privacy-chapter-art{order:2}.privacy-chapter h2{margin:0 0 6px;font-size:24px;line-height:1.2}.privacy-chapter p,.privacy-chapter li{font-size:17px;line-height:1.6;color:#3b3a2e}.privacy-chapter p{margin:8px 0 0}.privacy-chapter ul:not([class]){margin:6px 0 0;padding-left:22px}.privacy-chapter ul:not([class]) li{margin:4px 0}.privacy-book code{padding:1px 6px;border-radius:6px;background:#f3ead6;font-size:14px}.legal-intro .inline-link,.legal-section .inline-link,.privacy-book .inline-link{display:inline;padding:0;font-size:inherit}.privacy-details{margin-top:12px}.privacy-details>summary{display:inline-flex;align-items:center;gap:8px;padding:5px 14px 6px 12px;border-radius:999px;border:1.5px solid #E2CFAE;background:#fffdf7;list-style:none;cursor:pointer;font-family:var(--font-sc);font-size:14px;letter-spacing:.06em;color:#7d6c92;transition:border-color .2s,color .2s}.privacy-details>summary::-webkit-details-marker{display:none}.privacy-details>summary:before{content:"";width:6px;height:6px;margin-top:-2px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);transition:transform .25s var(--spring)}.privacy-details[open]>summary:before{margin-top:-4px;transform:rotate(45deg)}.privacy-details>summary:hover{border-color:#a99bc4;color:#5c496f}.privacy-details-body{margin-top:10px;padding:12px 16px 14px;border-radius:16px;background:#fbf5ea;border-left:3px solid #DCD0E7}.privacy-details-body p,.privacy-details-body li{font-size:15.5px;line-height:1.55;color:#3b3a2ee6}.privacy-details-body>:first-child{margin-top:0}.privacy-promise .privacy-details-body{background:#fffdf7}.privacy-providers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0 0;padding:0;list-style:none}.privacy-providers li{display:flex;flex-direction:column;gap:3px;padding:12px 15px;border-radius:16px;background:#fbf5ea;border:1.5px solid #EADBC0;font-size:15.5px;line-height:1.45;color:#3b3a2ed9}.privacy-providers b{font-size:17.5px;color:#3b3a2e}.privacy-keep{position:relative;margin:12px 0 0;padding:0;list-style:none}.privacy-keep:before{content:"";position:absolute;left:9px;top:14px;bottom:14px;width:7px;border-radius:4px;background:#e9d2a8}.privacy-keep li{position:relative;display:grid;grid-template-columns:190px minmax(0,1fr);gap:2px 14px;align-items:baseline;padding:6px 0 6px 36px;font-size:16.5px;line-height:1.5;color:#3b3a2e}.privacy-keep li:before{content:"";position:absolute;left:4px;top:12px;width:17px;height:13px;border-radius:50%;background:#ddb45c;box-shadow:0 2px #b98f3a}.privacy-keep li:last-child:before{background:#a99bc4;box-shadow:0 2px #8e7fb0}.privacy-keep-when{font-weight:600;color:#6e4a30}.privacy-rights{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0 0;padding:0;list-style:none}.privacy-rights li{display:flex;flex-direction:column;gap:4px;padding:12px 13px 13px;border-radius:16px;background:#f4eff9;border:1.5px solid #DCD0E7;font-size:14.5px;line-height:1.4;color:#3b3a2ed9}.privacy-rights li svg{color:#8e7fb0}.privacy-rights li svg *{stroke-width:1.6px}.privacy-rights b{font-size:16.5px;line-height:1.25;color:#3b3a2e}.privacy-sand{animation:privacy-sand 1.1s linear infinite}@keyframes privacy-sand{to{stroke-dashoffset:-10}}.profile-form{display:flex;flex-direction:column;gap:18px;margin-top:14px;text-align:left}.profile-field{display:flex;flex-direction:column;gap:8px}.profile-field>span{font-family:var(--font-sc);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#8e7fb0}.profile-field input{padding:12px 16px;border-radius:14px;border:2px solid #E2CFAE;background:#fffdf7;font:500 20px/1.2 var(--font-serif);color:#3b3a2e}.profile-field input:focus{outline:none;border-color:#a99bc4;box-shadow:0 0 0 4px #a99bc433}.avatar-pick{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.avatar-option{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px 8px;border-radius:18px;border:2px solid #EADBC0;background:#fffdf7;cursor:pointer;transition:transform .25s var(--spring),border-color .2s}.avatar-option:hover{transform:translateY(-2px)}.avatar-option.is-on{border-color:#a99bc4;background:#f4eff9;box-shadow:0 3px #a99bc4}.avatar-option small{font-size:13px;line-height:1.2;color:#6e5a3a;text-align:center}.profile-form-note{display:flex;align-items:center;gap:6px;margin:0;font-size:14px;font-style:italic;color:#a0927a}.profile-form-actions{display:flex;align-items:center;gap:12px}}@media(prefers-reduced-motion:reduce){.privacy-sand{animation:none}}@media(max-width:860px){.privacy-rights{grid-template-columns:repeat(2,minmax(0,1fr))}.privacy-hero{grid-template-columns:minmax(0,1fr) 220px}}@media(max-width:760px){.privacy-hero{grid-template-columns:1fr}.privacy-hero-art{order:-1;width:min(250px,80%);margin:0 auto}.privacy-promises{grid-template-columns:1fr;gap:12px}.privacy-promise{display:grid;grid-template-columns:104px minmax(0,1fr);gap:0 14px;text-align:left}.privacy-promise .privacy-art{grid-row:1 / span 3;width:104px;margin:0;align-self:start}.privacy-promise .privacy-details{margin-top:0}.privacy-chapter.has-art,.privacy-chapter.is-flipped{grid-template-columns:1fr}.privacy-chapter-art{width:150px;margin:0 auto 4px}.privacy-chapter.is-flipped .privacy-chapter-art{order:0}.privacy-providers,.privacy-keep li{grid-template-columns:1fr}}@media(max-width:860px){.profile-hero-top{grid-template-columns:auto minmax(0,1fr)}.profile-actions{grid-column:1 / -1;flex-direction:row;flex-wrap:wrap}.profile-actions .button{flex:1 1 200px}.profile-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.profile-page{padding:20px 14px 50px}.legal-page{padding:20px 12px 50px}.legal-doc{padding:22px 18px 26px}.legal-contents{columns:1}.legal-clause{display:block}.legal-section .legal-clause+ul{margin-left:0}.legal-clause-more{padding-left:0}.profile-account{padding:16px}.signin-buttons,.signin-button{width:100%}.sync-choices{grid-template-columns:1fr}.profile-hero{padding:22px 14px 16px}.profile-hero-top{grid-template-columns:1fr;justify-items:center;text-align:center}.profile-portrait .avatar{width:124px;height:124px}.profile-since{justify-content:center}.profile-stats{gap:10px;margin-top:18px}.profile-stat{gap:10px;padding:12px;border-radius:18px}.profile-stat-icon{width:44px;height:44px}.profile-stat-icon>svg{transform:scale(.85)}.profile-stat b{font-size:26px}.profile-stat i{font-size:14px}.profile-card{padding:18px 14px}.profile-card h2{font-size:23px}.finish-key{justify-content:center}.profile-actions .button{flex:1 1 auto;padding-inline:16px}.badge-shelf.is-profile>:nth-child(n+7){display:none}.rsf-unit{padding-top:14px}.rsf-place{display:none}.rsf-stone{width:44px;height:44px}.rsf-unit:before{top:31px;border-top-width:4px}.rsf-wren{top:-6px;left:calc(50% + 8px);width:38px}.rsf-beads{gap:3px;max-width:40px}.rsf-beads i{width:7px;height:7px}.profile-today{top:-16px}.profile-hint{font-size:20px}.share-modal{padding-inline:16px}.share-public{padding:14px}.share-link{flex-wrap:wrap}.share-link input{flex-basis:100%}.share-link .button{flex:1 1 auto}.public-offer-actions{width:100%}.public-offer-actions .button:first-child{flex:1 1 auto}.public-invite{padding:18px 16px}.public-invite .button{width:100%}.public-header-cta{min-height:40px;padding-inline:14px;font-size:15px}.badge-shelf{--row: 150px;grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}.badge-shelf .emblem{width:96px;height:auto}.badge-ribbon{max-width:112px;font-size:13px;margin-top:-19px}.badge-shelf.is-island{--row: 188px}.badge-shelf.is-profile{--row: 136px;grid-template-columns:repeat(auto-fill,minmax(94px,1fr))}.badge-shelf.is-empty{--bird: 62px;--row: 156px}.badge-shelf-note{top:12px;font-size:23px}.badge-shelf.is-profile .emblem{width:84px;height:auto}.badge-shelf.is-profile .badge-ribbon{max-width:98px;font-size:12px;padding-inline:11px;margin-top:-17px}.header-avatar{width:38px;height:38px}.header-avatar .avatar{width:34px;height:34px}}@media(prefers-reduced-motion:reduce){.skill-badge-art.is-swinging,.badge-glint,.emblem-glint,.emblem-rays,.day-flag,.day-rays,.profile-steam,.rsf-unit.is-here .rsf-stone:before,.share-painting,.public-opening,.shelf-wren,.shelf-wren-turn,.shelf-wren-hop,.shelf-wren-peck{animation:none!important}}@keyframes shelfWrenX{0%{transform:translate(calc((100% - var(--bird)) * .08))}6%{transform:translate(calc((100% - var(--bird)) * .08))}8.2%{transform:translate(calc((100% - var(--bird)) * .2))}10%{transform:translate(calc((100% - var(--bird)) * .2))}12.2%{transform:translate(calc((100% - var(--bird)) * .32))}26%{transform:translate(calc((100% - var(--bird)) * .32))}28.2%{transform:translate(calc((100% - var(--bird)) * .46))}31%{transform:translate(calc((100% - var(--bird)) * .46))}33.2%{transform:translate(calc((100% - var(--bird)) * .6))}44%{transform:translate(calc((100% - var(--bird)) * .6))}46.2%{transform:translate(calc((100% - var(--bird)) * .74))}55%{transform:translate(calc((100% - var(--bird)) * .74))}57.2%{transform:translate(calc((100% - var(--bird)) * .6))}59%{transform:translate(calc((100% - var(--bird)) * .6))}61.2%{transform:translate(calc((100% - var(--bird)) * .46))}72%{transform:translate(calc((100% - var(--bird)) * .46))}74.2%{transform:translate(calc((100% - var(--bird)) * .3))}76%{transform:translate(calc((100% - var(--bird)) * .3))}78.2%{transform:translate(calc((100% - var(--bird)) * .16))}80%{transform:translate(calc((100% - var(--bird)) * .16))}82.2%{transform:translate(calc((100% - var(--bird)) * .08))}to{transform:translate(calc((100% - var(--bird)) * .08))}}@keyframes shelfWrenTurn{0%,50.9%{transform:none}51%,86.9%{transform:scaleX(-1)}87%,to{transform:none}}@keyframes shelfWrenHop{0%,to{transform:none}5.4%{transform:none}6%{transform:scale(1.07,.9);animation-timing-function:cubic-bezier(.2,.7,.4,1)}7.1%{transform:translateY(-15px) scale(.95,1.06);animation-timing-function:cubic-bezier(.6,0,.8,.3)}8.2%{transform:scale(1.07,.92)}9%{transform:none}9.4%{transform:none}10%{transform:scale(1.07,.9);animation-timing-function:cubic-bezier(.2,.7,.4,1)}11.1%{transform:translateY(-15px) scale(.95,1.06);animation-timing-function:cubic-bezier(.6,0,.8,.3)}12.2%{transform:scale(1.07,.92)}13%{transform:none}25.4%{transform:none}26%{transform:scale(1.07,.9);animation-timing-function:cubic-bezier(.2,.7,.4,1)}27.1%{transform:translateY(-15px) scale(.95,1.06);animation-timing-function:cubic-bezier(.6,0,.8,.3)}28.2%{transform:scale(1.07,.92)}29%{transform:none}30.4%{transform:none}31%{transform:scale(1.07,.9);animation-timing-function:cubic-bezier(.2,.7,.4,1)}32.1%{transform:translateY(-15px) scale(.95,1.06);animation-timing-function:cubic-bezier(.6,0,.8,.3)}33.2%{transform:scale(1.07,.92)}34%{transform:none}43.4%{transform:none}44%{transform:scale(1.07,.9);animation-timing-function:cubic-bezier(.2,.7,.4,1)}45.1%{transform:translateY(-15px) scale(.95,1.06);animation-timing-function:cubic-bezier(.6,0,.8,.3)}46.2%{transform:scale(1.07,.92)}47%{transform:none}54.4%{transform:none}55%{transform:scale(1.07,.9);animation-timing-function:cubic-bezier(.2,.7,.4,1)}56.1%{transform:translateY(-15px) scale(.95,1.06);animation-timing-function:cubic-bezier(.6,0,.8,.3)}57.2%{transform:scale(1.07,.92)}58%{transform:none}58.4%{transform:none}59%{transform:scale(1.07,.9);animation-timing-function:cubic-bezier(.2,.7,.4,1)}60.1%{transform:translateY(-15px) scale(.95,1.06);animation-timing-function:cubic-bezier(.6,0,.8,.3)}61.2%{transform:scale(1.07,.92)}62%{transform:none}71.4%{transform:none}72%{transform:scale(1.07,.9);animation-timing-function:cubic-bezier(.2,.7,.4,1)}73.1%{transform:translateY(-15px) scale(.95,1.06);animation-timing-function:cubic-bezier(.6,0,.8,.3)}74.2%{transform:scale(1.07,.92)}75%{transform:none}75.4%{transform:none}76%{transform:scale(1.07,.9);animation-timing-function:cubic-bezier(.2,.7,.4,1)}77.1%{transform:translateY(-15px) scale(.95,1.06);animation-timing-function:cubic-bezier(.6,0,.8,.3)}78.2%{transform:scale(1.07,.92)}79%{transform:none}79.4%{transform:none}80%{transform:scale(1.07,.9);animation-timing-function:cubic-bezier(.2,.7,.4,1)}81.1%{transform:translateY(-15px) scale(.95,1.06);animation-timing-function:cubic-bezier(.6,0,.8,.3)}82.2%{transform:scale(1.07,.92)}83%{transform:none}}@keyframes shelfWrenPeck{0%,to{transform:none}17%{transform:none}17.6%{transform:rotate(16deg)}18.2%{transform:none}18.8%{transform:rotate(16deg)}19.4%{transform:none}64%{transform:none}64.6%{transform:rotate(16deg)}65.2%{transform:none}65.8%{transform:rotate(16deg)}66.4%{transform:none}}@layer components{:is(.skill-spot,.sheet-head){--tone: #A99BC4;--tone-ink: #6D547F;--tone-soft: #ECE5F4}:is(.skill-spot,.sheet-head).tone-wheat{--tone: #DDB45C;--tone-ink: #8A6A22;--tone-soft: #F6EACB}:is(.skill-spot,.sheet-head).tone-olive{--tone: #8A9A6A;--tone-ink: #55663D;--tone-soft: #E5EAD6}:is(.skill-spot,.sheet-head).tone-terra{--tone: #C06A45;--tone-ink: #9A4A2E;--tone-soft: #F6E1D5}:is(.skill-spot,.sheet-head).tone-plum{--tone: #8E7FB0;--tone-ink: #5E4D86;--tone-soft: #E6DFF1}:is(.skill-spot,.sheet-head).tone-gold{--tone: #CCA04B;--tone-ink: #7E5F1C;--tone-soft: #F6EACB}:is(.skill-spot,.sheet-head).tone-sea{--tone: #8EA3C3;--tone-ink: #4E6488;--tone-soft: #E3EAF2}.skill-spot{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px 30px;margin:4px 0 8px;padding:22px 30px 24px 22px;border-radius:28px;overflow:hidden;background:radial-gradient(130% 150% at 0% 0%,var(--tone-soft),#FBF5EA 62%);border:1.5px solid color-mix(in srgb,var(--tone) 38%,#E6D8BF);box-shadow:0 4px color-mix(in srgb,var(--tone) 30%,#E6D8BF),0 18px 40px -30px #5b3e2366}.skill-spot-emblem{position:relative;display:grid;place-items:center;padding:0;border:0;background:none;cursor:pointer}.skill-spot-emblem .emblem{position:relative;display:block;filter:drop-shadow(0 10px 8px rgba(91,62,35,.22));animation:spotFloat 4.2s ease-in-out infinite;transition:transform .3s var(--spring)}.skill-spot-emblem:hover .emblem{transform:scale(1.04) rotate(-2deg)}.skill-spot-glow{position:absolute;inset:-40px;border-radius:50%;pointer-events:none;background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--tone) 26%,transparent) 0 8deg,transparent 8deg 20deg);-webkit-mask:radial-gradient(circle,#000 0 32%,transparent 66%);mask:radial-gradient(circle,#000 0 32%,transparent 66%);animation:emblemRays 70s linear infinite}.skill-spot-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 12px 5px;border-radius:999px;background:var(--tone);color:#fffdf7;font:600 14px/1 var(--font-serif);box-shadow:0 2px color-mix(in srgb,var(--tone) 70%,#3B3A2E)}.skill-spot h2{margin:10px 0 4px;font-size:34px;line-height:1.1}.skill-spot-scope{margin:0;font-size:19px;line-height:1.4;color:#5b4a36}.skill-spot-rung{margin:10px 0 0;padding:9px 14px;border-radius:14px;background:#fffdf7b3;border:1px dashed color-mix(in srgb,var(--tone) 55%,#E6D8BF);font-size:16.5px;line-height:1.4;color:#3b3a2e}.skill-spot-rung b{color:var(--tone-ink);font-weight:600}.skill-spot-actions{display:flex;flex-wrap:wrap;gap:10px 12px;margin-top:16px}@keyframes spotFloat{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-6px) rotate(1.5deg)}}.skills-island-title{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px;margin:40px 0 -10px;font-size:30px;line-height:1.15}.skills-island-title h2{margin:0;font-size:inherit}.skills-village-lock{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;border:1.5px dashed #CDBB98;font-size:15px;font-style:italic;color:#8e7c60;text-decoration:none;transition:border-color .2s,color .2s}.skills-village-lock:hover{border-color:#a99bc4;color:#6d547f}.modal-content.skill-sheet{width:min(560px,100%);padding:0 0 26px;text-align:left}.skill-sheet .modal-close{z-index:2;color:#6e5a3a;background:#fffdf7cc;border-radius:50%;box-shadow:0 1px 2px #5b3e2326}.sheet-head{position:relative;display:flex;flex-direction:column;align-items:center;padding:28px 30px 18px;text-align:center;overflow:hidden;background:linear-gradient(var(--tone-soft),#FBF5EA00 92%)}.sheet-rays{position:absolute;left:50%;top:104px;width:560px;height:560px;margin:-280px 0 0 -280px;pointer-events:none;background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--tone) 24%,transparent) 0 7deg,transparent 7deg 18deg);-webkit-mask:radial-gradient(circle,#000 0 24%,transparent 56%);mask:radial-gradient(circle,#000 0 24%,transparent 56%);animation:emblemRays 80s linear infinite}.sheet-emblem{position:relative;display:block;filter:drop-shadow(0 10px 8px rgba(91,62,35,.24));animation:sheetPop .7s var(--spring) both}.sheet-emblem .emblem{display:block}.sheet-head h2{position:relative;margin:6px 0 0;font-size:31px;line-height:1.15}.sheet-scope{position:relative;max-width:440px;margin:6px auto 0;font-size:18px;line-height:1.45;color:#5b4a36}.sheet-road,.sheet-train{padding-inline:30px}.sheet-road h3,.sheet-lessons h3{margin:12px 0;font-size:21px}.rungs{margin:0;padding:0;list-style:none}.rung{position:relative;display:grid;grid-template-columns:62px minmax(0,1fr);gap:14px;padding-bottom:16px}.rung:not(:last-child):before{content:"";position:absolute;left:30px;top:58px;bottom:2px;border-left:3px dotted #CDBB98}.rung.is-done:not(:last-child):before{border-left:3px solid #DDB45C}.rung-mark{position:relative;display:grid;place-items:center;align-self:start;width:62px;height:58px}.rung-mark .emblem{display:block}.rung:not(.is-done):not(.is-next):not(.is-mastery) .rung-mark .emblem{opacity:.55;filter:saturate(.55)}.rung-tick{position:absolute;right:1px;bottom:2px;display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#6f7f4e;color:#fffdf7;box-shadow:0 0 0 2.5px #fbf5ea}.rung-wren{position:absolute;left:-22px;top:-20px;width:40px;pointer-events:none;transform-origin:50% 100%;animation:rungHop 2.4s ease-in-out infinite}.rung-wren svg{display:block;width:100%;height:auto}.rung-body{min-width:0;padding-top:4px}.rung-body b{font-size:17px;font-weight:600;color:#3b3a2e}.rung-next{display:inline-block;margin-left:8px;padding:2px 10px 3px;border-radius:999px;background:#a99bc4;color:#fffdf7;font-size:13px;line-height:1.3;vertical-align:2px}.rung-extra{display:block;font-size:13.5px;color:#8e7c60}.rung-body p{margin:2px 0 0;font-size:16.5px;line-height:1.45;color:#3b3a2e}.rung:not(.is-done):not(.is-next):not(.is-mastery) .rung-body :is(b,p){color:#7e6e57}.rung-note{font-size:15px!important;font-style:italic;color:#6f7f4e!important}.rung.is-next .rung-body{padding:8px 12px 10px;margin:-4px 0 0 -4px;border-radius:16px;background:#f4eff9;box-shadow:0 0 0 1.5px #dcd0e7}.rung.is-mastery{padding-bottom:0}.rung.is-mastery .rung-body{padding:12px 16px 14px;border-radius:18px;background:linear-gradient(135deg,#fdf2d2,#f6e2aa);border:1.5px solid #E2C27A;box-shadow:0 3px #d9b45f}.rung.is-mastery .rung-body b{color:#7e5f1c;font-size:18px}.rung.is-mastery .rung-body p{color:#4a3a14}.rung-why{display:flex;gap:7px;margin-top:9px!important;font-style:italic;color:#6e4e14!important}.rung-why svg{flex:none;margin-top:4px;color:#b98f3a}.sheet-tier{width:44px;height:44px;font-size:16px}.sheet-train{display:flex;flex-direction:column;align-items:stretch;gap:4px;margin-top:18px}.sheet-train>.button{justify-content:center}.sheet-lock{display:flex;align-items:center;gap:7px;margin:0;font-size:16px;font-style:italic;color:#8e7c60}.sheet-lessons ul{margin:0;padding:0;list-style:none}.sheet-lessons li>:is(a,span){display:flex;align-items:baseline;gap:10px;padding:7px 10px;border-radius:12px;color:#3b3a2e;text-decoration:none;font-size:16px;line-height:1.35}.sheet-lessons li>a:hover{background:#f3ead6}.sheet-lessons li.is-next>a{background:#f4eff9}.sheet-lessons li svg{flex:none;margin-left:auto;align-self:center;color:#6f7f4e}.sheet-lessons .is-closed{color:#a0927a}.sheet-lesson-n{flex:none;min-width:32px;font-weight:600;color:#8e7fb0}@keyframes sheetPop{0%{opacity:0;transform:scale(.55) rotate(-10deg)}}@keyframes rungHop{0%,70%,to{transform:translateY(0) rotate(0)}78%{transform:translateY(-6px) rotate(-6deg)}86%{transform:translateY(0) rotate(0)}}}@media(max-width:620px){.skill-spot{grid-template-columns:1fr;justify-items:center;padding:18px 16px 20px;text-align:center}.skill-spot-emblem .emblem{width:140px;height:auto}.skill-spot h2{font-size:28px}.skill-spot-scope{font-size:17px}.skill-spot-rung{text-align:left}.skill-spot-actions{justify-content:center}.skills-island-title{margin-top:32px;font-size:26px}.sheet-head{padding:24px 18px 14px}.sheet-head h2{font-size:27px}.sheet-scope{font-size:17px}.sheet-road,.sheet-train{padding-inline:18px}.rung{grid-template-columns:54px minmax(0,1fr);gap:12px}.rung:not(:last-child):before{left:26px}.rung-mark{width:54px}.rung-wren{left:-14px;width:34px}}@media(prefers-reduced-motion:reduce){.skill-spot-emblem .emblem,.skill-spot-glow,.sheet-rays,.sheet-emblem,.rung-wren{animation:none!important}}@layer components{.streak-counter{text-decoration:none;border-radius:12px;transition:transform .25s var(--spring)}.streak-counter:hover{transform:translateY(-2px)}.streak-counter.is-waiting>span{color:#8f8670}.streak-pennant{flex:none;overflow:visible}.streak-cloth{transform-box:view-box;transform-origin:7px 11px}.streak-pennant.is-lit .streak-cloth{animation:streakSway 3.4s ease-in-out infinite}.streak-pennant.is-raising .streak-cloth{animation:streakRaise 1s var(--spring) .2s both,streakSway 3.4s ease-in-out 1.2s infinite}@keyframes streakSway{0%,to{transform:rotate(-4deg)}50%{transform:rotate(3deg)}}@keyframes streakRaise{0%{transform:translateY(12px) scaleX(.2);opacity:0}60%{opacity:1}to{transform:none}}.streak-toast-layer{position:fixed;top:82px;left:0;right:0;z-index:60;display:flex;justify-content:center;padding:0 16px;pointer-events:none}.streak-toast{pointer-events:auto;display:flex;align-items:center;gap:14px;max-width:420px;padding:12px 22px 12px 16px;border:1px solid #E2CF9F;border-radius:22px;background:#fffbf1;box-shadow:0 5px #e6d6b0,0 14px 30px -12px #3b3a2e59;text-align:left;color:#3b3a2e;cursor:pointer;animation:streakToastIn .5s var(--spring) both,streakToastOut .4s ease-in 4.8s both}.streak-toast-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.streak-toast-copy b{font-family:var(--font-serif);font-size:22px;font-weight:500;line-height:1.15}.streak-toast-copy span{font-size:15px;line-height:1.35;color:#6f6a57}@keyframes streakToastIn{0%{transform:translateY(-24px) scale(.94);opacity:0}to{transform:none;opacity:1}}@keyframes streakToastOut{to{transform:translateY(-12px);opacity:0}}}@media(max-width:500px){.site-header .brand>span{display:none}.top-stats .door-counter{gap:4px;padding:0 8px 0 7px;font-size:18px}}@media(max-width:360px){.header-actions{gap:6px}.top-stats .door-counter{padding:0 6px}}@media(max-width:620px){.streak-toast-layer{top:70px}.streak-toast{padding:10px 16px 10px 12px;gap:10px}.streak-toast-copy b{font-size:19px}.streak-toast-copy span{font-size:14px}}@media(prefers-reduced-motion:reduce){.streak-pennant .streak-cloth,.streak-toast{animation:none!important}}.wren{overflow:visible}.wren g,.wren ellipse{transform-box:view-box}.wren .wr-root{transform-origin:-3px 28px}.wren .wr-body{transform-origin:-3px 22px}.wren .wr-tail{transform-origin:-15px 1px}.wren .wr-wing{transform-origin:-10px -3px}.wren .wr-head{transform-origin:7px -7px}.wren .wr-eye{transform-origin:16.2px -18px}.wren .wr-jaw{transform-origin:23.6px -12.4px}.wren .wr-breast{transform-origin:5px 8px}.wren .wr-shadow{transform-origin:-3px 29px}.wren .wr-eye-happy{display:none}.wren .wr-lottie{pointer-events:none}.wren .wr-lottie>svg{width:512px;height:512px}.wren.has-lottie>:not(.wr-lottie){display:none}.wren.no-notes .wl-note{display:none!important}.wren .wr-body{animation:wrBreathe 4.8s ease-in-out infinite;animation-delay:var(--wr-phase, 0s)}.wren .wr-eye{animation:wrBlink 5.6s ease-in-out infinite;animation-delay:var(--wr-phase, 0s)}.wren.is-idle .wr-head{animation:wrLook 9s ease-in-out infinite;animation-delay:var(--wr-phase, 0s)}.wren.is-idle .wr-tail{animation:wrFlick 7s ease-in-out infinite;animation-delay:var(--wr-phase, 0s)}.wren.is-idle .wr-wing{animation:wrShrug 11s ease-in-out infinite;animation-delay:var(--wr-phase, 0s)}.wren.is-sing .wr-head{animation:wrSingHead .62s ease-in-out infinite alternate}.wren.is-sing .wr-jaw{animation:wrJaw .31s ease-in-out infinite alternate}.wren.is-sing .wr-breast{animation:wrPuff .62s ease-in-out infinite alternate}.wren.is-sing .wr-tail{animation:wrSingTail .62s ease-in-out infinite alternate}.wren .wr-note{opacity:0;animation:wrNote 1.24s ease-out infinite}.wren .wr-note:nth-child(2){animation-delay:.62s}.wren.is-listen .wr-head{animation:wrListen 3.2s ease-in-out infinite}.wren.is-listen .wr-tail{transform:rotate(-6deg)}.wren .wr-arcs path{opacity:0;animation:wrArc 2.1s ease-out infinite}.wren .wr-arcs path:nth-child(2){animation-delay:.25s}.wren .wr-arcs path:nth-child(3){animation-delay:.5s}.wren.is-happy .wr-eye-open{display:none}.wren.is-happy .wr-eye-happy{display:inline}.wren.is-happy .wr-root{animation:wrBounce .72s ease-in-out infinite}.wren.is-happy .wr-shadow{animation:wrShadow .72s ease-in-out infinite}.wren.is-happy .wr-wing{animation:wrFlap .18s ease-in-out infinite alternate}.wren.is-happy .wr-head{animation:wrJoy .72s ease-in-out infinite}.wren.is-happy .wr-tail{animation:wrWag .36s ease-in-out infinite alternate}.wren .wr-spark{transform-box:fill-box;transform-origin:center;opacity:0;animation:wrSpark 1.6s ease-in-out infinite;animation-delay:calc(var(--i) * .27s)}.wren.is-hop .wr-root{animation:wrHop .9s cubic-bezier(.34,1.56,.64,1) infinite}.wren.is-hop .wr-shadow{animation:wrShadow .9s ease-in-out infinite}.wren.is-hop .wr-wing{animation:wrFlap .22s ease-in-out 3 alternate}@media(prefers-reduced-motion:reduce){.wren *,.wren{animation:none!important}.wren .wr-note,.wren .wr-arcs path{opacity:.9}.wren .wr-spark{opacity:1}}@keyframes wrBreathe{0%,to{transform:scale(1)}50%{transform:scale(1.012,1.022)}}@keyframes wrBlink{0%,92%,to{transform:scaleY(1)}94%{transform:scaleY(.12)}96%{transform:scaleY(1)}}@keyframes wrLook{0%,18%,to{transform:rotate(0)}24%,36%{transform:rotate(-8deg)}44%,56%{transform:rotate(5deg)}62%{transform:rotate(0)}78%,84%{transform:rotate(-3deg) translate(1px)}}@keyframes wrFlick{0%,68%,to{transform:rotate(0)}71%{transform:rotate(-13deg)}74%{transform:rotate(3deg)}77%{transform:rotate(-9deg)}81%{transform:rotate(0)}}@keyframes wrShrug{0%,54%,to{transform:rotate(0)}57%{transform:rotate(14deg) translateY(-1px)}61%{transform:rotate(-2deg)}64%{transform:rotate(0)}}@keyframes wrSingHead{0%{transform:rotate(-2deg)}to{transform:rotate(-11deg) translateY(-.6px)}}@keyframes wrJaw{0%{transform:rotate(0)}to{transform:rotate(24deg)}}@keyframes wrPuff{0%{transform:scale(1)}to{transform:scale(1.06)}}@keyframes wrSingTail{0%{transform:rotate(-6deg)}to{transform:rotate(-15deg)}}@keyframes wrNote{0%{opacity:0;transform:translate(-2px,2px) scale(.5)}25%{opacity:1}to{opacity:0;transform:translate(9px,-15px) scale(1.05) rotate(8deg)}}@keyframes wrListen{0%,to{transform:rotate(6deg)}50%{transform:rotate(12deg) translate(.6px)}}@keyframes wrArc{0%{opacity:0;transform:translate(7px)}35%{opacity:.9}to{opacity:0;transform:translate(-5px)}}@keyframes wrBounce{0%,to{transform:translateY(0) scale(1.05,.95)}40%{transform:translateY(-7px) scale(.97,1.04)}70%{transform:translateY(0) scale(1.04,.96)}85%{transform:translateY(-1px) scale(1)}}@keyframes wrShadow{0%,to{transform:scale(1);opacity:.24}40%{transform:scale(.72);opacity:.14}}@keyframes wrFlap{0%{transform:rotate(-4deg)}to{transform:rotate(30deg) translateY(-1px)}}@keyframes wrJoy{0%,to{transform:rotate(-4deg)}50%{transform:rotate(5deg)}}@keyframes wrWag{0%{transform:rotate(-16deg)}to{transform:rotate(4deg)}}@keyframes wrSpark{0%,to{opacity:0;transform:scale(.3) rotate(0)}45%{opacity:1;transform:scale(1.15) rotate(30deg)}70%{opacity:.5;transform:scale(.8) rotate(50deg)}}@keyframes wrHop{0%,to{transform:translateY(0) scale(1)}12%{transform:translateY(0) scale(1.08,.9)}40%{transform:translateY(-9px) scale(.95,1.06)}70%{transform:translateY(0) scale(1.06,.93)}85%{transform:translateY(0) scale(.99,1.01)}}@layer components{.setup-top{position:relative;display:flex;align-items:center;gap:10px;width:100%;max-width:640px;min-height:68px;margin:0 auto;padding:12px 16px}.setup-top .lesson-bar{flex:1;width:auto;min-width:0}.setup{position:relative;width:100%;max-width:560px;margin:0 auto;padding:18px 16px 44px;text-align:center}.setup-ask{margin:0 0 22px;font-size:30px;font-weight:500;line-height:1.2;letter-spacing:-.3px;color:#3b3a2e}.setup-note{margin:16px auto 0;max-width:420px;font-size:16px;line-height:1.4;color:#8e7c60}.setup-skip{margin-top:20px}.setup-keys{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.setup-keys.is-three{grid-template-columns:repeat(3,minmax(0,1fr))}.setup-key{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;min-height:164px;padding:10px 8px 14px;border-radius:18px;border:2px solid #E6D6B9;background:#fffdf7;box-shadow:0 4px #e6d6b9;color:#3b3a2e;font-size:17px;line-height:1.2;text-align:center;transition:transform .18s var(--spring),border-color .2s,background .2s,box-shadow .18s}.setup-key .goal-art{width:128px;height:auto;aspect-ratio:6 / 5;overflow:visible}.setup-keys.is-three .setup-key{min-height:150px}.setup-keys.is-three .goal-art{width:104px}.setup-key-label{padding:0 2px}.setup-key:hover{border-color:#a99bc4;background:#fbf8fd;transform:translateY(-2px);box-shadow:0 6px #cfc4e0}.setup-key:active{transform:translateY(3px);box-shadow:0 1px #cfc4e0;transition-duration:.06s}.setup-key:focus-visible,.setup-place:focus-visible{outline:3px solid #A99BC4;outline-offset:2px}.setup-key.is-on{border-color:#ddb45c;background:#fff8e8;box-shadow:0 4px #ddb45c}.setup-key-tick{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#ddb45c;color:#fffdf7;animation:keyTick .35s var(--spring) both}.goal-art :is(.g-strum,.g-strings,.g-note,.g-bird,.g-rise-a,.g-rise-b,.g-wave-a,.g-wave-b,.g-wave-c){transform-box:fill-box}.goal-art .g-strum{transform-origin:50% 100%}.goal-art .g-strings{transform-origin:50% 50%}.goal-art .g-note,.goal-art .g-bird{transform-origin:50% 100%}.goal-art .g-wave-a,.goal-art .g-wave-b,.goal-art .g-wave-c{transform-origin:0 50%}.setup-key:hover .g-strum,.setup-key.is-on .g-strum{animation:goalStrum .7s var(--ease-smooth)}.setup-key:hover .g-strings,.setup-key.is-on .g-strings{animation:goalShiver .12s linear 5}.setup-key:hover .g-note,.setup-key.is-on .g-note{animation:goalBob .9s var(--spring)}.setup-key:hover .g-bird,.setup-key.is-on .g-bird{animation:goalChirp .6s var(--spring)}.setup-key:hover .g-rise-a,.setup-key.is-on .g-rise-a{animation:goalRise .9s var(--ease-smooth)}.setup-key:hover .g-rise-b,.setup-key.is-on .g-rise-b{animation:goalRise .9s var(--ease-smooth) .12s both}.setup-key:hover .g-wave-a,.setup-key.is-on .g-wave-a{animation:goalWave .8s var(--ease-smooth) .2s both}.setup-key:hover .g-wave-b,.setup-key.is-on .g-wave-b{animation:goalWave .8s var(--ease-smooth) .1s both}.setup-key:hover .g-wave-c,.setup-key.is-on .g-wave-c{animation:goalWave .8s var(--ease-smooth) both}.setup-places{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.setup-place{min-height:60px;padding:8px 12px;border-radius:16px;border:2px solid #E6D6B9;background:#fffdf7;box-shadow:0 4px #e6d6b9;color:#3b3a2e;font-size:18px;line-height:1.2;transition:transform .18s var(--spring),border-color .2s,background .2s,box-shadow .18s}.setup-place:hover{border-color:#a99bc4;background:#fbf8fd;transform:translateY(-2px);box-shadow:0 6px #cfc4e0}.setup-place:active{transform:translateY(3px);box-shadow:0 1px #cfc4e0;transition-duration:.06s}.setup-place.is-on{border-color:#ddb45c;background:#fff8e8;box-shadow:0 4px #ddb45c}.setup-name{display:block;width:100%;max-width:380px;margin:0 auto;padding:12px 16px;border-radius:16px;border:2px solid #E2CFAE;background:#fffdf7;box-shadow:0 3px #e2cfae;outline:none;font-size:19px;text-align:center;color:#3b3a2e}.setup-name:focus{border-color:#a99bc4;box-shadow:0 3px #a99bc4}.setup-name::placeholder{color:#b5a68a}.setup-pfp-ask{margin:24px 0 12px;font-size:21px;color:#3b3a2e}.setup-go{margin-top:24px}.signin-not-now{display:block;margin:14px auto 0;font-size:17px}.modal-content.signin-modal .signin-legal{font-size:13px;line-height:1.4}.modal-content.signin-modal .signin-legal .inline-link{font-size:inherit}.first-lesson-foot{margin-top:30px}.first-lesson-doors{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 14px}.first-lesson-foot .legal-links{margin-top:12px}@keyframes keyTick{0%{transform:scale(0)}to{transform:none}}@keyframes goalStrum{30%{transform:rotate(-4deg)}65%{transform:rotate(2deg)}}@keyframes goalShiver{50%{transform:translate(.5px)}}@keyframes goalBob{35%{transform:translateY(-7px) rotate(-6deg)}70%{transform:translateY(1px)}}@keyframes goalChirp{30%{transform:rotate(-5deg) translateY(-2px)}60%{transform:rotate(2deg)}}@keyframes goalRise{0%{transform:translate(-6px,8px);opacity:0}to{transform:none;opacity:1}}@keyframes goalWave{0%{transform:translate(-6px);opacity:0}to{transform:none;opacity:1}}}@media(max-width:640px){.setup-ask{font-size:25px;margin-bottom:18px}.setup-keys{gap:8px}.setup-key{min-height:134px;padding:8px 6px 12px;font-size:15.5px}.setup-key .goal-art{width:104px}.setup-keys.is-three{grid-template-columns:repeat(2,minmax(0,1fr))}.setup-keys.is-three .setup-key{min-height:126px}.setup-keys.is-three .goal-art{width:86px}.setup-keys.is-three .instrument-icon{width:76px;height:76px}.setup-place{min-height:54px;font-size:16.5px}}@media(prefers-reduced-motion:reduce){.goal-art *,.setup-key-tick{animation:none!important}}@layer components{.intro{position:relative;width:100%;max-width:900px;margin:0 auto;padding:14px 16px 36px}.intro-theatre{max-width:860px}@media(min-width:561px){.intro-theatre .reel-stage{aspect-ratio:2 / 1}}.intro-sky{position:absolute;inset:0;z-index:0;width:100%;height:100%}.intro-night{transition:opacity 2.4s ease}.intro-star{transition:opacity 1.6s ease}.intro-star path{transform-box:fill-box;transform-origin:center;animation:introTwinkle 3.2s ease-in-out infinite;animation-delay:inherit}.intro-moon{opacity:0;transform:translate(1230px,700px);transition:transform 3.2s cubic-bezier(.3,1.1,.5,1),opacity 1s ease}.intro-sky.has-moon .intro-moon{opacity:1;transform:translate(1230px,340px)}.intro-snow{position:absolute;inset:0;z-index:2;overflow:hidden;pointer-events:none;opacity:.5;transition:opacity 2s ease}.intro-snow.is-heavy{opacity:1}.intro-snow i{position:absolute;top:-12px;border-radius:50%;background:#fff;box-shadow:0 0 4px #fffa;animation:introFall linear infinite}.intro-snow i.is-sway{animation-name:introFallSway}.intro-begin{position:absolute;inset:0;z-index:7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;animation:reelFade .6s ease both}.intro-begin-title{font-family:var(--font-hand);font-size:clamp(40px,7vw,64px);line-height:1;color:#fbf5ea;text-shadow:0 3px 0 #5F5187;transform:rotate(-3deg)}.intro-begin .reel-big{width:86px;height:86px;color:#6e5f96;animation:introBreathe 2.4s ease-in-out infinite}.intro-begin .reel-big svg{width:38px;height:38px;margin-left:4px}.intro-begin-note{padding:4px 12px;border-radius:999px;background:#5f5187cc;color:#fbf5ea;font-size:15px}.intro-bravo{position:absolute;inset:0;z-index:7;display:grid;place-items:center;font-family:var(--font-hand);font-size:clamp(54px,10vw,92px);color:#fbf5ea;text-shadow:0 4px 0 #5F5187;animation:introBravo .9s var(--spring) 1.1s both;pointer-events:none}.intro-zzz text{font-family:var(--font-hand);fill:#6e5f96;opacity:0;animation:introZ 3s ease-out infinite}.intro-actor{transform-box:fill-box;transform-origin:50% 100%}.intro-actor.is-waking{animation:introStartle .95s cubic-bezier(.3,1.5,.5,1) both}.intro-pony-head{transition:transform .9s cubic-bezier(.3,1.3,.5,1)}.intro-pony.is-asleep .intro-pony-head{transform:rotate(24deg)}.intro-pony.is-playing .intro-pony-head{animation:introNod 1.15s ease-in-out infinite}.intro-bells{transform-box:fill-box;transform-origin:50% 0}.intro-bells.is-ringing{animation:introJingle .32s ease-out}.intro-heron-neck{animation:introNeck .7s cubic-bezier(.3,1.4,.5,1) both}.intro-heron-wing.is-plucking{animation:introPluck .3s ease-out}.intro-strings.is-plucked{animation:introBuzz .32s linear}.intro-lantern.is-lit>g{transform-box:fill-box;transform-origin:50% 0;animation:introSwing 3.6s ease-in-out infinite}.intro-lantern-glow{animation:introFlicker 2.2s ease-in-out infinite}.intro-cast .echo-drummer>ellipse:first-child{fill:#6e7a99}.intro-player-at.is-bowing .intro-pony-head{animation:introPonyBow 1.5s ease-in-out var(--bow) both}.intro-player-at.is-bowing .intro-heron-neck{animation:introHeronBow 1.5s ease-in-out var(--bow) both}.intro-player-at.is-bowing .echo-bird{transform-box:fill-box;transform-origin:50% 100%;animation:introBow 1.5s ease-in-out var(--bow) both}.intro-cast .intro-player-at.is-bowing .choir-singer{--lean: -18deg;animation:introBow 1.5s ease-in-out var(--bow) both}.intro-fan-in{opacity:0;transition:transform .7s cubic-bezier(.3,1.4,.5,1),opacity .4s ease}.intro-fan.is-rise .intro-fan-in{transform:translateY(90px)}.intro-fan.is-fly .intro-fan-in{transform:translate(-70px,-120px) rotate(-16deg);transition:transform 1.1s cubic-bezier(.2,.9,.3,1.05),opacity .3s ease}.intro-fan.is-out .intro-fan-in{transform:none;opacity:1}.intro-wing{transform-box:fill-box;transform-origin:50% 10%;--flap: 34deg}.intro-wing.is-right{--flap: -34deg}.intro-fan.is-fly.is-out .intro-wing{animation:introFlap .16s ease-in-out 7 alternate}.intro-folk.is-cheering .intro-wing{animation:introFlap .2s ease-in-out 10 alternate}.intro-critter-bob{transform-box:fill-box;transform-origin:50% 100%}.intro-critter-bob.is-bob{animation:introBob .4s ease-out}.intro-folk.is-cheering .intro-critter{transform-box:fill-box;transform-origin:50% 100%;animation:introHop .45s ease-out 5}.intro-ring{fill:none;stroke:#8e7fb0;stroke-width:6;transform-box:fill-box;transform-origin:center;animation-name:introRing;animation-timing-function:linear;animation-fill-mode:both}.intro-under{display:flex;flex-direction:column;align-items:center;gap:10px;min-height:56px;margin-top:14px}.intro-say{margin:0;text-align:center;font-size:19px;line-height:1.35;color:#5b5440}.intro-score{margin:0;text-align:center;font-size:17px;color:#6b7f4e;font-weight:600}.intro-card{max-width:540px;margin:46px auto 0;animation:introCard .5s var(--spring) .4s both}.song-card{padding:22px 22px 24px;border-radius:28px;background:#fbf5ea;border:1.5px solid #E6D8BF;box-shadow:0 18px 40px -30px #5b3e2366;text-align:center}.song-card.has-ribbon{padding-top:0}.song-card .celebration-ribbon{max-width:360px;margin:-38px auto -4px}.song-card-title{margin:0;font-size:26px;font-weight:500;color:#3b3a2e}.song-card-by{margin:4px 0 14px;font-size:15px;color:#8e7c60}.song-card-lines{margin:0 0 18px;padding:0;list-style:none;display:grid;gap:6px;font-size:17px;color:#3b3a2e}.song-card-lines li{display:flex;align-items:center;justify-content:center;gap:8px}.song-card-lines svg{flex:none;color:#8e7fb0}.song-card-actions{display:flex;flex-direction:column;align-items:center;gap:10px}.profile-song .song-card{padding:4px 0 0;border:0;background:none;box-shadow:none}.tune-path{display:block;width:100%;max-width:500px;height:auto;margin:0 auto 14px;padding:10px 8px 6px;border-radius:16px;background:#f2e8d5}.tune-path-trail{fill:none;stroke:#a99bc4;stroke-width:2;stroke-dasharray:1 4.5;stroke-linecap:round;stroke-linejoin:round}.tune-path-bar{stroke:#d9c7a6;stroke-width:1.4;stroke-linecap:round}.tune-path-stone{fill:#d3cbdd}.tune-path-stone.is-played{fill:#ddb45c}.tune-path-shine{fill:#f6e2a8}.tune-path-hold{stroke:#e3dcea;stroke-width:3.4;stroke-linecap:round}.tune-path-hold.is-played{stroke:#ebcb82}.tune-path-now{fill:none;stroke:#c06a45;stroke-width:2.4;transform-box:fill-box;transform-origin:center;animation:tuneNow .45s ease-out both}.tune-path-ask{font-family:var(--font-hand);font-size:22px;fill:#8e7fb0}.tune-path-home{fill:#c06a45}.song-plaque{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px 14px;width:min(460px,100%);margin:18px auto 30px;padding:12px 18px 12px 12px;border-radius:16px;background:#c99a62;border:2px solid #7A5233;box-shadow:inset 0 0 0 3px #d8ae79,0 5px #7a5233;color:#3b2a1a}.song-plaque:before{content:"";position:absolute;left:34px;right:34px;top:-20px;height:20px;border:solid #7A5233;border-width:0 2px}.song-plaque:after{content:"";position:absolute;left:29px;right:29px;top:-27px;height:12px;pointer-events:none;background:radial-gradient(circle,#DDB45C 3.4px,#8F6D22 4.4px,transparent 5px) left center / 12px 12px no-repeat,radial-gradient(circle,#DDB45C 3.4px,#8F6D22 4.4px,transparent 5px) right center / 12px 12px no-repeat}.song-plaque:not(.is-invite){grid-template-columns:auto 1fr}.song-plaque-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:#fbf5ea;border:2px solid #7A5233;color:#6e5f96}button.song-plaque-icon{cursor:pointer}.song-plaque-copy{display:grid;text-align:left;line-height:1.2}.song-plaque-copy i{font-style:normal;font-size:13px;letter-spacing:.03em;color:#5e3f27}.song-plaque-copy b{font-size:21px;font-weight:600}.song-plaque-copy span{font-size:14.5px;color:#4a3520}.song-plaque .tune-path{grid-column:1 / -1;margin:2px 0 0;padding:6px 4px 2px;background:#e6cfa6}.song-plaque.is-invite{text-decoration:none;transition:transform .15s ease}.song-plaque.is-invite:hover{transform:translateY(-1px)}.song-plaque.is-invite>svg{color:#5e3f27}@keyframes introTwinkle{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.6);opacity:.55}}@keyframes introFall{0%{transform:translateY(0)}to{transform:translateY(620px)}}@keyframes introFallSway{0%{transform:translate(0)}50%{transform:translate(18px,310px)}to{transform:translate(-6px,620px)}}@keyframes introBreathe{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes introBravo{0%{opacity:0;transform:scale(.4) rotate(-10deg)}to{opacity:1;transform:rotate(-4deg)}}@keyframes introZ{0%{opacity:0;transform:translateY(6px)}25%{opacity:.85}to{opacity:0;transform:translate(14px,-34px)}}@keyframes introStartle{0%{transform:none}30%{transform:translateY(-22px) scale(1.05,.95)}60%{transform:translateY(2px) scale(.96,1.04)}to{transform:none}}@keyframes introHop{0%,to{transform:none}40%{transform:translateY(-14px)}}@keyframes introBow{0%,to{transform:none}30%,60%{transform:rotate(var(--lean, 18deg)) translateY(2px)}}@keyframes introPonyBow{0%,to{transform:rotate(0)}30%,60%{transform:rotate(34deg)}}@keyframes introHeronBow{0%,to{transform:rotate(0)}30%,60%{transform:rotate(52deg)}}@keyframes introFlap{0%{transform:rotate(0)}to{transform:rotate(var(--flap))}}@keyframes introNod{0%,to{transform:rotate(0)}50%{transform:rotate(-5deg)}}@keyframes introJingle{0%{transform:rotate(0)}25%{transform:rotate(-9deg) translateY(-1px)}60%{transform:rotate(7deg)}to{transform:rotate(0)}}@keyframes introNeck{0%{transform:translateY(26px) scaleY(.7)}to{transform:none}}@keyframes introPluck{0%{transform:rotate(0)}35%{transform:rotate(9deg)}to{transform:rotate(0)}}@keyframes introBuzz{0%,to{transform:none}20%{transform:translate(.9px)}40%{transform:translate(-.9px)}60%{transform:translate(.6px)}80%{transform:translate(-.4px)}}@keyframes introSwing{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes introFlicker{0%,to{opacity:.55}40%{opacity:.75}70%{opacity:.5}}@keyframes introBob{0%{transform:none}35%{transform:translateY(-6px)}to{transform:none}}@keyframes introRing{0%{transform:scale(1.9);opacity:.15}to{transform:scale(1);opacity:1}}@keyframes introCard{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}@keyframes tuneNow{0%{transform:scale(1.8);opacity:0}to{transform:none;opacity:1}}}@media(prefers-reduced-motion:reduce){.intro-snow,.intro-zzz text,.intro-star path,.intro-begin .reel-big,.intro-actor,.intro-pony-head,.intro-bells,.intro-heron-neck,.intro-heron-wing,.intro-strings,.intro-lantern>g,.intro-lantern-glow,.intro-critter-bob,.intro-critter,.intro-card,.intro-bravo,.intro-wing,.echo-bird,.intro-cast .choir-singer,.tune-path-now{animation:none!important}.intro-snow{display:none}.intro-zzz text{opacity:.8}.intro-night,.intro-star,.intro-moon,.intro-pony-head,.song-plaque{transition-duration:.01ms}.intro-fan .intro-fan-in{transition-duration:.01ms!important}.intro-ring{animation-name:introRingFade}@keyframes introRingFade{0%{opacity:0}to{opacity:1}}}.score-view{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.score-svg{display:block;margin:0 auto;overflow:visible;touch-action:manipulation}.score-svg :is(path,use,text):not(:where(.wren *)){fill:#3b3a2e}.score-svg path.sc-staff{fill:#5a5546}.score-svg line{stroke:#3b3a2e;stroke-linecap:butt}.score-svg line.sc-staff{stroke:#5a5546}.score-svg line.sc-ledger,.score-svg line.sc-stem{stroke-linecap:butt}.score-svg text{font-family:Alegreya,Georgia,serif}.score-svg text.sc-chord{font-weight:600}.score-svg text.sc-numeral{font-family:Alegreya,Georgia,serif;font-style:normal;font-weight:500;fill:#6e5a84}.score-svg text.sc-label{fill:#6e5a84;font-weight:500}.score-svg text.sc-volta{font-weight:600}.score-svg .is-lit:is(path,use,text){fill:#6e5a84}.score-svg line.is-lit{stroke:#6e5a84}.score-glow{fill:#a99bc461}.score-svg .is-good:is(path,use){fill:#4f5e39}.score-svg line.is-good{stroke:#4f5e39}.score-svg .is-bad:is(path,use){fill:#a9543a}.score-svg line.is-bad{stroke:#a9543a}.score-svg .is-dim:is(path,use,text){fill:#3b3a2e59}.score-svg line.is-dim{stroke:#3b3a2e59}.score-svg .is-ghost:is(path,use){fill:#8e7fb0;opacity:.55}.score-svg line.is-ghost{stroke:#8e7fb0;opacity:.55}.score-mark-good{fill:none!important;stroke:#4f5e39;stroke-width:.28;stroke-linecap:round;stroke-linejoin:round}.score-mark-bad{fill:none!important;stroke:#a9543a;stroke-width:.18;stroke-dasharray:.45 .3}.score-mark-bad-x{fill:none!important;stroke:#a9543a;stroke-width:.24;stroke-linecap:round}.score-mark-pick{fill:#a99bc438!important;stroke:#8e7fb0;stroke-width:.2}.score-mark-hint{fill:none!important;stroke:#ddb45c;stroke-width:.22;stroke-dasharray:.3 .25}.score-hit{fill:transparent!important;cursor:pointer}.score-hit:hover{fill:#a99bc41f!important}@media(prefers-reduced-motion:no-preference){.score-glow{animation:scoreGlow .5s ease-out}}@keyframes scoreGlow{0%{opacity:0}to{opacity:1}}@media print{.score-view{overflow:visible}}.staff-editor{position:relative;border-radius:18px;outline:none}.staff-editor:focus-visible{outline:3px solid #C06A45;outline-offset:3px}.editor-hit{fill:transparent!important;cursor:crosshair;touch-action:none}.editor-cursor{fill:#a99bc4!important;opacity:.9}@media(prefers-reduced-motion:no-preference){.editor-cursor{animation:editorBlink 1.1s ease-in-out infinite}}@keyframes editorBlink{0%,to{opacity:.95}50%{opacity:.35}}.editor-ghost path,.editor-ghost text{fill:#8e7fb0!important}.editor-ghost line{stroke:#8e7fb0!important}.editor-ghost text{font-family:Alegreya,Georgia,serif;font-weight:600}.editor-tools{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 14px;margin-top:10px}.tool-group{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;padding:3px;border-radius:14px;background:#eadbc073;max-width:100%}@media(max-width:520px){.tool{min-width:40px;height:42px;font-size:18px}.editor-tools{gap:6px 8px}}.tool{min-width:44px;height:44px;border-radius:12px;border:2px solid #E2CFAE;background:#fffdf7;color:#3b3a2e;display:inline-flex;align-items:center;justify-content:center;font-size:20px;line-height:1;padding:0 6px}.tool:hover{border-color:#a99bc4}.tool[aria-pressed=true]{background:#a99bc4;border-color:#8e7fb0;color:#fffdf7}.tool-wide{font-size:15px;padding:0 12px}.staff-editor.is-disabled .editor-hit{cursor:default}.editor-note{margin:.5rem auto 0;max-width:34rem;padding:.45rem .8rem;border-radius:.8rem;background:#f3eef8;color:#4a4060;font-size:15px;line-height:1.35;text-align:center}.score-title{text-align:center;font-family:Alegreya,Georgia,serif;font-size:20px;font-weight:600;color:#3b3a2e;margin:2px 0 0}.score-hit:focus-visible{outline:none;fill:#a99bc438!important;stroke:#6e5a84;stroke-width:.18}.score-svg .sc-dot{stroke:none}.score-svg text.hand-text{font-family:Caveat,cursive;font-weight:600}.score-svg .is-hidden{opacity:0}.score-svg .is-smudge:is(path,use){fill:#a9543a}@media(prefers-reduced-motion:no-preference){.score-svg .is-fresh{animation:inkIn .32s ease-out both}.score-svg .is-smudge{animation:inkSmudge .85s ease-in forwards}}@keyframes inkIn{0%{opacity:0}to{opacity:1}}@keyframes inkSmudge{0%,30%{opacity:1}to{opacity:0}}.tap-staff{position:relative;border-radius:18px;outline:none}.tap-staff:focus-visible{outline:3px solid #C06A45;outline-offset:3px}.tap-hit{fill:transparent;cursor:pointer;touch-action:none}.tap-staff.is-disabled .tap-hit{cursor:default}.score-svg path.tap-place{fill:#5a5546;opacity:.3}.score-svg .tap-ghost{opacity:.85}.score-svg .tap-ghost :is(path,use){fill:#8e7fb0}.tap-hint{fill:#ddb45c4d;stroke:#cca04b;stroke-width:.14}@media(prefers-reduced-motion:no-preference){.tap-hint{animation:tapHint 1.4s ease-in-out infinite}}@keyframes tapHint{0%,to{opacity:.55}50%{opacity:1}}.page-card{margin:14px auto 0;padding:10px 8px 6px;border-radius:22px;background:#fffdf7;border:2px solid #EADBC0;box-shadow:0 10px 22px -18px #3b3a2e80;max-width:760px}.page-card.is-writing{border-color:#dcd0e7;background:#fffefa}.page-caption{margin:2px 8px 4px;text-align:center;font-size:15px;font-style:italic;color:#3b3a2ebf}.page-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:6px 0 4px}.notebook-note{position:relative;margin-left:auto;margin-right:auto;max-width:640px;padding:14px 18px;border-radius:6px 18px 18px 6px;background:linear-gradient(90deg,#eadbc0 0 6px,#fbf3e2 6px);box-shadow:0 8px 18px -14px #3b3a2e99;transform:rotate(-.4deg)}.notebook-tag{display:inline-flex;align-items:center;gap:6px;font-family:Alegreya Sans SC,sans-serif;font-size:13px;letter-spacing:.12em;color:#8b7b5c;text-transform:lowercase}.notebook-title{font-family:Caveat,cursive;font-size:28px;line-height:1.05;color:#6e4a30;margin-top:2px}.notebook-body{font-family:Caveat,cursive;font-size:23px;line-height:1.18;color:#4a3b2b;margin-top:4px}.notebook-body b{color:#6e5a84;font-weight:600}.neume-pad{max-width:420px;margin:0 auto}.neume-svg{width:100%;display:block;touch-action:none}.neume-bg{fill:#fbf3e2;stroke:#eadbc0;stroke-width:2}.neume-line{stroke:#a99bc4;stroke-width:3;fill:none;stroke-linecap:round}.neume-line.is-wrong{stroke:#c06a45;stroke-dasharray:6 4}.neume-dot{fill:#3b3a2e;transition:r .15s ease}.neume-dot.is-lit{fill:#8e7fb0}.neume-hit{fill:transparent;cursor:pointer}.neume-keys{display:flex;justify-content:space-around;margin-top:6px}.neume-col-keys{display:flex;flex-direction:column;gap:4px}.neume-col-keys .tool{min-width:38px;height:34px;font-size:14px}.reader-card{display:flex;flex-direction:column;gap:6px;align-items:center;text-align:center;padding:12px;border-radius:18px;border:2px solid #EADBC0;background:#fffdf7;font-size:16px}.reader-card strong{font-size:18px}.instrument-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:640px;margin:0 auto}@media(min-width:760px){.instrument-choices{grid-template-columns:repeat(4,minmax(0,1fr))}}.instrument-choice{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 10px;border-radius:20px;border:2px solid #E2CFAE;background:#fffdf7;text-align:center;color:#3b3a2e}.instrument-choice strong{font-size:19px}.instrument-choice span{font-size:14px;line-height:1.3;color:#3b3a2ebf}.instrument-choice:hover{border-color:#a99bc4}.instrument-choice.is-on{border-color:#8e7fb0;background:#f3eef9;box-shadow:0 0 0 3px #a99bc459}.landmark-band{fill:#ddb45c38!important}.landmark-text{fill:#a87a2e!important;font-family:Alegreya,Georgia,serif;font-weight:600}.clef-slot{fill:transparent!important;cursor:pointer}.clef-slot:hover,.clef-slot.is-on{fill:#a99bc440!important}.clef-placed{fill:#6e5a84!important}.clef-hint{fill:#8e7fb0!important;font-family:Alegreya,Georgia,serif;font-style:italic}.shape-readout{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:10px;text-align:center}.shape-readout strong{font-size:22px}.shape-readout span{font-size:15px;color:#3b3a2ebf}.shape-num{font-weight:600;color:#6e5a84!important}.shape-handle{font-style:italic}.seen-chip{display:inline-flex;padding:3px 12px;border-radius:999px;border:2px dashed #E2CFAE;font-size:15px;color:#3b3a2e99}.seen-chip.is-on{border-style:solid;border-color:#6b7f4e;color:#4f5e39;background:#6b7f4e1f}.gap-target rect{fill:#a99bc41f!important;stroke:#a99bc4;stroke-width:.12;stroke-dasharray:.3 .25;cursor:pointer}.gap-target text{fill:#8e7fb0!important;font-family:Alegreya,Georgia,serif}.gap-target:hover rect{fill:#a99bc44d!important}.gap-target.is-good rect{fill:#6b7f4e40!important;stroke:#4f5e39;stroke-dasharray:none}.gap-target.is-bad rect{fill:#c06a452e!important;stroke:#a9543a}.page-choice{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px;border-radius:16px;border:2px solid #E2CFAE;background:#fffdf7}.page-choice:hover{border-color:#a99bc4}.page-choice.is-good{border-color:#6b7f4e;background:#6b7f4e1a}.page-choice.is-bad{border-color:#c06a45;border-style:dashed}.page-choice span{font-size:15px}.chip.is-good{border-color:#6b7f4e;background:#6b7f4e26}.chip.is-bad{border-color:#c06a45;border-style:dashed}.cp-pages{margin-top:18px}.cp-pages h2{text-align:center}.fretboard text{font-family:Alegreya,Georgia,serif}.tool{position:relative}.tool.is-done{border-color:#6b7f4e}.tool-tick{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:999px;background:#6b7f4e;color:#fffdf7;font-size:11px;line-height:18px;text-align:center}.pyramid{display:grid;gap:2px;max-width:520px;margin:12px auto 0}.pyramid-row{display:flex;align-items:center;gap:8px}.pyramid-row>:first-child{flex:1;min-width:0}.pyramid-row>span{flex-shrink:0;width:7.5rem;font-size:14px;color:#3b3a2ebf}.bar-gap rect{fill:#a99bc421!important;cursor:pointer}.bar-gap:hover rect{fill:#a99bc44d!important}.bar-gap.is-on rect{fill:#a99bc438!important}.bar-gap line{stroke:#3b3a2e!important}.bar-gap.is-bad line{stroke:#c06a45!important;stroke-dasharray:.4 .3}.beam-gap{fill:#a99bc41f!important;cursor:pointer}.beam-gap:hover{fill:#a99bc447!important}.beam-gap.is-on{fill:#8e7fb04d!important}.page-option.is-good{border-color:#6b7f4e}.page-option.is-bad{border-color:#c06a45;border-style:dashed}.form-slots{display:flex;justify-content:center;gap:10px;margin:16px 0 0;padding:0;list-style:none}.form-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;width:64px;height:74px;border-radius:16px;border:2px dashed #E2CFAE;background:#fffdf7;color:#3b3a2e}.form-slot b{font-size:28px;line-height:1;font-family:Alegreya,Georgia,serif}.form-slot small{font-size:12px;color:#3b3a2e99}.form-slot.is-on{border-style:solid;border-color:#a99bc4;background:#f7f3fb}.form-slot.is-good{border-color:#6b7f4e;background:#6b7f4e1f}.form-slot.is-bad{border-color:#c06a45;border-style:dashed;background:#c06a4514}.metre-choices{display:grid;gap:10px;max-width:640px;margin:0 auto}@media(min-width:760px){.metre-choices{grid-template-columns:repeat(3,minmax(0,1fr))}}.metre-choice{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 10px;border-radius:20px;border:2px solid #E2CFAE;background:#fffdf7;text-align:center}.metre-choice strong{font-family:Alegreya,Georgia,serif;font-size:30px;line-height:1}.metre-choice>span{font-size:15px;color:#3b3a2ebf}.name-row{display:flex;flex-direction:column;align-items:center;gap:6px}.name-row label{font-size:15px;color:#3b3a2ebf}.name-row input{width:min(320px,100%);padding:8px 12px;border-radius:12px;border:2px solid #E2CFAE;background:#fffdf7;font-size:18px;text-align:center}.name-row input:focus{outline:none;border-color:#a99bc4}.phrase-cards{display:grid;gap:8px}@media(min-width:640px){.phrase-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.phrase-cards>.page-card{margin:0;min-width:0}.page-card.is-notebook{background:linear-gradient(90deg,#eadbc0 0 5px,#fbf3e2 5px);border-color:#e2cfae;border-radius:6px 22px 22px 6px}.mode-name{font-family:Caveat,cursive;font-size:1.15em;color:#6e5a84}.door-review{display:grid;gap:8px}@media(min-width:720px){.door-review{grid-template-columns:repeat(2,minmax(0,1fr))}}.door-review>.page-card{margin:0;min-width:0}.mode-keys{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;max-width:560px;margin:0 auto}.mode-key{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:64px;border-radius:14px;border:2px solid #E2CFAE;background:#fffdf7;color:#3b3a2e;padding:4px 2px}.mode-key b{font-family:Alegreya,Georgia,serif;font-size:24px;line-height:1}.mode-key small{font-size:10px;line-height:1.1;color:#6e5a84;overflow-wrap:anywhere}.mode-key.is-seen{border-color:#cdbfe0}.mode-key.is-on{border-color:#8e7fb0;background:#f3eef9;box-shadow:0 0 0 3px #a99bc459}.mode-sort{list-style:none;margin:0 auto;padding:0;max-width:560px;display:grid;gap:6px}.mode-sort li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px;padding:8px 10px;border-radius:14px;border:2px solid #EADBC0;background:#fffdf7}.mode-sort li.is-good{border-color:#6b7f4e}.mode-sort li.is-bad{border-color:#c06a45;border-style:dashed}.mode-sort-name{font-size:18px;text-align:left;color:#3b3a2e}.mode-sort-name small{color:#3b3a2e99;font-size:14px}.mode-sort-bins{display:flex;gap:6px}.chip.is-on{border-color:#8e7fb0;background:#f3eef9}.door-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:640px;margin:0 auto}@media(min-width:760px){.door-choices{grid-template-columns:repeat(4,minmax(0,1fr))}}.door-choice{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;border-radius:18px;border:2px solid #E2CFAE;background:#fffdf7;text-align:center;color:#3b3a2e}.door-choice:hover{border-color:#a99bc4}.door-choice strong{font-size:19px}.door-choice span{font-size:14px;line-height:1.3;color:#3b3a2ebf}.stride-target{display:flex;justify-content:center;gap:6px;margin:0 auto 6px}.stride-target span{min-width:30px;padding:2px 6px;border-radius:999px;border:2px dashed #E2CFAE;text-align:center;font-family:Alegreya,Georgia,serif;font-size:16px;color:#3b3a2e99}.stride-target span.is-on{border-style:solid;border-color:#6b7f4e;color:#4f5e39;background:#6b7f4e1a}.sig-zone{fill:#a99bc41a!important;cursor:crosshair;touch-action:none}.sig-zone:hover{fill:#a99bc433!important}.sig-sign{fill:#3b3a2e!important;pointer-events:none}.sig-sign.is-bad{fill:#c06a45!important}.sig-sign.is-good{fill:#4f5e39!important}.key-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:8px;max-width:700px;margin:0 auto}.key-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px 8px;border-radius:16px;border:2px solid #E2CFAE;background:#fffdf7;color:#3b3a2e}.key-card:hover{border-color:#a99bc4}.key-card span{font-size:15px}.key-card.is-placed{border-color:#6b7f4e;background:#6b7f4e14}.key-card-n{position:absolute;top:-8px;right:-8px;width:26px;height:26px;border-radius:999px;background:#6b7f4e;color:#fffdf7;font-size:14px;line-height:26px;text-align:center}.key-circle{display:block;width:min(340px,100%);margin:0 auto}.key-circle-ring{fill:none;stroke:#e2cfae;stroke-width:2}.key-circle-dot{fill:#fffdf7;stroke:#cdbfe0;stroke-width:2}.key-circle-dot.is-sharp{stroke:#ddb45c}.key-circle-dot.is-flat{stroke:#8e7fb0}.key-circle-dot.is-home{fill:#f6eedf;stroke:#6e4a30}.key-circle-name{font-family:Alegreya,Georgia,serif;font-size:13px;fill:#3b3a2e}.key-circle-sig{font-size:10px;fill:#3b3a2e99}.chord-zone{fill:#a99bc41a!important;cursor:crosshair;touch-action:none}.chord-sel{fill:none!important;stroke:#8e7fb0;stroke-width:.22}.chord-sym{font-family:Alegreya,Georgia,serif;font-weight:700;color:#6e5a84}.chord-slots{list-style:none;margin:12px auto 0;padding:0;max-width:640px;display:grid;gap:6px}.chord-slot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px;padding:6px 10px;border-radius:14px;border:2px solid #EADBC0;background:#fffdf7}.chord-slot.is-bad{border-color:#c06a45;border-style:dashed}.chord-slot.is-fixed{opacity:.8}.chord-slot-name{font-size:15px;color:#3b3a2ebf}.chord-slot-opts{display:flex;flex-wrap:wrap;gap:4px}.chord-chip{display:inline-flex;flex-direction:column;align-items:center;line-height:1.05;padding:4px 10px;min-width:46px}.chord-chip b{font-family:Alegreya,Georgia,serif;font-size:17px}.chord-chip small{font-size:11px;color:#3b3a2e99}.chord-boxes{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:8px 0}.chord-box{display:flex;flex-direction:column;align-items:center;margin:0}.chord-box b{font-family:Alegreya,Georgia,serif;font-size:16px}.chord-box small{font-size:11px;color:#3b3a2e99}.cb-string,.cb-fret{stroke:#3b3a2e;stroke-width:1}.cb-nut{stroke:#3b3a2e;stroke-width:3}.cb-dot{fill:#3b3a2e}.cb-open{fill:none;stroke:#3b3a2e;stroke-width:1.2}.cb-x,.cb-base{font-size:9px;fill:#3b3a2e}.finish-controls{display:grid;gap:10px;max-width:560px;margin:0 auto 8px}.finish-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px}.finish-row .t-meta{min-width:4.5rem;text-align:right}.finish-checks{list-style:none;margin:12px auto 0;padding:0;max-width:460px;display:grid;gap:4px}.finish-checks li{padding:4px 10px;border-radius:10px;background:#fbf3e2;color:#3b3a2ebf;font-size:16px}.finish-checks li.is-ok{background:#6b7f4e1f;color:#4f5e39}.bar-gap:focus-visible rect,.beam-gap:focus-visible{outline:none;stroke:#6e5a84!important;stroke-width:.18}.bar-gap:focus-visible{outline:none}.sig-zone:focus-visible,.chord-zone:focus-visible{outline:none;stroke:#6e5a84;stroke-width:.15}.sig-cursor{fill:#a99bc4!important;opacity:.7;pointer-events:none}.chord-cursor{fill:#a99bc4!important;opacity:.55;pointer-events:none}.journal-pages{display:grid;gap:10px;margin-top:12px}@media(min-width:760px){.journal-pages{grid-template-columns:repeat(2,minmax(0,1fr))}}.journal-pages>.page-card{margin:0;min-width:0}@layer components{.app.vday,.app.vlesson{--grain: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.23  0 0 0 0 0.22  0 0 0 0 0.18  0 0 0 .05 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}.app.vday{background:var(--grain),#e6d2d4;overflow:clip}.app.vday.is-gated{background:var(--grain),#f6eedf}.gate-island .vroad{margin-top:0}.vpage{position:relative;max-width:1100px;margin:0 auto;padding:0 20px 140px}.vhero,.vunit,.vend{position:relative}.vunit-sky{position:absolute;top:0;bottom:0;left:calc(50% - 50vw);width:100vw;z-index:-1;pointer-events:none;background:var(--grain),var(--sky)}.vhero{--sky: linear-gradient(#E6D2D4, #F2D9C6)}.vunit.unit-1{--sky: linear-gradient(#F2D9C6, #F6E6D0);--board: #3E4A6B;--board-hi: #4C5A7E;--board-edge: #27304A}.vunit.unit-2{--sky: linear-gradient(#F6E6D0, #E6ECE2);--board: #3F5A4A;--board-hi: #4C6A58;--board-edge: #283C31}.vunit.unit-3{--sky: linear-gradient(#E6ECE2, #F4E8CC);--board: #7E3F30;--board-hi: #904B3A;--board-edge: #55291F}.vunit.unit-4{--sky: linear-gradient(#F4E8CC, #EFCFA6);--board: #5A4A6E;--board-hi: #67567D;--board-edge: #3B3049}.vunit.unit-5{--sky: linear-gradient(#EFCFA6, #DCA99B 40%, #8E7AA2);--board: #6B4A30;--board-hi: #7B573A;--board-edge: #46301E}.vunit.unit-6{--sky: linear-gradient(#8E7AA2, #5B5684 230px, #3E4166 60%, #33375A);--board: #2F4A55;--board-hi: #3A5A67;--board-edge: #1D2F37;--paper: #F3EEF4;--paper-edge: #B9B0C9;--pencil: #B7AECB}.vend{--sky: linear-gradient(#33375A, #262943);--paper: #F3EEF4;--paper-edge: #B9B0C9;--pencil: #B7AECB}.vhero{padding:4px 0 0;text-align:center}.vhero>.vunit-sky{top:-90px}.vhero-sky{position:absolute;inset:-90px 0 0;pointer-events:none}.vhero-sun{position:absolute;left:50%;top:40px;width:360px;height:360px;margin-left:-180px;border-radius:50%;background:radial-gradient(circle,#fff0d2f2 0 20%,#fcdeb68c 36%,#f6d2b000 66%);animation:sunRise 3.2s cubic-bezier(.2,.8,.2,1) both}.vhero-birds{position:absolute;right:12%;top:104px;width:110px;height:auto;overflow:visible;animation:birdsDrift 14s ease-in-out infinite alternate}.vhero h1{position:relative;z-index:1;margin:2px 0 0;font-size:clamp(2.6rem,7.4vw,3.9rem);line-height:1;font-weight:800;letter-spacing:-.02em;color:#3b3a2e}.vhero-lead{position:relative;z-index:1;max-width:34ch;margin:12px auto 0;font-size:clamp(1.12rem,2.6vw,1.35rem);line-height:1.35;color:#3b3a2ebf;text-wrap:balance}.vhero .audio-banner{position:relative}.vroad{--dh: clamp(150px, min(22vw, 30vh), 260px);max-width:600px;margin:0 auto}.vunit{scroll-margin-top:16px}.vpage .vunit.unit-1 .vdistrict{margin-top:calc(var(--dh) * -.14)}.vdistrict{position:relative;width:min(100vw,1240px);margin-left:calc(50% - min(50vw,620px));height:var(--dh);-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}.vdistrict-art{display:block;width:100%;height:100%;overflow:hidden}.vdistrict-art.is-asleep{filter:saturate(.72)}.vsign{position:sticky;top:0;z-index:12;display:flex;justify-content:center;margin-top:-12px;padding-top:20px;pointer-events:none}.vsign:before,.vsign:after{content:"";position:absolute;top:0;width:5px;height:26px;border-radius:3px;background:repeating-linear-gradient(to bottom,#5e4a36 0 6px,#5e4a3640 6px 8px)}.vsign:before{left:calc(50% - min(42%,200px))}.vsign:after{right:calc(50% - min(42%,200px))}.vsign-board{--letter: #F6EEDF;pointer-events:auto;position:relative;display:flex;align-items:center;gap:14px;width:min(100%,560px);padding:11px 16px 12px 12px;border-radius:14px;color:var(--letter);text-align:left;background:repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 2px,transparent 2px 7px),repeating-linear-gradient(0deg,rgba(0,0,0,.07) 0 1px,transparent 1px 13px),linear-gradient(var(--board-hi),var(--board));box-shadow:inset 0 0 0 3px var(--board),inset 0 0 0 4.5px #e7c67680,0 0 0 2.5px var(--board-edge),0 6px 0 2px var(--board-edge),0 20px 26px -14px #1e181099;animation:signDrop .8s var(--spring) both;transform-origin:50% -20px}.vsign-copy{min-width:0}.vsign-eyebrow{display:block;font-family:var(--font-sc);font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;opacity:.8}.vsign h2{margin:2px 0 0;font-size:clamp(1.2rem,3.4vw,1.5rem);line-height:1.12;font-weight:700;text-shadow:0 1px 0 rgba(0,0,0,.3)}.vsign-emblem{flex:none;width:50px;height:50px}.vsign-emblem-disc{fill:#ffffff12;stroke:var(--letter);stroke-width:1.4;opacity:.9}.vsign-emblem-art{stroke:var(--letter);fill:var(--letter)}.vsign-emblem-art [fill=none]{fill:none}.vsign.is-gilt .vsign-board{--letter: #F0D282}.vsign.is-gilt h2{text-shadow:0 1px 0 rgba(0,0,0,.4),0 0 14px rgba(240,210,130,.25)}.vsign.is-raw .vsign-board{--letter: #5E4A36;--board: #D3BE95;--board-hi: #DDC9A2;--board-edge: #A68A5E}.vsign.is-raw .vsign-board{box-shadow:inset 0 0 0 3px var(--board),0 0 0 2.5px var(--board-edge),0 6px 0 2px var(--board-edge),0 20px 26px -14px #1e181073}.vsign.is-raw h2{text-shadow:none;opacity:.82}.vsign.is-raw .vsign-emblem{opacity:.6}.vsign-seal{flex:none;margin-left:auto;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#6e4a30;background:radial-gradient(circle at 35% 30%,#f8e2a0,#ddb45c 60%,#b98f3a);box-shadow:0 0 0 2px #ffffff38,0 2px #00000059}.vtrack{position:relative;margin:0 auto}.vribbon{position:absolute;left:0;top:0;overflow:visible;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 46px),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 46px),transparent)}.vunit.unit-6 .vribbon{-webkit-mask-image:none;mask-image:none}.vribbon-shadow{fill:none;stroke:#2d223421;stroke-width:58px;translate:0 8px}.vribbon-edge{fill:none;stroke:var(--paper-edge, #DCCBA8);stroke-width:59px}.vribbon-paper{fill:none;stroke:var(--paper, #FCF7EC);stroke-width:55px}.vribbon-pencil{fill:none;stroke:var(--pencil, #CFC2A4);stroke-width:1.2px;stroke-dasharray:5 4}.vribbon-ink{fill:none;stroke:#3b3a2e;stroke-width:1.5px;stroke-linecap:round}.vribbon-bar{fill:none;stroke:var(--pencil, #CFC2A4);stroke-width:1.5px}.vribbon-bar.is-thick{stroke-width:4.5px}.vribbon-bar.is-inked{stroke:#3b3a2e}.vnote-wrap{position:absolute;width:0;height:0;z-index:2}.vnote-wrap:has(.node-card){z-index:15}.vnote{--w: 88px;--h: 66px;--head: linear-gradient(#B9ADD6, #A193C2);--edge: #8E7FB0;position:absolute;left:calc(var(--w) / -2);top:calc(var(--h) / -2);width:var(--w);height:var(--h);display:grid;place-items:center;padding:0;border:0;background:none;color:#fffdf7;cursor:pointer;transition:transform .35s var(--spring)}.vnote-head{position:absolute;inset:0;border-radius:50%;rotate:-18deg;background:var(--head);box-shadow:-2px 6.3px 0 var(--edge),0 15px 22px -10px #281e1473,inset 0 2px #ffffff52,var(--ring, 0 0 0 0 transparent);transition:box-shadow .35s var(--spring)}.vnote-icon{position:relative;display:grid;place-items:center}.vnote .node-num{font-size:1.6rem;font-weight:600;line-height:1}.vnote.is-done{--head: radial-gradient(ellipse at 38% 30%, #5A584C, #2E2D25 72%);--edge: #15140F;color:#ebc86e}.vnote.is-done:after{content:"";position:absolute;width:4px;height:60px;border-radius:2px;background:linear-gradient(90deg,#3e3d33,#26251e)}.vnote.is-done.stem-up:after{left:calc(var(--w) / 2 + var(--w) * .45);top:calc(var(--h) / 2 - 64px)}.vnote.is-done.stem-down:after{left:calc(var(--w) / 2 - var(--w) * .45 - 4px);top:calc(var(--h) / 2 + 4px)}.vnote.is-current{--w: 100px;--h: 76px;--head: linear-gradient(#A797CB, #8E7FB0);--edge: #6C5C8E}.vnote.is-locked{--head: #FBF6EA;--edge: #D3C5A6;color:#8a8268}.vnote.is-locked .vnote-head{outline:2.5px dashed #A59A7C;outline-offset:-7px}.vnote.is-selected{--ring: 0 0 0 5px #FBF6EA, 0 0 0 9px #DDB45C}@media(hover:hover){.vnote:hover{transform:translateY(-3px)}}.vnote:active{transform:translateY(5px);transition-duration:.07s}.vnote:active .vnote-head{box-shadow:-.3px 1px 0 var(--edge),var(--ring, 0 0 0 0 transparent);transition-duration:.07s}.vnote.shake{animation:nodeShake .5s ease-in-out}.vnote-pulse{position:absolute;left:-60px;top:-46px;width:120px;height:92px;border-radius:50%;border:3px solid #A99BC4;pointer-events:none;animation:notePulse 2.6s ease-out infinite}.vroad-wren.on-left{left:-138px}.vroad-wren.on-right{left:62px}.vnote-wrap .node-bubble{top:-96px}.vslip{position:absolute;top:0;display:flex;flex-direction:column;gap:0;width:max-content;max-width:min(184px,32vw);padding:6px 11px 7px;border-radius:9px;background:#fffdf7;box-shadow:0 0 0 1.5px #9a7a5238,0 9px 16px -10px #281e1480;transform:translateY(-50%) rotate(var(--tilt, 0deg));pointer-events:none;animation:labelIn .7s ease-out var(--d, 0s) backwards}.vslip.right{left:58px;align-items:flex-start;text-align:left}.vslip.left{right:58px;align-items:flex-end;text-align:right}.is-current .vslip.right{left:66px}.is-current .vslip.left{right:66px}.vslip b{font-size:clamp(.98rem,2.4vw,1.08rem);line-height:1.16;font-weight:600;color:#3b3a2e}.vslip i{font-style:normal;font-size:.82rem;color:#8e7c60}.vslip.is-done i{color:#a87a2e}.vslip.is-locked{background:#fffdf7cc}.vslip.is-locked b{color:#3b3a2ea6}.vend{display:flex;flex-direction:column;align-items:center;gap:12px;padding:0 0 8px;text-align:center}.vend>.vunit-sky{bottom:-400px}.vend-ribbon{display:block;width:80px;height:104px;margin-top:-8px;overflow:visible}.vend-ribbon .vribbon-shadow{translate:0 6px}.vend-roll-shade{fill:url(#vd-roll)}.vend-roll-end{fill:#d9d0e2;stroke:#b9b0c9;stroke-width:1}.vexit{display:grid;place-items:center;width:76px;height:76px;margin-top:-10px;border-radius:50%;color:#cfc6dd;background:#474a70;box-shadow:0 0 0 2.5px #6e6a95,0 6px #2c2e48}.vexit.is-done{color:#6e4a30;background:radial-gradient(circle at 40% 32%,#f8e2a0,#ddb45c 62%,#b98f3a);box-shadow:0 6px #8e6a2c,0 0 26px 4px #f0d28259}.vend-scene{width:min(100vw,1240px);margin-left:calc(50% - min(50vw,620px));height:clamp(120px,16vw,200px);align-self:auto;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}.vend-art{display:block;width:100%;height:100%}.vend-copy{max-width:34ch;margin:0;font-size:1.1rem;line-height:1.4;color:#e7e0ee}.vend .inline-link{color:#f0d282}.vend .legal-links,.vend .legal-seller{color:#a9a3c0}.vend .legal-links a{color:#cfc6dd}.vend .legal-links a:hover{color:#fff}.varrive{position:fixed;inset:0;z-index:60;overflow:hidden;cursor:pointer}.varrive-fog{position:absolute;inset:0;background:radial-gradient(ellipse 72% 62% at 50% 46%,#fcf9f2fa,#f8f3eaeb 55%,#f2ece6cc);animation:arriveFog 1.9s ease-in .35s forwards}.varrive-cloud{position:absolute;height:auto;overflow:visible;animation:arriveL 2.2s cubic-bezier(.55,0,.35,1) .2s forwards}.varrive-cloud.r1,.varrive-cloud.r2,.varrive-cloud.r3{animation-name:arriveR}.varrive-cloud.l1{left:-8%;top:4%;width:min(78vw,820px)}.varrive-cloud.r1{right:-10%;top:18%;width:min(82vw,860px);animation-delay:.3s}.varrive-cloud.l2{left:-14%;top:40%;width:min(76vw,780px);animation-delay:.1s}.varrive-cloud.r2{right:-12%;top:52%;width:min(80vw,820px);animation-delay:.25s}.varrive-cloud.l3{left:-10%;bottom:-6%;width:min(84vw,900px);animation-delay:.4s}.varrive-cloud.r3{right:-8%;bottom:-10%;width:min(80vw,860px);animation-delay:.15s}.vd-swing,.vd-page,.vd-lantern{transform-box:fill-box;transform-origin:50% 0;animation:hangSwing 4.6s ease-in-out infinite}.vd-page{animation-duration:3.4s}.vd-lantern{animation-duration:5.2s}.vd-flag{transform-box:fill-box;transform-origin:50% 0;animation:hangSwing 3s ease-in-out infinite}.vd-hand-m{transform-box:fill-box;transform-origin:50% 82.35%;animation:handTurn 240s linear infinite}.vd-hand-h{transform-box:fill-box;transform-origin:50% 81.82%;animation:handTurn 2880s linear infinite}.vd-bell{transform-box:fill-box;transform-origin:50% 0;animation:bellSwing 3.2s ease-in-out infinite}.vd-wing{transform-box:fill-box;transform-origin:50% 100%;animation:wingFlap .9s ease-in-out infinite}.vd-flock{animation:flockDrift 16s ease-in-out infinite alternate}.vd-star{transform-box:fill-box;transform-origin:center;animation:starTwinkle 3.6s ease-in-out infinite}.vd-flicker{animation:lampFlicker 2.8s ease-in-out infinite}.vd-firefly{animation:fireflyDrift 6s ease-in-out infinite}@media(max-width:760px){.vroad-wren.on-left{left:-112px}}@media(max-width:520px){.vpage{padding-inline:14px}.vslip{max-width:124px;padding:6px 9px 7px}.vslip.right{left:48px}.vslip.left{right:48px}.is-current .vslip.right{left:54px}.is-current .vslip.left{right:54px}.vnote{--w: 76px;--h: 58px}.vnote.is-current{--w: 88px;--h: 68px}.vnote-pulse{left:-54px;top:-41px;width:108px;height:82px}.vsign-board{gap:10px;padding:9px 12px 10px 9px}.vsign-emblem{width:42px;height:42px}.vhero-birds{right:4%;width:84px}}}@keyframes sunRise{0%{translate:0 60px;opacity:.3}to{translate:0 0;opacity:1}}@keyframes birdsDrift{0%{translate:0 0}to{translate:-40px 8px}}@keyframes signDrop{0%{opacity:0;translate:0 -24px;rotate:-3deg}60%{opacity:1;rotate:1.4deg}to{translate:0 0;rotate:0deg}}@keyframes notePulse{0%{transform:rotate(-18deg) scale(.86);opacity:.9}to{transform:rotate(-18deg) scale(1.42);opacity:0}}@keyframes arriveFog{to{opacity:0}}@keyframes arriveL{to{translate:-95vw 0;opacity:.2}}@keyframes arriveR{to{translate:95vw 0;opacity:.2}}@keyframes handTurn{to{transform:rotate(360deg)}}@keyframes bellSwing{0%,to{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}@keyframes wingFlap{0%,to{transform:scaleY(1)}50%{transform:scaleY(-.6)}}@keyframes flockDrift{0%{translate:0 0}to{translate:-60px -10px}}@keyframes starTwinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.7)}}@keyframes lampFlicker{0%,to{opacity:1}45%{opacity:.78}60%{opacity:.92}}@keyframes fireflyDrift{0%,to{translate:0 0;opacity:.3}30%{translate:8px -10px;opacity:1}65%{translate:-6px -4px;opacity:.6}}@media(prefers-reduced-motion:reduce){.vhero-sun,.vhero-birds,.vsign-board,.vnote-pulse,.vslip,.vd-swing,.vd-page,.vd-lantern,.vd-flag,.vd-hand-m,.vd-hand-h,.vd-bell,.vd-wing,.vd-flock,.vd-star,.vd-flicker,.vd-firefly{animation:none!important}.varrive{display:none}}@layer components{.vl-u1{--sky: linear-gradient(#F3D8C6, #F6E4D0 48%, #F7ECDA);--board: #3E4A6B;--board-hi: #4C5A7E;--board-edge: #27304A}.vl-u2{--sky: linear-gradient(#F7E7D2, #EFF0E4 52%, #E3EBE3);--board: #3F5A4A;--board-hi: #4C6A58;--board-edge: #283C31}.vl-u3{--sky: linear-gradient(#E1EAE7, #EEEEDD 50%, #F5E8CB);--board: #7E3F30;--board-hi: #904B3A;--board-edge: #55291F}.vl-u4{--sky: linear-gradient(#F6EACE, #F2DBB6 55%, #ECC79D);--board: #5A4A6E;--board-hi: #67567D;--board-edge: #3B3049}.vl-u5{--sky: linear-gradient(#F1D4AE, #E9BBA2 50%, #CB9EA7);--board: #6B4A30;--board-hi: #7B573A;--board-edge: #46301E}.vl-u6{--sky: linear-gradient(#4B4D7A, #3C3F68 50%, #2F3254);--board: #2F4A55;--board-hi: #3A5A67;--board-edge: #1D2F37}.app.vlesson{--street: clamp(120px, 20vw, 240px);background:var(--grain),#f6eedf}.vl-scenery{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:var(--grain),var(--sky)}.vl-sky{position:absolute;left:0;top:0;width:100%;height:170px;overflow:visible}.vl-street{position:absolute;left:0;right:0;bottom:0;height:var(--street)}.vl-street .vdistrict-art{width:100%;height:100%}.vlesson:has(.complete-page,.checkpoint-page) .vl-birds{display:none}.vlesson.vl-u6:not(:has(.complete-page,.checkpoint-page)) .vl-street .vd-sky{display:none}.vl-title{display:flex;justify-content:center}.vl-board{--letter: #F0D282;position:relative;display:inline-flex;align-items:center;gap:14px;max-width:min(100%,720px);padding:10px 24px 11px 11px;border-radius:12px;color:var(--letter);text-align:left;background:repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 2px,transparent 2px 7px),repeating-linear-gradient(0deg,rgba(0,0,0,.07) 0 1px,transparent 1px 13px),linear-gradient(var(--board-hi),var(--board));box-shadow:inset 0 0 0 3px var(--board),inset 0 0 0 4.5px #e7c6768c,0 0 0 2.5px var(--board-edge),0 6px 0 2px var(--board-edge),0 20px 26px -14px #1e181099}.vl-title .vl-board{animation:vlBoardIn .6s cubic-bezier(.2,.8,.3,1.15) both}.vl-board .vsign-emblem{width:46px;height:46px}.vl-board-text{margin:0;min-width:0;font-size:clamp(22px,3vw,34px);line-height:1.1;font-weight:700;letter-spacing:.2px;color:var(--letter);text-shadow:0 1px 0 rgba(0,0,0,.4),0 0 14px rgba(240,210,130,.22);text-wrap:balance}.app.vl-u6 .vl-board{box-shadow:inset 0 0 0 3px var(--board),inset 0 0 0 4.5px #e7c6768c,0 0 0 2.5px var(--board-edge),0 6px 0 2px var(--board-edge),0 0 40px 8px #f0c87826}.vlesson .exercise-frame:not(.is-reel),.vlesson .complete-card,.vlesson .checkpoint-card{--rule: 8px;border:0;border-radius:10px;background:#fffdf8;box-shadow:inset 0 0 0 1px #9a7a5233,inset 0 0 0 var(--rule) #fffdf8,inset 0 0 0 calc(var(--rule) + 1px) #c9a04a94,inset 0 0 0 calc(var(--rule) + 3px) #fffdf8,inset 0 0 0 calc(var(--rule) + 3.75px) #c9a04a52,0 2px #9a7a5229,0 26px 44px -26px #281c108c}.app.vl-u6 .exercise-frame:not(.is-reel),.app.vl-u6 .complete-card,.app.vl-u6 .checkpoint-card{box-shadow:inset 0 0 0 1px #9a7a5233,inset 0 0 0 var(--rule) #fffdf8,inset 0 0 0 calc(var(--rule) + 1px) #c9a04a94,inset 0 0 0 calc(var(--rule) + 3px) #fffdf8,inset 0 0 0 calc(var(--rule) + 3.75px) #c9a04a52,0 0 0 1px #14122866,0 30px 54px -24px #080818bf}.vlesson :is(.complete-actions,.cp-actions) .button-primary{border-radius:14px;background:linear-gradient(var(--board-hi),var(--board));color:#f6e3a8;box-shadow:0 6px 0 var(--board-edge),0 14px 22px -8px #1e18106b,inset 0 0 0 1.5px #e7c6766b}.vlesson :is(.complete-actions,.cp-actions) .button-primary:hover:not(:disabled){background:linear-gradient(var(--board-hi),var(--board-hi));box-shadow:0 9px 0 var(--board-edge),0 18px 26px -8px #1e18106b,inset 0 0 0 1.5px #e7c67699}.vlesson :is(.complete-actions,.cp-actions) .button-primary:active:not(:disabled){box-shadow:0 0 0 var(--board-edge),0 2px 6px -2px #1e181066,inset 0 0 0 1.5px #e7c6766b,inset 0 3px 6px #00000047}.vlesson :is(.complete-actions,.cp-actions) .button-primary .tap-ripple{background:#f0d28266}.vlesson :is(.complete-actions,.cp-actions,.lesson-page>.page-links) .inline-link{color:var(--board)}.vlesson :is(.complete-actions,.cp-actions,.lesson-page>.page-links) .inline-link:hover:not(:disabled){color:var(--board-edge)}.vlesson .top-button{color:var(--board)}.app.vl-u6 .site-header .brand{color:#f3eef7}.app.vl-u6 .lesson-page>.page-links .inline-link{color:#e3daf0}.app.vl-u6 .audio-banner{background:#fbf2ea}.vl-bar{display:flex;align-items:center;width:clamp(300px,42vw,600px)}.vl-paper{position:relative;flex:1;height:36px;border-radius:8px;background:#fffdf8;box-shadow:0 0 0 2px #e8d9bc,0 3px 0 2px #e8d9bc}.app.vl-u6 .vl-paper{box-shadow:0 0 0 2px #b9b0c9,0 3px 0 2px #8e86a8}.vl-clef{position:absolute;left:7px;top:0;width:auto;height:36.9px;overflow:visible;fill:#3b3a2e}.vl-staff{position:absolute;left:4px;right:9px;top:5px;height:25px}.vl-pencil,.vl-ink{position:absolute;left:0;top:0;bottom:0;background:repeating-linear-gradient(var(--line) 0 1px,transparent 1px 6px) 0 0 / 100% 25px no-repeat}.vl-pencil{--line: #CBBD9C;right:0;-webkit-mask-image:repeating-linear-gradient(90deg,#000 0 5px,transparent 5px 8px);mask-image:repeating-linear-gradient(90deg,#000 0 5px,transparent 5px 8px)}.vl-ink{--line: #3B3A2E;width:calc(22px + (100% - 22px) * var(--f, 0));background-color:#ddb45c2b;border-radius:0 3px 3px 0;transition:width .8s cubic-bezier(.34,1.3,.5,1)}.vl-music{position:absolute;inset:0 0 0 22px}.vl-mark{position:absolute;top:0;width:22px;height:25px;margin-left:-11px}.vl-head{position:absolute;left:6px;top:calc(var(--y) - 3.6px);width:10px;height:7.2px;border-radius:50%;rotate:-22deg;background:#fffdf8;box-shadow:inset 0 0 0 1.4px #b5a684;transition:background .4s,box-shadow .4s}.vl-mark.is-current .vl-head{background:#8e7fb0;box-shadow:0 0 0 3px #a99bc452;animation:vlHere 2.2s ease-in-out infinite}.vl-mark.is-done .vl-head{background:#2e2d25;box-shadow:none}.vl-stem{position:absolute;width:1.3px;height:17px;border-radius:1px;background:#2e2d25}.vl-stem.up{left:14.8px;top:calc(var(--y) - 17.4px)}.vl-stem.down{left:6.1px;top:calc(var(--y) + .4px)}.vl-mark.is-end{left:auto;right:0;width:8px;margin:0}.vl-final{position:absolute;inset:0}.vl-final:before,.vl-final:after{content:"";position:absolute;top:0;bottom:0;background:#cbbd9c;transition:background .4s}.vl-final:before{left:0;width:1.2px}.vl-final:after{right:0;width:3.8px}.vl-mark.is-current .vl-final:before,.vl-mark.is-current .vl-final:after{background:#8e7fb0}.vl-mark.is-done .vl-final:before,.vl-mark.is-done .vl-final:after{background:#2e2d25}.vl-head.is-popping,.vl-final.is-popping{animation:lbPop .7s var(--spring) .3s both}.vl-mark .lb-burst{top:var(--y, 12.5px)}.vl-cheer{position:relative;z-index:1;display:flex;justify-content:center;margin:2px 0 34px}.vl-cheer .vl-board{padding:10px 26px 11px 12px}.vl-cheer .vl-board-text{font-size:clamp(28px,5.4vw,40px)}.vl-cheer .vl-board:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;background:linear-gradient(105deg,transparent 38%,rgba(255,238,190,.4) 50%,transparent 62%) 130% 0 / 260% 100% no-repeat;animation:vlBoardShine 1.3s ease-out 1.05s forwards}.vl-result{display:flex;flex-wrap:wrap;justify-content:center;margin:2px 0 0}.vl-result-cell{display:block;width:auto;height:84px;overflow:visible}.vl-result-note{display:block}.vl-result-lines path{stroke:#a29576;stroke-width:1}.vl-result-clef,.vl-result-thick{fill:#3b3a2e}.vl-result-stem{fill:none;stroke:#3b3a2e;stroke-width:1.25}.vl-result-thin{fill:none;stroke:#3b3a2e;stroke-width:1.3}.vlesson .stone-key svg{width:12px;height:22px}.vlesson .skill-gains{border-radius:10px;background:#fbf6ea;box-shadow:inset 0 0 0 1px #9a7a523d}.vlesson .skill-gain+.skill-gain{border-top:1px dashed rgba(154,122,82,.38)}.vlesson .bridge-card,.vlesson .cp-strip{grid-template-columns:184px 1fr;padding:8px 16px 8px 8px;border-radius:12px;background:#f6eedf;box-shadow:inset 0 0 0 1px #9a7a5233}.vl-window{position:relative;height:104px;border-radius:8px;overflow:hidden;background:var(--grain),var(--sky)}.vl-window:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 3px var(--board),inset 0 0 0 4.5px #e7c67680}.vl-window .vdistrict-art{width:100%;height:100%}@media(max-width:760px){.vl-bar{width:100%}}@media(max-width:620px){.vlesson .exercise-frame:not(.is-reel),.vlesson .complete-card,.vlesson .checkpoint-card{--rule: 6px}.vlesson .bridge-card,.vlesson .cp-strip{grid-template-columns:116px 1fr}.vl-window{height:86px}.vl-board{gap:10px;padding:9px 16px 10px 9px}.vl-board .vsign-emblem{width:38px;height:38px}.vl-result-cell{height:70px}.vl-birds{display:none}.vlesson.vl-u6:not(:has(.complete-page,.checkpoint-page)) .vl-street .vd-sky{display:inline}}}.vlesson .lesson-page:not(.complete-page):not(.checkpoint-page){padding-bottom:calc(var(--street) * .72 + 24px)}.vlesson .complete-page,.vlesson .checkpoint-page{padding-bottom:calc(var(--street) + 12px)}.vlesson .exercise-frame:not(.is-reel){border-radius:10px}.vlesson .focus-label-eyebrow{color:var(--board)}.app.vl-u6 .focus-label-eyebrow{color:#cfc6e4}.app.vl-u6 .focus-label-title{color:#f3eef7}[data-phase=open] .a-board{animation:vlBoardDrop .8s cubic-bezier(.2,.9,.3,1.25) var(--d, .12s) backwards}[data-phase=open] .a-note{transform-box:fill-box;transform-origin:50% 50%;animation:vlNoteIn .62s cubic-bezier(.2,.8,.3,1.35) var(--d) backwards}@keyframes vlBoardIn{0%{opacity:0;transform:translateY(-10px) scale(.97)}to{opacity:1;transform:none}}@keyframes vlBoardDrop{0%{opacity:0;transform:translateY(-28px) scale(.92) rotate(-3deg)}55%{opacity:1;transform:translateY(4px) scale(1.02) rotate(1deg)}to{opacity:1;transform:none}}@keyframes vlBoardShine{0%{opacity:1;background-position:130% 0}to{opacity:1;background-position:-30% 0}}@keyframes vlNoteIn{0%{opacity:0;transform:translateY(-18px) scale(.5)}60%{opacity:1;transform:translateY(2px) scale(1.08)}to{opacity:1;transform:none}}@keyframes vlHere{0%,to{box-shadow:0 0 0 3px #a99bc452}50%{box-shadow:0 0 0 6px #a99bc41f}}@media(prefers-reduced-motion:reduce){.vl-title .vl-board,.vl-mark.is-current .vl-head,.vl-head.is-popping,.vl-final.is-popping,.vl-cheer .vl-board:after{animation:none!important}.vl-ink{transition:none}}@layer components{.staff-wren{transition:transform .34s cubic-bezier(.3,.8,.4,1)}.staff-wren-hop.is-hop{animation:staffHop .34s ease-out}@keyframes staffHop{0%{transform:translateY(0)}45%{transform:translateY(-1.1px)}to{transform:translateY(0)}}.walk-stage{position:relative}.walk-stage.is-waiting{opacity:.72}.walk-ready{display:flex;flex-direction:column;align-items:center;gap:12px;margin:0 0 12px}.walk-ready .button{display:inline-flex;align-items:center;gap:8px}.staff-keys{position:relative}.staff-keys.is-waiting{opacity:.72}.staff-keys-board{display:flex;justify-content:center;margin-top:14px}.staff-keys-board .keyboard{max-width:100%;height:auto}.key-thread{position:absolute;inset:0;z-index:3;width:100%;height:100%;overflow:visible;pointer-events:none}.key-thread-line{fill:none;stroke:#cca04b;stroke-width:3;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;filter:drop-shadow(0 0 3px rgba(221,180,92,.6));animation:chTrace .7s ease-out forwards}.key-thread-end{fill:#ddb45c;opacity:0;animation:chSettle .25s ease .6s forwards}.ws-landmark{fill:#ddb45c6b;transition:opacity 1.2s ease}.ws-landmark.is-faded{opacity:0}.rp-letter{font-family:Caveat,cursive;font-size:21px;font-weight:700;fill:#6e5a84}.rp-lock rect{fill:#ddb45c;stroke:#a87a2e;stroke-width:1.4}.rp-lock circle{fill:#7a5a28}.rp-page{display:flex;justify-content:center}.rp-page.is-tune{display:block}.rp-drummer{position:absolute;top:-8px;right:6px;z-index:2;width:72px;height:auto}.vnb-names{display:grid;gap:8px;margin:0}.vnb-names>div{display:grid;grid-template-columns:minmax(110px,30%) 1fr;gap:4px 14px;align-items:baseline}.vnb-names dt{font-family:var(--font-hand);font-size:21px;font-weight:600;color:var(--tone-ink, #6D547F);line-height:1.1}.vnb-names dd{margin:0;font-size:16px;line-height:1.4;color:#4a4636}@media(max-width:520px){.vnb-names>div{grid-template-columns:1fr;gap:0}}.vnb-vis{padding:4px 2px 0}.vnb-vis .score-view{overflow-x:auto}.vnb-sentence{display:grid;gap:8px;font-size:16px;color:#4a4636}.vnb-sentence textarea{width:100%;padding:10px 12px;border:2px dashed var(--tone, #A99BC4);border-radius:14px;background:#fffdf7;font-family:var(--font-hand);font-size:23px;line-height:1.25;color:#3b3a2e;resize:vertical}.vnb-sentence textarea:focus-visible{outline:3px solid #C06A45;outline-offset:2px}.vnb-sentence small{color:#6b7f4e;font-size:14px}.vnb-scene .guide-scene-art svg{width:100%;height:auto}.wp-pages{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.wp-pages.is-waiting{opacity:.72}@media(max-width:640px){.wp-pages{grid-template-columns:1fr;gap:8px}}.wp-page{padding:8px 6px;border:2px solid #EADBC0;border-radius:16px;background:#fffdf7;box-shadow:0 3px #eadbc0;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .15s ease}.wp-page:hover:not(:disabled){border-color:#a99bc4;transform:translateY(-1px)}.wp-page:disabled{cursor:default}.wp-page.is-right{border-color:#6b7f4e;background:#f1f4e6;box-shadow:0 3px #8a9a6a}.wp-page.is-wrong{border-color:#c06a45;background:#fbf0e8}.wp-page.is-hint{border-style:dashed;border-color:#cca04b;box-shadow:0 0 0 4px #f2d48a55}.ch-world{display:block;width:100%;height:auto;overflow:visible}.ch-ink{fill:#3b3a2e;transition:opacity 1.2s ease}.ch-ink.is-staff{fill:#5a5546}.ch-ink.is-red{fill:#b5543a}.ch-ink.is-gold{fill:#b98f3a}.ch-ink.is-lit{fill:#6e5a84}.ch-ink.is-faint{opacity:.45}.ch-ink.is-ghost{opacity:.2}.ch-ink.is-ruling{animation:chRule .7s ease-out both}@keyframes chRule{0%{clip-path:inset(-80% 100% -80% 0)}to{clip-path:inset(-80% 0 -80% 0)}}.ch-ink.is-drop{transform-box:fill-box;transform-origin:50% 60%;animation:chDrop .36s cubic-bezier(.3,1.4,.5,1) both}@keyframes chDrop{0%{opacity:0;transform:translateY(-.7px) scale(1.2,.75)}60%{opacity:1;transform:translateY(0) scale(.9,1.12)}to{transform:none}}.ch-trace{fill:none;stroke:#fff;stroke-width:.64;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation-name:chTrace;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes chTrace{to{stroke-dashoffset:0}}.ch-settle{opacity:0;animation:chSettle .3s ease forwards}@keyframes chSettle{to{opacity:1}}.ch-glow{fill:#ddb45c73;animation:chSettle .6s ease both}.ch-letter{font-family:Caveat,cursive;font-weight:600;fill:#3b3a2e}.ch-letter.is-gold{fill:#a87a2e}.ch-letter.is-lit{fill:#6e5a84}.ch-quill{transition:transform .38s cubic-bezier(.3,.8,.4,1),opacity .3s ease}.ch-quill.is-hidden{opacity:0}.ch-quill-hand.is-writing{animation:chScribble .2s ease-in-out infinite alternate}@keyframes chScribble{0%{transform:translate(0) rotate(0)}to{transform:translate(1.5px,-2px) rotate(-3deg)}}.ch-thread-line{fill:none;stroke:#cca04b;stroke-width:3.2;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:chTrace .9s ease-out forwards}.ch-thread-end{fill:#ddb45c;opacity:0;animation:chSettle .3s ease .8s forwards}.ch-key{fill:#fffdf7;stroke:#5a5546;stroke-width:1.2;transition:fill .2s ease}.ch-key.is-black{fill:#3b3a2e;stroke:#2b2a22}.ch-key.is-gold{fill:#f2d48a}.ch-key.is-black.is-gold{fill:#c9a04b}.ch-key.is-lav{fill:#c9bedf}.ch-key.is-black.is-lav{fill:#8e7fb0}.ch-door.is-knocked{transform-box:fill-box;transform-origin:50% 100%;animation:chKnock .3s ease-out}@keyframes chKnock{0%,to{transform:none}30%{transform:translate(-1.2px) rotate(-1.4deg)}65%{transform:translate(.9px) rotate(1deg)}}.ch-reader.is-singing,.ch-robin.is-singing,.ch-owl.is-singing,.ch-hare.is-playing{transform-box:fill-box;transform-origin:50% 100%;animation:chBob .5s ease-in-out infinite alternate}@keyframes chBob{0%{transform:translateY(0) scale(1)}to{transform:translateY(-2px) scale(.97,1.04)}}.ch-string.is-ringing{animation:chShiver .07s linear 14 alternate}@keyframes chShiver{0%{transform:translateY(-1px)}to{transform:translateY(1px)}}.ch-ripple{animation:chRipple 2.4s ease-in-out infinite alternate}@keyframes chRipple{0%{transform:translate(-6px)}to{transform:translate(6px)}}.ch-page{transform-box:fill-box;transform-origin:50% 40%;transition:opacity .45s ease .25s,transform .7s cubic-bezier(.5,0,.5,1)}.ch-page.is-folded{opacity:0;transform:scale(.12) rotate(-12deg)}.ch-paper{opacity:0}.ch-paper.is-flying{animation:chFly 3.4s cubic-bezier(.45,.05,.4,1) .55s both}@keyframes chFly{0%{opacity:0;transform:translate(var(--x0),var(--y0)) scale(.6)}12%{opacity:1;transform:translate(var(--x0),calc(var(--y0) - 40px)) scale(1.25)}55%{transform:translate(calc((var(--x0) + var(--x1)) / 2),calc(var(--y0) - 210px)) scale(1.35)}to{opacity:1;transform:translate(var(--x1),var(--y1)) scale(1)}}.ch-paper-flap{transform-box:fill-box;transform-origin:50% 80%;animation:chFlap .28s ease-in-out infinite alternate}@keyframes chFlap{0%{transform:scaleY(1)}to{transform:scaleY(.7)}}.ch-seed{animation:chSeed 2.8s ease-out forwards}@keyframes chSeed{0%{opacity:1;transform:translate(0) rotate(0)}to{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--r))}}@media(prefers-reduced-motion:reduce){.staff-wren{transition:none}.staff-wren-hop.is-hop,.ch-ink.is-ruling,.ch-ink.is-drop,.ch-quill-hand.is-writing,.ch-door.is-knocked,.ch-reader.is-singing,.ch-robin.is-singing,.ch-owl.is-singing,.ch-hare.is-playing,.ch-string.is-ringing,.ch-ripple,.ch-paper-flap,.ch-seed{animation:none}.ch-trace{animation:none;stroke-dashoffset:0}.ch-settle,.ch-thread-end{animation:none;opacity:1}.ch-thread-line{animation:none;stroke-dashoffset:0}.ch-seed{opacity:0}.ch-paper.is-flying{animation:none;opacity:1;transform:translate(var(--x1),var(--y1))}}}.vstep .button-primary{border-radius:14px;background:linear-gradient(var(--board-hi, #4C5A7E),var(--board, #3E4A6B));color:#f6e3a8;box-shadow:0 5px 0 var(--board-edge, #27304A),0 14px 22px -10px #1e18106b,inset 0 0 0 1.5px #e7c6766b}.vstep .button-primary:hover:not(:disabled){background:linear-gradient(var(--board-hi, #4C5A7E),var(--board-hi, #4C5A7E))}.vstep .button-primary:active:not(:disabled){box-shadow:0 1px 0 var(--board-edge, #27304A),inset 0 0 0 1.5px #e7c6766b,inset 0 3px 6px #00000047}.vstep .button-primary:disabled{background:#ddc9a2;color:#6e5a42;box-shadow:0 3px #a68a5e}.vstep .button-primary .tap-ripple{background:#f0d28266}.vstep .button-secondary{border-radius:12px;border-color:#9a7a525c;color:var(--board, #3E4A6B)}.vstep .button-secondary:hover:not(:disabled){border-color:#c9a04a;background:#ddb45c1a}.vstep .fb-intro{border-radius:10px;background:#f6eedf;box-shadow:inset 0 0 0 1px #9a7a523d;color:#3b3a2e}.vstep .page-card{border:0;border-radius:0;background:none;box-shadow:none}.vstep .hear-button{background:radial-gradient(circle at 50% 32%,var(--board-hi, #4C5A7E),var(--board, #3E4A6B));color:#f6e3a8;box-shadow:0 6px 0 var(--board-edge, #27304A),0 12px 20px -8px #1e18106b,inset 0 0 0 2px #e7c67673}.vstep .hear-button:hover:not(:disabled){background:var(--board-hi, #4C5A7E)}.vstep .hear-button:active:not(:disabled){box-shadow:0 1px 0 var(--board-edge, #27304A),inset 0 0 0 2px #e7c67673}.vstep .hear-button.playing{animation:vstepBreathe 2s ease-in-out infinite}@keyframes vstepBreathe{0%,to{box-shadow:0 6px 0 var(--board-edge, #27304A),inset 0 0 0 2px #e7c67673,0 0 #e7c67633}50%{box-shadow:0 6px 0 var(--board-edge, #27304A),inset 0 0 0 2px #e7c67673,0 0 0 12px #e7c67614}}.vstep .help-corner-btn{border-color:#9a7a5252;color:var(--board, #3E4A6B)}.vstep .help-corner-btn:hover,.vstep .help-corner-btn.is-open{border-color:#c9a04a;background:#ddb45c1f;color:var(--board-edge, #27304A)}.vstep .leap-praise span{border-radius:10px;background:linear-gradient(var(--board-hi, #4C5A7E),var(--board, #3E4A6B));color:#f0d282;text-shadow:0 1px 0 rgba(0,0,0,.35);box-shadow:inset 0 0 0 1.5px #e7c67680,0 4px 0 var(--board-edge, #27304A),0 10px 18px -10px #1e181099}.vstep .leap-praise small{border-radius:6px}.vstep .rp-letter{fill:var(--board, #3E4A6B)}.vstep .wp-page{--tilt: -.8deg;border:0;border-radius:6px;background:#fffdf8;transform:rotate(var(--tilt));box-shadow:0 0 0 1.5px #9a7a5242,0 10px 16px -12px #281e1480;transition:box-shadow .2s ease,background .2s ease,transform .15s ease}.vstep .wp-page:nth-child(2){--tilt: .7deg}.vstep .wp-page:nth-child(3){--tilt: -.4deg}.vstep .wp-page:hover:not(:disabled){transform:rotate(var(--tilt)) translateY(-2px);box-shadow:0 0 0 2px #c9a04a,0 14px 20px -12px #281e1480}.vstep .wp-page.is-right{background:#f4f6ea;box-shadow:0 0 0 2.5px #6b7f4e,0 10px 16px -12px #281e1480}.vstep .wp-page.is-wrong{background:#fbf0e8;box-shadow:0 0 0 2.5px #c06a45,0 10px 16px -12px #281e1480}.vstep .wp-page.is-hint{outline:2px dashed #CCA04B;outline-offset:4px}@media(prefers-reduced-motion:reduce){.vstep .hear-button.playing{animation:none}}@layer components{.vl-u1{--curtain: #56648C;--curtain-fold: #45527A;--curtain-sheen: #7684AA}.vl-u2{--curtain: #577564;--curtain-fold: #46624F;--curtain-sheen: #7A9585}.vl-u3{--curtain: #96513F;--curtain-fold: #7E3F30;--curtain-sheen: #B07362}.vl-u4{--curtain: #6F5D86;--curtain-fold: #5A4A6E;--curtain-sheen: #8E7CA6}.vl-u5{--curtain: #85603F;--curtain-fold: #6B4A30;--curtain-sheen: #A27E5C}.vl-u6{--curtain: #42606D;--curtain-fold: #2F4A55;--curtain-sheen: #62808C}.vlesson .reel-frame{background:linear-gradient(var(--board),var(--board-edge));box-shadow:inset 0 0 0 2px var(--board-hi),inset 0 0 0 3.5px #e7c6768c,0 7px 0 var(--board-edge),0 24px 36px -22px #281c1099}.vlesson .reel-stage{box-shadow:none}.vlesson .reel-stage:after{content:"";position:absolute;inset:0;z-index:8;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 2px #e7c6769e}.vlesson .reel .rc-cloth{fill:var(--curtain)}.vlesson .reel .rc-fold{fill:var(--curtain-fold)}.vlesson .reel .rc-fold-line{stroke:var(--curtain-fold)}.vlesson .reel .rc-sheen{stroke:var(--curtain-sheen)}.vlesson .reel .rc-hem{stroke:var(--board-edge)}.vlesson .reel .rc-pelmet{fill:var(--board-edge)}.vlesson .reel .rc-pelmet-hi{stroke:var(--board)}.vlesson .reel-lights i{box-shadow:0 0 0 1.5px var(--board-edge)}.vlesson .reel-frame.is-on .reel-lights i{box-shadow:0 0 0 1.5px var(--board-edge),0 -4px 12px 2px #f6d98a99}.vlesson .reel-caption{border:0;border-radius:9px;background:#fffdf8;box-shadow:0 0 0 1.5px #9a7a5252,0 10px 18px -10px #281c108c}.vlesson .reel-go{border-radius:10px;background:linear-gradient(var(--board-hi),var(--board));color:#f6e3a8;box-shadow:0 3px 0 var(--board-edge),inset 0 0 0 1.2px #e7c67673}@media(hover:hover){.vlesson .reel-go:hover{background:var(--board-hi)}}.vlesson .reel-go:active{box-shadow:0 1px 0 var(--board-edge),inset 0 0 0 1.2px #e7c67673}.vlesson .reel-end-title{color:#f6e3a8;text-shadow:0 3px 0 var(--board-edge)}.vlesson .reel-big{color:var(--board)}.vlesson .reel-btn{border-color:#9a7a5252;color:var(--board)}@media(hover:hover){.vlesson .reel-btn:hover{border-color:#c9a04a;background:#ddb45c1f}.vlesson .reel-seg:hover:before{box-shadow:0 0 0 2px #c9a04a}}}@layer components{.lb.is-village .lb-scene{border:0;border-radius:10px;background:var(--grain),var(--sky, linear-gradient(#F3D8C6, #F7ECDA));box-shadow:inset 0 0 0 1px #9a7a523d,0 12px 24px -18px #281c1080}.lb.is-village .lb-stage:before{content:"";position:absolute;inset:58% 0 0;background:linear-gradient(#efe2cb,#f6eedf 40%)}.lb-district{position:absolute;left:0;right:0;top:0;height:60%;pointer-events:none}.lb-district .vdistrict-art{display:block;width:100%;height:100%}.lbv-shadow{fill:none;stroke:#2d223421;translate:0 6px}.lbv-edge{fill:none;stroke:#dccba8}.lbv-paper{fill:none;stroke:#fcf7ec}.lbv-pencil{fill:none;stroke:#cfc2a4;stroke-width:1.2px;stroke-dasharray:5 4}.lbv-ink{fill:none;stroke:#3b3a2e;stroke-width:1.4px;stroke-linecap:round}.lbv-bar{fill:none;stroke:#cfc2a4;stroke-width:1.5px}.lbv-bar.is-thick{stroke-width:4.5px}.lbv-bar.is-inked{stroke:#3b3a2e}.lb.is-village .lb-node:not(.is-chest) .lb-face{--edge: #15140F;inset:14% -12%;rotate:-18deg;background:radial-gradient(ellipse at 38% 30%,#5a584c,#2e2d25 72%);color:#ebc86e;text-shadow:none;box-shadow:-1.5px 4px 0 var(--edge),0 10px 14px -8px #281e1473,inset 0 1.5px #ffffff2e,var(--ring, 0 0 0 0 transparent)}.lb.is-village .lb-node:not(.is-chest) .lb-face>span{rotate:18deg}.lb.is-village .lb-node.is-open .lb-face{--edge: #D3C5A6;background:#fbf6ea;color:#8a8268}.lb.is-village .lb-node.is-open .lb-face:after{inset:4px;border:2px dashed #A59A7C}.lb.is-village .lb-node.is-sel .lb-face{--ring: 0 0 0 4px #FBF6EA, 0 0 0 7.5px #DDB45C}.lb.is-village .lb-node:focus-visible .lb-face{--ring: 0 0 0 4px #FBF6EA, 0 0 0 7.5px var(--board, #3E4A6B)}.lb.is-village .lb-pulse{border-color:#ddb45c}.lb.is-village .lb-panel{--tone-bg: var(--board, #3E4A6B);border-radius:10px;background:#fffdf8;border-top:5px solid var(--board, #3E4A6B);box-shadow:0 0 0 1.5px #9a7a5242,0 18px 30px -22px #281c1080}.lb.is-village .lb-nav button{border-color:#9a7a5252;color:var(--board, #3E4A6B)}@media(hover:hover){.lb.is-village .lb-nav button:hover:not(:disabled){border-color:#c9a04a;background:#ddb45c1f}}.lb.is-village .lb-hint{border-radius:10px;background:#f6eedf;color:var(--board-edge, #27304A);box-shadow:inset 0 0 0 1px #9a7a5238}.lb.is-village .lb-hint-node{width:20px;height:14px;border-radius:50%;rotate:-18deg;background:radial-gradient(ellipse at 38% 30%,#5a584c,#2e2d25 72%);box-shadow:-1px 2px #15140f}.lb.is-village .lb-hint-node:after{border-color:#ddb45c}.lb.is-village .lb-hint.is-done{background:#faf0d2;color:#7a5a1e}.lb.is-village .lb-skill{border-top-color:#9a7a524d}.lb.is-village .lb-skill-name{text-decoration-color:#3e4a6b80}}@layer components{.vnotebook .guide-page{--tone: #C9A04A;--tone-ink: var(--board, #3E4A6B);--tone-soft: #F6EEDF}.vnotebook .vl-title{margin-bottom:6px}.vnotebook .guide-card{border:0;border-radius:10px;background:#fffdf8;box-shadow:inset 0 0 0 1px #9a7a5233,inset 0 0 0 6px #fffdf8,inset 0 0 0 7px #c9a04a80,0 2px #9a7a5224,0 20px 36px -26px #281c1080}.vnotebook .guide-sample{border-radius:8px;background:#f6eedf}.vnotebook .guide-sample.is-on{border-color:#c9a04a;background:#fbf3df;box-shadow:0 0 0 4px #ddb45c29}.vnotebook .guide-play-icon{background:linear-gradient(var(--board-hi, #4C5A7E),var(--board, #3E4A6B));box-shadow:0 3px 0 var(--board-edge, #27304A),inset 0 0 0 1.2px #e7c67673;color:#f6e3a8}.vnotebook .guide-play:active:not(:disabled) .guide-play-icon{box-shadow:0 1px 0 var(--board-edge, #27304A)}.vnotebook .guide-play:focus-visible,.vnotebook .gp-tab:focus-visible{outline-color:var(--board, #3E4A6B)}.vnotebook .gp-tab,.vnotebook .nb-page-n{border-radius:10px}.vnotebook .nb-blank{border-radius:10px;border-color:#9a7a525c}.vnotebook .vnb-scene{display:block;width:min(100%,300px);margin:0 auto 6px}.vnotebook .vnb-scene .vl-window{height:150px}.vnotebook .guide-cta.button-primary{border-radius:14px;background:linear-gradient(var(--board-hi, #4C5A7E),var(--board, #3E4A6B));color:#f6e3a8;box-shadow:0 5px 0 var(--board-edge, #27304A),0 14px 22px -10px #1e18106b,inset 0 0 0 1.5px #e7c6766b}.vnotebook .vnb-sentence textarea{border-color:#c9a04a;border-radius:8px}.vnotebook .vnb-names dt{color:var(--board, #3E4A6B)}.vsign-book{flex:none;position:relative;display:grid;place-items:center;width:42px;height:42px;margin-left:auto;border-radius:50%;color:var(--letter);background:#ffffff12;box-shadow:inset 0 0 0 1.4px currentColor;transition:background .2s,transform .2s var(--spring)}.vsign-book+.vsign-seal{margin-left:0}@media(hover:hover){.vsign-book:hover{background:#ffffff29;transform:translateY(-1px)}}.vsign-book:active{transform:translateY(1px)}.vsign-book:focus-visible{outline:3px solid #F0D282;outline-offset:2px}.vsign-book-dot{position:absolute;top:-2px;right:-2px;width:12px;height:12px;border-radius:50%;background:radial-gradient(#fff5d6,#ddb45c);box-shadow:0 0 0 2px var(--board, #3E4A6B),0 0 8px #f6d378}}.vnotebook .guide-page{padding-bottom:calc(var(--street) * .72 + 40px)}@layer components{.vnotebook .nb-page.is-fresh>.guide-card:first-of-type{box-shadow:inset 0 0 0 1px #9a7a5233,inset 0 0 0 6px #fffdf8,inset 0 0 0 7px #c9a04ab3,0 0 0 5px #f6eacbbf,0 20px 36px -26px #281c1080}}@layer components{.vlesson .nb-slip{border:0;border-radius:10px;background:#fbf6ea;box-shadow:inset 0 0 0 1px #9a7a5242}.vlesson .nb-slip:hover{border-color:transparent;box-shadow:inset 0 0 0 1.5px #c9a04a,0 6px 14px -8px #281c1059}.vlesson .nb-slip:focus-visible{outline-color:var(--board, #3E4A6B)}}html.is-cloaked,html.is-cloaked body{overflow:hidden;overscroll-behavior:none}.app.is-gated>main.village-gate{padding-bottom:calc(86px + env(safe-area-inset-bottom))}.gate-art .score-view{overflow:visible}@layer components{.app.is-gated{--hdr: 76px;--fade: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .45) var(--hdr), #000 calc(var(--hdr) + 110px));display:flex;flex-direction:column;height:100dvh;overflow:hidden}@media(max-width:900px){.app.is-gated{--hdr: 72px}}@media(max-width:620px){.app.is-gated{--hdr: 66px}}.village-gate{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.gate-island{position:fixed;inset:0;padding-top:var(--hdr);overflow:hidden;pointer-events:none;-webkit-user-select:none;user-select:none;filter:blur(3.5px) saturate(.8);opacity:.62;-webkit-mask-image:var(--fade);mask-image:var(--fade)}.gate-island .road{margin-top:8px}.gate-clouds{position:fixed;inset:0;overflow:hidden;pointer-events:none}.gate-fog,.gate-puffs{position:absolute;inset:0;-webkit-mask-image:var(--fade);mask-image:var(--fade)}.gate-fog{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background:radial-gradient(ellipse 72% 62% at 50% 46%,#fcf9f2f2,#f8f3ead6 55%,#f2ece69e)}.gate-cloud{position:absolute;height:auto;overflow:visible;animation:cloudIn 1.4s var(--settle, ease-out) both,cloudDrift var(--t, 28s) ease-in-out 1.4s infinite alternate}.cloud-top{fill:#fffefa}.cloud-shade{fill:#e4dceb;opacity:.75}.cloud-glint{fill:none;stroke:#fff;stroke-width:6;stroke-linecap:round;opacity:.85}.gate-cloud.is-back{opacity:.92}.gate-cloud.is-back .cloud-top{fill:#f8f3eb}.gate-cloud.is-back .cloud-shade{fill:#e2dbe6;opacity:.6}.gate-cloud.c1{left:-10%;top:calc(var(--hdr) - 34px);width:min(48vw,560px);--t: 30s;--from: -60px}.gate-cloud.c2{right:-12%;top:calc(var(--hdr) + 8px);width:min(54vw,620px);--t: 34s;--from: 60px;animation-direction:normal,alternate-reverse}.gate-cloud.c7{left:34%;top:calc(var(--hdr) - 76px);width:min(34vw,380px);--t: 40s;--from: 0px}.gate-cloud.c3{left:-16%;top:40%;width:min(40vw,460px);--t: 24s;--from: -80px}.gate-cloud.c4{right:-14%;top:47%;width:min(44vw,500px);--t: 28s;--from: 80px;animation-direction:normal,alternate-reverse}.gate-cloud.c5{left:-8%;bottom:-7%;width:min(62vw,720px);--t: 32s;--from: -70px}.gate-cloud.c6{right:-10%;bottom:-3%;width:min(58vw,660px);--t: 36s;--from: 70px;animation-direction:normal,alternate-reverse}.gate-offer{position:relative;z-index:2;flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:safe center;overflow-y:auto;scrollbar-width:none;padding:10px 14px 4px;text-align:center}.gate-offer>*{flex-shrink:0}.gate-offer h1{margin:0;font-size:clamp(2.3rem,6.6vw,3.6rem);line-height:1;font-weight:800;letter-spacing:-.02em;color:#3b3a2e;animation:rowIn .6s ease-out both}.gate-lead{max-width:32ch;margin:8px auto 0;font-size:clamp(1.05rem,2.4vw,1.3rem);line-height:1.3;color:#3b3a2ec2;text-wrap:balance;animation:rowIn .6s ease-out .1s both}.gate-pages{display:flex;flex-direction:column;gap:clamp(10px,2.4vh,24px);width:min(700px,100%);margin-top:clamp(14px,3vh,30px)}.gate-row{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,2.4vw,24px);padding:9px clamp(4px,2vw,20px) 0}.gate-string{position:absolute;left:0;top:0;width:100%;height:22px;overflow:visible}.gate-string path{fill:none;stroke:#b49b7a;stroke-width:1.6;vector-effect:non-scaling-stroke}.gate-page-wrap{display:flex;justify-content:center;transform-origin:50% 0;animation:pageHang .8s var(--spring) calc(.25s + var(--i) * .09s) both,pageSway 5.5s ease-in-out calc(var(--i) * -.9s) infinite}.gate-row>.gate-page-wrap:nth-child(3){margin-top:5px}.gate-page{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;max-width:212px;padding:15px 10px 11px;border-radius:5px 5px 12px 12px;background:#fffbf1;color:#3b3a2e;text-align:center;cursor:pointer;transform:rotate(var(--tilt));transform-origin:50% 0;box-shadow:0 0 0 1.5px #e6d6b4,0 12px 20px -12px #3b3a2e80;transition:transform .45s var(--spring),box-shadow .3s}@media(hover:hover){.gate-page:hover{transform:rotate(0) translateY(-3px) scale(1.03)}}.gate-page:active{transform:rotate(0) scale(.97);transition-duration:.08s}.gate-page.is-playing{transform:rotate(0) scale(1.06);box-shadow:0 0 0 2.5px #a99bc4,0 18px 28px -14px #3b3a2e8c}.gate-page:focus-visible{outline:3px solid #3B3A2E;outline-offset:3px}.gate-pin{position:absolute;top:-10px;left:calc(50% - 4px);width:8px;height:19px;border-radius:3px;background:linear-gradient(90deg,#cda86e,#a47d48);box-shadow:0 1px #3b3a2e40}.gate-art{position:relative;display:grid;place-items:center;width:100%;min-height:clamp(40px,8.5vh,76px)}.gate-title{font-size:clamp(.84rem,1.9vw,1.05rem);font-weight:700;line-height:1.12;text-wrap:balance}.gate-play{position:absolute;top:6px;right:6px;color:#8e7fb0}.gate-page.is-active{transform:rotate(0) translateY(-2px);box-shadow:0 0 0 2px #c9bedd,0 14px 24px -12px #3b3a2e80}.gate-page.is-active.is-playing{transform:rotate(0) scale(1.06);box-shadow:0 0 0 2.5px #a99bc4,0 18px 28px -14px #3b3a2e8c}.gate-tag{position:absolute;right:-2px;bottom:-6px;padding:1px 6px;border-radius:999px;background:#efe8f6;font-size:11px;font-weight:700;color:#6e5a84;font-variant-numeric:lining-nums}.gate-chords{display:flex;justify-content:center;gap:clamp(1px,.8vw,6px);width:100%}.gate-chord{width:24%;max-width:40px;height:auto;overflow:visible;transition:transform .25s var(--spring)}.gate-chord .cb-nut{stroke:#3b3a2e;stroke-width:1.8}.gate-chord .cb-fret{stroke:#8e7c60;stroke-width:.7}.gate-chord .cb-string{stroke:#5a5546;stroke-width:.6}.gate-chord .cb-dot{fill:#3b3a2e;transition:fill .2s}.gate-chord .cb-open{font-size:5px;text-anchor:middle;fill:#5a5546}.gate-chord .cb-name{font-family:var(--font-serif);font-size:8.5px;font-weight:700;text-anchor:middle;fill:#3b3a2e;transition:fill .2s}.gate-chord.is-lit{transform:translateY(-2px) scale(1.08)}.gate-chord.is-lit .cb-dot,.gate-chord.is-lit .cb-name{fill:#6e5a84}.gate-art.is-toss{display:block}.symbol-toss{display:block;width:100%;height:auto;aspect-ratio:200 / 120;overflow:visible}.toss-floor{stroke:#e2d3b6;stroke-width:1.2;stroke-linecap:round}.toss-wren.is-busy .wren .wr-head{animation:none}.toss-wren.is-carrying .wren .wr-jaw{transform:rotate(16deg)}.gate-spot{--col: 0;position:relative;width:min(640px,100%);min-height:2.9em;margin:16px auto 0;padding:9px 16px;border-radius:16px;background:#fffbf2eb;box-shadow:0 0 0 1.5px #e6d6b4,0 8px 18px -12px #3b3a2e73;font-size:clamp(.92rem,2vw,1.05rem);line-height:1.3;color:#3b3a2e;text-wrap:balance}.gate-spot:before{content:"";position:absolute;top:-7px;left:calc((var(--col) + .5) * 33.333% - 7px);width:14px;height:14px;background:inherit;border-radius:3px 0 0;box-shadow:-1.5px -1.5px #e6d6b4;transform:rotate(45deg);transition:left .4s var(--spring)}.gate-spot-text{display:block;animation:spotIn .45s ease-out both}.gate-cta{margin-top:clamp(16px,3.6vh,34px);min-width:min(300px,82vw);min-height:56px;font-size:20px;font-weight:700;animation:ctaIn .76s cubic-bezier(.2,.9,.3,1.1) .9s both}.plans-page{max-width:720px;margin:0 auto;padding:4px 20px 140px;text-align:center}.plans-scene{max-width:500px;margin:0 auto -4px}.plans-scene .lesson-scene{display:block;width:100%;height:auto}.plans-page h1{margin:0;font-size:clamp(2.2rem,6vw,3.3rem);line-height:1.02;font-weight:800;letter-spacing:-.02em;color:#3b3a2e}.plans-lead{max-width:36ch;margin:10px auto 0;font-size:clamp(1.08rem,2.4vw,1.3rem);line-height:1.35;color:#3b3a2ec2;text-wrap:balance}.plan-cards{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:20px;max-width:640px;margin:30px auto 0;padding:0;list-style:none}.plan-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:18px 22px 22px;border-radius:22px;background:#fffbf2;color:#3b3a2e;text-align:left;box-shadow:0 0 0 2px #e8d9bc,0 5px 0 2px #e8d9bc;animation:rowIn .6s ease-out calc(.15s + var(--i) * .12s) both}.plan-card.is-pass{background:#f5f0fa;box-shadow:0 0 0 3px #a99bc4,0 6px 0 3px #8e7fb0}.plan-name{margin:0;font-size:1.3rem;line-height:1.1;font-weight:700}.plan-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 7px;margin:6px 0 0;font-size:2.1rem;line-height:1.05;font-weight:800;letter-spacing:-.01em;color:#3b3a2e;font-variant-numeric:lining-nums}.is-pass .plan-price{color:#6e5a84}.plan-price small{font-size:1rem;font-weight:500;letter-spacing:0;color:#3b3a2e99}.is-pass .plan-price{animation:pricePop .45s var(--spring) both}.plan-billed{margin:3px 0 0;font-size:.92rem;line-height:1.3;color:#3b3a2e99;font-variant-numeric:lining-nums}.plan-period{--at: 0;position:relative;display:grid;grid-template-columns:1fr 1fr;align-self:stretch;margin-top:12px;padding:4px;border-radius:999px;background:#8e7fb026;box-shadow:inset 0 1px 2px #3b3a2e14}.plan-period:before{content:"";position:absolute;top:4px;bottom:6px;left:4px;width:calc(50% - 4px);border-radius:999px;background:#fffdf7;box-shadow:0 0 0 1.5px #c9bedd,0 2px 0 1.5px #c9bedd;transform:translate(calc(var(--at) * 100%));transition:transform .35s var(--spring)}.plan-period button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:0 8px 2px;border:0;border-radius:999px;background:none;font:inherit;font-size:.98rem;font-weight:700;color:#3b3a2e8c;cursor:pointer;transition:color .2s}@media(hover:hover){.plan-period button:not(.is-on):hover{color:#3b3a2ecc}}.plan-period button.is-on{color:#6e5a84}.plan-period button:focus-visible{outline:3px solid #3B3A2E;outline-offset:1px}.plan-save{padding:1px 7px 2px;border-radius:999px;background:#6b7f4e29;font-size:.8rem;font-weight:800;color:#56693c;font-variant-numeric:lining-nums;white-space:nowrap}.plan-line{margin:8px 0 0;font-size:1rem;line-height:1.32;color:#3b3a2eb5;text-wrap:pretty}.plan-foot{align-self:stretch;margin-top:auto;padding-top:18px}.plan-yours{margin:0;padding:12px;border-radius:16px;background:#6b7f4e1f;font-size:1.02rem;font-weight:700;text-align:center;color:#5e6e44}.plan-isles{position:relative;display:flex;align-items:center;justify-content:space-between;align-self:stretch;height:70px;margin:0 2px 10px}.plan-isles:before{content:"";position:absolute;left:22px;right:28px;top:50%;border-top:2.5px dashed #DCCBA8}.is-pass .plan-isles:before{border-color:#c4b8da}.plan-isle{position:relative;display:grid;place-items:center}.plan-isle .island-badge{filter:drop-shadow(0 2px 0 rgba(59,58,46,.13))}.plan-isle.is-clouded .island-badge{filter:grayscale(.75) blur(1.2px);opacity:.55}.plan-puff{position:absolute;left:-9px;bottom:-9px;width:calc(100% + 16px);height:auto;overflow:visible;filter:drop-shadow(0 2px 3px rgba(110,90,132,.2));animation:puffDrift 5s ease-in-out infinite alternate}.plan-puff.is-small{left:-14px;top:-4px;bottom:auto;width:46%;animation-duration:6.5s;animation-direction:alternate-reverse}.plan-isle.is-prize .island-badge{animation:prizePop .8s var(--spring) .55s both}.plan-spark{position:absolute;color:#cca04b;animation:twinkle 2.6s ease-in-out 1.2s infinite both}.plan-spark.s1{top:-7px;right:-9px}.plan-spark.s2{bottom:0;left:-11px;animation-delay:2.5s}.plan-buy{width:100%;min-height:54px;gap:8px}.is-pass .plan-yours{margin-bottom:10px;background:#fffdf7;box-shadow:0 0 0 1.5px #d9cde6}.plan-yours small{display:block;margin-top:1px;font-size:.86rem;font-weight:600;opacity:.8}.plan-crypto{display:flex;align-items:center;justify-content:center;gap:8px;margin:10px 0 0;font-size:.9rem;color:#3b3a2e99}.plan-coins{display:inline-flex}.plan-coins .coin-mark{margin-left:-5px;border-radius:50%;box-shadow:0 0 0 2px #f5f0fa}.plan-coins .coin-mark:first-child{margin-left:0}.plan-testing{margin:8px 0 0;padding:6px 10px;border-radius:12px;background:#3b3a2e;color:#fffbf2;font-size:.84rem;font-weight:600;text-align:center}.plans-back{margin-top:24px}@media(max-height:760px){.gate-offer h1{font-size:clamp(2rem,5.6vh,3rem)}.gate-lead{margin-top:4px;font-size:1.02rem}.gate-offer{padding-top:2px}.gate-pages{gap:10px;margin-top:8px}.gate-page{gap:3px;padding:12px 8px 8px}.gate-art{min-height:0}.gate-spot{margin-top:10px;padding:7px 14px;font-size:.92rem}.gate-cta{margin-top:12px;min-height:50px}}@media(max-width:560px){.plan-cards{grid-template-columns:1fr;max-width:400px}.plan-card.is-pass{order:-1}}}@keyframes cloudIn{0%{opacity:0;translate:var(--from, 0) 0}to{opacity:1;translate:0 0}}@keyframes cloudDrift{0%{translate:-18px 0}to{translate:22px 0}}@keyframes pageHang{0%{opacity:0;transform:translateY(-34px) rotate(-6deg)}60%{opacity:1;transform:translateY(4px) rotate(2deg)}to{opacity:1;transform:none}}@keyframes pageSway{0%,to{rotate:-.8deg}50%{rotate:.9deg}}@keyframes spotIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes puffDrift{0%{translate:-3px 0}to{translate:4px -1px}}@keyframes prizePop{0%{transform:scale(.7)}to{transform:none}}@keyframes pricePop{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.gate-cloud,.gate-page-wrap,.gate-offer h1,.gate-lead,.gate-cta,.gate-spot-text,.plan-card,.plan-puff,.plan-isle .island-badge,.plan-spark,.plan-price{animation:none!important}.plan-period:before{transition:none}}.coin-mark{flex:none;display:block}.coin-mark text{font-family:Segoe UI,system-ui,-apple-system,Helvetica Neue,sans-serif}@layer components{.pay-page{max-width:580px;margin:0 auto;padding:8px 20px 140px;text-align:center}.pay-page h1{margin:0;font-size:clamp(2rem,5.6vw,2.9rem);line-height:1.05;font-weight:800;letter-spacing:-.02em;color:#3b3a2e}.pay-ticket{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin:18px auto 0;padding:12px 18px;border-radius:18px;background:#f5f0fa;box-shadow:0 0 0 2px #c9bedd,0 4px 0 2px #c9bedd;text-align:left;animation:rowIn .5s ease-out both}.pay-ticket-what{display:flex;flex-direction:column;min-width:0;padding-left:14px;border-left:2px dashed #C9BEDD}.pay-ticket-what b{font-size:1.12rem;line-height:1.15;color:#3b3a2e}.pay-ticket-what span{font-size:.9rem;color:#3b3a2e99}.pay-change{padding:0;font-size:.9rem}.pay-ticket-price{display:flex;flex-direction:column;align-items:flex-end}.pay-ticket-price b{font-size:1.4rem;line-height:1.1;font-weight:800;color:#6e5a84;font-variant-numeric:lining-nums;white-space:nowrap}.pay-ticket-price span{font-size:.85rem;color:#3b3a2e99;font-variant-numeric:lining-nums;white-space:nowrap}.pay-adds{margin:10px 0 0;font-size:.92rem;color:#5e6e44}.pay-card{margin:18px auto 0;padding:20px 22px 22px;border-radius:24px;background:#fffbf2;box-shadow:0 0 0 2px #e8d9bc,0 6px 0 2px #e8d9bc;text-align:left;animation:rowIn .55s ease-out .08s both}.pay-step{margin:0 0 12px;font-size:1.2rem;line-height:1.2;font-weight:700;color:#3b3a2e}.pay-quiet{margin:14px 0;text-align:center;color:#3b3a2e99}.pay-error{margin:12px 0 0;font-size:.95rem;line-height:1.35;text-align:center;color:#a9543a}.coin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:12px 10px}.coin-tile{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;padding:12px 6px 10px;border:0;border-radius:16px;background:#fffdf7;color:#3b3a2e;font:inherit;cursor:pointer;box-shadow:0 0 0 2px #e8d9bc,0 4px 0 2px #e8d9bc;transition:transform .25s var(--spring),box-shadow .2s,background .2s;animation:rowIn .45s ease-out calc(.1s + var(--i) * 35ms) both}@media(hover:hover){.coin-tile:hover{transform:translateY(-2px)}}.coin-tile:active{transform:translateY(3px);box-shadow:0 0 0 2px #e8d9bc,0 1px 0 2px #e8d9bc;transition-duration:.07s}.coin-tile:focus-visible,.network-chip:focus-visible,.pay-copy:focus-visible{outline:3px solid #3B3A2E;outline-offset:2px}.coin-tile.is-on{background:#f5f0fa;box-shadow:0 0 0 3px #a99bc4,0 5px 0 3px #8e7fb0;transform:translateY(-2px)}.coin-tile.is-on .coin-mark{animation:coinHop .5s var(--spring)}.coin-tile b{margin-top:3px;font-size:1rem;line-height:1.1}.coin-tile small{max-width:100%;font-size:.76rem;line-height:1.15;text-align:center;color:#3b3a2e99;overflow-wrap:anywhere}.pay-more{display:flex;margin:10px auto 0}.pay-networks{margin-top:22px;animation:rowIn .4s ease-out both}.pay-networks .pay-step{margin-bottom:2px}.pay-hint{margin:0 0 12px;font-size:.92rem;color:#3b3a2e99}.network-list{display:flex;flex-wrap:wrap;gap:10px 8px}.network-chip{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 14px 0 12px;border:0;border-radius:999px;background:#fffdf7;color:#3b3a2e;font:inherit;font-size:.97rem;font-weight:600;cursor:pointer;box-shadow:0 0 0 2px #e8d9bc,0 3px 0 2px #e8d9bc;transition:transform .2s var(--spring),box-shadow .2s,background .2s}.network-chip:active{transform:translateY(2px)}.network-chip small{font-size:.78rem;font-weight:600;color:#a9543a}.network-dot{flex:none;width:14px;height:14px;border-radius:50%;background:#fffdf7;box-shadow:inset 0 0 0 2px #c9b994;transition:box-shadow .25s var(--spring)}.network-chip.is-on{background:#f5f0fa;color:#4f3f63;box-shadow:0 0 0 2.5px #a99bc4,0 3px 0 2.5px #8e7fb0}.network-chip.is-on .network-dot{box-shadow:inset 0 0 0 4.5px #8e7fb0}.pay-go{width:100%;min-height:56px;margin-top:22px;gap:8px;font-size:19px}.pay-label{display:block;font-size:.85rem;font-weight:600;color:#3b3a2e99}.pay-amount{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}.pay-amount b{display:block;font-size:clamp(1.55rem,6vw,2.1rem);line-height:1.1;font-weight:800;letter-spacing:-.01em;color:#3b3a2e;font-variant-numeric:lining-nums;overflow-wrap:anywhere}.pay-amount b small{font-size:.55em;font-weight:700;letter-spacing:0;color:#6e5a84}.pay-copy{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:0 12px;border:0;border-radius:12px;background:#efe8f6;color:#5c496f;font:inherit;font-size:.9rem;font-weight:700;cursor:pointer;box-shadow:0 2px #c9bedd;transition:transform .12s,background .2s,color .2s}.pay-copy:active{transform:translateY(2px);box-shadow:none}.pay-copy.is-done{background:#6b7f4e29;color:#56693c;box-shadow:0 2px #6b7f4e59}.pay-copy.is-wide{width:100%;margin-top:8px}.pay-only{display:flex;align-items:flex-start;gap:8px;margin:14px 0 0;padding:10px 12px;border-radius:14px;background:#a9543a14;box-shadow:inset 0 0 0 1.5px #a9543a38;font-size:.92rem;line-height:1.35;color:#7a3e2a}.pay-only svg{flex:none;margin-top:1px}.pay-where{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:16px;margin-top:16px}.pay-qr{padding:8px;border-radius:16px;background:#fffdf7;box-shadow:0 0 0 2px #e8d9bc;line-height:0}.qr-code{display:block;border-radius:6px}.pay-address{min-width:0}.pay-address code,.pay-memo code{display:block;margin-top:4px;padding:10px 12px;border-radius:12px;background:#f6efe2;color:#3b3a2e;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:.92rem;line-height:1.45;word-break:break-all;-webkit-user-select:all;user-select:all}.pay-memo{display:grid;grid-template-columns:1fr auto;align-items:end;gap:0 10px;margin-top:14px;padding:12px;border-radius:14px;background:#cca04b1f}.pay-memo .pay-label,.pay-memo small{grid-column:1 / -1}.pay-memo code{background:#fffdf7}.pay-memo small{margin-top:6px;font-size:.86rem;color:#7a5e22}.pay-timer{display:flex;flex-direction:column;gap:6px;margin-top:18px;font-size:.92rem;color:#3b3a2eb5}.pay-timer>span:first-child{display:inline-flex;align-items:center;gap:6px}.pay-timer b{color:#3b3a2e;font-variant-numeric:tabular-nums lining-nums}.pay-timer-bar{height:8px;border-radius:999px;background:#ede3d0;overflow:hidden}.pay-timer-bar i{display:block;height:100%;border-radius:inherit;background:#a99bc4;transition:width 1s linear}.pay-timer.is-late,.pay-timer.is-late b{color:#a9543a}.pay-timer.is-late .pay-timer-bar i{background:#c98a6a}.pay-status{display:flex;align-items:center;gap:10px;margin-top:16px;padding:8px 14px 8px 6px;border-radius:16px;background:#f5f0fa}.pay-status svg{flex:none;overflow:visible}.pay-status p{flex:1;margin:0;font-size:.95rem;line-height:1.35;color:#3b3a2e}.pay-status.is-paying{background:#6b7f4e21}.pay-status.is-underpaid{background:#cca04b29}.pay-pulse{flex:none;width:10px;height:10px;margin-right:4px;border-radius:50%;background:#8e7fb0;animation:payPulse 1.6s ease-out infinite}.pay-other{display:flex;margin:12px auto 0}.pay-paid{text-align:center}.pay-ribbon{width:min(420px,100%);margin:0 auto}.pay-paid-wren{display:block;width:130px;height:auto;margin:-4px auto 0;overflow:visible}.pay-paid p{max-width:34ch;margin:6px auto 0;font-size:1.05rem;line-height:1.4;color:#3b3a2e;text-wrap:balance}.pay-signin,.pay-expired{text-align:center}.pay-signin h2,.pay-expired h2{margin:0;font-size:1.35rem;color:#3b3a2e}.pay-signin p,.pay-expired p{max-width:36ch;margin:8px auto 16px;line-height:1.4;color:#3b3a2ec2;text-wrap:balance}.pay-signin .signin-buttons{flex-direction:column;max-width:320px;margin:0 auto}.pay-signin .signin-button{width:100%;justify-content:center}.pay-help-open{display:flex;align-items:center;gap:7px;min-height:40px;margin:16px auto 0;padding:0 16px 0 12px;border:0;border-radius:999px;background:transparent;color:#5c496f;font:inherit;font-size:.95rem;font-weight:700;cursor:pointer;box-shadow:inset 0 0 0 2px #c9bedd;transition:background .2s,transform .12s}@media(hover:hover){.pay-help-open:hover{background:#f5f0fa}}.pay-help-open:active{transform:translateY(1px)}.pay-help-open:focus-visible,.pay-help-drop:focus-within{outline:3px solid #3B3A2E;outline-offset:2px}.modal-content.pay-help{width:min(540px,100%);text-align:left}.modal-content.pay-help>h2{margin:0 0 6px;font-size:26px}.pay-help-lead{margin:0 0 16px;font-size:1rem;line-height:1.45;color:#3b3a2ec2}.pay-help-lead b,.pay-help.is-sent b{color:#3b3a2e;overflow-wrap:anywhere}.pay-help-form{display:flex;flex-direction:column;gap:16px}.pay-help-field{display:flex;flex-direction:column;gap:6px}.pay-help-field>span{font-size:.85rem;font-weight:700;color:#6e5a84}.pay-help-field textarea{width:100%;min-height:168px;padding:12px 14px;border:2px solid #E2CFAE;border-radius:14px;background:#fff;color:#3b3a2e;font-size:16px;line-height:1.45;resize:vertical}.pay-help-field textarea:focus{outline:none;border-color:#a99bc4;box-shadow:0 0 0 4px #a99bc433}.pay-help-drop{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 12px;padding:14px;border:2px dashed #D9C9A8;border-radius:16px;background:#fffdf7;transition:border-color .2s,background .2s}.pay-help-drop.is-over{border-color:#a99bc4;background:#f5f0fa}.pay-help-drop small,.pay-help-hint{font-size:.85rem;color:#3b3a2e99}.pay-help-add{min-height:42px;gap:7px;padding-inline:16px;font-size:16px}.pay-help-files{display:flex;flex-direction:column;gap:6px;margin:4px 0 0;padding:0;list-style:none}.pay-help-file{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:5px 4px 5px 6px;border-radius:12px;background:#f6efe2;animation:rowIn .3s ease-out both}.pay-help-file img,.pay-help-mark{width:42px;height:42px;border-radius:8px;object-fit:cover;background:#fffdf7;box-shadow:0 0 0 1.5px #e2cfae}.pay-help-mark{display:grid;place-items:center;font-size:11px;font-weight:800;letter-spacing:.04em;color:#a9543a}.pay-help-name{display:flex;flex-direction:column;min-width:0;font-size:.92rem;line-height:1.25;color:#3b3a2e;overflow-wrap:anywhere}.pay-help-name small{font-size:.8rem;color:#3b3a2e99}.pay-help-note{margin:0;text-align:left}.pay-help-send{width:100%;min-height:52px;gap:8px;font-size:18px}.pay-help.is-sent{text-align:center}.pay-help.is-sent>p{margin:0 auto 20px;max-width:34ch;font-size:1rem;color:#3b3a2ec2;text-wrap:balance}.pay-help-done{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 4px;border-radius:50%;background:#6b7f4e29;color:#56693c;animation:coinHop .5s var(--spring) both}.pay-foot{margin:16px 0 0;font-size:.85rem;color:#8e7c60}@media(max-width:520px){.pay-page{padding-inline:14px}.pay-card{padding:18px 16px 20px}.pay-ticket{gap:10px;padding:10px 14px}.pay-ticket-what{padding-left:10px}.pay-where{grid-template-columns:1fr;justify-items:center}.pay-address{width:100%}.pay-amount{grid-template-columns:auto 1fr}.pay-amount .pay-copy{grid-column:1 / -1;width:100%}}}@keyframes coinHop{0%{transform:none}40%{transform:translateY(-5px) scale(1.06)}to{transform:none}}@keyframes payPulse{0%{box-shadow:0 0 #8e7fb08c}to{box-shadow:0 0 0 12px #8e7fb000}}@media(prefers-reduced-motion:reduce){.pay-ticket,.pay-card,.coin-tile,.coin-tile.is-on .coin-mark,.pay-networks,.pay-pulse,.pay-help-file,.pay-help-done{animation:none!important}.pay-timer-bar i{transition:none}}@layer components{.admin-page{max-width:860px;margin:0 auto;padding:8px 20px 120px;font-variant-numeric:lining-nums}.admin-page h1{margin:0;font-size:clamp(2rem,5.4vw,2.8rem);line-height:1.05;font-weight:800;letter-spacing:-.02em;color:#3b3a2e;text-align:center}.admin-section{margin-top:28px}.admin-section h2{margin:0 0 12px;font-size:1.3rem;font-weight:700;color:#3b3a2e}.admin-quiet{margin:14px 0 0;color:#3b3a2e99}.admin-views{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.admin-view{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:16px 16px 18px;border:0;border-radius:20px;background:#fffbf2;color:#3b3a2e;font:inherit;text-align:left;cursor:pointer;box-shadow:0 0 0 2px #e8d9bc,0 5px 0 2px #e8d9bc;transition:transform .25s var(--spring),box-shadow .2s,background .2s}@media(hover:hover){.admin-view:hover{transform:translateY(-2px)}}.admin-view:active{transform:translateY(3px);transition-duration:.07s}.admin-view:focus-visible{outline:3px solid #3B3A2E;outline-offset:3px}.admin-view.is-on{background:#f5f0fa;box-shadow:0 0 0 3px #a99bc4,0 6px 0 3px #8e7fb0}.admin-view-icon{display:grid;place-items:center;width:40px;height:40px;margin-bottom:4px;border-radius:50%;background:#f1e8d6;color:#8e7c60}.admin-view.is-on .admin-view-icon{background:#e6dcf2;color:#6e5a84}.admin-view b{font-size:1.12rem}.admin-view span:last-child{font-size:.9rem;line-height:1.35;color:#3b3a2eb5}.admin-try{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0 0;font-size:.92rem;color:#3b3a2e99}.admin-chip{min-height:34px;padding:0 12px;border:0;border-radius:999px;background:#fffdf7;color:#5c496f;font:inherit;font-size:.9rem;font-weight:600;cursor:pointer;box-shadow:0 0 0 1.5px #d9cde6,0 2px 0 1.5px #d9cde6}.admin-chip:active{transform:translateY(2px)}.admin-toggle{display:flex;align-items:center;gap:14px;padding:16px;border-radius:20px;background:#fffbf2;color:#3b3a2e;box-shadow:0 0 0 2px #e8d9bc,0 5px 0 2px #e8d9bc;transition:background .2s,box-shadow .2s}.admin-toggle.is-on{background:#f5f0fa;box-shadow:0 0 0 3px #a99bc4,0 6px 0 3px #8e7fb0}.admin-toggle .admin-view-icon{flex:none;margin:0}.admin-toggle.is-on .admin-view-icon{background:#e6dcf2;color:#6e5a84}.admin-toggle>div{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.admin-toggle b{font-size:1.12rem}.admin-toggle span:not(.admin-view-icon){font-size:.9rem;line-height:1.35;color:#3b3a2eb5}.admin-plans{display:grid;grid-template-columns:1fr 1fr;gap:14px}.admin-plan{display:flex;flex-direction:column;gap:2px;padding:14px 16px;border-radius:18px;background:#fffbf2;box-shadow:0 0 0 2px #e8d9bc}.admin-plan code{align-self:flex-start;padding:2px 8px;border-radius:8px;background:#efe8f6;color:#5c496f;font-size:.85rem;font-weight:700}.admin-plan.is-en code{background:#e4eef0;color:#3e5c66}.admin-plan-what{margin-top:4px;font-size:.88rem;color:#3b3a2e99}.admin-plan b{margin-top:6px;font-size:1.5rem;line-height:1.1;color:#3b3a2e}.admin-plan span:last-child{font-size:.9rem;color:#3b3a2eb5;font-variant-numeric:lining-nums}.admin-table-wrap{margin-top:16px;overflow-x:auto;border-radius:18px;background:#fffbf2;box-shadow:0 0 0 2px #e8d9bc}.admin-table{width:100%;border-collapse:collapse;font-size:.9rem;color:#3b3a2e;font-variant-numeric:lining-nums}.admin-table th{padding:10px 12px;border-bottom:1.5px solid #E8D9BC;font-size:.8rem;font-weight:700;text-align:left;color:#8e7c60;white-space:nowrap}.admin-table td{padding:10px 12px;border-bottom:1px solid #EFE3CC;vertical-align:top}.admin-table tr:last-child td{border-bottom:0}.admin-table tr.is-running td:first-child{box-shadow:inset 3px 0 #a99bc4}.admin-table small{display:block;color:#3b3a2e99}.admin-table code{font-size:.82rem;font-weight:700;color:#5c496f}.admin-paid{display:inline-flex;align-items:center;gap:6px;font-weight:700;white-space:nowrap}.admin-table td:last-child{white-space:nowrap}.admin-section h3{margin:24px 0 10px;font-size:1rem;font-weight:700;color:#3b3a2e}.admin-why,.admin-dim{color:#3b3a2e80}.admin-figures{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.admin-figure{display:flex;flex-direction:column;gap:2px;min-width:0;padding:14px 16px;border-radius:18px;background:#fffbf2;box-shadow:0 0 0 2px #e8d9bc}.admin-figure>span{font-size:.85rem;font-weight:600;color:#8e7c60}.admin-figure b{font-size:1.7rem;line-height:1.15;font-weight:700;color:#3b3a2e}.admin-figure small{font-size:.85rem;line-height:1.3;color:#3b3a2e99}.admin-bars{margin:14px 0 0;padding:26px 16px 12px 10px;border-radius:18px;background:#fffbf2;box-shadow:0 0 0 2px #e8d9bc}.admin-bars-plot{position:relative;height:140px;border-radius:4px}.admin-bars-plot:focus-visible{outline:3px solid #3B3A2E;outline-offset:6px}.admin-bars-plot:after{content:"";position:absolute;left:34px;right:0;bottom:0;border-top:1px solid #D9C9A8}.admin-bars-line{position:absolute;left:34px;right:0;border-top:1px solid #EFE3CC}.admin-bars-line i{position:absolute;right:calc(100% + 6px);top:-.6em;font-style:normal;font-size:.75rem;line-height:1.2;color:#3b3a2e99;font-variant-numeric:lining-nums tabular-nums;white-space:nowrap}.admin-bars-plot ol{position:absolute;inset:0 0 0 34px;z-index:1;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));column-gap:2px;margin:0;padding:0;list-style:none}.admin-bars-plot li{display:flex;align-items:flex-end;justify-content:center;border-radius:6px 6px 0 0}.admin-bars-plot li.is-at{background:#f3eefa}.admin-bars-plot li>span{width:min(100%,24px);min-height:2px;border-radius:4px 4px 0 0;background:#7b5fb8}.admin-bars-plot li.is-at>span{background:#9479cb}.admin-bars-tip{position:absolute;z-index:2;bottom:calc(100% + 10px);left:calc(34px + (100% - 34px) * var(--at));display:flex;flex-direction:column;padding:6px 10px;border-radius:10px;background:#3b3a2e;color:#fffbf2;font-size:.82rem;line-height:1.3;white-space:nowrap;pointer-events:none;transform:translate(-50%);box-shadow:0 8px 18px -10px #3b3a2eb3}.admin-bars-tip.is-start{transform:translate(-18px)}.admin-bars-tip.is-end{transform:translate(calc(-100% + 18px))}.admin-bars-tip b{font-size:.95rem}.admin-bars-tip span{color:#fffbf2c0}.admin-bars-axis{display:flex;justify-content:space-between;margin:6px 0 0 34px;font-size:.78rem;color:#3b3a2e99}.admin-details{margin-top:10px}.admin-details>summary{display:inline-block;cursor:pointer;font-size:.9rem;font-weight:600;color:#5c496f}.admin-details .admin-table-wrap{margin-top:10px;max-height:320px;overflow-y:auto}.admin-days td+td,.admin-days th+th{text-align:right;font-variant-numeric:lining-nums tabular-nums}.admin-shares{display:grid;gap:6px;margin:0;padding:14px 16px;border-radius:18px;background:#fffbf2;box-shadow:0 0 0 2px #e8d9bc;list-style:none}.admin-shares li{display:grid;grid-template-columns:minmax(84px,160px) minmax(0,1fr) 48px;align-items:center;gap:10px;font-size:.9rem;color:#3b3a2e}.admin-shares li>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-share{display:block;height:10px}.admin-share>span{display:block;height:100%;min-width:2px;border-radius:0 4px 4px 0;background:#7b5fb8}.admin-shares b{text-align:right;font-variant-numeric:lining-nums tabular-nums}.admin-legend{display:flex;flex-wrap:wrap;gap:6px 16px;margin:0;font-size:.85rem;color:#3b3a2eb5}.admin-legend span{display:inline-flex;align-items:center;gap:6px}.admin-legend i{width:12px;height:12px;border-radius:3px;background:#7b5fb8}.admin-legend i.is-opened{background:#b4a2dc}.admin-road{min-width:520px}.admin-road th[scope=row]{padding:9px 12px;font-size:.9rem;font-weight:600;text-align:left;color:#3b3a2e;white-space:normal}.admin-road-n{display:inline-block;min-width:2.2em;color:#8e7c60;font-weight:700;font-variant-numeric:lining-nums tabular-nums}.admin-road td{vertical-align:middle;text-align:right;font-variant-numeric:lining-nums tabular-nums}.admin-road th:nth-child(n+3){text-align:right}.admin-road td.admin-road-bar{width:42%;min-width:120px}.admin-road-track{position:relative;display:block;height:12px}.admin-road-track>span{position:absolute;top:0;bottom:0;left:0;border-radius:0 4px 4px 0}.admin-road-track .is-opened{background:#b4a2dc}.admin-road-track .is-finished{background:#7b5fb8}.admin-tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}.admin-tools>span{font-size:.9rem;color:#3b3a2e99}.admin-tools .admin-chip:disabled{opacity:.5;cursor:default}.admin-search{flex:1 1 220px;min-width:0;min-height:40px;padding:0 16px;border:0;border-radius:999px;background:#fffdf7;color:#3b3a2e;font:inherit;font-size:.95rem;box-shadow:0 0 0 1.5px #d9cde6}.admin-search:focus-visible{outline:3px solid #3B3A2E;outline-offset:2px}.admin-learners{min-width:760px}.admin-learners td:nth-child(4),.admin-learners td:nth-child(5),.admin-learners th:nth-child(4),.admin-learners th:nth-child(5){text-align:right}.admin-tag{display:inline-block;margin-left:6px;padding:0 6px;border-radius:6px;background:#efe8f6;color:#5c496f;font-size:.75rem;font-weight:700;vertical-align:1px}.admin-tag.is-waiting{background:#f6ebd9;color:#8a6534}@media(max-width:680px){.admin-views,.admin-plans{grid-template-columns:1fr}.admin-figures{grid-template-columns:1fr 1fr}.admin-figure:last-child:nth-child(odd){grid-column:1 / -1}}.admin-bar{position:fixed;z-index:60;left:14px;bottom:calc(16px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:8px;max-width:calc(100vw - 28px);padding:6px 6px 6px 12px;border-radius:999px;background:#3b3a2e;color:#fffbf2;font-size:13.5px;box-shadow:0 8px 20px -10px #3b3a2eb3}.admin-bar>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-bar button{flex:none;min-height:28px;padding:0 10px;border:0;border-radius:999px;background:#fffbf224;color:#fffbf2;font:inherit;font-weight:700;cursor:pointer}.admin-bar button:hover{background:#fffbf23d}.admin-bar button:last-child{background:#a99bc4;color:#2e2440}@media(max-width:760px){.admin-bar{bottom:calc(100px + env(safe-area-inset-bottom))}}}@layer components{.calls-trail{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 10px;margin:-2px auto 8px}.ct-group{display:flex;align-items:center;gap:6px;padding:4px 10px 4px 5px;border:2px solid transparent;border-radius:999px;transition:border-color .3s,background .3s}.ct-group.is-on{border-color:#dcd0e7;background:#fffdf7}.ct-glyph{display:grid;place-items:center;width:26px;height:22px;color:#fffdf7}.ct-glyph svg{width:26px;height:19px;overflow:visible}.ct-glyph path{fill:none;stroke:#cfc4de;stroke-width:2;stroke-dasharray:2.5 3}.ct-glyph circle{fill:#b9add2}.ct-group.is-on .ct-glyph circle{fill:#8e7fb0}.ct-group.is-done .ct-glyph{width:22px;height:22px;margin-inline:2px;border-radius:50%;background:linear-gradient(#e6c473,#d3a94f);box-shadow:0 2px #b98f3d;animation:ctTick .55s var(--ease-spring) both}.ct-pips{display:flex;gap:4px}.ct-pip{width:12px;height:12px;border:2px solid #DCD3C2;border-radius:50%;transition:border-color .2s,background .2s}.ct-pip.on{border-color:#cca04b;background:#ddb45c;box-shadow:inset 0 1.5px #ffffff80;animation:ctPip .5s var(--ease-spring) both}.calls{position:relative;display:grid;grid-template-columns:minmax(100px,148px) minmax(64px,132px) minmax(128px,172px);justify-content:center;align-items:stretch;gap:2px;height:214px;max-width:520px;margin:4px auto 0}.calls-wren{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;border:0;border-radius:22px;background:none;cursor:pointer}.calls-wren:focus-visible{outline:3px solid #A99BC4;outline-offset:2px}.calls-bird{width:100%;max-width:138px;height:auto;aspect-ratio:90 / 68;margin-top:-14px;transition:transform .3s var(--ease-spring)}.calls-wren:hover .calls-bird{transform:translateY(-3px)}.calls-perch{width:112%;height:18px;margin-top:-9px;overflow:visible}.calls-perch path{fill:none;stroke:#9a7a4e;stroke-width:5;stroke-linecap:round}.calls-perch path.twig{stroke:#a88758;stroke-width:2.5}.calls-replay{position:absolute;right:2px;bottom:34px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(#b4a7d0,#a193c2);color:#fffdf7;box-shadow:0 3px #8e7fb0,0 8px 14px -8px #3b3a2e80;transition:transform .25s var(--ease-spring)}.calls-wren:hover .calls-replay{transform:scale(1.08)}.calls-replay.is-on{animation:listening-breathe 2s ease-in-out infinite}.calls-path{position:relative}.calls-notes{width:100%;height:100%;overflow:visible}.cn-line{fill:none;stroke:#a99bc4;stroke-width:3.5;stroke-linecap:round;opacity:0}.cn-line.is-drawn{opacity:1;stroke-dasharray:1;stroke-dashoffset:1;animation:cnDraw .55s .08s ease-out forwards}.cn-dot{fill:#fffdf7;stroke:#cfc4de;stroke-width:3;transform-box:fill-box;transform-origin:center;transition:fill .2s,stroke .2s}.cn-dot.is-shown{fill:#a99bc4;stroke:#8e7fb0}.cn-dot.is-good,.cn-dot.is-truth{fill:#6b7f4e;stroke:#5e7044}.cn-dot.is-sounding{fill:#ddb45c;stroke:#cca04b;animation:cnPing .45s var(--ease-spring)}.cn-move{transition:transform .62s var(--ease-spring)}.calls-answers{display:flex;flex-direction:column;justify-content:space-between;padding:2px 0 8px}.calls-btn{position:relative;display:flex;align-items:center;gap:10px;min-height:58px;padding:6px 14px 6px 10px;overflow:visible;border:2px solid #E2CFAE;border-radius:18px;background:#fffdf7;color:#3b3a2e;font-size:19px;line-height:1.1;text-align:left;box-shadow:0 5px #e2cfae,0 12px 18px -12px #3b3a2e73;transition:transform .25s var(--ease-spring),box-shadow .25s var(--ease-spring),background .2s,border-color .2s,color .2s,opacity .3s}.calls-btn>svg{flex-shrink:0;width:34px;height:34px;padding:6px;border-radius:50%;background:#eee7f4;color:#7d6c9e;transition:background .2s,color .2s}.calls-btn>span{display:flex;flex-direction:column;gap:2px}.calls-btn small{font-size:13.5px;font-weight:400;opacity:.9;animation:labelIn .35s .2s both}.calls-btn:hover:not(:disabled){transform:translateY(-2px);border-color:#b3a3c8;box-shadow:0 7px #d8c8e4,0 14px 20px -12px #3b3a2e73}.calls-btn:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px #d8c8e4;transition-duration:.07s}.calls-btn:focus-visible{outline:3px solid #A99BC4;outline-offset:3px}.calls-btn:disabled{cursor:default}.calls.is-right .calls-btn:not(.is-picked-right),.calls.is-wrong .calls-btn:not(.is-truth):not(.is-picked-wrong){opacity:.45}.calls-btn.is-picked-right{border-color:#5e7044;background:linear-gradient(#7a8f5b,#6b7f4e);color:#fffdf7;box-shadow:0 5px #4f5f39,0 14px 22px -10px #3b3a2e80;animation:callsPop .5s var(--ease-spring)}.calls-btn.is-picked-right>svg{background:#fffdf738;color:#fffdf7}.calls-btn.is-picked-wrong{border-color:#c06a45;background:#f8e6dc;color:#8e563f;box-shadow:0 5px #e2b9a6;animation:callsShake .45s ease}.calls-btn.is-picked-wrong>svg{background:#c06a4529;color:#a9543a}.calls.is-wrong .calls-btn.is-truth{border-color:#6b7f4e;background:#edf0e3;color:#4f5f39;box-shadow:0 5px #c5cfb2;animation:callsTruth 1.4s ease-in-out .3s 2}.calls.is-wrong .calls-btn.is-truth>svg{background:#6b7f4e;color:#fffdf7}.calls-btn.is-new{animation:callsJoin .6s var(--ease-spring) both}.calls-burst{position:absolute;left:30px;top:50%;width:0;height:0;pointer-events:none;z-index:2}.cb-ring{position:absolute;left:-26px;top:-26px;width:52px;height:52px;border:3px solid #DDB45C;border-radius:50%;animation:cbRing .7s ease-out forwards}.cb-spark{position:absolute;left:-6px;top:-6px;width:12px;height:12px;background:#ddb45c;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);animation:cbSpark .8s cubic-bezier(.2,.8,.3,1) forwards}.cb-spark:nth-child(odd){background:#b4a7d0}.calls-burst.is-big .cb-spark{--r: 92px}.calls-burst.is-big .cb-ring{border-width:4px;animation-duration:.9s}.calls-run{position:absolute;left:50%;top:6px;z-index:3;display:inline-flex;align-items:center;gap:6px;padding:6px 14px 6px 11px;border-radius:999px;white-space:nowrap;background:linear-gradient(#ebcb82,#ddb45c);color:#5a4520;font-size:16px;font-weight:700;box-shadow:0 4px #c2973f,0 12px 18px -8px #3b3a2e73;pointer-events:none;animation:callsRun 1.9s var(--ease-spring) forwards}.calls-hint{margin:8px auto 0;text-align:center;font-family:var(--font-hand);font-size:23px;line-height:1.2;color:#6e5a84;animation:labelIn .45s both}.calls-best{display:flex;align-items:center;justify-content:center;gap:8px;width:fit-content;margin:12px auto 0;padding:6px 16px;border:2px solid #DDB45C;border-radius:999px;background:#ddb45c24;color:#6b5320;font-weight:600}.calls-best svg{color:#c2973f}@media(max-width:520px){.calls{grid-template-columns:96px minmax(52px,1fr) minmax(122px,142px);height:204px}.calls-btn{min-height:52px;font-size:17px;gap:8px;padding-right:10px}.calls-btn>svg{width:30px;height:30px;padding:5px}.calls-replay{bottom:30px;right:-2px}}.sound-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:12px;max-width:560px;margin:6px auto 4px}.sound-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;border:2px solid #E2CFAE;border-radius:20px;background:#fffdf7;color:#3b3a2e;cursor:pointer;box-shadow:0 5px #e2cfae,0 12px 18px -12px #3b3a2e73;transition:transform .25s var(--ease-spring),box-shadow .25s var(--ease-spring),border-color .2s,background .2s}.sound-card:hover{transform:translateY(-3px);border-color:#b3a3c8;box-shadow:0 8px #d8c8e4,0 16px 22px -12px #3b3a2e73}.sound-card:active{transform:translateY(4px);box-shadow:0 1px #d8c8e4;transition-duration:.07s}.sound-card:focus-visible{outline:3px solid #A99BC4;outline-offset:3px}.sound-card.is-picked{border-color:#8e7fb0;background:#f3eef8;box-shadow:0 5px #a99bc4,0 12px 18px -12px #3b3a2e73}.sound-card.is-tried{opacity:.6}.sound-card.is-playing{border-color:#a99bc4}.sc-shape{width:100%;max-width:128px;height:auto;aspect-ratio:120 / 72;overflow:visible}.sc-line{fill:none;stroke:#a99bc4;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:cnDraw .6s .25s ease-out forwards}.sc-dot{fill:#fffdf7;stroke:#cfc4de;stroke-width:3;transform-box:fill-box;transform-origin:center;transition:fill .25s,stroke .25s}.sound-cards.is-shown .sc-dot{fill:#a99bc4;stroke:#8e7fb0}.sc-dot.is-sounding,.sound-cards.is-shown .sc-dot.is-sounding{fill:#ddb45c;stroke:#cca04b;animation:cnPing .45s var(--ease-spring)}.sc-move{transition:transform .62s var(--ease-spring)}.sc-label{display:inline-flex;align-items:center;gap:6px;font-size:17px}.sc-label svg{color:#8e7fb0}.sc-mine{position:absolute;top:-9px;right:-9px;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:linear-gradient(#b4a7d0,#a193c2);color:#fffdf7;box-shadow:0 2px #8e7fb0;animation:ctTick .5s var(--ease-spring) both}@media(max-width:520px){.sound-cards{gap:8px}.sc-label{font-size:15px}}.art-tap{display:block;margin:0 auto;padding:0;border:0;border-radius:24px;background:none;cursor:pointer;transition:transform .3s var(--ease-spring)}.art-tap:hover{transform:translateY(-3px)}.art-tap:focus-visible{outline:3px solid #A99BC4;outline-offset:2px}}@keyframes ctTick{0%{transform:scale(.2) rotate(-40deg);opacity:0}60%{transform:scale(1.25) rotate(8deg);opacity:1}to{transform:none}}@keyframes ctPip{0%{transform:scale(.3)}55%{transform:scale(1.45)}to{transform:none}}@keyframes cnDraw{to{stroke-dashoffset:0}}@keyframes cnPing{0%{transform:scale(1)}45%{transform:scale(1.4)}to{transform:scale(1.15)}}@keyframes callsPop{0%{transform:scale(1)}35%{transform:scale(1.1) translateY(-3px)}to{transform:none}}@keyframes callsShake{0%,to{translate:0 0}20%{translate:-7px 0}40%{translate:6px 0}60%{translate:-4px 0}80%{translate:2px 0}}@keyframes callsTruth{0%,to{box-shadow:0 5px #c5cfb2,0 0 #6b7f4e00}50%{box-shadow:0 5px #c5cfb2,0 0 0 7px #6b7f4e2e}}@keyframes callsJoin{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}@keyframes cbRing{0%{opacity:.9;transform:scale(.3)}to{opacity:0;transform:scale(2.4)}}@keyframes cbSpark{0%{opacity:1;transform:rotate(var(--a)) translate(8px) scale(.5) rotate(0)}70%{opacity:1}to{opacity:0;transform:rotate(var(--a)) translate(var(--r, 64px)) scale(1) rotate(120deg)}}@keyframes callsRun{0%{opacity:0;transform:translate(-50%,16px) scale(.5)}14%{opacity:1;transform:translate(-50%) scale(1.14)}24%{transform:translate(-50%) scale(1)}80%{opacity:1;transform:translate(-50%,-4px)}to{opacity:0;transform:translate(-50%,-16px)}}@layer components{.calls-burst.at-origin{left:0;top:0}.calls-burst.at-center{left:50%;top:50%}.mini-shape{display:block;width:100%;height:auto;overflow:visible}.mini-shape path{fill:none;stroke:#a99bc4;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}.mini-shape circle{fill:#8e7fb0;transition:r .15s}.mini-shape circle.is-on{fill:#ddb45c}.shape-row{display:flex;justify-content:center;gap:8px;margin:-4px auto 8px}.sr-slot{display:grid;place-items:center;width:46px;height:32px;padding:3px 5px;border:2px dashed #DCD3C2;border-radius:10px}.sr-slot.is-now{border:2px solid #A99BC4;background:#fffdf7;animation:slotPulse 1.8s ease-in-out infinite}.sr-slot.is-won{border:2px solid #CCA04B;background:linear-gradient(#f8e7bc,#eccd86);box-shadow:0 2px #c2973f;animation:ctTick .55s var(--ease-spring) both}.sr-slot.is-plain{border:2px solid #DCD3C2;background:#f3ede2}.sr-slot.is-won .mini-shape path,.shape-badge .mini-shape path,.shelf-shape .mini-shape path,.shape-name.is-won .mini-shape path{stroke:#b48a35}.sr-slot.is-won .mini-shape circle,.shape-badge .mini-shape circle,.shelf-shape .mini-shape circle,.shape-name.is-won .mini-shape circle{fill:#8a6a2a}.shape-badge.is-plain .mini-shape path,.shelf-shape.is-plain .mini-shape path{stroke:#a99bc4}.shape-badge.is-plain .mini-shape circle,.shelf-shape.is-plain .mini-shape circle{fill:#8e7fb0}.shelf-shape .mini-shape circle.is-on{fill:#fffdf7}.sky-pad{position:relative;width:100%;margin:0 auto;touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;border:2px solid #EADBC0;border-radius:22px;background:linear-gradient(#efe8f6,#fbf6ec 72%,#f7efe0);box-shadow:inset 0 2px #ffffffbf,0 12px 24px -18px #3b3a2e80}.sky-pad.is-done{cursor:default}.sky-svg{position:absolute;inset:0;width:100%;height:100%;clip-path:inset(0 round 20px)}.sky-lane{fill:#a99bc412;transition:fill .18s}.sky-lane:nth-child(2n){fill:#a99bc41f}.sky-lane.is-on{fill:#ddb45c4d}.sky-row{stroke:#8e7fb02e;stroke-width:1;stroke-dasharray:3 6}.sky-row.is-home{stroke:#cca04b73;stroke-dasharray:none}.sky-ground{clip-path:inset(0 100% 0 0);animation-name:skyGrow;animation-timing-function:linear;animation-fill-mode:forwards}.sky-ground.is-gold{fill:#bbcb98;opacity:.8}.sky-ground.is-plain{fill:#dcd3c2;opacity:.65}.sky-ghost{fill:none;stroke:#c06a45;stroke-width:2.5;stroke-dasharray:4 6;stroke-linecap:round;opacity:.6}.sky-seg{fill:none;stroke:#a99bc4;stroke-width:4;stroke-linecap:round}.sky-seg.is-good{stroke:#6b7f4e;animation:segGood .55s var(--ease-spring) both}.sky-seg.is-bad{stroke:#c06a45;stroke-dasharray:8 6;animation:segBad .5s ease both}.sky-dot{position:absolute;width:24px;height:24px;margin:-12px 0 0 -12px;padding:0;border:0;border-radius:50%;pointer-events:none;background:linear-gradient(#b9acd5,#9c8dc0);box-shadow:0 3px #7d6c9e,0 6px 10px -4px #3b3a2e73;transition:top .16s var(--ease-spring),transform .2s var(--ease-spring),background .2s}.sky-dot:focus-visible{outline:3px solid #8E7FB0;outline-offset:3px}.sky-dot.is-unset{background:#fffdf7e6;border:2.5px dashed #C9BEDB;box-shadow:none}.sky-dot.is-lit{background:linear-gradient(#efd08a,#ddb45c);box-shadow:0 3px #c2973f,0 0 0 6px #ddb45c40;transform:scale(1.22)}.sky-wren{position:absolute;z-index:3;width:0;height:0;pointer-events:none;transition:left .2s ease-out,top .2s ease-out}.sky-wren-hop{position:absolute;left:-30px;bottom:8px;width:60px;animation:wrenHop .32s ease-out}.sky-wren-bird{display:block;width:60px;height:auto;aspect-ratio:90 / 68}.sky-burst{position:absolute;z-index:4;width:0;height:0}.shape-badge{display:flex;align-items:center;gap:12px;padding:8px 18px 8px 9px;border:2px solid #DDB45C;border-radius:18px;background:linear-gradient(#fcf1cf,#f2db9e);box-shadow:0 4px #c2973f,0 12px 20px -12px #3b3a2e80;animation:badgeRise .6s var(--ease-spring) both}.shape-badge.is-plain{border-color:#e2cfae;background:#fffdf7;box-shadow:0 4px #e2cfae}.sb-art{width:76px;padding:4px 6px;border-radius:12px;background:#fffdf7bf}.sb-text{display:flex;flex-direction:column;text-align:left}.sb-text b{font-size:20px;line-height:1.15;color:#5a4520}.sb-text small{font-size:14px;font-style:italic;color:#7a6a44}.shape-badge.is-plain .sb-text b{color:#3b3a2e}.shape-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:560px;margin:0 auto}.shape-card,.shape-name{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 10px;overflow:visible;border:2px solid #E2CFAE;border-radius:20px;background:#fffdf7;color:#3b3a2e;cursor:pointer;box-shadow:0 5px #e2cfae,0 12px 18px -12px #3b3a2e73;transition:transform .25s var(--ease-spring),box-shadow .25s var(--ease-spring),border-color .2s,background .2s,opacity .3s}.shape-card .mini-shape{max-width:140px}.shape-card:hover:not(:disabled),.shape-name:hover:not(:disabled){transform:translateY(-3px);border-color:#b3a3c8;box-shadow:0 8px #d8c8e4,0 16px 22px -12px #3b3a2e73}.shape-card:active:not(:disabled),.shape-name:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px #d8c8e4;transition-duration:.07s}.shape-card:focus-visible,.shape-name:focus-visible{outline:3px solid #A99BC4;outline-offset:3px}.shape-card:disabled,.shape-name:disabled{cursor:default}.shape-card.is-picked{border-color:#8e7fb0;background:#f3eef8;box-shadow:0 5px #a99bc4}.shape-card.is-right,.shape-name.is-picked-right{border-color:#5e7044;background:linear-gradient(#7a8f5b,#6b7f4e);color:#fffdf7;box-shadow:0 5px #4f5f39,0 14px 22px -10px #3b3a2e80;animation:callsPop .5s var(--ease-spring)}.shape-card.is-right .mini-shape path,.shape-name.is-picked-right .mini-shape path{stroke:#f6eedf}.shape-card.is-right .mini-shape circle,.shape-name.is-picked-right .mini-shape circle{fill:#fffdf7}.shape-card.is-right .mini-shape circle.is-on{fill:#efd08a}.shape-card.is-wrong,.shape-name.is-picked-wrong{border-color:#c06a45;background:#f8e6dc;box-shadow:0 5px #e2b9a6;animation:callsShake .45s ease}.shape-names{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:460px;margin:0 auto}.shape-name{padding:12px 10px;font-size:18px}.shape-name .mini-shape{max-width:112px}.shape-names.is-right .shape-name:not(.is-picked-right),.shape-names.is-wrong .shape-name:not(.is-truth):not(.is-picked-wrong){opacity:.45}.shape-names.is-wrong .shape-name.is-truth{border-color:#6b7f4e;background:#edf0e3;color:#4f5f39;box-shadow:0 5px #c5cfb2;animation:callsTruth 1.4s ease-in-out .3s 2}.shape-name.is-won{border-color:#ddb45c;background:linear-gradient(#fcf1cf,#f2db9e);box-shadow:0 4px #c2973f;cursor:default;animation:shelfIn .5s var(--ease-spring) both}.shape-names.is-shelf .shape-name:nth-child(2){animation-delay:.08s}.shape-names.is-shelf .shape-name:nth-child(3){animation-delay:.16s}.shape-names.is-shelf .shape-name:nth-child(4){animation-delay:.24s}.shape-shelf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:560px;margin:4px auto 0}.shelf-shape{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 8px 12px;cursor:pointer;border:2px solid #DDB45C;border-radius:18px;background:linear-gradient(#fcf1cf,#f2db9e);color:#5a4520;box-shadow:0 4px #c2973f,0 12px 18px -12px #3b3a2e73;animation:shelfIn .5s var(--ease-spring) both;transition:transform .25s var(--ease-spring),box-shadow .25s var(--ease-spring)}.shelf-shape:nth-child(2){animation-delay:.07s}.shelf-shape:nth-child(3){animation-delay:.14s}.shelf-shape:nth-child(4){animation-delay:.21s}.shelf-shape:nth-child(5){animation-delay:.28s}.shelf-shape:nth-child(6){animation-delay:.35s}.shelf-shape:hover{transform:translateY(-3px);box-shadow:0 7px #c2973f,0 16px 22px -12px #3b3a2e73}.shelf-shape:focus-visible{outline:3px solid #A99BC4;outline-offset:3px}.shelf-shape.is-playing{box-shadow:0 4px #c2973f,0 0 0 5px #ddb45c4d}.shelf-shape.is-plain{border-color:#e2cfae;background:#fffdf7;color:#3b3a2e;box-shadow:0 4px #e2cfae}.shelf-shape .mini-shape{max-width:104px;margin-bottom:2px}.shelf-shape b{font-size:16px;line-height:1.15}.shelf-shape small{font-size:13px;font-style:italic;opacity:.8}@media(max-width:520px){.shape-cards{gap:8px}.shape-shelf{grid-template-columns:repeat(2,minmax(0,1fr))}.shape-row{gap:5px}.sr-slot{width:40px;height:28px}}}@keyframes slotPulse{0%,to{box-shadow:0 0 #a99bc400}50%{box-shadow:0 0 0 5px #a99bc438}}@keyframes skyGrow{to{clip-path:inset(0 0 0 0)}}@keyframes segGood{0%{stroke-width:4}40%{stroke-width:8}to{stroke-width:4.5}}@keyframes segBad{0%,to{translate:0 0}25%{translate:0 -3px}50%{translate:0 3px}75%{translate:0 -1px}}@keyframes wrenHop{0%{transform:translateY(0)}40%{transform:translateY(-14px)}to{transform:none}}@keyframes badgeRise{0%{opacity:0;transform:translateY(14px) scale(.7)}60%{opacity:1;transform:translateY(-3px) scale(1.06)}to{transform:none}}@keyframes shelfIn{0%{opacity:0;transform:translateY(12px) scale(.85)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.calls-burst,.calls-run{display:none}.ct-pip.on,.ct-group.is-done .ct-glyph,.calls-btn,.cn-dot,.sc-dot,.sc-mine{animation:none!important}.cn-move,.sc-move{transition:none}.sr-slot,.sky-seg,.sky-wren-hop,.shape-badge,.shape-card,.shape-name,.shelf-shape{animation:none!important}.sky-ground{animation:none;clip-path:none}.sky-wren,.sky-dot{transition:none}}@layer components{.sound-cards.is-long .sc-shape{max-width:210px}.sc-hop{fill:none;stroke:#d3a13f;stroke-width:2.6;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:cnDraw .4s ease-out forwards}.move-glyph{display:block;width:52px;height:auto;aspect-ratio:52 / 30;overflow:visible}.mg-arc{fill:none;stroke:#a99bc4;stroke-width:3;stroke-linecap:round;transition:stroke .2s}.mg-stone{fill:#8e7fb0;transition:fill .2s}.mg-stone.is-skip{fill:#d6cce3}.move-glyph:has(.is-skip) .mg-arc{stroke:#cca04b;stroke-dasharray:none}.svg-burst{pointer-events:none}.svb-ring{fill:none;stroke:#ddb45c;stroke-width:6;opacity:0;transform-box:fill-box;transform-origin:center;animation:svbRing .75s ease-out var(--d, 0ms) forwards}.svb-spark{fill:#ddb45c;opacity:0;transform-box:fill-box;transform-origin:center;animation:svbSpark .85s cubic-bezier(.2,.8,.3,1) var(--d, 0ms) forwards}.svg-burst>g:nth-child(odd) .svb-spark{fill:#b4a7d0}.svg-burst.is-big .svb-spark{--r: 150px}.svg-burst.is-big .svb-ring{stroke-width:7;animation-duration:.9s}.slate-ghost{fill:#fffdf78c;stroke:#c9bedb;stroke-width:3;stroke-dasharray:9 9}.slate-tint{transition:opacity .25s,fill .25s}.sl-pips{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:-4px auto 10px}.sl-pip{width:20px;height:11px;border:2px solid #DCD3C2;border-radius:50%;transition:border-color .2s,background .2s}.sl-pip.is-now{border-color:#a99bc4;background:#fffdf7;animation:slotPulse 1.8s ease-in-out infinite}.sl-pip.is-won{border-color:#cca04b;background:linear-gradient(#ebcb82,#ddb45c);box-shadow:0 2px #c2973f;animation:ctPip .5s var(--ease-spring) both}.sl-pip.is-plain{border-color:#8e7fb0;background:#b9add2;box-shadow:0 2px #8e7fb0;animation:ctPip .5s var(--ease-spring) both}.sl-scene{position:relative;max-width:560px;margin:0 auto}.sl-stage{position:relative;display:block;width:100%;padding:0;cursor:pointer;border:2px solid #EADBC0;border-radius:22px;background:linear-gradient(#efe8f6,#fbf6ec 72%,#f7efe0);box-shadow:inset 0 2px #ffffffbf,0 12px 24px -18px #3b3a2e80;transition:border-color .25s,box-shadow .25s}.sl-stage:hover{border-color:#d8c8e4}.sl-stage:focus-visible{outline:3px solid #A99BC4;outline-offset:3px}.sl-scene.is-right .sl-stage{border-color:#ddb45c;box-shadow:inset 0 2px #ffffffbf,0 0 0 4px #ddb45c2e,0 12px 24px -18px #3b3a2e80}.sl-svg{display:block;width:100%;height:auto;overflow:visible}.sl-mist{fill:#fffdf7;opacity:.55;filter:url(#blur3)}.sl-row{transition:transform .62s var(--ease-spring)}.sl-stone{transition:transform .62s var(--ease-spring),opacity .35s ease}.sl-stone.is-gone{opacity:0}.sl-rise{transform-box:fill-box;transform-origin:50% 100%;animation:slRise .5s var(--ease-spring) both}.sl-skip{pointer-events:none}.sl-skip-ring{fill:none;stroke:#ddb45c;stroke-width:4;opacity:0;transform-box:fill-box;transform-origin:center;animation:slSkipRing .7s ease-out var(--d, 0ms) forwards}.sl-skip-star{fill:#e6c473;opacity:0;transform-box:fill-box;transform-origin:center;animation:slSkipStar .8s var(--ease-spring) var(--d, 0ms) forwards}.sl-replay{inset:12px auto auto 12px}.sl-stage .calls-run{top:-18px}.sl-answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:440px;margin:16px auto 0}.sl-btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:100px;padding:12px 10px 10px;overflow:visible;border:2px solid #E2CFAE;border-radius:20px;background:#fffdf7;color:#3b3a2e;font-size:20px;line-height:1.1;box-shadow:0 5px #e2cfae,0 12px 18px -12px #3b3a2e73;transition:transform .25s var(--ease-spring),box-shadow .25s var(--ease-spring),background .2s,border-color .2s,color .2s,opacity .3s}.sl-btn .move-glyph{width:66px}.sl-btn>span{display:flex;flex-direction:column;align-items:center;gap:2px}.sl-btn small{font-size:14px;font-weight:400;opacity:.9;animation:labelIn .35s .2s both}.sl-btn:hover:not(:disabled){transform:translateY(-3px);border-color:#b3a3c8;box-shadow:0 8px #d8c8e4,0 16px 22px -12px #3b3a2e73}.sl-btn:hover:not(:disabled) .mg-arc{animation:mgHop .55s var(--ease-spring)}.sl-btn:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px #d8c8e4;transition-duration:.07s}.sl-btn:focus-visible{outline:3px solid #A99BC4;outline-offset:3px}.sl-btn:disabled{cursor:default}.sl-answers.is-right .sl-btn:not(.is-picked-right),.sl-answers.is-wrong .sl-btn:not(.is-truth):not(.is-picked-wrong){opacity:.45}.sl-btn.is-picked-right{border-color:#5e7044;background:linear-gradient(#7a8f5b,#6b7f4e);color:#fffdf7;box-shadow:0 5px #4f5f39,0 14px 22px -10px #3b3a2e80;animation:callsPop .5s var(--ease-spring)}.sl-btn.is-picked-right .mg-arc{stroke:#f6e3ae}.sl-btn.is-picked-right .mg-stone{fill:#fffdf7}.sl-btn.is-picked-right .mg-stone.is-skip{fill:#fffdf766}.sl-btn.is-picked-wrong{border-color:#c06a45;background:#f8e6dc;color:#8e563f;box-shadow:0 5px #e2b9a6;animation:callsShake .45s ease}.sl-answers.is-wrong .sl-btn.is-truth{border-color:#6b7f4e;background:#edf0e3;color:#4f5f39;box-shadow:0 5px #c5cfb2;animation:callsTruth 1.4s ease-in-out .3s 2}.sl-chips{display:grid;grid-template-columns:repeat(5,auto);justify-content:center;gap:8px;max-width:360px;margin:2px auto 0}.sl-chip{display:grid;place-items:center;width:62px;height:44px;border-radius:14px;border:2px solid #E2CFAE;background:#fffdf7;box-shadow:0 3px #e2cfae;animation:shelfIn .5s var(--ease-spring) both}.sl-chip .move-glyph{width:44px}.sl-chip.is-won{border-color:#ddb45c;background:linear-gradient(#fcf1cf,#f2db9e);box-shadow:0 3px #c2973f}.sl-chip.is-won .mg-arc{stroke:#b48a35}.sl-chip.is-won .mg-stone{fill:#8a6a2a}.sl-chip.is-won .mg-stone.is-skip{fill:#d9bc7a}.ll-scene{position:relative;width:100%;margin:0 auto;border:2px solid #EADBC0;border-radius:22px;background:linear-gradient(#efe8f6,#fbf6ec 72%,#f7efe0);box-shadow:inset 0 2px #ffffffbf,0 12px 24px -18px #3b3a2e80;transition:border-color .3s}.ll-scene.is-open{border-color:#e6cf9b}.ll-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.ll-stone{transition:transform .7s var(--ease-spring)}.ll-arc{fill:none;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:cnDraw .55s ease-out forwards}.ll-arc.is-step{stroke:#b9add2;stroke-width:5}.ll-arc.is-bad{stroke:#d99a7c;stroke-width:5}.ll-arc.is-leap{stroke:#ddb45c;stroke-width:10;filter:drop-shadow(0 3px 0 rgba(194,151,63,.45))}.ll-gap{position:absolute;z-index:2;display:grid;place-items:center;width:34px;height:48px;margin:-24px 0 0 -17px;padding:0;cursor:pointer;border:2.5px dashed #C3B6D8;border-radius:14px;background:#fffdf7e6;color:#8e7fb0;transition:transform .25s var(--ease-spring),border-color .2s,background .2s,box-shadow .25s}.ll-gap:hover:not(:disabled){transform:translateY(-4px);border-style:solid;border-color:#a99bc4;background:#f3eef8;box-shadow:0 6px #d8c8e4}.ll-gap:active:not(:disabled){transform:translateY(2px);box-shadow:none;transition-duration:.07s}.ll-gap:focus-visible{outline:3px solid #A99BC4;outline-offset:3px}.ll-gap.is-bad{border:2.5px solid #C06A45;background:#f8e6dc;color:#a9543a;cursor:default;animation:callsShake .45s ease}.ll-burst{position:absolute;z-index:3;width:0;height:0;pointer-events:none}.mini-shape path.is-hot,.sr-slot .mini-shape path.is-hot{fill:none;stroke:#d3a13f;stroke-width:3.4;stroke-linecap:round}.sr-slot.is-won .mini-shape path.is-hot,.shelf-shape .mini-shape path.is-hot{stroke:#7d6c9e;stroke-width:3.8}.shelf-shape.is-plain .mini-shape path.is-hot{stroke:#d3a13f}.lead-trail{margin-bottom:4px}.lt-glyph{display:grid;place-items:center;min-width:30px;height:22px;color:#fffdf7}.lt-glyph .move-glyph{width:32px}.ct-group.is-done .lt-glyph{width:22px;min-width:22px;margin-inline:2px;border-radius:50%;background:linear-gradient(#e6c473,#d3a94f);box-shadow:0 2px #b98f3d;animation:ctTick .55s var(--ease-spring) both}.lead-leaps{display:inline-flex;gap:6px}.lead-token{display:grid;place-items:center;width:46px;height:34px;border:2px solid #DDB45C;border-radius:12px;background:linear-gradient(#fcf1cf,#f2db9e);box-shadow:0 3px #c2973f;animation:ctTick .5s var(--ease-spring) both}.lead-token .move-glyph{width:34px}.lead-token.is-empty{border:2px dashed #DCD3C2;background:transparent;box-shadow:none;opacity:.75;animation:none}.lead-token.is-empty .mg-arc{stroke:#cfc4de}.lead-token.is-empty .mg-stone{fill:#cfc4de}.lead-leaps.is-over .lead-token{border-color:#c06a45;background:#f8e6dc;box-shadow:0 3px #e2b9a6;animation:callsShake .45s ease}.lead-leaps.is-over .lead-token .mg-arc{stroke:#c06a45}.hill-arc.tone-step .hill-arc-line,.hill-arc.tone-step .hill-arc-head{stroke:#a99bc4}.hill-arc.tone-leap .hill-arc-line,.hill-arc.tone-leap .hill-arc-head{stroke:#ddb45c;stroke-width:6.5}.hill-arc.tone-miss .hill-arc-line,.hill-arc.tone-miss .hill-arc-head{stroke:#c06a45}.hill-arc.tone-miss .hill-arc-line{stroke-dasharray:.05 .04}@media(max-width:520px){.sl-answers{gap:10px}.sl-btn{min-height:88px;font-size:18px}.sl-btn .move-glyph{width:56px}.sl-replay{left:6px;top:6px;width:28px;height:28px}.sl-replay svg{width:14px;height:14px}.sl-chip{width:54px;height:40px}.ll-gap{width:30px;height:44px;margin:-22px 0 0 -15px}}}@keyframes svbRing{0%{opacity:.95;transform:scale(.3)}to{opacity:0;transform:scale(2.6)}}@keyframes svbSpark{0%{opacity:1;transform:translate(12px) scale(.5)}70%{opacity:1}to{opacity:0;transform:translate(var(--r, 110px)) scale(1.1) rotate(120deg)}}@keyframes slRise{0%{opacity:.2;transform:scale(.5)}60%{opacity:1;transform:scale(1.12,.92)}to{transform:none}}@keyframes slSkipRing{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(1.7)}}@keyframes slSkipStar{0%{opacity:0;transform:translateY(16px) scale(.2) rotate(-60deg)}40%{opacity:1;transform:translateY(0) scale(1.15) rotate(10deg)}to{opacity:0;transform:translateY(-26px) scale(.8) rotate(40deg)}}@keyframes mgHop{0%{transform:none}45%{transform:translateY(-3px)}to{transform:none}}@media(prefers-reduced-motion:reduce){.svg-burst,.sl-skip,.ll-burst{display:none}.sl-row,.sl-stone,.ll-stone{transition:none}.sl-rise,.sl-pip,.sl-btn,.sl-chip,.ll-gap,.lead-token,.ct-group.is-done .lt-glyph{animation:none!important}.sc-hop,.ll-arc{animation:none;stroke-dashoffset:0}}@layer components{.lr-scene{position:relative;overflow:hidden;max-width:720px;margin:0 auto;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;border:2px solid #EADBC0;border-radius:22px;background:#efd8d4;box-shadow:inset 0 2px #fff9,0 12px 24px -18px #3b3a2e80}.lr-scene.is-night,.lr-scene.is-late{border-color:#cfc3de;background:#6f6593}.lr-svg{display:block;width:100%;height:auto;transition:filter .8s ease}.lr-scene.is-resting .lr-svg{filter:brightness(.82) saturate(.8)}.lr-world,.lr-mid{transition:opacity .45s ease}.lr-scene.is-result .lr-world,.lr-scene.is-result .lr-mid{opacity:0}.lr-star{animation:lrTwinkle 3.2s ease-in-out infinite}.lr-rope{fill:none;stroke-width:2.2;stroke-linecap:round}.lr-rope.is-glow{stroke:#e9be5c;stroke-width:2.8}.lr-rope-glow{fill:none;stroke:#f6d378;stroke-width:8;stroke-linecap:round;opacity:.5;filter:url(#blur3);animation:lrGlow .45s ease-out both}.lr-lamp{transform-origin:0 0}.lr-lamp.is-fresh{animation:lrSwing .8s cubic-bezier(.3,.7,.4,1)}.lr-lamp.is-float{animation:lrSwing .8s cubic-bezier(.3,.7,.4,1),lrFloat 7s cubic-bezier(.45,0,.6,1) .7s forwards}.lr-lamp.is-miss{opacity:.72}.lr-halo{transform-box:fill-box;transform-origin:center;animation:lanternHalo .5s ease-out both}.lr-stray{fill:#f0c994;transform-box:fill-box;transform-origin:center;animation:lrFizzle .9s ease-out forwards}.lr-record{animation:lrRecordIn .6s .2s var(--ease-spring) both}.lr-rec-lamp{animation:shelfIn .45s var(--ease-spring) both}.lr-quiet{fill:#a99bc42e;stroke:#a99bc480;stroke-width:1.5;stroke-dasharray:5 6}.is-night .lr-quiet,.is-late .lr-quiet{fill:#fffdf714;stroke:#fffdf74d}.lr-quiet-label{font-family:var(--font-hand);font-size:19px;fill:#6e5a84}.is-night .lr-quiet-label,.is-late .lr-quiet-label{fill:#e9e1f2}.lr-start{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(closest-side,#fffdf766,#fffdf700)}.lr-start .button{display:inline-flex;align-items:center;gap:8px;box-shadow:0 5px #8e7fb0,0 14px 24px -10px #28243c99}.lr-stop{position:absolute;left:10px;top:10px;z-index:2;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(#b4a7d0,#a193c2);color:#fffdf7;box-shadow:0 3px #8e7fb0,0 8px 14px -8px #3b3a2e80}.lr-stop:active{transform:translateY(2px);box-shadow:0 1px #8e7fb0}.lr-tally{position:absolute;right:10px;top:10px;z-index:2;display:inline-flex;align-items:center;gap:5px;padding:3px 12px 3px 8px;border-radius:999px;background:#fffdf7eb;color:#6b5320;font-size:17px;font-weight:700;box-shadow:0 3px #c2973f73;animation:lrBump .35s var(--ease-spring)}.lr-tally svg{width:15px;height:20px;overflow:visible}.lr-tally small{font-size:13px;font-weight:600;opacity:.7}.lr-tally.is-done{animation:none}.lr-countin{position:absolute;top:2%;z-index:2;font-family:var(--font-hand);font-size:54px;line-height:1;color:#fffdf7;text-shadow:0 2px 0 #8E7FB0,0 0 14px rgba(110,90,132,.55);pointer-events:none;animation:lrCount .62s var(--ease-spring) both}.lr-rest{position:absolute;left:50%;top:12px;z-index:2;translate:-50% 0;font-family:var(--font-hand);font-size:24px;color:#f3eef8;white-space:nowrap;pointer-events:none;animation:labelIn .45s both}.lr-scene .lr-pop{top:50px}.lr-score{position:absolute;left:50%;top:12px;z-index:2;display:flex;gap:6px;translate:-50% 0;white-space:nowrap;animation:labelIn .45s .3s both}.lr-score span{padding:3px 11px;border-radius:999px;background:#fffdf7eb;color:#4a4458;font-size:15px;font-weight:600;box-shadow:inset 0 0 0 2px #dcd3c2}.lr-score .is-gold{color:#6b5320;box-shadow:inset 0 0 0 2px #ddb45c}.lr-score .is-warm{color:#8e563f;box-shadow:inset 0 0 0 2px #e6a982}.lr-hint{margin-top:10px}.dp-hint{margin:-6px auto 10px}.dp-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:560px;margin:6px auto 4px}.dp-cards.is-two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:400px}.dp-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 8px 12px;overflow:visible;border:2px solid #E2CFAE;border-radius:20px;background:#fffdf7;color:#3b3a2e;cursor:pointer;box-shadow:0 5px #e2cfae,0 12px 18px -12px #3b3a2e73;transition:transform .25s var(--ease-spring),box-shadow .25s var(--ease-spring),border-color .2s,background .2s,opacity .3s}.dp-card:hover{transform:translateY(-3px);border-color:#b3a3c8;box-shadow:0 8px #d8c8e4,0 16px 22px -12px #3b3a2e73}.dp-card:active{transform:translateY(4px);box-shadow:0 1px #d8c8e4;transition-duration:.07s}.dp-card:focus-visible{outline:3px solid #A99BC4;outline-offset:3px}.dp-card.is-playing{border-color:#a99bc4}.dp-card.is-picked{border-color:#8e7fb0;background:#f3eef8;box-shadow:0 5px #a99bc4,0 12px 18px -12px #3b3a2e73}.dp-cards.is-shown .dp-card:not(.is-steady):not(.is-wrong){opacity:.7}.dp-card.is-steady{border-color:#ddb45c;background:linear-gradient(#fffbef,#fbefcb);box-shadow:0 5px #c2973f,0 14px 22px -12px #3b3a2e73;animation:callsPop .5s var(--ease-spring)}.dp-card.is-wrong{border-color:#c06a45;background:#f8e6dc;box-shadow:0 5px #e2b9a6;animation:callsShake .45s ease}.dp-art{position:relative;display:block;width:100%;max-width:116px;aspect-ratio:1}.dp-drum{position:absolute;left:6%;bottom:0;width:88%;height:auto}.dp-bird{position:absolute;left:17%;top:0;width:66%;transform-origin:50% 100%}.dp-bird svg{display:block;width:100%;height:auto}.dp-bird.is-hit{animation:dpStamp .3s ease-out}.dp-strip{width:100%;max-width:140px;height:auto;margin-top:2px;overflow:visible}.dp-line{stroke:#e2d6c2;stroke-width:1.5}.dp-tick{stroke:#ddb45c;stroke-width:2.4;stroke-linecap:round}.dp-rest{fill:#ede6f5}.dp-hit{transform-box:fill-box;transform-origin:center;animation:shelfIn .4s var(--ease-spring) both}.dp-hit.is-on{fill:#6b7f4e}.dp-hit.is-off{fill:#c06a45}@media(max-width:520px){.lr-countin{font-size:44px}.lr-score span{padding:2px 8px;font-size:13.5px}.lr-tally{font-size:15px}.lr-rest{font-size:20px}.dp-cards{gap:8px}}}@keyframes lrSwing{0%{transform:rotate(0)}22%{transform:rotate(10deg)}50%{transform:rotate(-6deg)}76%{transform:rotate(2.5deg)}to{transform:rotate(0)}}@keyframes lrFloat{0%{transform:translate(0) rotate(0)}35%{transform:translate(-5px,calc(var(--fy, -80px) * .45)) rotate(-3deg) scale(.86)}70%{transform:translate(5px,calc(var(--fy, -80px) * .85)) rotate(2deg) scale(.66)}to{transform:translateY(var(--fy, -80px)) rotate(0) scale(.58)}}@keyframes lrFizzle{0%{opacity:1;transform:scale(.4) rotate(0)}35%{opacity:1;transform:scale(1.3) rotate(40deg)}to{opacity:.5;transform:scale(.45) rotate(90deg)}}@keyframes lrGlow{0%{opacity:0}to{opacity:.5}}@keyframes lrTwinkle{0%,to{opacity:.9}50%{opacity:.35}}@keyframes lrCount{0%{opacity:0;transform:translate(-50%,12px) scale(.5)}35%{opacity:1;transform:translate(-50%) scale(1.15)}70%{opacity:1;transform:translate(-50%,-4px) scale(1)}to{opacity:0;transform:translate(-50%,-14px) scale(.95)}}@keyframes lrRecordIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes lrBump{0%{transform:scale(1)}40%{transform:scale(1.14)}to{transform:scale(1)}}@keyframes dpStamp{0%{transform:none}30%{transform:translateY(-8px) rotate(-4deg)}65%{transform:translateY(1px) scale(1.04,.94)}to{transform:none}}@media(prefers-reduced-motion:reduce){.lr-lamp.is-fresh,.lr-lamp.is-float,.lr-halo,.lr-stray,.lr-star,.lr-record,.lr-rec-lamp,.lr-tally,.lr-countin,.dp-bird.is-hit,.dp-hit,.dp-card.is-steady,.dp-card.is-wrong{animation:none!important}.lr-world,.lr-svg{transition:none}}@layer components{.fb-scene{position:relative;overflow:hidden;max-width:720px;margin:0 auto;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;border:2px solid #EADBC0;border-radius:22px;background:#f1e8e0;box-shadow:inset 0 2px #fff9,0 12px 24px -18px #3b3a2e80}.fb-scene.is-done{cursor:default}.fb-svg{display:block;width:100%;height:auto}.fb-haze{fill:#fffdf7;opacity:.16;transition:opacity .6s ease;pointer-events:none}.fb-scene.is-done .fb-haze{opacity:.68}.fb-sky.is-big .fb-name{font-size:34px;fill:#5e4e78}.fb-world{transition:opacity .45s ease}.fb-scene.is-done .fb-world{opacity:0;pointer-events:none}.fb-rope{fill:none;stroke-width:2.4;stroke-linecap:round}.fb-rope.is-mine,.fb-mine .fb-rope{stroke:#b4a7d0;transition:stroke .25s}.fb-scene.is-turn .fb-rope.is-mine,.fb-scene.is-turn .fb-mine .fb-rope{stroke:#8e7fb0;stroke-width:3;filter:drop-shadow(0 0 5px rgba(169,155,196,.9))}.fb-knot{fill:#8c6440}.fb-mine .fb-knot{fill:#a99bc4}.fb-flag{transform-box:fill-box;transform-origin:50% 0}.fb-sway{transform-box:fill-box;transform-origin:50% 0;animation:fbSway 2.7s ease-in-out infinite alternate}.fb-grow{animation:fbGrow var(--dur, .5s) linear both}.fb-cloth{stroke:#5a452052;stroke-width:1.2;stroke-linejoin:round;transition:filter .15s}.fb-hem{fill:none;stroke:#fffdf78c;stroke-width:2.2;stroke-linecap:round}.fb-flag.is-gold .fb-cloth{stroke:#b98f3d;stroke-width:2.4}.fb-flag.is-pale .fb-cloth{fill:#efe7d8;stroke:#d9cbb0}.fb-flag.is-lit .fb-cloth{filter:brightness(1.14) drop-shadow(0 0 7px rgba(246,211,120,.95))}.fb-flag.is-rest .fb-cloth{fill:#a99bc412;stroke:#b9add2;stroke-width:1.6;stroke-dasharray:4 4}.fb-flag.is-rest.is-lit .fb-cloth{fill:#a99bc43d;stroke:#8e7fb0;filter:none}.fb-flag.is-raw .fb-cloth{fill:#f3eef8;stroke:#a99bc4;stroke-width:1.6}.fb-flag.is-ghost .fb-cloth{fill:#c06a450f;stroke:#c06a45;stroke-width:1.8;stroke-dasharray:5 5}.fb-flag.is-bad .fb-cloth{fill:#f2d3c4;stroke:#c06a45;stroke-width:1.6}.fb-flag.is-bad{animation:fbDroop .6s ease-out both}.fb-flag.is-gone,.fb-name.is-gone{animation:fbGust .95s cubic-bezier(.5,0,.75,.4) var(--gi, 0ms) forwards}.fb-live{fill:#f3eef8;stroke:#8e7fb0;stroke-width:1.8;stroke-linejoin:round}.fb-name{font-family:var(--font-hand);font-size:19px;fill:#6e5a84;text-anchor:middle;transform-box:fill-box;transform-origin:50% 0;animation:fbNameIn .4s ease-out both}.fb-issue{fill:#c06a4512;stroke:#c06a45;stroke-width:1.6;stroke-dasharray:6 6;animation:fbIssue 1.6s ease-in-out infinite}.fb-tag path{stroke:#9a7a4e;stroke-width:1.5}.fb-tag rect{fill:#eee7f4;stroke:#a99bc4;stroke-width:1.5}.fb-tag text{font-size:12px;font-weight:700;fill:#6e5f92;text-anchor:middle}.fb-peg rect{fill:#c99a6a;stroke:#8c6440;stroke-width:1.2}.fb-peg-spring{fill:#e9e1f2;stroke:#8e7fb0;stroke-width:1.2}.fb-peg-glow{fill:#a99bc400;transform-box:fill-box;transform-origin:center;transition:fill .3s}.fb-scene.is-turn .fb-peg-glow{fill:#a99bc461;animation:fbPeg 1.1s ease-in-out infinite}.fb-slot{transition:transform 1.05s cubic-bezier(.45,.05,.3,1),opacity .4s}.fb-slot.is-up{transition:none}.fb-slot.is-up .fb-flag{animation:fbSnap .5s var(--ease-spring) both}.fb-slot.is-other{opacity:.55}.fb-slot-rope{fill:none;stroke:#cbbfa6;stroke-width:1.4;stroke-dasharray:4 6;vector-effect:non-scaling-stroke;opacity:.6}.fb-sky:not(.is-big) .fb-slot .fb-rope{vector-effect:non-scaling-stroke;stroke-width:1.3}.fb-sky:not(.is-big) .fb-sway{animation-duration:3.4s}.fb-slot.is-tap{cursor:pointer}.fb-slot.is-tap:focus{outline:none}.fb-slot-hit{fill:transparent;stroke:transparent;stroke-width:3;vector-effect:non-scaling-stroke;transition:fill .2s}.fb-slot.is-tap:hover .fb-slot-hit{fill:#fffdf78c}.fb-slot.is-tap:focus-visible .fb-slot-hit{stroke:#a99bc4}.fb-scene .lr-pop{top:50px}.fb-scene .fb-tally{top:auto;bottom:8px}.fb-start{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:12px}.fb-intro{max-width:380px;margin:0;padding:10px 16px;border-radius:16px;background:#fffdf7f0;color:#3b3a2e;font-size:16px;line-height:1.35;text-align:center;box-shadow:0 4px #e2cfae,0 12px 22px -12px #3b3a2e73;animation:labelIn .45s both}.lr-countin.fb-count-mine{color:#fffdf7;text-shadow:0 2px 0 #6E5F92,0 0 16px rgba(142,127,176,.75)}.fb-turn{position:absolute;z-index:2;padding:3px 11px;border-radius:999px;white-space:nowrap;pointer-events:none;background:linear-gradient(#b4a7d0,#a193c2);color:#fffdf7;font-size:14px;font-weight:700;box-shadow:0 3px #8e7fb0,0 8px 14px -8px #3b3a2e80;translate:-30% 0;animation:fbTurn .45s var(--ease-spring) both}.fp-wren{position:relative;display:block;width:140px;margin:-4px auto 12px;padding:0;border:0;background:none;cursor:pointer}.fp-wren:focus-visible{outline:3px solid #A99BC4;outline-offset:2px;border-radius:18px}.fp-wren-bird{display:block;width:116px;height:auto;aspect-ratio:90 / 68;margin:0 auto -12px;transition:transform .3s var(--ease-spring)}.fp-wren:hover .fp-wren-bird{transform:translateY(-3px)}.fp-perch{display:block;width:140px;height:14px;overflow:visible}.fp-perch path{fill:none;stroke:#9a7a4e;stroke-width:5;stroke-linecap:round}.fp-replay{right:-2px;bottom:10px}.fp-wren.is-on .fp-replay{animation:listening-breathe 2s ease-in-out infinite}.fp-cards{max-width:620px}.fp-card{padding:14px 10px 12px}.fp-string{display:block;width:100%;height:auto;overflow:visible;margin-bottom:4px}.fp-names{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:620px;margin:4px auto 0}.fp-name{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 8px;border:2px solid #E2CFAE;border-radius:20px;background:#fffdf7;color:#3b3a2e;cursor:pointer;box-shadow:0 5px #e2cfae,0 12px 18px -12px #3b3a2e73;transition:transform .25s var(--ease-spring),box-shadow .25s var(--ease-spring),border-color .2s;animation:shelfIn .5s var(--ease-spring) both}.fp-name:nth-child(2){animation-delay:.07s}.fp-name:nth-child(3){animation-delay:.14s}.fp-name:nth-child(4){animation-delay:.21s}.fp-name:hover{transform:translateY(-3px);border-color:#b3a3c8;box-shadow:0 8px #d8c8e4,0 16px 22px -12px #3b3a2e73}.fp-name:active{transform:translateY(4px);box-shadow:0 1px #d8c8e4;transition-duration:.07s}.fp-name:focus-visible{outline:3px solid #A99BC4;outline-offset:3px}.fp-name.is-playing{border-color:#a99bc4}.fp-name-art{display:block;width:100%;max-width:150px;height:62px;overflow:visible;margin-bottom:2px}.fp-name b{font-family:var(--font-hand);font-size:32px;line-height:1;color:#5a4520}.fp-name small{font-size:14px;line-height:1.25;text-align:center;color:#6b6553}@media(max-width:520px){.fp-names{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.fp-card{padding:10px 6px}.fb-turn{font-size:12.5px;padding:2px 9px}.fb-intro{font-size:14px;padding:8px 12px}.fb-start{gap:8px}}}@keyframes fbSway{0%{transform:skew(-2.6deg)}to{transform:skew(2.6deg)}}@keyframes fbGrow{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes fbGust{0%{opacity:1;transform:none}30%{opacity:1;transform:translate(14px,-6px) rotate(8deg)}to{opacity:0;transform:translate(150px,-60px) rotate(34deg) scale(.7)}}@keyframes fbDroop{0%{transform:none}40%{transform:rotate(7deg) translateY(4px)}to{transform:rotate(4deg) translateY(2px)}}@keyframes fbSnap{0%{transform:scaleY(.55)}55%{transform:scale(1.04,1.12)}to{transform:none}}@keyframes fbNameIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes fbIssue{0%,to{opacity:.65}50%{opacity:1}}@keyframes fbPeg{0%,to{transform:scale(.85)}50%{transform:scale(1.15)}}@keyframes fbTurn{0%{opacity:0;transform:translateY(8px) scale(.6)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.fb-sway,.fb-grow,.fb-flag.is-bad,.fb-name,.fb-issue,.fb-scene.is-turn .fb-peg-glow,.fb-slot.is-up .fb-flag,.fb-turn,.fp-name{animation:none!important}.fb-flag.is-gone,.fb-name.is-gone{animation:none!important;opacity:0}.fb-slot,.fb-world,.fb-haze{transition:none}}@layer components{.fair-scene{position:relative;overflow:hidden;max-width:720px;margin:0 auto;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;border:2px solid #EADBC0;border-radius:22px;background:#e7ecdf;box-shadow:inset 0 2px #fff9,0 12px 24px -18px #3b3a2e80;transition:border-color 3s ease}.fair-scene.is-dusk{background:#e8c5c4}.fair-scene.is-night{border-color:#cfc3de}.fair-svg{display:block;width:100%;height:auto}.fair-above{display:flex;justify-content:center;margin:-4px 0 10px}.fair-cloud ellipse{fill:#fffdf7;opacity:.72}.fair-cloud{animation:fairDrift 38s ease-in-out infinite alternate}.fair-pennant{transform-box:fill-box;transform-origin:50% 0;animation:fbSway 2.4s ease-in-out infinite alternate;stroke:#5a452040;stroke-width:.6}.fair-dark{opacity:0;transition:opacity 3.2s ease}.fair-dark.is-on{opacity:1}.fair-dark .fair-pennant{filter:brightness(.58) saturate(.75)}.fair-veil{fill:#2c2946;opacity:0;transition:opacity 3.2s ease;pointer-events:none}.fair-veil.is-on{opacity:.34}.fair-lamp{fill:#6e5f6e;stroke:#8c6440;stroke-width:.8;transition:fill .3s}.fair-lamp.is-lit{fill:#f9e3a2;stroke:#e0b85a}.fair-lamp-halo{transform-box:fill-box;transform-origin:center;animation:lanternHalo .6s ease-out both}.fair-ghost{fill:#fffdf738;stroke:#a69477;stroke-width:3;stroke-dasharray:8 7;opacity:.8}.fair-stone{cursor:pointer;outline:none}.fair-stone>g{transition:transform .3s var(--spring);transform-box:fill-box;transform-origin:50% 100%}@media(hover:hover){.fair-stone:hover>g{transform:translateY(-8px)}}.fair-stone:active>g{transform:translateY(4px) scaleY(.92);transition-duration:.07s}.fair-stone:focus-visible>g>path:first-child{stroke:#c06a45;stroke-width:5}.fair-stone.is-bad{animation:fairShake .45s ease}.fair-stone-wrap{transition:opacity .3s ease}.fair-stone-wrap.is-dim{opacity:.4}.fair-rise{transform-box:fill-box;transform-origin:50% 100%;animation:fairRise .65s var(--spring) both}.fair-ring{fill:none;stroke-width:6;transform-box:fill-box;transform-origin:center}.fair-ring.is-given{stroke:#a99bc4;animation:fairRing 1.5s ease-in-out infinite}.fair-ring.is-reveal{stroke:#8e7fb0;stroke-dasharray:10 8;animation:fairRing 1.2s ease-in-out infinite}.fair-ring.is-gold{stroke:#e9c46a;stroke-width:7;animation:fairGlow .9s ease-out both}.fair-arc{fill:none;stroke-width:3.4;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:arcDraw .55s ease-in-out forwards}.fair-arc.is-gold{stroke:#ddb45c}.fair-arc.is-bad{stroke:#c06a45}.fair-fan{transform-box:fill-box;transform-origin:50% 100%}.fair-fan.is-cheer{animation:fairCheer .7s var(--spring) both}.fair-fan.is-dance{animation:fairSway .6s ease-in-out infinite alternate}.fair-q{animation:fairQ 1.8s ease-in-out infinite}.fair-q-bubble,.fair-q-dot{fill:#fffdf7;stroke:#a99bc4;stroke-width:2}.fair-q-mark{font-family:var(--font-serif);font-size:21px;font-weight:700;fill:#6e5f92;text-anchor:middle}.fair-skin{stroke:#5a45204d;stroke-width:1}.fair-skin.is-gold{stroke:#b98f3d;stroke-width:2.4}.fair-skin.is-pale{stroke:#d9cbb0}.fair-star{fill:#fff6d6}.fair-bob{transform-box:fill-box;transform-origin:50% 100%;animation:fairBob 3.4s ease-in-out infinite alternate}.fair-fly.is-new{animation:fairFly 1.15s cubic-bezier(.3,.6,.3,1) var(--fd, 0ms) both}.fair-string{fill:none;stroke:#8c6440;stroke-width:.9;opacity:.7}.fair-string.is-late{animation:fairStringIn .35s calc(var(--fd, 0ms) + 1s) both}.fair-slot{fill:none;stroke:#b9a88a;stroke-width:1.2;stroke-dasharray:3 3.5;opacity:.5}.fair-bunch.is-away{animation:fairAway 3.4s cubic-bezier(.45,0,.55,1) forwards}.fair-pill{position:absolute;z-index:3;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 15px 0 12px;border-radius:999px;font-size:16px;font-weight:700;white-space:nowrap;cursor:pointer;animation:fairPillIn .4s var(--spring) both;transition:transform .2s var(--spring),box-shadow .2s}.fair-pill:before{content:"";position:absolute;top:-6px;left:calc(var(--notch, 50%) - 6.5px);width:13px;height:13px;border-radius:3px;background:inherit;transform:rotate(45deg)}.fair-pill.is-over:before{top:auto;bottom:-6px}.fair-pill>*{position:relative}.fair-pill.tone-gold{background:#e4c06f;background-image:linear-gradient(#ebcb82,#ddb45c);color:#5a4520;box-shadow:0 4px #c2973f,0 10px 18px -8px #3b3a2e80}.fair-pill.tone-lav{background:#a99bc4;background-image:linear-gradient(#b4a7d0,#a193c2);color:#fffdf7;box-shadow:0 4px #8e7fb0,0 10px 18px -8px #3b3a2e80}@media(hover:hover){.fair-pill:hover{transform:translateY(-2px)}}.fair-pill:active{transform:translateY(3px);box-shadow:0 1px #5a452066;transition-duration:.06s}.fair-pill:focus-visible{outline:3px solid #8E7FB0;outline-offset:3px}.fair-replay{right:auto;bottom:auto;z-index:3;translate:-50% -50%}.fair-tally svg{width:13px;height:19px}.fair-turn{z-index:3;translate:-50% 0}.fair-scene .lr-pop{top:12px}.fair-scene .lr-stop{left:auto;right:10px}.fair-again{position:absolute;left:10px;top:10px;z-index:3;display:inline-flex;align-items:center;gap:6px;padding:6px 13px 6px 10px;border-radius:999px;background:#fffdf7eb;color:#4a4458;font-size:15px;font-weight:600;box-shadow:0 3px #cfc3de;animation:labelIn .45s 1s both}.fair-again:active{transform:translateY(2px);box-shadow:0 1px #cfc3de}.fair-say.is-empty{visibility:hidden}.fair-pips{display:inline-flex;gap:5px;margin-left:10px;vertical-align:3px}.fair-pips i{width:10px;height:10px;border-radius:50%;background:#e6dcc9;box-shadow:inset 0 0 0 1.5px #d3c4a6;transition:background .25s,box-shadow .25s}.fair-pips i.on{background:#ddb45c;box-shadow:inset 0 0 0 1.5px #c2973f,0 0 6px #ddb45cb3}@media(max-width:520px){.fair-pill{min-height:36px;padding:0 12px 0 10px;font-size:14.5px}.fair-pips{margin-left:6px}}}@keyframes fairDrift{0%{transform:translate(-16px)}to{transform:translate(16px)}}@keyframes fairShake{0%,to{transform:translate(0)}20%{transform:translate(-12px)}40%{transform:translate(10px)}60%{transform:translate(-6px)}80%{transform:translate(3px)}}@keyframes fairRise{0%{opacity:0;transform:translateY(36px) scale(.3)}60%{opacity:1;transform:translateY(-6px) scale(1.08)}to{opacity:1;transform:none}}@keyframes fairRing{0%,to{opacity:.45;transform:scale(.94)}50%{opacity:1;transform:scale(1.05)}}@keyframes fairGlow{0%{opacity:0;transform:scale(.7)}45%{opacity:1;transform:scale(1.12)}to{opacity:.8;transform:scale(1)}}@keyframes fairQ{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes fairCheer{0%{transform:none}25%{transform:scale(1.06,.9)}55%{transform:translateY(-26px) scale(.96,1.06)}80%{transform:translateY(2px) scale(1.06,.92)}to{transform:none}}@keyframes fairSway{0%{transform:rotate(-5deg)}to{transform:rotate(5deg) translateY(-3px)}}@keyframes fairBob{0%{transform:rotate(-3deg)}to{transform:rotate(3deg) translateY(-3px)}}@keyframes fairFly{0%{opacity:0;transform:translate(var(--fx),var(--fy)) scale(.45)}12%{opacity:1}55%{transform:translate(calc(var(--fx) * .42),calc(var(--fy) * .5 - 28px)) scale(.92)}to{opacity:1;transform:none}}@keyframes fairStringIn{0%{opacity:0}to{opacity:.7}}@keyframes fairAway{0%{transform:none}18%{transform:translate(4px,-18px)}to{transform:translate(170px,-440px)}}@keyframes fairPillIn{0%{opacity:0;transform:translateY(-6px) scale(.8)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.fair-cloud,.fair-pennant,.fair-stone.is-bad,.fair-rise,.fair-ring,.fair-arc,.fair-q,.fair-bob,.fair-fly.is-new,.fair-string.is-late,.fair-pill,.fair-lamp-halo,.fair-again,.fair-fan{animation:none!important}.fair-arc{stroke-dashoffset:0}.fair-bunch.is-away{animation:none!important;opacity:0}.fair-dark,.fair-veil,.fair-stone-wrap,.fair-scene{transition:none}}@layer components{.hill-toad{cursor:pointer;outline:none}.hill-toad.is-still{cursor:default}.hill-toad:focus-visible .toad-cap path:nth-child(2){stroke:#c06a45;stroke-width:4}.hill-next{fill:none;stroke:#ddb45c;stroke-width:5;stroke-dasharray:10 9;transform-box:fill-box;transform-origin:center;animation:nextPulse 1.3s ease-in-out infinite}.hill-sink{transition:transform .45s var(--spring)}.hill-window{transition:transform 1.3s cubic-bezier(.65,0,.35,1)}.hill-piano{animation:pianoIn .7s var(--spring) both}.hill-key>:first-child{transform-box:fill-box;transform-origin:50% 0;transition:transform .12s ease,fill .15s}.hill-key.is-down>:first-child{transform:scaleY(.975) translateY(2px)}.hill-thread{fill:none;stroke:#cda54e;stroke-width:3;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;opacity:.75;animation:threadUp .55s ease-out forwards;transition:stroke-width .2s,opacity .2s}.hill-thread.is-black{stroke:#8c7a5c}.hill-thread.is-lit{stroke:#ddb45c;stroke-width:6;opacity:1}.range-keys{transform-box:fill-box;transform-origin:50% 0;animation:rangeIn .28s var(--spring) both}.range-keys.is-leaving{animation:rangeOut .26s ease-in both}.range-lit{opacity:0;transition:opacity .22s ease}.range-lit.is-on{opacity:1}.range-lit.is-ringing{opacity:1;stroke:#fff6d6;stroke-width:5px}.range-ride{transition:transform .3s cubic-bezier(.5,0,.3,1)}.range-count{font-family:var(--font-hand);font-size:50px;fill:#6e5a3a;stroke:#fbf5ea;stroke-width:9px;paint-order:stroke;transform-box:fill-box;transform-origin:50% 100%;animation:rangeCount .34s var(--spring) both}.range-frame{fill:#ddb45c;fill-opacity:.14;stroke:#ddb45c;stroke-width:5}.range-toad{transform-box:fill-box;transform-origin:50% 100%;transition:transform .3s ease-in,opacity .3s ease-in}.range-toad.is-going,.range-toad.is-hidden{transform:scale(.3,0);opacity:0}.range-toad.is-hidden{transition:none}.range-toad.is-coming{animation:toadSprout .6s var(--spring) both}.range-toad-light{transition:opacity .4s ease}.range-toad-skip{opacity:.45}.reel-go.range-go{position:absolute;z-index:5;margin:0}.keys-sketch{margin:14px auto 0;max-width:520px;display:grid;gap:14px}.keys-sketch-row svg{display:block;width:100%;height:auto;overflow:visible}.keys-sketch-row figcaption{margin-bottom:2px;text-align:center;font-family:var(--font-hand);font-size:22px;line-height:1.1;color:#6e5a3a}.hill-toad-hop{transform-box:fill-box;transform-origin:50% 100%;animation:toadHop .5s ease-out both}.toad-wither{transform-box:fill-box;transform-origin:50% 100%;animation:toadWither .4s ease-in both}.hill-arc-tag{transform-box:fill-box;transform-origin:50% 100%;animation:tagIn .45s var(--spring) .45s both}.hill-arc-tag rect{fill:#fbf5ea;stroke:#a99bc4;stroke-width:3}.hill-arc-tag text{font-family:var(--font-serif);font-size:24px;fill:#3b3a2e}.hill-arc.tone-whole .hill-arc-tag rect{stroke:#6b7f4e}.hill-arc.tone-half .hill-arc-tag rect{stroke:#c06a45}.hill-arc.tone-leap .hill-arc-tag rect{stroke:#ddb45c}.hill-arc.tone-trail .hill-arc-line{stroke:#8e7fb0;stroke-width:4;stroke-dasharray:.001 .07;stroke-dashoffset:0;animation:trailIn .35s ease-out both}.hill-arc-dot{fill:#8e7fb0;animation:trailIn .35s ease-out .15s both}.hill-ghost{animation:ghostIn .7s ease-out both}.hill-ghost-label{font-family:var(--font-serif);font-size:27px;font-style:italic;fill:#6e5f92}.hill-ghost-line{fill:none;stroke:#8e7fb0;stroke-width:4;stroke-linecap:round;stroke-dasharray:1 10}.hill-caption{margin:4px auto 0;max-width:560px;min-height:1.2em;text-align:center;font-family:var(--font-hand);font-size:26px;line-height:1.15;color:#6e5a3a;animation:pop .4s var(--spring) both}.triad-sums{display:grid;justify-items:center;gap:0;padding:14px 20px 12px}.triad-sum{display:grid;grid-template-columns:3.4em auto;align-items:baseline;column-gap:.4em;font-size:36px;line-height:1.2;color:#3b3a2e;font-variant-numeric:tabular-nums}.triad-sum b{justify-self:end;font-size:25px;font-weight:600;color:#4e5e38}.triad-sum-unit{margin-top:2px;font-size:18px;font-style:italic;color:#6f6852}.toad-grow,.toad-body,.toad-cap{transform-box:fill-box;transform-origin:50% 100%}.toad-grow.is-sprouting{animation:toadSprout .9s var(--spring) both}.toad-body.sway-r{animation:toadSwayR 1.15s ease-out both}.toad-body.sway-l{animation:toadSwayL 1.15s ease-out both}.toad-cap.sway-r{animation:capSwayR 1.15s ease-out both}.toad-cap.sway-l{animation:capSwayL 1.15s ease-out both}.toad-body.is-landed{animation:toadLand .55s ease-out both}.toad-glow{opacity:0;transition:opacity .2s}.toad.is-lit .toad-glow{opacity:.92}}@keyframes nextPulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.06);opacity:.55}}@keyframes pianoIn{0%{transform:translateY(60px);opacity:0}to{transform:none;opacity:1}}@keyframes threadUp{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes trailIn{0%{opacity:0}to{opacity:.85}}@keyframes tagIn{0%{transform:scale(.4);opacity:0}to{transform:none;opacity:1}}@keyframes ghostIn{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}@keyframes toadSprout{0%{transform:scale(.3,0)}55%{transform:scale(1.06,1.14)}78%{transform:scale(.97,.94)}to{transform:none}}@keyframes toadSwayR{0%{transform:none}22%{transform:rotate(6deg)}50%{transform:rotate(-3.5deg)}76%{transform:rotate(1.4deg)}to{transform:none}}@keyframes toadSwayL{0%{transform:none}22%{transform:rotate(-6deg)}50%{transform:rotate(3.5deg)}76%{transform:rotate(-1.4deg)}to{transform:none}}@keyframes capSwayR{0%{transform:none}26%{transform:rotate(4deg)}54%{transform:rotate(-3deg)}80%{transform:rotate(1deg)}to{transform:none}}@keyframes capSwayL{0%{transform:none}26%{transform:rotate(-4deg)}54%{transform:rotate(3deg)}80%{transform:rotate(-1deg)}to{transform:none}}@keyframes rangeIn{0%{opacity:0;transform:translateY(-18px) scale(.96)}to{opacity:1;transform:none}}@keyframes rangeCount{0%{opacity:0;transform:translateY(10px) scale(.6)}to{opacity:1;transform:none}}@keyframes rangeOut{to{opacity:0;transform:translateY(-14px)}}@keyframes toadHop{0%{transform:none}30%{transform:translateY(-12px) scale(.95,1.06)}62%{transform:scale(1.07,.9)}to{transform:none}}@keyframes toadWither{0%{transform:none;opacity:1}to{transform:scale(.3,0);opacity:0}}@keyframes toadLand{0%{transform:none}30%{transform:scale(1.08,.86)}62%{transform:scale(.97,1.05)}to{transform:none}}@media(prefers-reduced-motion:reduce){.hill-window,.hill-sink{transition:none}.toad-grow.is-sprouting,.toad-body,.toad-cap,.hill-next,.hill-piano,.hill-ghost,.hill-arc-tag{animation:none!important}.hill-thread{animation:none;stroke-dashoffset:0}}@layer components{.leap-count{opacity:0;transform-box:fill-box;transform-origin:center;animation:leapCountIn .45s var(--spring) both}.leap-count text{font-family:var(--font-serif);font-size:30px;font-weight:600;fill:#fbf5ea;stroke:#4e4858;stroke-width:5px;stroke-linejoin:round;paint-order:stroke}.leap-count-disc{fill:#f2d48a;stroke:#cca04b;stroke-width:3}.leap-count.is-last text,.leap-count.is-miss text{fill:#3b3a2e;stroke:none}.leap-count.is-miss .leap-count-disc{fill:#f3d3c2;stroke:#c06a45}.leap-friend{animation:leapFriendIn .55s var(--spring) .25s both;transform-box:fill-box;transform-origin:50% 100%}.leap-top{display:flex;align-items:center;justify-content:center;gap:14px 20px;margin-bottom:10px}.leap-trail{display:flex;flex-direction:column;gap:3px}.leap-round{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:30px;padding:2px 10px 2px 12px;border:2px solid transparent;border-radius:999px;color:#3b3a2e99;font-size:15px;transition:background .3s,border-color .3s,color .3s}@media(max-width:420px){.leap-round{font-size:13.5px;gap:8px;padding:1px 8px 1px 10px}.leap-dots{gap:4px}.leap-dot{width:14px;height:14px}}.leap-round.is-on{border-color:#a99bc4;background:#f1ecf6;color:#3b3a2e}.leap-round.is-done{color:#3b3a2ecc}.leap-dots{display:inline-flex;gap:5px}.leap-dot{display:grid;place-items:center;width:16px;height:16px;border:2px dotted #B9A88A;border-radius:50%}.leap-dot.is-now{border:2.5px solid #8E7FB0;animation:leapDotNow 1.6s ease-in-out infinite}.leap-dot.is-miss{border:2px solid #C06A45;background:#f3d3c2}.leap-dot.is-right{border:0;animation:leapStarIn .55s var(--spring) both}.leap-dot.is-right svg{width:20px;height:20px;overflow:visible}.leap-dot.is-right path{fill:#e7be5a;stroke:#b98f3a;stroke-width:1.6;stroke-linejoin:round}.leap-stage{position:relative}.leap-praise{position:absolute;left:50%;top:10px;z-index:4;display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none;animation:leapPraise 2.2s ease-out both}.leap-praise span{padding:5px 20px 7px;border-radius:999px;background:#6b7f4e;color:#fbf5ea;font-family:var(--font-serif);font-size:23px;font-weight:600;box-shadow:0 4px #4e5e38,0 10px 18px -10px #3b3a2e99;white-space:nowrap}.leap-praise small{padding:2px 12px;border-radius:999px;background:#f2d48a;box-shadow:0 2px #cca04b;color:#3b3a2e;font-size:14.5px;white-space:nowrap}.leap-medals{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:4px 6px;max-width:600px;margin:16px auto 0;padding-top:6px}.leap-rail{position:absolute;left:6%;right:6%;top:0;height:9px;border-radius:5px;background:linear-gradient(#c99a64,#9a6a42);box-shadow:0 2px #7a4a2e}.leap-slot{position:relative;display:flex;flex-direction:column;align-items:center;width:96px;padding-top:14px}.leap-ribbon{position:absolute;top:2px;left:calc(50% - 6px);width:12px;height:20px;background:#a99bc4;clip-path:polygon(0 0,100% 0,100% 100%,50% 72%,0 100%)}.leap-slot.is-empty .leap-ribbon{left:calc(50% - 4px);width:8px;height:10px;border-radius:0 0 4px 4px;background:#9a6a42;clip-path:none}.leap-medal{display:grid;place-items:center;width:60px;height:60px;padding:0;border:0;border-radius:50%;cursor:pointer;background:radial-gradient(circle at 36% 30%,#fffdf7,#f3e6cc 70%);box-shadow:0 0 0 3px #cca04b,0 4px 0 3px #a5803a;transform-origin:50% -14px;transition:transform .3s var(--spring),box-shadow .3s}.leap-medal svg{width:42px;height:42px;overflow:visible}@media(hover:hover){.leap-medal:not(:disabled):hover{transform:rotate(-6deg) translateY(-1px)}}.leap-medal:not(:disabled):active{transform:scale(.94);transition-duration:.06s}.leap-medal:disabled{cursor:default}.leap-slot.is-got .leap-medal:disabled{opacity:1}.leap-slot.is-empty .leap-medal{margin-top:6px;width:54px;height:54px;background:transparent;border:2.5px dashed #B9A88A;box-shadow:none}.leap-medal-q{font-family:var(--font-serif);font-size:26px;color:#b9a88a}.leap-slot-label{margin-top:9px;font-family:var(--font-serif);font-size:15.5px;font-weight:600;line-height:1.1;color:#3b3a2e}.leap-slot.is-empty .leap-slot-label{color:#3b3a2e99}.leap-slot-name{min-height:2.3em;font-size:13px;line-height:1.15;color:#3b3a2eb3;text-align:center}.leap-slot.is-playing .leap-medal{animation:leapSwing 1s ease-in-out infinite;box-shadow:0 0 0 3px #cca04b,0 4px 0 3px #a5803a,0 0 0 9px #f2d48a88}.leap-slot.is-glow .leap-medal{animation:leapRing .9s ease-out .35s both}.leap-slot.is-fresh .leap-medal{animation:leapDrop .8s var(--spring) both}.leap-slot.is-fresh .leap-medal:after,.leap-slot.is-glow .leap-medal:after{content:"";position:absolute;inset:-6px;border-radius:50%;border:3px solid #E7BE5A;animation:leapHalo 1s ease-out .35s both;pointer-events:none}.leap-medal{position:relative}}@keyframes leapCountIn{0%{opacity:0;transform:translateY(10px) scale(.3)}60%{opacity:1;transform:translateY(-3px) scale(1.2)}to{opacity:1;transform:none}}@keyframes leapFriendIn{0%{opacity:0;transform:translateY(-30px) scale(.6)}to{opacity:1;transform:none}}@keyframes leapDotNow{0%,to{transform:scale(1)}50%{transform:scale(1.22)}}@keyframes leapStarIn{0%{transform:scale(0) rotate(-60deg)}70%{transform:scale(1.35) rotate(8deg)}to{transform:none}}@keyframes leapPraise{0%{opacity:0;transform:translate(-50%,14px) scale(.55)}12%{opacity:1;transform:translate(-50%) scale(1.1)}20%{transform:translate(-50%) scale(1)}78%{opacity:1;transform:translate(-50%,-4px)}to{opacity:0;transform:translate(-50%,-18px)}}@keyframes leapSwing{0%,to{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}@keyframes leapRing{0%{transform:none}20%{transform:rotate(-14deg) scale(1.12)}45%{transform:rotate(11deg) scale(1.12)}70%{transform:rotate(-5deg)}to{transform:none}}@keyframes leapDrop{0%{opacity:0;transform:translateY(-46px) rotate(-20deg) scale(.6)}60%{opacity:1;transform:translateY(4px) rotate(6deg) scale(1.08)}to{transform:none}}@keyframes leapHalo{0%{opacity:.9;transform:scale(.8)}to{opacity:0;transform:scale(1.6)}}@media(prefers-reduced-motion:reduce){.leap-count,.leap-friend,.leap-dot,.leap-praise,.leap-medal,.leap-medal:after{animation:none!important;opacity:1}.leap-praise{transform:translate(-50%)}}@layer components{.exercise-frame.is-reel{padding:4px 0 0;background:none;border:0;box-shadow:none}.reel{width:100%;max-width:820px;margin:0 auto}.reel-frame{position:relative;padding:10px 10px 20px;border-radius:26px;background:linear-gradient(#b48252,#8e5d36);box-shadow:inset 0 2px #cfa273,inset 0 -3px #6e4426,0 7px #5e3a20,0 24px 36px -22px #3b3a2e99}.reel-stage{position:relative;overflow:hidden;isolation:isolate;aspect-ratio:16 / 10;border-radius:16px;background:#f8f1e3;box-shadow:inset 0 0 0 2px #5e3a20}@media(max-width:560px){.reel-frame{padding:7px 7px 17px;border-radius:20px}.reel-stage{aspect-ratio:1 / 1;border-radius:13px}}.reel-sky{position:absolute;inset:0;z-index:0;width:100%;height:100%}.reel-sky .sky-tint{opacity:0;transition:opacity 1.3s ease}.reel-sky.is-sun .sky-tint.is-sun,.reel-sky.is-rain .sky-tint.is-rain{opacity:1}.reel-sky .sky-sun{opacity:0;transform:translate(1150px,600px) scale(.6);transition:transform 1.7s cubic-bezier(.34,1.32,.5,1),opacity .5s ease}.reel-sky.is-sun .sky-sun,.reel-sky.is-rain .sky-sun{opacity:1;transform:translate(1150px,260px)}.reel-sky .sky-rays{transform-box:fill-box;transform-origin:center;animation:reelSpin 40s linear infinite}.reel-sky .sky-cloud{opacity:0;transform:translate(2050px,280px);transition:transform 1.6s cubic-bezier(.45,0,.25,1),opacity .9s ease}.reel-sky.is-rain .sky-cloud{opacity:1;transform:translate(1130px,270px)}.reel-sky .sky-rain{opacity:0;transition:opacity .7s ease}.reel-sky.is-rain .sky-rain{opacity:1;transition-delay:.9s}.reel-sky .sky-rain line{animation:reelRain .95s linear infinite}.reel-sky .sky-drift{animation:reelDrift 24s ease-in-out infinite alternate}.reel-world{position:absolute;left:0;top:0;z-index:1;transform-origin:0 0;transition:transform 1.5s cubic-bezier(.62,0,.32,1),filter 1.3s ease}.reel-world.is-unmeasured{opacity:0;transition:none}.reel-world.is-rain{filter:saturate(.6) brightness(.97)}.reel-world.is-sun{filter:saturate(1.14) brightness(1.02)}.reel-world .hill-scroll{overflow:visible;margin:0;padding:0}.reel-world .hill{min-width:0;max-width:none}.reel-word{position:absolute;z-index:3;transform:translate(-50%,-100%);font-family:var(--font-hand);font-weight:500;line-height:1;white-space:nowrap;pointer-events:none}.reel-word>span{display:inline-block;animation:reelLetter .55s var(--spring) both}.reel-word.is-sun{color:#c38b22;text-shadow:.045em 0 0 #FFF6D6,-.045em 0 0 #FFF6D6,0 .045em 0 #FFF6D6,0 -.045em 0 #FFF6D6,0 .1em 0 #E7BE5A}.reel-word.is-sun>span{animation:reelLetter .55s var(--spring) both,reelBob 1.5s ease-in-out .7s infinite}.reel-word.is-rain{color:#77718f;text-shadow:.045em 0 0 #F3F1F6,-.045em 0 0 #F3F1F6,0 .045em 0 #F3F1F6,0 -.045em 0 #F3F1F6}.reel-word.is-rain>span{animation:reelDroop 1.3s cubic-bezier(.3,.6,.4,1) both}.reel-word.is-rain>span:nth-child(2n){--tilt: -7deg}.reel-word.is-pop,.reel-word.is-count{animation:reelFloat 1.7s ease-out both}.reel-word.is-pop{color:#a9543a;text-shadow:.05em 0 0 #FFFDF7,-.05em 0 0 #FFFDF7,0 .05em 0 #FFFDF7,0 -.05em 0 #FFFDF7}.reel-word.is-count{color:#3b3a2e;font-family:var(--font-serif);font-weight:700;text-shadow:.06em 0 0 #F2D48A,-.06em 0 0 #F2D48A,0 .06em 0 #F2D48A,0 -.06em 0 #F2D48A}.reel-word.is-ink{color:#3b3a2e;text-shadow:.05em 0 0 #FFFDF7,-.05em 0 0 #FFFDF7,0 .05em 0 #FFFDF7,0 -.05em 0 #FFFDF7}.reel-ink{position:absolute;z-index:2;left:70%;top:9%;width:11%;height:auto;overflow:visible}@media(max-width:560px){.reel-ink{left:70%;top:40%;width:13%}}.reel-ink path{fill:none;stroke:#3b3a2e;stroke-width:9;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:reelInk .9s ease-in-out forwards}.reel-ink circle{fill:#3b3a2e;transform-box:fill-box;transform-origin:center;animation:reelDot .45s var(--spring) .85s both}.reel-caption{position:absolute;z-index:3;left:calc(12.5% + 8px);top:40px;max-width:min(56%,410px);margin:0;padding:9px 14px 10px;border:2px solid #4E4232;border-radius:6px;background:#fffdf7;box-shadow:4px 5px #4e423229;transform:rotate(-1.2deg);transform-origin:0 0;text-align:left;font-family:var(--font-serif);font-size:17.5px;line-height:1.3;color:#3b3a2e;animation:reelCard .5s var(--spring) both}.reel-caption p{margin:0}.reel-caption p span{opacity:0;animation:reelWordIn .3s ease-out both}.reel-go{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:5px 12px 5px 14px;border:0;border-radius:999px;background:#8e7fb0;color:#fffdf7;font-family:var(--font-serif);font-size:16px;line-height:1.1;box-shadow:0 3px #5f5187;transition:transform .2s var(--spring),box-shadow .15s,background .15s;animation:reelGoIn .45s var(--spring) .35s both}.reel-go svg{width:17px;height:17px;animation:reelNudge 1.4s ease-in-out 1s infinite}@media(hover:hover){.reel-go:hover{background:#7e6fa3;transform:translateY(-1px)}}.reel-go:active{transform:translateY(2px);box-shadow:0 1px #5f5187}.reel-go:focus-visible{outline:3px solid #DDB45C;outline-offset:2px}.reel-go.is-alone{position:absolute;z-index:4;left:calc(12.5% + 8px);top:40px;margin:0}@media(max-width:560px){.reel-go{margin-top:6px;font-size:14px;padding:4px 10px 4px 12px}.reel-go.is-alone{left:calc(9% + 6px);top:28px}}@media(max-width:560px){.reel-caption{left:calc(9% + 6px);top:28px;max-width:76%;padding:6px 10px 7px;font-size:14.5px}}.reel-curtains{position:absolute;inset:0;z-index:5;pointer-events:none}.reel-drape{position:absolute;top:0;width:calc(50% + 2px);height:100%;transition:transform 1.15s cubic-bezier(.65,.02,.3,1),opacity .01s}.reel-drape.is-left{left:0;transform-origin:0 50%}.reel-drape.is-right{right:0;transform-origin:100% 50%}.reel-curtains.is-open .reel-drape{opacity:0;transform:scaleX(.12);transition:transform 1.15s cubic-bezier(.65,.02,.3,1),opacity .2s ease 1.05s}.reel-swag{position:absolute;top:0;width:12.5%;height:100%;opacity:0;transition:opacity .01s}.reel-swag.is-left{left:0}.reel-swag.is-right{right:0;transform:scaleX(-1)}@media(max-width:560px){.reel-swag{width:9%}.reel-drape{width:calc(50% + 1px)}}.reel-curtains.is-open .reel-swag{opacity:1;transition:opacity .2s ease 1.02s}.reel-valance{position:absolute;z-index:6;left:0;top:0;width:100%;height:30px}@media(max-width:560px){.reel-valance{height:22px}}.reel-end{position:absolute;inset:0;z-index:7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;animation:reelFade .6s ease 1s both}.reel-end-title{font-family:var(--font-hand);font-size:clamp(40px,7vw,60px);line-height:1;color:#fbf5ea;text-shadow:0 3px 0 #5F5187;transform:rotate(-3deg)}.reel-big{display:grid;place-items:center;width:74px;height:74px;border-radius:50%;background:#fffdf7;color:#6e5f96;box-shadow:0 5px #cdbfa3,0 14px 24px -12px #3b3a2e99;transition:transform .25s var(--spring)}.reel-big svg{width:34px;height:34px}.reel-big.is-center{position:absolute;z-index:7;left:calc(50% - 37px);top:calc(50% - 37px);animation:reelFade .4s ease both}@media(hover:hover){.reel-big:hover{transform:scale(1.07)}}.reel-big:active{transform:scale(.95)}.reel-lights{position:absolute;left:9%;right:9%;bottom:5px;display:flex;justify-content:space-between;pointer-events:none}.reel-lights i{width:14px;height:7px;border-radius:7px 7px 2px 2px;background:#e9c878;box-shadow:0 0 0 1.5px #6e4426;opacity:.5;transition:opacity .5s,box-shadow .5s}.reel-frame.is-on .reel-lights i{opacity:1;box-shadow:0 0 0 1.5px #6e4426,0 -4px 12px 2px #f6d98a99;animation:reelLamp 2.8s ease-in-out infinite}@media(max-width:560px){.reel-lights{bottom:4px}.reel-lights i{width:10px;height:5px}}.reel-bar{display:flex;align-items:center;gap:10px;max-width:560px;margin:16px auto 0}.reel-btn{flex:none;display:grid;place-items:center;width:42px;height:42px;border:2px solid #E2CFAE;border-radius:50%;background:#fffdf7;color:#5c496f;transition:border-color .15s,background .15s,transform .15s}.reel-btn svg{width:20px;height:20px}@media(hover:hover){.reel-btn:hover{border-color:#a99bc4;background:#f3eef7}}.reel-btn:active{transform:scale(.93)}.reel-track{flex:1;display:flex;gap:5px}.reel-seg{position:relative;flex-basis:0;min-width:16px;height:26px;padding:0;border:0;background:none;cursor:pointer}.reel-seg:before,.reel-seg>i{content:"";position:absolute;left:0;right:0;top:8px;height:10px;border-radius:5px}.reel-seg:before{background:#e9dfcc;transition:background .3s,box-shadow .2s}.reel-seg.is-past:before{background:#ddb45c}.reel-seg>i{background:#ddb45c;transform-origin:0 50%;transform:scaleX(0);animation:reelFill linear forwards}@media(hover:hover){.reel-seg:hover:before{box-shadow:0 0 0 2px #a99bc4}}}@keyframes reelSpin{to{transform:rotate(360deg)}}@keyframes reelRain{0%{transform:translateY(-30px);opacity:0}20%{opacity:1}to{transform:translateY(170px);opacity:0}}@keyframes reelDrift{0%{transform:translate(-30px)}to{transform:translate(50px)}}@keyframes reelLetter{0%{opacity:0;transform:translateY(-.5em) scale(.2) rotate(-14deg)}60%{opacity:1;transform:translateY(.06em) scale(1.18) rotate(4deg)}to{opacity:1;transform:none}}@keyframes reelBob{0%,to{transform:none}50%{transform:translateY(-.08em) rotate(-3deg)}}@keyframes reelDroop{0%{opacity:0;transform:translateY(-.4em)}40%{opacity:1;transform:none}to{opacity:1;transform:translateY(.14em) rotate(var(--tilt, 6deg))}}@keyframes reelFloat{0%{opacity:0;transform:translate(-50%,-60%) scale(.5)}18%{opacity:1;transform:translate(-50%,-100%) scale(1.15)}30%{transform:translate(-50%,-100%) scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-150%)}}@keyframes reelInk{to{stroke-dashoffset:0}}@keyframes reelDot{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:none}}@keyframes reelCard{0%{opacity:0;transform:rotate(-4deg) translateY(-10px) scale(.9)}to{opacity:1;transform:rotate(-1.2deg)}}@keyframes reelWordIn{0%{opacity:0}to{opacity:1}}@keyframes reelFade{0%{opacity:0}to{opacity:1}}@keyframes reelLamp{0%,to{opacity:1}50%{opacity:.82}}@keyframes reelFill{to{transform:scaleX(1)}}@keyframes reelGoIn{0%{opacity:0;transform:translateY(6px) scale(.85)}to{opacity:1;transform:none}}@keyframes reelNudge{0%,to{transform:none}50%{transform:translate(3px)}}@media(prefers-reduced-motion:reduce){.reel-sky .sky-rays,.reel-sky .sky-rain line,.reel-sky .sky-drift,.reel-word>span,.reel-word.is-sun>span,.reel-frame.is-on .reel-lights i{animation:none!important}.reel-word>span,.reel-caption p span{opacity:1}.reel-go,.reel-go svg{animation:none!important}.reel-ink path{animation:none;stroke-dashoffset:0}.reel-ink circle{animation:none}.reel-world,.reel-drape,.reel-sky .sky-sun,.reel-sky .sky-cloud{transition-duration:.01ms}}@layer components{.echo-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 18px;margin-bottom:10px}.echo-sign{position:relative;display:inline-block;padding:3px 20px 6px;border-radius:7px;background:linear-gradient(#e8c67c,#d9b062);color:#3b3a2e;font-family:var(--font-hand);font-size:27px;font-weight:600;line-height:1.1;white-space:nowrap;box-shadow:inset 0 -2px #c29a4c,0 3px #8a5a2b,0 9px 14px -8px #3b3a2e8c;rotate:-1.5deg;animation:echoSignIn .6s var(--spring) both}.echo-sign:before,.echo-sign:after{content:"";position:absolute;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:#8a5a2b;box-shadow:inset 1px 1px #b98a43}.echo-sign:before{left:7px}.echo-sign:after{right:7px}@media(max-width:420px){.echo-sign{font-size:23px;padding:2px 16px 5px}}.echo-dots{gap:7px}.echo-stage{user-select:none;-webkit-user-select:none;touch-action:manipulation;transition:border-color .3s,box-shadow .3s}.echo-stage.is-live{cursor:pointer}.echo-stage.is-echo{border-color:#ddb45c;box-shadow:0 0 0 4px #f2d48a55}.echo-start .fb-intro{max-width:420px}@media(max-width:520px){.echo-start.lr-start{position:relative;inset:auto;padding:6px 8px 12px;background:none}}.echo-line{display:grid;justify-content:center;gap:3px;margin:10px auto 0}.echo-row{display:flex;align-items:center;gap:10px;min-height:32px;padding:2px 14px 2px 6px;border:2px solid transparent;border-radius:999px;transition:background .3s,border-color .3s}.echo-row.is-catch{border-color:#ddb45c;background:#fbf1d6}.echo-who{display:grid;place-items:center;width:32px;height:28px}.echo-who svg{display:block;width:32px;height:auto;overflow:visible}.echo-beads{display:inline-flex;flex-wrap:wrap;gap:6px}.echo-bead{position:relative;display:grid;place-items:center;width:16px;height:16px;border:2px dotted #C9B795;border-radius:50%;transition:background-color .12s,border-color .12s,transform .25s var(--spring),box-shadow .25s}.echo-bead.is-sung{border:0}.is-caller .echo-bead.is-sung{background:#a99bc4}.is-wren .echo-bead.is-sung{background:#a87a4c}.echo-bead.is-now{transform:scale(1.35);box-shadow:0 0 0 4px #f2d48a99}.echo-bead.is-ok{border:2px solid #6B7F4E;background:#e7ebd5!important}.echo-bead.is-ok:after{content:"";width:7px;height:3.5px;margin-top:-2px;border-left:2px solid #6B7F4E;border-bottom:2px solid #6B7F4E;rotate:-45deg}.echo-bead.is-slip{border:0;background:#c06a45!important;transform:scale(1.45);box-shadow:0 0 0 3px #f3d3c2;animation:echoSlip .55s var(--spring) both}.echo-bead.is-slip b{color:#fffdf7;font-size:12px;font-weight:800;line-height:1}.echo-bead.is-fixed{border:0;background:none!important;box-shadow:none;transform:scale(1.3);animation:leapStarIn .55s var(--spring) both}.echo-bead.is-fixed svg{width:21px;height:21px;overflow:visible}.echo-bead.is-fixed path{fill:#e7be5a;stroke:#b98f3a;stroke-width:1.6;stroke-linejoin:round}@media(max-width:420px){.echo-beads{gap:4px}.echo-bead{width:13px;height:13px}.echo-row{gap:7px;padding-right:10px}}.echo-caption{min-height:1.25em}.echo-wing{transform-box:fill-box;transform-origin:6% 55%}.echo-wing.is-beat{animation:echoWing .3s ease-out}.echo-head{transform-box:fill-box;transform-origin:20% 100%}.echo-head.is-beat{animation:echoNod .32s ease-out}.echo-ripple{fill:none;stroke:#fffdf7;stroke-width:2.4;transform-box:fill-box;transform-origin:center;animation:echoRipple .5s ease-out both}.echo-count{font-family:var(--font-hand);font-size:46px;font-weight:700;fill:#8a5a2b;transform-box:fill-box;transform-origin:center;animation:echoCount .55s var(--spring) both}.echo-bang{transform-box:fill-box;transform-origin:center;animation:echoBang 1.1s var(--spring) both}.echo-bang text{font-family:var(--font-hand);font-size:66px;font-weight:700;fill:#3b3a2e}.echo-huh{transform-box:fill-box;transform-origin:50% 100%;animation:echoHuh 1.5s ease-out both}.echo-huh text{font-family:var(--font-hand);font-size:60px;font-weight:700;fill:#8e7fb0}.tale-world{display:block;width:100%;height:auto;overflow:visible}.tale-bucket{transform-box:fill-box;transform-origin:50% 0}.tale-bucket.is-on{animation:taleBucket 1.2s ease-in-out infinite}}@keyframes echoSignIn{0%{opacity:0;transform:translateY(-22px) rotate(-9deg)}60%{opacity:1;transform:translateY(3px) rotate(2deg)}to{transform:none}}@keyframes echoSlip{0%{transform:scale(.5)}60%{transform:scale(1.8)}to{transform:scale(1.45)}}@keyframes echoWing{0%{transform:none}35%{transform:rotate(16deg)}to{transform:none}}@keyframes echoNod{0%{transform:none}35%{transform:rotate(9deg) translateY(2px)}to{transform:none}}@keyframes echoRipple{0%{opacity:.95;transform:scale(1)}to{opacity:0;transform:scale(2.7)}}@keyframes echoCount{0%{opacity:0;transform:translateY(10px) scale(.4)}30%{opacity:1;transform:scale(1.15)}70%{opacity:1;transform:none}to{opacity:0;transform:translateY(-10px)}}@keyframes echoBang{0%{opacity:0;transform:scale(0) rotate(-24deg)}30%{opacity:1;transform:scale(1.25) rotate(6deg)}50%{transform:scale(1) rotate(0)}82%{opacity:1}to{opacity:0;transform:scale(.95) translateY(-6px)}}@keyframes echoHuh{0%{opacity:0;transform:translateY(12px) scale(.6)}18%{opacity:1;transform:none}50%{transform:rotate(-10deg)}80%{opacity:1;transform:rotate(6deg)}to{opacity:0;transform:translateY(-8px)}}@keyframes taleBucket{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@media(prefers-reduced-motion:reduce){.tale-bucket.is-on{animation:none}.echo-sign,.echo-bead,.echo-wing,.echo-head,.echo-ripple,.echo-count,.echo-bang,.echo-huh{animation:none!important}.echo-ripple{display:none}}@layer components{.path-dots{gap:6px}.path-beads{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;min-height:38px;margin:12px auto 0}.path-step{display:inline-flex;align-items:center;gap:6px}.path-dir{font-style:normal;font-size:18px;line-height:1;color:#8e7fb0;animation:pathPop .35s var(--spring) calc(var(--k) * 40ms) both}.path-bead{display:grid;place-items:center;min-width:32px;height:30px;padding:0 9px;border:2px dotted #C9B795;border-radius:999px;font-family:var(--font-serif);font-size:14.5px;font-weight:600;line-height:1;color:#3b3a2e;transition:background-color .2s,border-color .2s,box-shadow .25s}.path-bead.is-heard{border-style:solid;border-color:#c9a06e;background:#f6ebd8;animation:pathPop .3s var(--spring) both}.path-bead.is-found{border:2px solid #A87A4C;background:#a87a4c;color:#fffdf7;animation:pathPop .45s var(--spring) both}.path-bead.is-hint{border-color:#8e7fb0;background:#a99bc4}.path-bead.is-shown{border:2px dashed #A99BC4;background:#fbf5ea;color:#6e5f92}.path-bead.is-now{border:2.5px solid #DDB45C;background:#fbf1d6;box-shadow:0 0 0 4px #f2d48a66;animation:leapDotNow 1.6s ease-in-out infinite}@media(max-width:420px){.path-beads{gap:4px}.path-step{gap:3px}.path-bead{min-width:28px;height:27px;padding:0 6px;font-size:13px}}}@keyframes pathPop{0%{transform:scale(.5)}60%{transform:scale(1.15)}to{transform:none}}@media(prefers-reduced-motion:reduce){.path-bead,.path-dir{animation:none!important}}@layer components{.terr-board{position:relative;max-width:620px;margin:0 auto;border-radius:24px;overflow:hidden;border:2px solid #EADBC0;padding:4px 4px 0;background:radial-gradient(120% 100% at 30% 0%,#fffdf7,#f4efe0 55%,#ece6cc);transition:background .8s ease}.terr-board:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity 1.2s ease;background:radial-gradient(70% 60% at 82% 6%,#fce9be,#fce9be00 70%)}.terr-board.is-sunny:before{opacity:1}.terr-svg,.terr-world{position:relative;display:block;width:100%;height:auto;overflow:visible}.terr-pause{position:absolute;left:12px;top:12px;z-index:3}@media(max-width:420px){.terr-pause{left:8px;top:8px}}.terr-col{transition:transform .55s var(--spring)}.terr-lift{transform-box:view-box}.terr-lift.is-rising{animation:terrRise .5s var(--spring) both}.terr-lift.is-sinking{animation:terrSink .55s cubic-bezier(.5,0,.8,.4) both}.terr-grow{animation:terrGrow .7s var(--spring) both;transform-box:fill-box;transform-origin:50% 100%}.terr-sapling{transform-box:fill-box;transform-origin:50% 100%;animation:terrSway 3.6s ease-in-out infinite}.terr-tree.is-gold .terr-apples circle:first-child{filter:drop-shadow(0 0 2px #FFF2C2)}.terr-lit{fill:#f2d48a;opacity:.78;mix-blend-mode:multiply;animation:terrLit .32s ease-out both}.terr-label{font-family:var(--font-serif);font-size:25px;font-weight:600;fill:#6e5a3a;transition:fill .2s}.terr-label.is-lit{fill:#8a5a1b}.terr-label.is-weird{fill:#7e6fa3}.terr-weird ellipse{fill:url(#terrWeird);animation:terrWeird 2.2s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.terr-weird path{fill:#bfa9ea;transform-box:fill-box;transform-origin:center;animation:terrTwinkle 1.4s ease-in-out infinite}.terr-pennant{transform-box:fill-box;transform-origin:0 50%;transition:fill .4s,stroke .4s}.terr-top.is-met .terr-pennant{animation:terrPennant 1.6s ease-in-out infinite}.terr-level{animation:terrLevelIn .45s ease-out both}.terr-level-line{fill:none;stroke:#8a5a2b;stroke-width:3;stroke-dasharray:9 7;stroke-linecap:round;opacity:.8}.terr-level-box{fill:none;stroke-width:4;stroke-dasharray:9 7}.terr-level.is-high .terr-level-box{stroke:#c06a45;fill:#c06a4526}.terr-level.is-low .terr-level-box{stroke:#8e7fb0;fill:#fffdf799}.terr-wall{cursor:pointer;outline:none}.terr-wall.is-disabled{cursor:default}.terr-wall-hit{fill:transparent}.terr-wall-ring{fill:none;stroke:#8e7fb0;stroke-width:4;opacity:0;transition:opacity .15s}.terr-wall:not(.is-disabled):hover .terr-wall-ring,.terr-wall:focus-visible .terr-wall-ring{opacity:.9}.terr-wall:focus-visible .terr-wall-ring{stroke-width:5}.terr-chalk ellipse,.terr-chalk path{fill:none;stroke:#fffdf7;stroke-width:5;stroke-linecap:round;stroke-dasharray:10 8;filter:drop-shadow(0 0 1.5px #6E5A3A);animation:terrChalk 1.8s ease-in-out infinite}.terr-chalk path{stroke-dasharray:none}.terr-tumble{transform-box:fill-box;transform-origin:center;animation:terrTumble .95s cubic-bezier(.35,0,.6,1) both}.terr-next rect{fill:#fffdf766;stroke:#8e7fb0;stroke-width:3.5;stroke-dasharray:10 8;animation:terrNext 1.6s ease-in-out infinite}.terr-next-arrow{fill:none;stroke:#8e7fb0;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;animation:terrArrow 1.2s ease-in-out infinite}.terr-shelf{display:flex;justify-content:center;gap:14px;margin:10px auto 0}.terr-block{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;align-items:center;column-gap:10px;min-width:196px;padding:6px 18px 6px 10px;border-radius:18px;border:2px solid #C9B795;text-align:left;background:linear-gradient(#fbf5ea,#f2e8d2);box-shadow:0 4px #cdbb97;color:#3b3a2e;cursor:pointer;transition:transform .18s var(--spring),box-shadow .18s,opacity .2s,filter .2s}.terr-block .terr-block-art{grid-row:1 / 3}.terr-block-name{align-self:end}.terr-block small{align-self:start}.terr-block:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px #cdbb97}.terr-block:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #cdbb97}.terr-block:disabled{cursor:default;opacity:.55;filter:saturate(.6)}.terr-block:focus-visible{outline:3px solid #8E7FB0;outline-offset:2px}.terr-block-art{width:62px;height:48px}.terr-block-name{font-family:var(--font-serif);font-size:17px;font-weight:600;line-height:1.1}.terr-block small{font-family:var(--font-hand);font-size:18px;line-height:1;color:#6e5a3a}@media(max-width:460px){.terr-shelf{gap:8px}.terr-block{min-width:0;flex:1;grid-template-columns:auto;justify-items:center;text-align:center;padding:6px 6px 8px}.terr-block .terr-block-art{grid-row:auto;width:56px;height:44px}}.terr-apples-trail{position:absolute;left:50%;top:12px;z-index:3;display:inline-flex;gap:6px;padding:4px 10px;border-radius:999px;background:#fffdf7cc;transform:translate(-50%)}@media(max-width:460px){.terr-apples-trail{top:6px;gap:3px;padding:2px 7px}.terr-apple-dot{width:13px;height:13px}.terr-apple-dot svg{width:16px;height:16px}}.terr-apples-trail{transition:opacity .3s ease}.terr-apples-trail.is-waiting{opacity:0}.leap-praise.terr-praise{top:50px}@media(max-width:460px){.leap-praise.terr-praise{top:38px}}.terr-apple-dot{display:grid;place-items:center;width:18px;height:18px;border:2px dotted #B9A88A;border-radius:50%}.terr-apple-dot.is-now{border:2.5px solid #8E7FB0;animation:leapDotNow 1.6s ease-in-out infinite}.terr-apple-dot.is-first,.terr-apple-dot.is-hint{border:0;animation:leapStarIn .55s var(--spring) both}.terr-apple-dot svg{width:22px;height:22px;overflow:visible}.terr-apple-dot svg path{fill:#c65e43;stroke:#8c3b2e;stroke-width:1.4;stroke-linejoin:round}.terr-apple-dot.is-first svg path{fill:#e7be5a;stroke:#b98f3a}.terr-apple-dot svg .stem{fill:none;stroke:#7a5a38;stroke-width:1.8;stroke-linecap:round}.terr-sketch{margin:14px auto 6px;max-width:560px}.terr-sketch>svg{display:block;width:100%;height:auto;overflow:hidden}.terr-bracket path{fill:none;stroke:#6e5a3a;stroke-width:4;stroke-linecap:round}.terr-bracket text{font-family:var(--font-hand);font-size:34px;fill:#6e5a3a}.terr-tag circle{fill:#fbf5ea;stroke:#6b7f4e;stroke-width:3}.terr-tag text{font-family:var(--font-serif);font-size:18px;font-weight:700;fill:#4e5e38}.terr-tag.is-half circle{stroke:#c06a45}.terr-tag.is-half text{fill:#a9543a}.terr-sketch.is-narrow{margin-inline:-14px;max-width:none}.terr-sketch.is-narrow .terr-label{font-size:38px;transform:translateY(13px)}.terr-sketch.is-narrow .terr-tag text{font-size:38px}.terr-sketch.is-narrow .terr-tag circle{stroke-width:4}.terr-sketch.is-narrow .terr-bracket text{font-size:42px}.terr-sketch.is-narrow .terr-bracket path{stroke-width:5}.terr-sketch-spark{fill:#ddb45c;transform-box:fill-box;transform-origin:center;animation:terrTwinkle .9s ease-out both}}@keyframes terrRise{0%{transform:translateY(var(--rise, 32px))}to{transform:none}}@keyframes terrSink{0%{transform:none}30%{transform:translateY(-6px) rotate(-1.2deg)}to{transform:translateY(calc(var(--rise, 32px) + 12px));opacity:.2}}@keyframes terrGrow{0%{transform:scale(.35,.2)}60%{transform:scale(1.06,1.08)}to{transform:none}}@keyframes terrSway{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2.5deg)}}@keyframes terrLit{0%{opacity:0}to{opacity:.78}}@keyframes terrWeird{0%,to{transform:scale(.94);opacity:.8}50%{transform:scale(1.06);opacity:1}}@keyframes terrTwinkle{0%,to{transform:scale(.4) rotate(0);opacity:.3}50%{transform:scale(1.1) rotate(25deg);opacity:1}}@keyframes terrPennant{0%,to{transform:skewY(0) scaleX(1)}50%{transform:skewY(-6deg) scaleX(.94)}}@keyframes terrChalk{0%,to{opacity:.95}50%{opacity:.55}}@keyframes terrTumble{0%{transform:none;opacity:1}35%{transform:translate(14px,30px) rotate(60deg);opacity:1}to{transform:translate(46px,150px) rotate(220deg);opacity:0}}@keyframes terrNext{0%,to{opacity:.95}50%{opacity:.5}}@keyframes terrLevelIn{0%{opacity:0}to{opacity:1}}@keyframes terrArrow{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@media(prefers-reduced-motion:reduce){.terr-col{transition:none}.terr-lift.is-rising,.terr-grow,.terr-sapling,.terr-weird ellipse,.terr-weird path,.terr-top.is-met .terr-pennant,.terr-chalk ellipse,.terr-chalk path,.terr-next rect,.terr-next-arrow,.terr-apple-dot,.terr-sketch-spark,.terr-lit{animation:none!important}.terr-lift.is-sinking{animation:none!important;opacity:0}.terr-tumble{display:none}}@layer components{.header-actions{position:relative}.more-button .more-dot{transform-box:fill-box;transform-origin:center}.top-button.more-button:hover{transform:translateY(-2px)}@media(hover:hover){.more-button:hover:not(.is-open) .more-dot{animation:moreDot .55s var(--spring) both}.more-button:hover .more-dot:nth-child(2){animation-delay:.07s}.more-button:hover .more-dot:nth-child(3){animation-delay:.14s}}.top-button.more-button.is-open{transform:translateY(1px);background:linear-gradient(#a797cb,#8e7fb0);color:#fffdf7;box-shadow:0 0 0 2px #8e7fb0,0 2px 0 2px #6c5c8e,inset 0 2px #ffffff4d}.more-menu{--notch: 72px;position:absolute;top:calc(100% + 13px);right:0;z-index:30;display:flex;flex-direction:column;gap:2px;width:300px;max-width:calc(100vw - 24px);padding:8px;border-radius:24px;background:#fffdf7;box-shadow:0 0 0 2px #e8d9bc,0 5px 0 2px #e8d9bc,0 30px 46px -22px #3b3a2e8c;transform-origin:calc(100% - var(--notch)) -8px;animation:moreIn .34s var(--spring) both}.more-notch{position:absolute;top:-8px;right:calc(var(--notch) - 8px);width:16px;height:16px;border-radius:4px 0 0;background:#fffdf7;transform:rotate(45deg);box-shadow:-2px -2px #e8d9bc}.more-item{--tone: #7D6C92;--tint: #EEE8F5;--ledge: #DCD0E7;position:relative;display:flex;align-items:center;gap:12px;width:100%;min-height:62px;padding:8px 12px 8px 8px;border:0;border-radius:17px;background:transparent;color:#3b3a2e;text-align:left;text-decoration:none;transition:background .15s;animation:moreItemIn .38s var(--spring) both;animation-delay:calc(var(--i) * 45ms + 50ms)}.more-item.tone-gold,.more-toast.tone-gold{--tone: #9C7428;--tint: #F8EDCF;--ledge: #EDD8A4}.more-item.tone-olive,.more-toast{--tone: #5E7044;--tint: #EBEFDD;--ledge: #D5DDBF}.more-item.tone-terra,.more-toast.is-trouble{--tone: #A9543A;--tint: #F7E5DB;--ledge: #EDCBBB}.more-item:hover,.more-item:focus-visible,.more-item.is-here{background:color-mix(in srgb,var(--tint) 62%,#FFFDF7)}.more-item:focus-visible{outline:3px solid var(--tone);outline-offset:-3px;border-radius:17px}.more-item:disabled{cursor:progress}.more-medal{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;background:var(--tint);color:var(--tone);box-shadow:inset 0 -3px 0 var(--ledge);transition:transform .3s var(--spring)}.more-item:hover .more-medal,.more-item:focus-visible .more-medal{transform:translateY(-2px) rotate(-8deg)}.more-item:disabled .more-medal svg{animation:moreBusy .9s ease-in-out infinite}.more-text{display:flex;flex:1;flex-direction:column;gap:1px;min-width:0}.more-text b{font-size:18px;font-weight:700;line-height:1.2}.more-text i{overflow:hidden;font-size:13.5px;font-style:normal;line-height:1.3;color:#8e7c60;text-overflow:ellipsis;white-space:nowrap}.more-go{flex:none;color:#cdbe9f;transition:transform .25s var(--spring),color .2s}.more-item:hover .more-go,.more-item:focus-visible .more-go{transform:translate(3px);color:var(--tone)}.more-rule{display:block;margin:5px 12px;border-top:2px dashed #EADBC0}.more-toast-layer{position:fixed;top:84px;left:0;right:0;z-index:60;display:flex;justify-content:center;padding:0 16px;pointer-events:none}.more-toast{pointer-events:auto;display:flex;align-items:center;gap:14px;max-width:420px;padding:12px 22px 12px 14px;border:0;border-radius:22px;background:#fffbf1;color:#3b3a2e;text-align:left;cursor:pointer;box-shadow:0 0 0 1.5px #e2cf9f,0 5px 0 1.5px #e6d6b0,0 14px 30px -12px #3b3a2e59;animation:moreToastIn .5s var(--spring) both,moreToastOut .4s ease-in 4.2s both}.more-toast-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.more-toast-copy b{font-size:19px;font-weight:700;line-height:1.2}.more-toast-copy span{font-size:15px;line-height:1.35;color:#6f6a57}.settings-page,.help-page{max-width:760px;margin:0 auto;padding:30px 24px 40px}.more-page-title{margin:0;text-align:center;font-size:clamp(2.5rem,6.6vw,3.5rem);font-weight:800;line-height:1.05;letter-spacing:-.02em}.more-page-lead{max-width:34ch;margin:10px auto 0;text-align:center;text-wrap:balance;font-size:clamp(1.1rem,2.5vw,1.28rem);line-height:1.45;color:#3b3a2ebf}.settings-page .legal-links,.help-page .legal-links{margin-top:30px}.set-card{margin-top:20px;padding:22px 26px 24px;border-radius:28px;background:#fbf5ea;border:1.5px solid #E6D8BF;box-shadow:0 18px 40px -30px #5b3e2366}.more-page-title+.set-card{margin-top:28px}.set-head{display:flex;align-items:center;gap:14px}.set-card.is-row .set-head{flex-wrap:wrap;row-gap:14px}.set-title{flex:1 1 160px;min-width:0}.set-title h2{margin:0;font-size:25px;font-weight:700;line-height:1.15}.set-title p{margin:3px 0 0;font-size:15.5px;line-height:1.4;color:#8e7c60}.set-medal{--tone: #7D6C92;--tint: #EEE8F5;--ledge: #DCD0E7;display:grid;place-items:center;flex:none;width:50px;height:50px;border-radius:50%;background:var(--tint);color:var(--tone);box-shadow:inset 0 -3px 0 var(--ledge)}.set-medal.tone-gold{--tone: #9C7428;--tint: #F8EDCF;--ledge: #EDD8A4}.set-medal.tone-olive{--tone: #5E7044;--tint: #EBEFDD;--ledge: #D5DDBF}.set-medal.tone-terra{--tone: #A9543A;--tint: #F7E5DB;--ledge: #EDCBBB}.set-medal.tone-ink{--tone: #6F6A57;--tint: #EFE9DC;--ledge: #DED3BF}.set-medal.is-small{width:40px;height:40px}.set-line{display:flex;flex:1 1 200px;flex-direction:column;gap:2px;min-width:0}.set-line b{font-size:17px;font-weight:700;line-height:1.25}.set-line i{font-size:14.5px;font-style:normal;line-height:1.4;color:#8e7c60;overflow-wrap:anywhere}.sound-settings .instrument-block{margin-top:20px}.sound-settings .instrument-foot{justify-content:flex-start;margin-bottom:16px}.volume{padding-top:16px;border-top:2px dashed #EADBC0;text-align:left}.volume-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px}.volume-head .eyebrow{font-size:11px;color:#8e7fb0}.volume-value{font-size:18px;font-weight:700;font-variant-numeric:lining-nums tabular-nums;color:#5c496f}.volume-row{display:flex;align-items:center;gap:16px}.volume-test{display:grid;place-items:center;flex:none;width:50px;height:50px;border:0;border-radius:50%;background:#eee8f5;color:#7d6c92;box-shadow:inset 0 -3px #dcd0e7;transition:transform .25s var(--spring),background .2s}.volume-test:hover{transform:translateY(-2px) rotate(-6deg);background:#e7dff2}.volume-test:active{transform:translateY(1px) scale(.94);transition-duration:.06s}.volume-wedge{position:relative;flex:1;height:48px;border-radius:10px}.volume-bars{position:absolute;inset:0;display:flex;align-items:flex-end;gap:5px;pointer-events:none}.volume-bars i{position:relative;flex:1;height:calc(18% + var(--i) * 6.3%);overflow:hidden;border-radius:5px 5px 4px 4px;background:#e9dfcb;box-shadow:inset 0 2px #3b3a2e0d;transform-origin:50% 100%;transition:background .2s}.volume-bars i:after{content:"";position:absolute;inset:0;background:linear-gradient(#b4a7d0,#8e7fb0);box-shadow:inset 0 1.5px #ffffff59;clip-path:inset(calc((1 - var(--lit)) * 100%) 0 0 0);transition:clip-path .12s ease-out}.volume-bars.is-ringing i.is-lit{animation:volumeRing .7s var(--spring) both;animation-delay:calc(var(--i) * 28ms)}@media(hover:hover){.volume-wedge:hover .volume-bars i:not(.is-lit){background:#e2d6be}}.volume-wedge input{position:absolute;left:0;top:-6px;width:100%;height:calc(100% + 12px);margin:0;opacity:0;cursor:pointer}.volume-wedge:has(input:focus-visible){outline:3px solid #C06A45;outline-offset:7px}.voice-note{margin:12px 0 0;font-size:13.5px;font-style:italic;line-height:1.4;color:#a0927a;text-align:left}.voice-note.is-trouble{color:#9a4a2e}.lang-switch{--n: 2;--at: 0;position:relative;display:grid;grid-auto-columns:1fr;grid-auto-flow:column;margin-left:auto;padding:5px;border-radius:999px;background:#f1e7d4;box-shadow:inset 0 2px #3b3a2e12}.lang-thumb{position:absolute;top:5px;bottom:5px;left:5px;width:calc((100% - 10px) / var(--n));border-radius:999px;background:linear-gradient(#a797cb,#8e7fb0);box-shadow:0 3px #6c5c8e,inset 0 2px #ffffff4d;transform:translate(calc(var(--at) * 100%));transition:transform .45s var(--spring)}.lang-option{position:relative;z-index:1;min-width:118px;min-height:46px;padding:0 18px;border:0;border-radius:999px;background:none;font-size:17px;font-weight:700;color:#3b3a2e;transition:color .25s,background .2s}.lang-option.is-on{color:#fffdf7}@media(hover:hover){.lang-option:not(.is-on):hover{background:#a99bc429}}.lang-option:focus-visible{outline:3px solid #3B3A2E;outline-offset:-3px}.set-where{display:flex;flex-wrap:wrap;align-items:center;gap:12px 14px;margin-top:18px;padding:14px 16px;border-radius:20px;background:#fffdf7;border:1.5px solid #EADBC0}.set-where-mark{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:50%;background:#fff;color:#8e7c60;box-shadow:0 0 0 1.5px #e2cfae}.set-where .profile-sync{flex:none}.set-fresh{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin-top:18px;padding:16px 4px 0;border-top:2px dashed #EADBC0}.set-danger{color:#9a4a2e;border-color:#ebc7b5}.set-danger svg{color:#c06a45}.set-danger:hover:not(:disabled){border-color:#c06a45;background:#c06a4512}.modal-icon.is-danger{color:#c06a45}.set-toggle{display:flex;align-items:center;gap:16px;margin-top:16px}.set-link{display:flex;align-items:center;gap:14px;margin-top:16px;padding:14px 16px;border-radius:20px;background:#fffdf7;border:1.5px solid #EADBC0;color:#3b3a2e;text-decoration:none;transition:transform .25s var(--spring),border-color .2s}.set-link:hover{transform:translateY(-2px);border-color:#a99bc4}.set-link>svg{color:#8e7fb0}.help-group{margin-top:30px}.more-page-lead+.help-group{margin-top:26px}.help-group-title{display:flex;align-items:center;gap:12px;margin:0 0 12px 4px;font-size:22px;font-weight:700}.help-list{overflow:hidden;border-radius:24px;background:#fbf5ea;border:1.5px solid #E6D8BF;box-shadow:0 18px 40px -30px #5b3e2366}.help-q+.help-q{border-top:1.5px solid #EADBC0}.help-q summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 18px 17px 22px;list-style:none;font-size:18px;font-weight:700;line-height:1.3;cursor:pointer;transition:background .15s,color .2s}.help-q summary::-webkit-details-marker{display:none}@media(hover:hover){.help-q summary:hover{background:#f6eedf}}.help-q summary:focus-visible{outline:3px solid #C06A45;outline-offset:-3px;border-radius:0}.help-q[open] summary{color:#5c496f}.help-q-sign{position:relative;flex:none;width:32px;height:32px;border-radius:50%;background:#eee8f5;box-shadow:inset 0 -2px #dcd0e7;transition:transform .35s var(--spring),background .2s}.help-q-sign:before,.help-q-sign:after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2.4px;margin:-1.2px 0 0 -6px;border-radius:2px;background:#7d6c92}.help-q-sign:after{transform:rotate(90deg)}.help-q[open] .help-q-sign{transform:rotate(135deg);background:#dcd0e7}.help-a{max-width:64ch;padding:0 22px 20px;font-size:16.5px;line-height:1.6;color:#5e5844}.help-a p{margin:0}.help-a a{color:#6e5a84;text-decoration:underline;text-underline-offset:3px}.help-a a:hover{color:#3b3a2e}.help-q[open] .help-a{animation:helpOpen .4s var(--spring) both}@supports (interpolate-size: allow-keywords){.help-q{interpolate-size:allow-keywords}.help-q::details-content{height:0;overflow:clip;transition:height .32s cubic-bezier(.2,.8,.2,1),content-visibility .32s allow-discrete}.help-q[open]::details-content{height:auto}}.help-contact{display:flex;align-items:center;gap:22px;margin-top:38px;padding:20px 28px 22px 16px;border-radius:28px;background:#f4eff9;border:1.5px solid #DCD0E7}.help-contact-art{flex:none;width:190px}.help-contact-copy{min-width:0}.help-contact-copy h2{margin:0;font-size:27px;font-weight:700;line-height:1.15}.help-contact-copy p{margin:5px 0 0;font-size:16.5px;line-height:1.45;color:#6e5a84}.help-contact-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px}.help-mail{min-height:50px;padding-inline:22px;font-size:18px;text-decoration:none}.help-copy{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:2px solid #DCD0E7;background:#fffdf7;color:#7d6c92;transition:transform .25s var(--spring),border-color .2s,color .2s}.help-copy:hover{transform:translateY(-2px);border-color:#a99bc4}.help-copy.is-done{color:#5e7044;border-color:#b9c79a}.signin-modal-medal{display:grid;place-items:center;width:58px;height:58px;margin:0 auto;border-radius:50%;background:#ebefdd;color:#5e7044;box-shadow:inset 0 -3px #d5ddbf}.signin-modal .signin-buttons{flex-direction:column;align-items:stretch;max-width:340px;margin:22px auto 0}.signin-modal .signin-button{justify-content:center}.signin-modal .email-signin{max-width:none}.signin-modal .signin-legal{max-width:340px;margin:14px auto 0}.sound-modal{width:min(520px,100%)}.sound-modal .sound-settings{margin-top:4px}}@media(max-width:620px){.settings-page,.help-page{padding:22px 16px 30px}.set-card{padding:18px 16px 20px;border-radius:24px}.set-medal{width:44px;height:44px}.set-title h2{font-size:22px}.lang-switch{width:100%;margin-left:0}.lang-option{min-width:0}.volume-row{gap:12px}.volume-bars{gap:4px}.help-group-title{font-size:20px}.help-q summary{padding:15px 14px 15px 18px;font-size:17px}.help-a{padding:0 18px 18px;font-size:16px}.help-contact{flex-direction:column;gap:6px;padding:20px 18px 22px;text-align:center}.help-contact-art{width:170px}.help-contact-actions{justify-content:center}.more-toast-layer{top:72px}}@media(max-width:380px){.help-mail{padding-inline:16px;font-size:16px}}@keyframes moreDot{0%,to{transform:none}40%{transform:translateY(-3.5px)}70%{transform:translateY(.6px)}}@keyframes moreIn{0%{opacity:0;transform:translateY(-8px) scale(.94)}to{opacity:1;transform:none}}@keyframes moreItemIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}@keyframes moreBusy{50%{transform:translate(3px)}}@keyframes moreToastIn{0%{opacity:0;transform:translateY(-24px) scale(.94)}to{opacity:1;transform:none}}@keyframes moreToastOut{to{opacity:0;transform:translateY(-12px)}}@keyframes volumeRing{0%{transform:none}35%{transform:scaleY(1.16)}65%{transform:scaleY(.95)}to{transform:none}}@keyframes helpOpen{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@layer components{.lb{max-width:720px;margin:0 auto;text-align:left}.lb-scene{position:relative;overflow:hidden;border:2px solid #EADBC0;border-radius:22px;background:#f1e6da;box-shadow:inset 0 2px #fff9,0 12px 24px -18px #3b3a2e80;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.lb-stage{position:relative;width:100%}.lb-svg{position:absolute;inset:0;display:block;width:100%;height:100%}.lb-front{z-index:3;pointer-events:none;overflow:visible}.lb-cloud ellipse{fill:#fffdf7;opacity:.72}.lb-cloud{animation:fairDrift 38s ease-in-out infinite alternate}.lb-road-mask{stroke-dasharray:1;stroke-dashoffset:1;animation:lbDraw 1.1s cubic-bezier(.4,.1,.3,1) .15s forwards}.lb-dots{fill:none;stroke:#b9976a;stroke-width:4.5px;stroke-dasharray:.1 12;stroke-linecap:round}.lb-dots.is-walked{stroke:#ddb45c;stroke-width:7px}.lb-node{position:absolute;z-index:2;width:calc(var(--r) * 2);height:calc(var(--r) * 2);margin:calc(var(--r) * -1) 0 0 calc(var(--r) * -1);padding:0;border:0;border-radius:50%;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent;animation:lbPop .55s var(--spring) both;animation-delay:calc(var(--i) * 90ms + .3s)}.lb-node.is-chest{--r: var(--rc)}.lb-face{--edge: #B08431;position:absolute;inset:0;z-index:1;display:grid;place-items:center;border-radius:50%;background:linear-gradient(#efcf7e,#d9ac50);color:#fffdf7;font-size:calc(var(--r) * .74);font-weight:700;line-height:1;text-shadow:0 1px 0 rgba(142,100,30,.4);box-shadow:0 5px 0 var(--edge),0 12px 16px -8px #3b3a2e73,inset 0 2px #ffffff59,var(--ring, 0 0 0 0 transparent);transition:transform .3s var(--spring),box-shadow .3s var(--spring)}.lb-face small{font-size:.6em;font-weight:600;opacity:.9}.lb-node.is-open .lb-face{--edge: #CDBF9E;background:#f7efdd;color:#8a8268;text-shadow:none}.lb-node.is-open .lb-face:after{content:"";position:absolute;inset:5px;border-radius:50%;border:2.5px dotted #B4A784}.lb-node.is-chest .lb-face{--edge: #C9A04E;background:radial-gradient(circle at 50% 40%,#fff6d6,#f1dda6 70%)}.lb-node.is-chest .lb-face svg{margin-top:2px}.lb-node.is-sel .lb-face{--ring: 0 0 0 4px #FFFDF7, 0 0 0 7.5px #8E7FB0}@media(hover:hover){.lb-node:hover .lb-face{transform:translateY(-2px)}}.lb-node:active .lb-face{transform:translateY(4px);box-shadow:0 1px 0 var(--edge),var(--ring, 0 0 0 0 transparent);transition-duration:.07s}.lb-node:focus-visible{outline:none}.lb-node:focus-visible .lb-face{--ring: 0 0 0 4px #FFFDF7, 0 0 0 7.5px #5E4E78}.lb-node.is-chest.is-ready .lb-face{animation:lbChestGlow 2.4s ease-in-out infinite}.lb-pulse{position:absolute;left:50%;top:50%;width:calc(var(--r) * 2.7);height:calc(var(--r) * 2.7);margin:calc(var(--r) * -1.35) 0 0 calc(var(--r) * -1.35);border-radius:50%;border:3px solid #A99BC4;pointer-events:none;animation:pulseRing 2.6s ease-out infinite}.lb-laurel{position:absolute;left:50%;top:50%;width:calc(var(--r) * 5);height:calc(var(--r) * 5);margin:calc(var(--r) * -2.5) 0 0 calc(var(--r) * -2.5);overflow:visible;pointer-events:none}.lb-leaf{transform-box:fill-box;transform-origin:50% 100%;transform:scale(.7);fill:#7f9360;transition:transform .55s var(--spring),fill .35s ease}.lb-leaf>path:first-child{stroke:#463c244d;stroke-width:1}.lb-vein{fill:none;stroke:#fffdf7;stroke-width:1.3;stroke-linecap:round;opacity:0;transition:opacity .3s ease .2s}.lb-leaf.is-open{transform:none}.lb-leaf.is-open .lb-vein{opacity:.8}.lb-leaf.is-independent{fill:#d2a43f}.lb-leaf.is-supported{fill:#a6adb6}.lb-leaf.is-encountered{fill:#c9bcdf}.lb-leaf.is-none{fill:#fbf5ea}.lb-leaf.is-none>path:first-child{stroke:#b9a88a;stroke-width:1.4;stroke-dasharray:3 2.6}.lb-leaf.is-none .lb-vein{stroke:#b9a88a;opacity:.6}.lb-wren-in{animation:lbWrenIn .7s var(--spring) both}.lb-pop{top:10px}.lb-panel{position:relative;margin-top:18px;padding:16px 18px 18px;border-radius:20px;background:#fbf5ea;border-top:6px solid var(--tone-bg, #B6A6CF);box-shadow:0 0 0 2px #e2cfae,0 18px 30px -22px #3b3a2e80;animation:lbRise .5s ease-out .65s both}.lb-panel.tone-wheat,.lb-panel.tone-gold{--tone-bg: #E2BE6C}.lb-panel.tone-olive{--tone-bg: #AEBA8C}.lb-panel.tone-terra{--tone-bg: #DCA78A}.lb-panel.tone-plum,.lb-panel.tone-lav{--tone-bg: #B6A6CF}.lb-notch{position:absolute;top:-17px;left:clamp(26px,var(--at, 50%),calc(100% - 26px));width:18px;height:18px;margin-left:-9px;border-radius:3px;background:var(--tone-bg, #B6A6CF);transform:rotate(45deg);transition:left .5s var(--spring)}.lb-nav{position:absolute;top:12px;right:12px;display:flex;gap:6px}.lb-nav button{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:2px solid #E2CFAE;background:#fffdf7;color:#6c5c8e;transition:border-color .15s,background .15s,transform .25s var(--spring)}@media(hover:hover){.lb-nav button:hover:not(:disabled){border-color:#a99bc4;background:#f3eef7;transform:translateY(-1px)}}.lb-nav button:active:not(:disabled){transform:translateY(1px)}.lb-nav button:disabled{opacity:.35;cursor:default}.lb-page{animation:lbPage .35s ease-out both}.lb-head{display:flex;align-items:center;gap:12px;min-height:48px;padding-right:86px}.lb-badge{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:linear-gradient(#efcf7e,#d9ac50);color:#fffdf7;font-size:19px;font-weight:700;line-height:1;text-shadow:0 1px 0 rgba(142,100,30,.4);box-shadow:0 4px #b08431}.lb-badge small{font-size:.6em;font-weight:600;opacity:.9}.lb-badge.is-open{background:#f7efdd;color:#8a8268;text-shadow:none;box-shadow:0 4px #cdbf9e,inset 0 0 0 2px #e2d6bc}.lb-badge.is-chest{background:radial-gradient(circle at 50% 40%,#fff6d6,#f1dda6 70%);box-shadow:0 4px #c9a04e}.lb-titles{min-width:0}.lb-titles h3{margin:0;font-size:1.3rem;line-height:1.15;font-weight:600;color:#3b3a2e;text-wrap:balance}.lb-titles p{margin:3px 0 0;font-size:1rem;line-height:1.25;font-style:italic;color:#3b3a2ea6}.lb-note{margin:10px 0 0;font-size:15px;font-style:italic;color:#6b6553}.lb-skills{display:grid;gap:4px;margin:12px 0 0;padding:0;list-style:none}.lb-skill{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"open level" "detail detail";align-items:center;gap:0 12px;padding-top:8px;border-top:1.5px dashed #E8DCC3}.lb-skill-open{grid-area:open;display:flex;align-items:center;gap:12px;min-height:48px;padding:0;border:0;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer}.lb-skill-open:focus-visible{outline:3px solid #8E7FB0;outline-offset:3px;border-radius:12px}.lb-skill-open .disc-icon{flex:none}.lb-skill-open:hover .disc-icon,.lb-skill-open:focus-visible .disc-icon{transform:translateY(-2px) scale(1.08)}.lb-skill-name{font-size:1.08rem;line-height:1.2;color:#3b3a2e;text-decoration:underline dotted 1.5px rgba(142,127,176,.7);text-underline-offset:5px}.lb-skill-open:hover .lb-skill-name{text-decoration-color:#5e4e78;text-decoration-style:solid}.lb-level{grid-area:level;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.lb-level svg{width:17px;height:19px}.lb-level b{padding:3px 11px;border-radius:999px;background:#f1e9d8;font-size:15px;font-weight:600;color:#3b3a2e}.lb-skill.is-ahead .lb-level b{background:transparent;border:1px dashed #B9A88A;font-weight:500;color:#6b6553}.lb-detail{grid-area:detail;margin:2px 0 2px 58px;font-size:15px;line-height:1.35;font-style:italic;color:#5a5646}.lb-ref{display:inline-block;padding:0 7px;border:0;border-radius:8px;background:#efe7f6;color:#5e4e78;font:inherit;font-style:normal;font-weight:700;cursor:pointer;box-shadow:0 2px #d5c9e6;transition:transform .2s var(--spring)}.lb-ref:hover{transform:translateY(-1px)}.lb-ref.is-plain{cursor:default;box-shadow:none}.lb-ref.is-plain:hover{transform:none}.lb-extra{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:12px;padding-top:10px;border-top:1.5px dashed #E8DCC3;font-size:15px;color:#5a5646}.lb-door,.lb-times{display:inline-flex;align-items:center;gap:8px}.lb-door-art{width:26px;height:36px;flex:none}.lb-times svg{color:#a88f5c}.lb-written{margin-top:12px;padding-top:10px;border-top:1.5px dashed #E8DCC3}.lb-written-title{margin:0}.lb-written-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.lb-written-tab{padding:5px 12px;border:2px solid #E2CFAE;border-radius:999px;background:#fffdf7;color:#5a5646;font-size:14.5px;font-weight:600;transition:background .15s,border-color .15s,transform .2s var(--spring)}@media(hover:hover){.lb-written-tab:hover:not(.is-on){transform:translateY(-1px);border-color:#cdbf9e}}.lb-written-tab.is-on{border-color:#a99bc4;background:#f3eef7;color:#5e4e78}.lb-written .page-card{margin-top:10px}.lb-titles h3:first-letter{text-transform:uppercase}.lb-closing{margin:12px 0 0;font-size:1.06rem;line-height:1.45;color:#3b3a2e}.lb-hint{display:flex;align-items:center;gap:9px;margin:14px 0 0;padding:9px 13px;border-radius:14px;background:#efe7f6;color:#5e4e78;font-size:15.5px;font-weight:600;line-height:1.3}.lb-hint svg{flex:none}.lb-hint-node{position:relative;flex:none;width:18px;height:18px;margin:0 3px;border-radius:50%;background:linear-gradient(#efcf7e,#d9ac50);box-shadow:0 2.5px #b08431}.lb-hint-node:after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid #A99BC4;animation:pulseRing 2.6s ease-out infinite}.lb-hint.is-done{background:#faf0d2;color:#7a5a1e}.lb-hint.is-done svg{color:#c99a3a}@media(max-width:520px){.lb-panel{padding:14px 14px 16px}.lb-head{gap:10px;padding-right:80px}.lb-badge{width:42px;height:42px;font-size:17px}.lb-titles h3{font-size:1.14rem}.lb-titles p{font-size:.95rem}.lb-skill{grid-template-columns:minmax(0,1fr);grid-template-areas:"open" "level" "detail"}.lb-level{margin-left:58px}.lb-detail{margin-top:4px}}}@keyframes lbDraw{to{stroke-dashoffset:0}}@keyframes lbPop{0%{opacity:0;transform:translateY(14px) scale(.4)}60%{opacity:1;transform:translateY(-3px) scale(1.08)}to{opacity:1;transform:none}}@keyframes lbWrenIn{0%{opacity:0;transform:translateY(-48px)}to{opacity:1;transform:none}}@keyframes lbRise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes lbPage{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes lbChestGlow{0%,to{box-shadow:0 5px 0 var(--edge),0 0 #f0c86e00,var(--ring, 0 0 0 0 transparent)}50%{box-shadow:0 5px 0 var(--edge),0 0 24px 8px #f0c86ebf,var(--ring, 0 0 0 0 transparent)}}@media(prefers-reduced-motion:reduce){.lb-cloud,.lb-pulse,.lb-node,.lb-wren-in,.lb-panel,.lb-page,.lb-node.is-chest.is-ready .lb-face,.lb-hint-node:after{animation:none!important}.lb-road-mask{animation:none;stroke-dashoffset:0}.lb-leaf,.lb-notch{transition:none}}