@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-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-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-sm:24rem;--container-md:28rem;--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-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--leading-snug:1.375;--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-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{width:min(290px,86vw)}.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}.choice,.choice-button{color:#3b3a2e;text-align:center;min-height:59px;transition:border-color .2s,background .2s,transform .18s var(--spring),color .2s;background:#f6eedf80;border:2px solid #e2cfae;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:19px;line-height:1.25;display:flex}.choice:hover:not(:disabled),.choice-button:hover:not(:disabled){background:#f7f0e7;border-color:#b3a3c8;transform:translateY(-2px)}.choice:active:not(:disabled){transform:translateY(1px)scale(.98)}.choice[aria-pressed=true]{color:#5f4f6e;background:#dcd0e750;border-color:#a99bc4}.choice.is-right{color:#f6eedf;background:#6b7f4e;border-color:#6b7f4e}.choice.is-wrong{color:#8e563f;background:#c06a451f;border-color:#c06a45}.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{color:#4e4a3a;animation:pop .45s var(--spring)both;border-radius:18px;padding:16px 20px;font-size:17px;line-height:1.5}.fb-good{background:#6b7f4e26;border:1px solid #6b7f4e55}.fb-bad{background:#c06a451f;border:1px solid #c06a4555}.fb-neutral{background:#dcd0e74a;border:1px solid #a99bc455}.fb-info{background:#ddb45c1f;border:1px solid #ddb45c66}.site-header{z-index:20;border-bottom:1px solid #e8dcc6;grid-template-columns:1fr auto 1fr;align-items:center;height:84px;padding:0 4.45%;display:grid;position:relative}.brand{letter-spacing:-.6px;color:#3b3a2e;background:0 0;align-items:center;gap:10px;width:fit-content;font-size:32px;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.brand-symbol{color:#cca04b}.main-nav{align-items:center;gap:34px;height:100%;display:flex}.main-nav a{color:#898370;padding:10px 3px;font-size:17px;text-decoration:none;position:relative}.main-nav a:hover,.main-nav a.active{color:#3b3a2e}.main-nav a.active:after{content:"";background:#a99bc4;border-radius:50%;height:2px;position:absolute;bottom:-1px;left:4px;right:4px;transform:rotate(-1deg)}.header-actions{justify-content:flex-end;align-items:center;gap:22px;display:flex}.header-sound{color:#857f69}.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}.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}.lesson-kicker{justify-content:space-between;align-items:center;gap:18px;max-width:790px;margin:0 auto 20px;display:flex}.lesson-kicker .eyebrow{font-size:11px}.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}.readout-ribbon{justify-content:center;align-items:center;width:min(440px,100%);min-height:50px;margin:20px auto;padding:10px 30px;display:flex;position:relative}.readout-ribbon>svg{width:100%;height:100%;position:absolute;inset:0}.readout-ribbon>span{font-size:clamp(19px,2.2vw,24px);position:relative}.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}.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}.volume-label{text-align:left;color:#8e7c60;margin:27px 0 12px;font-size:15px;display:block}.volume-label>span{float:right}.volume-label>input{width:100%;height:8px;margin-top:15px;display:block}.settings-section{color:#8e7c60;text-align:left;border-top:1px solid #ddceb3;flex-direction:column;gap:8px;margin-top:24px;padding-top:20px;font-size:15px;display:flex}.settings-section label{cursor:pointer;align-items:flex-start;gap:10px;display:flex}.settings-section small{color:#a8957a;font-size:12.5px;line-height:1.45}.modal-footnote{color:#a68e70;margin:22px 12px 0;font-size:12px;line-height:1.5;display:block}.reset-link{color:#ac866d;text-underline-offset:3px;background:0 0;font-size:12px;text-decoration:underline}.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-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-y-0{inset-block:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-1\.5{top:calc(var(--spacing)*1.5)}.right-0{right:calc(var(--spacing)*0)}.left-0{left:calc(var(--spacing)*0)}.left-1\/2{left:50%}.z-20{z-index:20}.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)}.m-22{margin:calc(var(--spacing)*22)}.mx-0\.5{margin-inline:calc(var(--spacing)*.5)}.mx-auto{margin-inline:auto}.-mt-1{margin-top:calc(var(--spacing)*-1)}.mt-0{margin-top:calc(var(--spacing)*0)}.mt-1{margin-top:calc(var(--spacing)*1)}.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)}.-mr-2{margin-right:calc(var(--spacing)*-2)}.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)}.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}.table{display:table}.aspect-\[5\/4\]{aspect-ratio:5/4}.h-3{height:calc(var(--spacing)*3)}.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-10{height:calc(var(--spacing)*10)}.h-11{height:calc(var(--spacing)*11)}.h-12{height:calc(var(--spacing)*12)}.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-44{height:calc(var(--spacing)*44)}.h-\[2px\]{height:2px}.h-\[52px\]{height:52px}.h-\[54px\]{height:54px}.h-\[58px\]{height:58px}.h-\[68px\]{height:68px}.h-\[92px\]{height:92px}.h-\[200px\]{height:200px}.h-auto{height:auto}.h-full{height:100%}.min-h-\[64px\]{min-height:64px}.w-1\/3{width:33.3333%}.w-3{width:calc(var(--spacing)*3)}.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-40{width:calc(var(--spacing)*40)}.w-56{width:calc(var(--spacing)*56)}.w-80{width:calc(var(--spacing)*80)}.w-\[92px\]{width:92px}.w-\[min\(270px\,86vw\)\]{width:min(270px,86vw)}.w-\[min\(480px\,92vw\)\]{width:min(480px,92vw)}.w-full{width:100%}.w-max{width:max-content}.w-px{width:1px}.max-w-\[260px\]{max-width:260px}.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-\[1100px\]{max-width:1100px}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:calc(var(--spacing)*0)}.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}.flex-1{flex:1}.flex-shrink-0,.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-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)}.scale-90{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-105{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;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)}.-rotate-2{rotate:-2deg}.-rotate-6{rotate:-6deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.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-\[3px\]{gap:3px}: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-y-2{row-gap:calc(var(--spacing)*2)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[22px\]{border-radius:22px}.rounded-\[30px\]{border-radius:30px}.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-md{border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.rounded-b-lg{border-bottom-right-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\[\#6B7F4E\]{border-color:#6b7f4e}.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-border-subtle\/60{border-color:#e8dcc699}@supports (color:color-mix(in lab,red,red)){.border-border-subtle\/60{border-color:color-mix(in oklab,var(--color-border-subtle)60%,transparent)}}.border-lav{border-color:var(--color-lav)}.border-lav-deep{border-color:var(--color-lav-deep)}.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\/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-deep{border-color:var(--color-terra-deep)}.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-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)}.border-wheat\/70{border-color:#ddb45cb3}@supports (color:color-mix(in lab,red,red)){.border-wheat\/70{border-color:color-mix(in oklab,var(--color-wheat)70%,transparent)}}.bg-\[\#3B3A2E\]\/30{background-color:#3b3a2e4d}.bg-\[\#6B7F4E\]{background-color:#6b7f4e}.bg-\[\#6B7F4E\]\/15{background-color:#6b7f4e26}.bg-\[\#A99BC4\]{background-color:#a99bc4}.bg-\[\#C06A45\]\/12{background-color:#c06a451f}.bg-\[\#DCD3C2\]{background-color:#dcd3c2}.bg-\[\#F6EEDF\]{background-color:#f6eedf}.bg-\[\#FBF5EA99\]{background-color:#fbf5ea99}.bg-border-input{background-color:var(--color-border-input)}.bg-cream-pure{background-color:var(--color-cream-pure)}.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-pure\/80{background-color:#fffdf7cc}@supports (color:color-mix(in lab,red,red)){.bg-cream-pure\/80{background-color:color-mix(in oklab,var(--color-cream-pure)80%,transparent)}}.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\/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-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\/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-transparent{background-color:#0000}.bg-wheat{background-color:var(--color-wheat)}.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-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.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)}.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))}.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-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.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-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-8{padding-block:calc(var(--spacing)*8)}.py-10{padding-block:calc(var(--spacing)*10)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-8{padding-top:calc(var(--spacing)*8)}.pb-1{padding-bottom:calc(var(--spacing)*1)}.pb-32{padding-bottom:calc(var(--spacing)*32)}.pl-5{padding-left:calc(var(--spacing)*5)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--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\.7rem\]{font-size:1.7rem}.text-\[12px\]{font-size:12px}.text-\[13\.5px\]{font-size:13.5px}.text-\[13px\]{font-size:13px}.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-\[30px\]{font-size:30px}.text-\[clamp\(1\.15rem\,2\.4vw\,1\.55rem\)\]{font-size:clamp(1.15rem,2.4vw,1.55rem)}.leading-none{--tw-leading:1;line-height:1}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-\[var\(--font-sc\)\]{--tw-font-weight:var(--font-sc);font-weight:var(--font-sc)}.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-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.text-\[\#3B3A2E\]{color:#3b3a2e}.text-\[\#3B3A2E\]\/75{color:#3b3a2ebf}.text-\[\#5F4F6E\]{color:#5f4f6e}.text-\[\#6E5A84\]{color:#6e5a84}.text-\[\#7E6A49\]{color:#7e6a49}.text-\[\#8B7B5C\]{color:#8b7b5c}.text-\[\#8E7C60\]{color:#8e7c60}.text-\[\#9B886F\]{color:#9b886f}.text-\[\#A0927A\]{color:#a0927a}.text-\[\#CCA04B\]{color:#cca04b}.text-\[\#F6EEDF\]{color:#f6eedf}.text-\[\#F6EEDF\]\/85{color:#f6eedfd9}.text-ink{color:var(--color-ink)}.text-ink-muted{color:var(--color-ink-muted)}.text-ink-subtle{color:var(--color-ink-subtle)}.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-lav-deep{color:var(--color-lav-deep)}.text-olive{color:var(--color-olive)}.text-terra{color:var(--color-terra)}.text-wheat-deep{color:var(--color-wheat-deep)}.text-wheat-inactive{color:var(--color-wheat-inactive)}.text-wood-mid{color:var(--color-wood-mid)}.italic{font-style:italic}.underline{text-decoration-line:underline}.accent-\[\#C06A45\]{accent-color:#c06a45}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.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_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_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\]{--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_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)}.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-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)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.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,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-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-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}@media(hover:hover){.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)}.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}}.focus\:border-lav:focus{border-color:var(--color-lav)}.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)}@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)}}@media(min-width:40rem){.sm\:h-12{height:calc(var(--spacing)*12)}.sm\:h-\[86px\]{height:86px}.sm\:h-\[110px\]{height:110px}.sm\:w-9{width:calc(var(--spacing)*9)}.sm\:w-10{width:calc(var(--spacing)*10)}.sm\:w-12{width:calc(var(--spacing)*12)}.sm\:w-\[60px\]{width:60px}.sm\:w-\[110px\]{width:110px}.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\:flex-row{flex-direction:row}.sm\:items-start{align-items:flex-start}.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\: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-\[2\.1rem\]{font-size:2.1rem}.sm\:text-\[19px\]{font-size:19px}}@media(min-width:48rem){.md\:ml-0{margin-left:calc(var(--spacing)*0)}.md\:flex{display:flex}}@media(min-width:64rem){.lg\:w-\[66px\]{width:66px}}}: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 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)}}@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}.header-actions{gap:14px}}@media(max-width:900px){.site-header{height:74px;padding-inline:5%}.brand{gap:7px;font-size:28px}.main-nav{gap:22px}.main-nav a{font-size:15px}.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{grid-template-columns:1fr auto;height:68px;padding-inline:18px}.brand{font-size:26px}.main-nav{z-index:5;gap:22px;height:auto;position:absolute;top:78px;left:22px}.main-nav a{padding-top:0;font-size:14px}.main-nav a.active:after{bottom:3px}.header-actions{gap:10px}.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}.lesson-kicker .eyebrow{letter-spacing:.13em;font-size:9px}.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:54px;padding:8px 10px;font-size:17px}.lesson-scene{height:auto;min-height:130px}.journal-page{padding:74px 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-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-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-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)}.hum-toggle{display:inline-flex;align-items:center;gap:10px;min-height:42px;padding:0 16px 0 12px;border-radius:999px;border:2px solid #E2CFAE;background:#fffdf7;font-size:16px;color:#3b3a2ebf;transition:border-color .2s,background .2s}.hum-toggle.is-on{border-color:#a99bc4;background:#f3eef8;color:#3b3a2e}.hum-bars{display:inline-flex;align-items:flex-end;gap:3px;height:16px}.hum-bars i{width:3px;height:5px;border-radius:2px;background:#b9a88a}.hum-toggle.is-on .hum-bars i{background:#8e7fb0;animation:humBar 1.1s ease-in-out infinite}.hum-toggle.is-on .hum-bars i:nth-child(2){animation-delay:-.3s}.hum-toggle.is-on .hum-bars i:nth-child(3){animation-delay:-.6s}.hum-toggle.is-on .hum-bars i:nth-child(4){animation-delay:-.85s}.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}.shelves{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:560px;margin:14px auto 0}.shelf{min-height:64px;padding:10px 12px;border-radius:16px;border:2px dashed #E2CFAE;background:#fffdf78c}.shelf-title{display:flex;align-items:center;gap:6px;font-family:var(--font-sc);font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:#3b3a2e99}.shelf-items{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.shelf-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 10px 3px 6px;border-radius:999px;background:#efe6f7;font-size:15px;animation:pop .45s var(--spring) both}.shelf-chip i{display:inline-block;width:18px;height:12px;border-radius:50%;background:linear-gradient(#b0a9b8,#797183)}.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}.moment-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:460px;margin:18px auto 0}.moment{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;min-height:92px;padding:12px;border-radius:20px;border:2px solid #E2CFAE;background:#f6eedf;font-size:19px;transition:border-color .2s,background .2s,transform .3s var(--spring),box-shadow .3s}.moment small{font-family:var(--font-sc);font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:#3b3a2e99}.moment.is-now{border-color:#ddb45c;background:#fbf1d8;transform:translateY(-3px);box-shadow:0 0 0 4px #ddb45c40}@media(hover:hover){.moment:not(:disabled):hover{border-color:#a99bc4}}.moment.is-right{border-color:#6b7f4e;background:#6b7f4e;color:#fffdf7}.moment.is-right small{color:#fffdf7cc}.moment.is-wrong{border-color:#c06a45;background:#c06a451f}}@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 humBar{0%,to{height:4px}50%{height:16px}}@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{animation:none!important}.hill-note,.hill-ripple{display:none}.hill-arc-line{stroke-dashoffset:0;animation:none}.hill-arc-head{opacity:1;animation:none}}@layer components{.site-header{position:sticky;top:0;background:#f6eedfeb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.road-page{max-width:1100px;margin:0 auto;padding:26px 20px 140px}.road-hero{max-width:640px;margin:0 auto}.road-hero-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:10px 20px}.road-hero h1{margin:2px 0 0;font-size:clamp(2.1rem,5vw,3rem);line-height:1;font-weight:500}.road-stats{display:flex;flex-wrap:wrap;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:34px auto 0}.road-unit{position:relative;padding-top:14px;scroll-margin-top:96px}.unit-banner{position:sticky;top:94px;z-index:12;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 16px 15px 20px;border-radius:20px;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.25rem,3.4vw,1.55rem);line-height:1.15;font-weight:500}.unit-guide{flex:none;display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 14px;border-radius:14px;border:2px solid rgba(59,58,46,.28);background:#fffdf773;color:#3b3a2e;text-decoration:none;font-size:16px;transition:background .2s,transform .25s var(--spring)}.unit-guide:hover{background:#fffdf7bf;transform:translateY(-2px)}.unit-guide.is-locked{cursor:default;opacity:.75}.unit-guide.is-locked:hover{background:#fffdf773;transform:none}.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)}.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.02rem,2.6vw,1.22rem);line-height:1.15;font-weight:500;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}.road-instrument{--w: 96px}.road-instrument-label{font-size:18px}.road-wren,.unit-guide span{display:none}}}@media(max-width:620px){.site-header{height:auto;min-height:60px;padding-top:6px;padding-bottom:2px}.site-header .main-nav{position:static;grid-column:1 / -1;grid-row:2;height:34px;padding-left:2px}.unit-banner{top:92px}}@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}}@media(prefers-reduced-motion:reduce){.pulse-ring,.node-bubble,.road-wren,.road-node.chest.is-done,.instrument-tag{animation:none!important}}@layer components{.button,.btn,.choice,.chooser-pill,.moment{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,.moment .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}.mote{position:absolute;border-radius:50%;opacity:0;filter:blur(.6px);animation-name:moteRise;animation-timing-function:linear;animation-iteration-count: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:84px;height:0;z-index:0;pointer-events:none}.scenery-bunting{position:absolute;top:-12px;width:min(17vw,210px);height:auto;opacity:.95}.scenery-bunting.left{left:0}.scenery-bunting.right{right:0}@media(max-width:760px){.scenery-bunting{width:19vw;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)}}@keyframes moteRise{0%{transform:translate(0);opacity:0}12%{opacity:.75}88%{opacity:.5}to{transform:translate(24px,-55vh);opacity:0}}@media(prefers-reduced-motion:reduce){.mote,.wash,.lav-stem{animation:none!important}.mote{opacity:.4}}@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%}.result-score{margin:8px 0 0;font-size:1.35rem;color:#3b3a2e}.can-card{position:relative;overflow:hidden;display:flex;align-items:center;gap:14px;margin:18px auto 0;max-width:520px;padding:14px 20px;border-radius:18px;background:#e6ddf0;text-align:left}.can-caption{display:block;font-size:14px;color:#3b3a2ebf}.can-title{display:block;font-size:1.28rem;line-height:1.25;color:#3b3a2e}.can-icon{flex:none}.a-stripsheen{position:absolute;inset:0 auto 0 0;width:34%;opacity:0;pointer-events:none;background:linear-gradient(100deg,#fffae600,#fffae6d9,#fffae600)}.shown-list{max-width:520px;margin:14px auto 0;padding:0;list-style:none;text-align:left}.shown-list li{display:grid;grid-template-columns:1fr auto 36px;align-items:center;gap:10px;min-height:52px;padding:4px 8px;border-bottom:1px solid #E3D6B8;font-size:1.12rem}.shown-list li:last-child{border-bottom:0}.shown-level{font-style:italic;font-size:.98rem;color:#8f6610}.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:4px 0 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}}}[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}@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}}@layer components{.wheat-trail{list-style:none;display:flex;align-items:center;margin:0;padding:0}.trail-sprout{display:flex;align-items:center;margin-right:2px;padding-top:6px}.trail-step{display:flex;align-items:center}.trail-stalk{position:relative;display:block;width:30px;height:30px;margin:0 3px;transition:width .6s var(--spring)}.trail-stalk:before,.stalk-fill{content:"";position:absolute;left:0;top:50%;height:2px;margin-top:-1px;border-radius:2px}.trail-stalk:before{right:0;background:#dcd3c2}.stalk-fill{background:#ddb45c;transition:width .6s var(--spring)}.trail-step.is-current .trail-stalk:before,.trail-step.is-current .stalk-fill{height:3px;margin-top:-1.5px}.kernel{position:absolute;width:7px;height:11px;margin-left:-3.5px;border-radius:50%;background:#fbf5ea;border:1.5px solid #D2CAB9;transition:background-color .35s,border-color .35s}.kernel.up{top:calc(50% - 12px);transform:rotate(36deg)}.kernel.down{top:calc(50% + 1px);transform:rotate(-36deg)}.kernel.ripe{background:#ddb45c;border-color:#c49a45;animation:kernelRipen .6s var(--spring) both}.kernel.next{background:#efe6f7;border-color:#a99bc4;animation:kernelNext 1.8s ease-in-out infinite}.kernel-glint{position:absolute;top:50%;width:20px;height:20px;margin:-10px 0 0 -10px;pointer-events:none;animation:kernelGlint .85s ease-out forwards}.kernel-glint svg{display:block;filter:drop-shadow(0 0 3px #F6DB9A)}.trail-ear{position:relative;display:flex}.ear-art{display:flex;transform-origin:50% 100%}.ear-ripen{animation:earRipen .85s var(--spring)}.ear-burst{position:absolute;left:50%;top:42%;pointer-events:none}.ear-burst .ring{position:absolute;width:36px;height:36px;margin:-18px;border-radius:50%;border:2px solid #DDB45C;animation:earRing .85s ease-out forwards}.ear-burst .mote{position:absolute;width:5px;height:8px;margin:-4px -2.5px;border-radius:50%;background:#ddb45c;transform:rotate(var(--a));animation:earMote 1s ease-out forwards}.wheat-strip{display:none}.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}.unit-chip{display:inline-flex;align-items:center;gap:8px;min-width:0;border-radius:999px;background:#dcd0e7;padding:5px 6px 5px 14px;font-size:15px;line-height:1.25;color:#3b3a2e;text-align:left;cursor:default}.unit-chip>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unit-chip-n{flex:none;font-family:var(--font-sc);font-size:12px;letter-spacing:.08em;background:#fbf5ea;color:#6e5a84;border-radius:999px;padding:2px 9px}.concept-eyebrow{display:block;margin:0 auto 6px;font-size:11px;letter-spacing:.24em;color:#8e7fb0}.lesson-goal{max-width:660px;margin:14px auto 0;font-size:clamp(17px,1.7vw,19.5px);line-height:1.45;color:#4a4636}.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}.result-stone:focus-visible{outline:3px solid #C06A45;outline-offset:3px;border-radius:50%}}@media(max-width:1150px){.trail-stalk{width:20px;margin:0 2px}}@media(max-width:900px){.trail-stalk{width:12px}.trail-step.is-current .trail-stalk{max-width:150px}}@media(max-width:620px){.wheat-trail{display:none}.wheat-strip{display:flex;align-items:center;gap:3px;padding:7px 18px 5px;border-bottom:1px solid #E8DCC6;position:relative;z-index:19;background:#f6eedf}.strip-seg{flex:1 1 0;display:flex;align-items:center;gap:2px;min-width:0;transition:flex-grow .6s var(--spring)}.strip-seg.is-current{flex-grow:2.6}.strip-track{position:relative;flex:1;height:8px;border-radius:999px;background:#e8decb}.strip-fill{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:linear-gradient(90deg,#e4c278,#ddb45c);transition:width .6s var(--spring)}.strip-tick{position:absolute;top:2px;width:2px;height:4px;margin-left:-1px;border-radius:1px;background:#cdbfa5}.strip-tick.ripe{background:#fbf5ea}.strip-glint{position:absolute;top:50%;width:18px;height:18px;margin:-9px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#FFF6D6 0,#F2D48AAA 45%,transparent 70%);animation:stripGlint .8s ease-out forwards}.strip-ear{display:flex;flex:none;transform-origin:50% 100%}.strip-ear svg{width:12px;height:20px}.lesson-kicker{flex-wrap:wrap;justify-content:center}.unit-chip{font-size:14px;max-width:100%}}@keyframes kernelRipen{0%{scale:.4}55%{scale:1.5}to{scale:1}}@keyframes kernelNext{0%,to{scale:1;box-shadow:0 0 #a99bc400}50%{scale:1.18;box-shadow:0 0 0 3px #a99bc440}}@keyframes kernelGlint{0%{opacity:0;transform:translateY(0) scale(.3) rotate(0)}30%{opacity:1;transform:translateY(-9px) scale(1.15) rotate(40deg)}to{opacity:0;transform:translateY(-17px) scale(.5) rotate(90deg)}}@keyframes earRipen{0%{transform:scale(.8)}40%{transform:scale(1.3) rotate(-7deg)}70%{transform:scale(.94) rotate(3deg)}to{transform:scale(1)}}@keyframes earRing{0%{opacity:.9;transform:scale(.3)}to{opacity:0;transform:scale(1.5)}}@keyframes earMote{0%{opacity:1;transform:rotate(var(--a)) translateY(0)}to{opacity:0;transform:rotate(var(--a)) translateY(-28px) scale(.6)}}@keyframes stripGlint{0%{opacity:0;scale:.4}35%{opacity:1;scale:1.25}to{opacity:0;scale:.8}}@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){.kernel.ripe,.kernel.next,.kernel-glint,.ear-ripen,.ear-burst,.strip-glint,.step-count,.tip-bubble{animation:none!important}.ear-burst,.kernel-glint,.strip-glint{display: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}}@layer components{.lab-scroll{overflow-x:auto;margin:0 -8px;padding:0 8px 4px;scrollbar-width:thin}.lab-board{position:relative;min-width:560px;border-radius:24px;border:2px solid #EADBC0;background:radial-gradient(120% 90% at 50% 0%,#fffdf7,#f7efdd 60%,#efe4cb);box-shadow:inset 0 1px #fff}.lab-svg{display:block;width:100%;height:auto;overflow:visible}.pebble{transition:transform .5s var(--spring),opacity .35s ease}.pebble-tint{transition:opacity .2s,fill .2s}.pebble-label{font-family:var(--font-serif);font-size:16px;font-weight:500;fill:#fffdf7;paint-order:stroke;stroke:#4e485880;stroke-width:2.5px;pointer-events:none}.pebble-label.is-ghost{fill:#8b7b5c;stroke:none}.no-hit{pointer-events:none}.lab-hit{cursor:pointer;outline:none}.lab-hit:focus-visible{outline:3px solid #C06A45;outline-offset:3px}@media(hover:hover){.lab-hit:hover .pebble path[stroke-dasharray]{stroke:#8e7fb0;fill:#f3eef8}}.lab-caption{font-family:var(--font-hand);font-size:23px;fill:#8b7b5c;pointer-events:none}.lab-arrow{fill:none;stroke:#b9a88a;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.lab-count{font-family:var(--font-sc);font-size:13px;fill:#a0927a}.lab-count.is-strong{font-size:16px;fill:#3b3a2e}.lab-lantern rect:first-of-type{transition:fill .2s}.lab-land-hit{fill:#a99bc4;fill-opacity:0;transition:fill-opacity .2s,fill .2s}@media(hover:hover){.lab-land:hover .lab-land-hit{fill-opacity:.14}}.lab-land.is-chosen .lab-land-hit{fill:#ddb45c;fill-opacity:.2}.lab-land-ring{fill:none;stroke:#cca04b;stroke-width:2.5;stroke-dasharray:5 5;transform-box:fill-box;transform-origin:center;animation:landRing 2.4s ease-in-out infinite}.tail-ghost{fill:#fffdf7;fill-opacity:.7;stroke:#cca04b;stroke-width:2;stroke-dasharray:6 5;transition:fill .2s}.tail-fill{fill:#ddb45c;transform-box:fill-box;transform-origin:0 50%;transition:transform .55s var(--spring)}.lab-tail.is-short .tail-fill{transform:scaleX(.1)}@media(hover:hover){.lab-tail:hover .tail-ghost{fill:#f6e7bf}}.stamp-tray{margin:14px auto 0;max-width:560px;padding:12px 14px 14px;border-radius:18px;background:#fbf5ea;box-shadow:0 0 0 2px #e2cfae;transition:opacity .3s,box-shadow .3s}.stamp-tray:not(.is-open){opacity:.62}.stamp-tray.is-open{box-shadow:0 0 0 2px #cca04b,0 12px 24px -16px #3b3a2e80;animation:pop .45s var(--spring) both}.stamp-title{display:block;margin-bottom:9px;font-family:var(--font-sc);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#3b3a2e99}.chooser-pill:disabled{cursor:not-allowed;box-shadow:0 4px #d9cbb0;border-color:#d9cbb0;color:#3b3a2e80}.version-shelf{margin:18px auto 0;max-width:640px}.version-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:7px}.version-chip{position:relative;display:inline-flex;align-items:center;gap:4px;padding:4px 10px 4px 6px;border-radius:14px;border:2px solid #E2CFAE;background:#fffdf7;animation:pop .45s var(--spring) both;transition:border-color .2s,transform .25s var(--spring),background .2s}@media(hover:hover){.version-chip:hover{transform:translateY(-2px);border-color:#a99bc4}}.version-chip.is-current{border-color:#cca04b;background:#fbf1d9}.version-stamp{display:inline-flex}.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 landRing{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}@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{.perch-board{position:relative;overflow:hidden;border-radius:28px;border:2px solid #EADBC0;background:#fbf5eab3;box-shadow:inset 0 1px #fff,0 18px 40px -28px #3b3a2e59}.perch-scene{position:relative}.perch-hills{position:absolute;left:0;bottom:0;width:100%;height:90px}.perch-scene.is-cliffs{background:linear-gradient(#f8e4d6,#f6ede3 55%,#e6ecf2)}.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:4px 16px 20px}.perch-readout .readout-ribbon{margin:6px auto 0}.perch-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:18px 36px}.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}.anim-ribbon{animation:pbRibbon .38s ease-out}.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)}}@keyframes pbRibbon{0%{opacity:0;transform:translateY(6px);filter:blur(2px)}to{opacity:1;transform:none;filter:none}}@media(prefers-reduced-motion:reduce){.pb-bob,.pb-blink,.pb-flutter,.pb-hop,.pb-float,.pb-wave,.rod-hint,.anim-ribbon{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-hop{animation:plankHop .46s cubic-bezier(.22,1,.36,1) both}.plank-wren.is-happy>span{animation:wrenBow .7s .15s 2 ease-in-out}.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 plankHop{0%{transform:translateY(0) scale(1.04,.95)}34%{transform:translateY(-14px) rotate(-3deg) scale(.98,1.03)}66%{transform:translateY(1px) scale(1.05,.94)}to{transform:none}}@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-section{margin-top:48px;text-align:left}.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-cards{display:grid;gap:16px}.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:44px;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}.guide-end{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:52px}}@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{animation:none!important}}@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)}}}@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{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,.shell-strip{list-style:none;display:flex;align-items:center;gap:5px;margin:0;padding:0}.shell-strip{display:none}.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 .island-unit-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;max-width:760px;margin:0 auto 14px}.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:620px){.shell-trail{display:none}.shell-strip{display:flex;justify-content:center;gap:4px;padding:7px 18px 5px;border-bottom:1px solid #E8DCC6;position:relative;z-index:19;background:#f6eedf}.shell-strip .shell-slot{width:24px;height:24px}}@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 .badge-medal{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{animation:badgeGlint 3.2s ease-in-out infinite}@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{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px 30px;padding:26px 30px 18px}.profile-portrait{position:relative;padding:0;border:0;background:none;cursor:pointer;border-radius:50%}.profile-portrait .avatar{display:block;filter:drop-shadow(0 8px 10px #5B3E2333);transition:transform .3s var(--spring)}.profile-portrait:hover .avatar{transform:rotate(-3deg) scale(1.03)}.profile-portrait-edit{position:absolute;right:8px;bottom:10px;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 h1{margin:0;font-size:clamp(2.4rem,5.5vw,3.4rem);line-height:1.05;letter-spacing:-.5px;overflow-wrap:anywhere}.profile-since{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0 0;font-size:19px;color:#6f7f4e}.profile-since .inline-link{font-size:17px}.profile-days{position:relative;margin-top:8px}.profile-today{position:absolute;left:0;top:-12px;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-row{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;margin-top:22px;align-items:start}.profile-card{padding:20px 24px 22px}.profile-card h2{margin:0;font-size:26px}.profile-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}.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 .badge-medal{width:96px;height:96px}.badge-shelf.is-profile .badge-ribbon{max-width:108px;padding-inline:13px;font-size:13px;margin-top:-19px}.profile-progress h2{padding-bottom:10px;border-bottom:1.5px solid #E6D8BF}.profile-progress ul{margin:0;padding:0;list-style:none}.profile-progress li{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid #EADFCB}.profile-progress li:last-child{border-bottom:0;padding-bottom:0}.profile-progress li b{display:block;font-size:26px;font-weight:600;line-height:1}.profile-progress li i{display:block;margin-top:2px;font-style:normal;font-size:16px;color:#8e7c60}.profile-progress-icon{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;color:#fffdf7}.profile-progress-icon.tone-olive{background:#8a9a66;box-shadow:0 3px #6f7f4e}.profile-progress-icon.tone-terra{background:#cc835c;box-shadow:0 3px #995434}.profile-progress-icon.tone-gold{background:#ddb45c;box-shadow:0 3px #b98f3a}.profile-progress-icon.tone-lav{background:#a99bc4;box-shadow:0 3px #8e7fb0}.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)}}.profile-edit{position:absolute;right:4%;bottom:18%;gap:10px}.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:center;gap:6px;color:#9a4a2e!important;font-style:italic}.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:disabled{opacity:.7;cursor:default}.signin-button.is-busy span:after{content:"…"}.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-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 10px;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}.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(max-width:860px){.profile-row{grid-template-columns: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}.profile-account{padding:16px}.signin-buttons,.signin-button{width:100%}.sync-choices{grid-template-columns:1fr}.profile-hero{grid-template-columns:1fr;justify-items:center;text-align:center;padding:22px 16px 14px}.profile-hero .avatar{width:128px;height:128px}.profile-since{justify-content:center}.profile-today{top:-16px}.profile-card{padding:18px 14px}.badge-shelf{--row: 150px;grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}.badge-shelf .badge-medal{width:96px;height:96px}.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 .badge-medal{width:84px;height:84px}.badge-shelf.is-profile .badge-ribbon{max-width:98px;font-size:12px;padding-inline:11px;margin-top:-17px}.profile-edit{position:static;margin:8px auto 0;display:flex}.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,.day-flag,.day-rays,.profile-steam,.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}}.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-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{.welcome-app{display:flex;flex-direction:column}.welcome-top{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;height:62px;padding:0 max(16px,4%);border-bottom:1px solid #E8DCC6;background:#f6eedfe6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.welcome-brand{display:inline-flex;align-items:center;gap:8px;font-size:24px;font-weight:500;letter-spacing:-.4px}.welcome-channel{display:inline-flex;align-items:baseline;gap:6px;font-size:18px;font-weight:500;color:#3b3a2e}.welcome-hash{font-size:22px;color:#a99bc4;font-weight:400}.welcome-topic{margin-left:8px;padding-left:12px;border-left:1px solid #E2CFAE;font-size:15px;font-weight:400;color:#8e7c60}.welcome-skip{justify-self:end;padding:8px 12px;border:0;border-radius:10px;background:none;font-size:16px;color:#7d6c92}.welcome-skip:hover{background:#3b3a2e0a;color:#5c496f}.welcome{width:100%;max-width:780px;margin:0 auto;padding:22px 20px 34vh}.chat-day{display:flex;align-items:center;gap:12px;margin:4px 0 8px;font-family:var(--font-sc);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#a0927a}.chat-day:before,.chat-day:after{content:"";flex:1;height:1px;background:#e2d3b8}.chat-msg{--av: 42px;--gap: 14px;position:relative;display:grid;grid-template-columns:var(--av) minmax(0,1fr);column-gap:var(--gap);padding:2px 10px;border-radius:12px;animation:chatIn .32s var(--ease-smooth) both}.chat-msg:hover{background:#fffdf766}.chat-msg.is-first{margin-top:16px;padding-top:4px}.chat-msg:not(.is-first)>.chat-body{grid-column:2}.chat-avatar{grid-row:span 3;width:var(--av);height:var(--av);border-radius:50%;overflow:hidden;display:grid;place-items:center;margin-top:2px}.chat-avatar.is-guide{background:#dcd0e7;box-shadow:inset 0 0 0 2px #fffdf7}.chat-avatar.is-guide .brand-symbol{color:#a87a2e}.chat-avatar .avatar{display:block;width:var(--av);height:var(--av)}.chat-body{min-width:0}.chat-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;line-height:1.2}.chat-name{font-size:17px;font-weight:600}.from-guide .chat-name{color:#6e5e92}.from-you .chat-name{color:#9a6a42}.chat-tag{align-self:center;padding:2px 6px 1px;border-radius:5px;background:#a99bc4;color:#fffdf7;font-family:var(--font-sc);font-size:11px;letter-spacing:.08em;line-height:1.2}.chat-time{font-size:13px;color:#a0927a}.chat-text{font-size:18px;line-height:1.45;color:#3b3a2e;overflow-wrap:anywhere}.chat-text b{font-weight:600}.chat-msg.is-system{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-top:10px;padding-left:calc(10px + var(--av) + var(--gap) - 26px)}.chat-msg.is-system .chat-text{font-size:16px;color:#6e5a3a}.chat-system-icon{width:16px;text-align:center}.chat-react{display:inline-flex;align-items:center;gap:6px;margin-top:6px;padding:2px 10px;border-radius:9px;border:1.5px solid #E6D8BF;background:#fbf5ea;font-size:16px;transition:border-color .2s,background .2s,transform .2s var(--spring)}.chat-react b{font-size:14px;font-weight:600;color:#8e7c60}.chat-react:hover{border-color:#c9bbdd;transform:translateY(-1px)}.chat-react.is-mine{border-color:#a99bc4;background:#f1ecf7}.chat-react.is-mine b{color:#6e5e92}.chat-typing{display:flex;align-items:center;gap:10px;margin:12px 0 0 10px;font-size:15px;color:#8e7c60}.chat-typing b{font-weight:600;color:#6e5e92}.typing-dots{display:inline-flex;gap:4px;padding:8px 10px;border-radius:12px;background:#fffdf7;border:1px solid #EADBC0}.typing-dots i{width:7px;height:7px;border-radius:50%;background:#a99bc4;animation:typingDot 1.1s ease-in-out infinite}.typing-dots i:nth-child(2){animation-delay:.15s}.typing-dots i:nth-child(3){animation-delay:.3s}.chat-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0 0 66px;animation:chatIn .35s var(--ease-smooth) both}.chat-choice{min-height:46px;padding:8px 18px;border-radius:14px;border:2px solid #E2CFAE;background:#fffdf7;color:#3b3a2e;font-size:17px;line-height:1.2;box-shadow:0 3px #e2cfae;transition:transform .18s var(--spring),border-color .2s,background .2s,box-shadow .18s}.chat-choice:hover{border-color:#a99bc4;transform:translateY(-2px)}.chat-choice:active{transform:translateY(2px);box-shadow:0 1px #e2cfae;transition-duration:.06s}.chat-choice.is-primary{background:#a99bc4;border-color:#a99bc4;color:#fffdf7;box-shadow:0 4px #8e7fb0}.chat-choice.is-primary:hover{background:#b3a6cc;border-color:#b3a6cc}.chat-choice.is-primary:active{box-shadow:0 1px #8e7fb0}.chat-choice.is-quiet{border-color:transparent;background:none;box-shadow:none;color:#7d6c92;padding-inline:10px}.chat-choice.is-quiet:hover{color:#5c496f;text-decoration:underline;text-underline-offset:4px;transform:none}.chat-composer{flex:1 1 320px;max-width:460px;display:flex;align-items:center;gap:8px;padding:5px 5px 5px 16px;border-radius:16px;border:2px solid #E2CFAE;background:#fffdf7;box-shadow:0 3px #e2cfae}.chat-composer:focus-within{border-color:#a99bc4;box-shadow:0 3px #a99bc4}.chat-composer input{flex:1;min-width:0;border:0;background:none;outline:none;font-size:18px;color:#3b3a2e;padding:8px 0}.chat-composer input::placeholder{color:#b5a68a}.chat-send{display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:12px;background:#a99bc4;color:#fffdf7;box-shadow:0 3px #8e7fb0;transition:transform .18s var(--spring),background .2s}.chat-send:hover:not(:disabled){background:#b3a6cc;transform:translateY(-1px)}.chat-send:disabled{background:#d1c6db;box-shadow:0 3px #bfb3ca}.chat-embed{--edge: #A99BC4;margin-top:8px;max-width:520px;padding:14px 16px 16px;border-radius:12px;background:#fffdf7;border:1.5px solid #EADBC0;border-left:5px solid var(--edge);box-shadow:0 12px 26px -20px #5b3e2380}.chat-embed.tone-gold{--edge: #DDB45C}.chat-embed.tone-olive{--edge: #8A9A66}.chat-embed.tone-lav{--edge: #A99BC4}.embed-title{display:block;font-size:19px;font-weight:600;line-height:1.25;color:#3b3a2e}.embed-text{margin:4px 0 0;font-size:16.5px;line-height:1.45;color:#5b5440}.embed-kicker{display:block;margin-bottom:2px;font-family:var(--font-sc);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#6b7f4e}.embed-note{margin:12px 0 0;font-family:var(--font-hand);font-size:23px;line-height:1.1;color:#8e7c60}.embed-rows{margin:10px 0 0;padding:0;list-style:none;display:grid;gap:10px}.embed-rows li{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start;font-size:16.5px;line-height:1.4;color:#5b5440}.embed-rows b{font-weight:600;color:#3b3a2e}.embed-emoji{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#f4efe3;font-size:19px}.embed-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:14px}.embed-spent{display:inline-flex;align-items:center;gap:6px;margin:8px 0 0;font-size:15px;color:#6b7f4e}.chat-embed.is-spent{opacity:.82}.chat-embed.is-account .signin-buttons{margin-top:12px}.chat-embed.is-account .signin-legal{margin-top:10px;max-width:none}.chat-embed.is-game{max-width:700px;padding:14px 14px 12px}.chat-embed.is-game .embed-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:4px}.chat-embed.is-game .hill-scroll{margin:0 -6px}.chat-embed.is-game .hill{max-width:640px}.embed-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 14px;margin-top:2px}.game-caption{margin:0;min-height:30px;font-size:25px;color:#8e7c60}.game-caption b{font-weight:700}.chat-embed.is-solved .game-caption{color:#a87a2e}.chat-embed.is-pfp{max-width:460px}.chat-embed.is-pfp .avatar-option:disabled{cursor:default;opacity:.5;transform:none}.chat-embed.is-pfp .avatar-option.is-on:disabled{opacity:1}.chat-end{height:1px;scroll-margin-bottom:24vh}@keyframes chatIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes typingDot{0%,60%,to{transform:translateY(0);opacity:.55}30%{transform:translateY(-5px);opacity:1}}}@media(max-width:640px){.welcome-top{grid-template-columns:auto 1fr auto;height:56px}.welcome-brand span,.welcome-topic{display:none}.welcome{padding:12px 12px 34vh}.chat-msg{--av: 36px;--gap: 10px;padding-inline:6px}.chat-avatar .avatar,.chat-avatar svg:not(.brand-symbol){width:var(--av);height:var(--av)}.chat-text{font-size:17px}.chat-actions{margin-left:52px}.chat-embed.is-game,.chat-embed.is-pfp{margin-left:calc(-1 * (var(--av) + var(--gap)))}.chat-embed.is-game{padding:12px 8px 10px}.chat-embed.is-game .embed-head{flex-direction:column;gap:8px}.game-caption{font-size:22px}}@media(prefers-reduced-motion:reduce){.chat-msg,.chat-actions{animation:none}.typing-dots i{animation:none;opacity:.8}}