/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y: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-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}}}@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-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.visible\!{visibility:visible!important}.fixed{position:fixed}.relative{position:relative}.static{position:static}.static\!{position:static!important}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.italic{font-style:italic}.underline{text-decoration-line:underline}.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)}.ring{--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)}.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))}}.journal-immersive{--journey-bg:#101c17;--journey-ink:#eef1df;--journey-muted:#aab9a9;--journey-accent:#d6e3a6}:root{--ink:#20352f;--cream:#fff9ed;--paper:#fffdf8;--green:#69ad78;--green-dark:#397b58;--coral:#ff7c68;--yellow:#ffd75d;--line:#eadfc9}*{box-sizing:border-box}.visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}html,body{min-height:100%;margin:0}body{color:var(--ink);background:var(--cream);font-family:Avenir Next,PingFang SC,Microsoft YaHei,sans-serif}button{font:inherit;color:inherit}button:focus-visible{outline-offset:3px;outline:4px solid #53aee9}.app-shell{background:radial-gradient(circle at 50% 0,#fffdf5 0,#fff9ed 54%,#f7efd9 100%);min-height:100dvh;position:relative;overflow:hidden auto}.page-enter{animation:.45s cubic-bezier(.2,.8,.2,1) both page-in}@keyframes page-in{0%{opacity:0;transform:translateY(12px)}}.sky-decor{pointer-events:none;position:fixed;inset:0;overflow:hidden}.sky-decor i{filter:blur(1px);background:#ffffffb3;border-radius:50%;width:130px;height:44px;position:absolute}.sky-decor i:before,.sky-decor i:after{content:"";background:inherit;border-radius:50%;position:absolute}.sky-decor i:before{width:60px;height:60px;bottom:2px;left:22px}.sky-decor i:after{width:70px;height:70px;bottom:0;right:18px}.sky-decor i:first-child{top:13%;left:-30px}.sky-decor i:nth-child(2){top:25%;right:-25px;transform:scale(.7)}.sky-decor i:nth-child(3){bottom:9%;left:12%;transform:scale(.45)}.sky-decor i:nth-child(4){top:6%;right:13%;transform:scale(.38)}.eyebrow{letter-spacing:.18em;color:var(--green-dark);font-size:12px;font-weight:900;display:inline-block}.primary-button,.secondary-button,.hint-button,.check-button{cursor:pointer;border:0;border-radius:20px;min-height:58px;padding:0 24px;font-weight:900;transition:transform .2s,box-shadow .2s}.primary-button,.check-button{background:var(--green);color:#fff;box-shadow:0 7px 0 var(--green-dark),0 14px 28px #2c674a2e}.primary-button:hover,.check-button:hover{box-shadow:0 9px 0 var(--green-dark),0 16px 30px #2c674a33;transform:translateY(-2px)}.primary-button:active,.check-button:active{box-shadow:0 2px 0 var(--green-dark);transform:translateY(5px)}.round-button{cursor:pointer;background:#fffc;border:1px solid #525b451f;border-radius:16px;place-items:center;width:48px;height:48px;font-size:20px;display:grid;box-shadow:0 6px 18px #4f402314}.brand{z-index:2;align-items:center;gap:12px;font-size:20px;font-weight:900;display:flex;position:absolute;top:34px;left:5vw}.brand-mark{background:var(--coral);color:#fff;border-radius:17px;place-items:center;width:48px;height:48px;font-family:Georgia,serif;display:grid;transform:rotate(-5deg);box-shadow:0 6px #ce5949}.home-sound{z-index:2;position:absolute;top:34px;right:5vw}.home-screen{grid-template-columns:48% 52%;align-items:center;min-height:100vh;padding:110px 7vw 80px;display:grid;position:relative}.hero-copy{z-index:2;max-width:650px;position:relative}.hero-copy h1{letter-spacing:-.055em;margin:12px 0 25px;font-size:clamp(50px,5.7vw,86px);line-height:1.02}.hero-copy h1 em{color:var(--coral);font-style:normal;position:relative}.hero-copy h1 em:after{content:"";background:var(--yellow);border-radius:50%;height:8px;position:absolute;bottom:-6px;left:2%;right:2%;transform:rotate(-1deg)}.hero-copy p{color:#66736b;margin:0 0 34px;font-size:clamp(17px,2vw,23px)}.home-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.hero-start{align-items:center;gap:28px;font-size:20px;display:flex}.hero-start b{font-size:25px}.math-start{color:#72581a;cursor:pointer;background:#fff3b5;border:2px solid #d8b64e;border-radius:20px;align-items:center;gap:18px;min-height:58px;padding:0 22px;font-weight:900;transition:all .2s;display:flex;box-shadow:0 7px #d8b64e,0 14px 28px #775b1a1f}.math-start:hover{transform:translateY(-2px);box-shadow:0 9px #d8b64e,0 16px 30px #775b1a24}.math-start:active{transform:translateY(5px);box-shadow:0 2px #d8b64e}.math-start b{background:#fff;border-radius:12px;padding:5px 8px;font-size:18px}.safe-note{color:#7c857e;align-items:center;gap:8px;margin:28px 0 0;font-size:13px;font-weight:700;display:flex}.safe-note span{color:var(--green-dark);background:#dceede;border-radius:50%;place-items:center;width:20px;height:20px;display:grid}.hero-playground{z-index:1;height:min(68vw,670px);position:relative}.sun{background:var(--yellow);color:#fff6c9;border-radius:50%;place-items:center;width:110px;height:110px;font-size:42px;animation:16s linear infinite spin;display:grid;position:absolute;top:4%;right:5%;box-shadow:0 0 0 18px #ffd75d29}@keyframes spin{to{transform:rotate(360deg)}}.animal-bubble{filter:drop-shadow(0 18px 15px #474a371f);border-radius:48% 52% 43% 57%/53% 43% 57% 47%;place-items:center;width:190px;height:215px;animation:4s ease-in-out infinite float;display:grid;position:absolute}.animal-bubble span{filter:drop-shadow(0 7px #ffffff73);font-size:104px}.animal-bubble b{width:66px;height:66px;color:var(--ink);background:#fff;border-radius:22px;place-items:center;font:900 38px Georgia;display:grid;position:absolute;bottom:18px;right:-12px;transform:rotate(8deg);box-shadow:0 8px 20px #32372829}.animal-cat{background:#ffb06f;top:8%;left:13%}.animal-dog{background:#80c9de;animation-delay:-1.5s;top:38%;right:1%;transform:scale(.86)}.animal-fish{background:#9edcaa;animation-delay:-3s;bottom:2%;left:17%;transform:scale(.76)}@keyframes float{50%{translate:0 -16px;rotate:2deg}}.float-letter{background:#fff;border-radius:19px;place-items:center;width:58px;height:58px;font:900 30px Georgia;animation:3s ease-in-out infinite wiggle;display:grid;position:absolute;box-shadow:0 8px #323c2d17}.l-a{color:#e86a59;top:48%;left:5%;transform:rotate(-9deg)}.l-t{color:#608ecb;animation-delay:-1s;top:17%;right:22%}.l-o{color:#9a72c7;animation-delay:-2s;bottom:8%;right:7%}@keyframes wiggle{50%{translate:0 -10px;rotate:8deg}}.grass{background:#a9d47f;border-radius:50% 50% 0 0/35% 35% 0 0;height:85px;position:absolute;bottom:-38px;left:0;right:0}.content-screen,.game-screen{min-height:100vh;padding:24px max(24px,5vw) 70px;position:relative}.top-bar{z-index:3;grid-template-columns:1fr auto 1fr;align-items:center;max-width:1180px;height:64px;margin:auto;display:grid;position:relative}.top-bar>strong{font-size:18px}.top-bar>div{justify-content:flex-end;gap:10px;display:flex}.levels-heading{justify-content:space-between;align-items:end;gap:35px;max-width:1160px;margin:45px auto 28px;display:flex}.levels-heading h1,.settings-card h1{letter-spacing:-.045em;margin:7px 0 5px;font-size:clamp(34px,4vw,56px)}.levels-heading p{color:#718078;margin:0}.progress-card{border:1px solid var(--line);background:#fff;border-radius:25px;width:210px;padding:16px 20px;box-shadow:0 10px 30px #50402612}.progress-card strong{font-size:30px}.progress-card strong small{color:#8c938e;font-size:16px}.progress-card>span{color:#78847d;margin-left:8px;font-size:13px}.progress-card>div{background:#eee8da;border-radius:10px;height:8px;margin-top:10px;overflow:hidden}.progress-card i{background:var(--green);border-radius:inherit;height:100%;transition:width .5s;display:block}.level-grid{grid-template-columns:repeat(4,1fr);gap:18px;max-width:1160px;margin:auto;display:grid}.level-card{cursor:pointer;text-align:center;background:#fff;border:0;border-radius:30px;min-height:235px;padding:18px;transition:transform .22s,box-shadow .22s;position:relative;overflow:hidden;box-shadow:0 10px #3a3b2d12,0 20px 35px #3d37260f}.level-card:not(.locked):hover{transform:translateY(-6px)rotate(-.5deg);box-shadow:0 15px #3a3b2d12,0 26px 40px #3d372617}.level-card:before{content:"";background:linear-gradient(145deg,var(--tone),transparent 60%);opacity:.22;position:absolute;inset:0}.level-number{color:#20352f8c;font-size:13px;font-weight:900;position:absolute;top:15px;left:18px}.level-animal{filter:drop-shadow(0 7px #ffffffb3);margin:10px 0 3px;font-size:65px;display:block;position:relative}.level-card strong{letter-spacing:.1em;font:900 27px Georgia,serif;display:block;position:relative}.level-card small{color:#6e7a73;margin-top:3px;display:block;position:relative}.level-status{color:var(--green-dark);background:#ffffffa6;border-radius:20px;margin-top:15px;padding:7px 13px;font-size:12px;font-weight:900;display:inline-block;position:relative}.level-status.done{color:#fff;background:#477c58}.level-card.locked{filter:grayscale(.5);opacity:.62;cursor:not-allowed}.tone-coral{--tone:#ff806d}.tone-blue{--tone:#68aedf}.tone-pink{--tone:#ff9bb8}.tone-aqua{--tone:#60cfcb}.tone-yellow{--tone:#f7c94e}.tone-sky{--tone:#8ed2ed}.tone-orange{--tone:#e89c5c}.tone-amber{--tone:#fac14f}.tone-brown{--tone:#bd8a67}.tone-lilac{--tone:#b79ad9}.tone-gold{--tone:#e7b54a}.tone-indigo{--tone:#8c9ad7}.tone-green{--tone:#82bf72}.game-screen{flex-direction:column;display:flex}.game-screen>.game-card{margin-top:22px}.game-card{background:#fffdf8f0;border:1px solid #e8ddc7;border-radius:40px;width:min(1040px,100%);min-height:610px;margin:0 auto;padding:34px 45px 30px;position:relative;box-shadow:0 20px 70px #4b3b1e1a}.animal-prompt{text-align:left;justify-content:center;align-items:center;gap:18px;display:flex}.animal-portrait{background:#fff0c6;border-radius:35px;place-items:center;width:105px;height:105px;font-size:68px;display:grid;box-shadow:0 8px #e6c87f}.animal-prompt span{color:#818b85;font-size:12px;font-weight:800}.animal-prompt h1{margin:2px 0 6px;font-size:28px}.speak-button{color:var(--green-dark);cursor:pointer;background:#e8f3e8;border:0;border-radius:18px;padding:7px 12px;font-size:12px;font-weight:800}.show-word{text-align:center;margin-top:40px}.show-word>p,.build-instruction{color:#778179;font-size:15px;font-weight:700}.word-row,.slot-row{justify-content:center;gap:12px;margin:18px auto 38px;display:flex}.word-row span{width:72px;height:82px;color:var(--letter-color);-webkit-text-stroke:2px #ffffffeb;paint-order:stroke fill;text-shadow:0 4px 0 var(--letter-color),0 8px 12px #27332b38,inset 0 2px 0 #fff;place-items:center;font:900 58px/1 Arial Rounded MT Bold,Avenir Next,sans-serif;display:grid}@supports (color:color-mix(in lab, red, red)){.word-row span{text-shadow:0 4px 0 color-mix(in srgb,var(--letter-color) 68%,#25352f),0 8px 12px #27332b38,inset 0 2px 0 #fff}}.word-row span{filter:drop-shadow(0 1px #fff);animation:.85s ease-in-out infinite alternate word-breathe;animation-delay:calc(var(--i,0) * 80ms)}@keyframes word-breathe{to{transform:translateY(-5px)rotate(2deg)}}.auto-progress{color:#78847d;justify-content:center;align-items:center;gap:6px;font-size:13px;font-weight:800;display:flex}.auto-progress i{background:var(--coral);border-radius:50%;width:8px;height:8px;animation:1s ease-in-out infinite auto-dot}.auto-progress i:nth-child(2){animation-delay:.16s}.auto-progress i:nth-child(3){animation-delay:.32s}.auto-progress span{margin-left:8px}@keyframes auto-dot{50%{opacity:.4;transform:translateY(-6px)}}.scatter-scene{place-items:center;height:360px;display:grid;position:relative;overflow:hidden}.scatter-scene>span{width:72px;height:82px;color:var(--letter-color);-webkit-text-stroke:2px #ffffffeb;paint-order:stroke fill;text-shadow:0 4px 0 var(--letter-color),0 10px 16px #27332b38;place-items:center;font:900 56px/1 Arial Rounded MT Bold,Avenir Next,sans-serif;display:grid;position:absolute;top:45%;left:50%}@supports (color:color-mix(in lab, red, red)){.scatter-scene>span{text-shadow:0 4px 0 color-mix(in srgb,var(--letter-color) 68%,#25352f),0 10px 16px #27332b38}}.scatter-scene>span{animation:1.45s cubic-bezier(.17,.84,.25,1) both scatter-pop}.scatter-scene>span:nth-of-type(2n){animation-timing-function:cubic-bezier(.3,1.25,.45,1)}.scatter-scene>strong{color:#6e796f;position:absolute;bottom:2px}.scatter-burst{color:var(--yellow);font-size:94px;animation:.5s ease-in-out both burst-pop}@keyframes scatter-pop{0%{opacity:.25;top:45%;left:50%;transform:translate(-50%,-50%)scale(.65)rotate(0)}35%{opacity:1;transform:translate(-50%,-50%)scale(1.22)rotate(100deg)}to{left:var(--scatter-left);top:var(--scatter-top);transform:translate(-50%,-50%) scale(1) rotate(var(--scatter-rotate));opacity:1}}@keyframes burst-pop{0%{opacity:0;scale:.2}60%{opacity:1;rotate:30deg;scale:1.6}to{opacity:.15;scale:.8}}.build-area{text-align:center;margin-top:20px}.slot-row{gap:clamp(5px,1.2vw,12px);margin-bottom:28px}.letter-slot{width:min(72px,calc((78vw - (var(--word-length) - 1)*6px)/var(--word-length)));aspect-ratio:.88;background:0 0;border:0;border-bottom:3px solid #d8ccb6;place-items:center;max-height:82px;transition:all .2s;display:grid;position:relative}.letter-shadow{color:#0000;-webkit-text-stroke:2px #cfc3ad;opacity:.5;filter:drop-shadow(0 2px #fff);place-items:center;font:900 48px/1 Arial Rounded MT Bold,Avenir Next,sans-serif;display:grid;position:absolute;inset:0}.letter-slot small{display:none}.letter-slot.hinted{filter:drop-shadow(0 6px 7px #f3b83d38);border-bottom-color:#f3b83d;animation:.8s infinite alternate hint-pulse}.letter-slot.wrong{border-bottom-color:#e86c62;animation:.16s linear 4 wrong-shake}.letter-slot.correct{filter:drop-shadow(0 7px 6px #67b67933);border-bottom-color:#67b679;animation:.34s ease-out correct-pop}@keyframes hint-pulse{to{transform:translateY(-3px)}}@keyframes wrong-shake{25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes correct-pop{50%{transform:translateY(-5px)scale(1.08)}}.letter-card{width:100%;min-width:54px;height:100%;min-height:62px;color:var(--letter-color);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;z-index:2;-webkit-text-stroke:2px #fffffff0;paint-order:stroke fill;text-shadow:0 4px 0 var(--letter-color),0 9px 12px #27322b3d;background:0 0;border:0;padding:0;font:900 54px/1 Arial Rounded MT Bold,Avenir Next,sans-serif;position:relative}@supports (color:color-mix(in lab, red, red)){.letter-card{text-shadow:0 4px 0 color-mix(in srgb,var(--letter-color) 67%,#263932),0 9px 12px #27322b3d}}.letter-card{transition:transform .15s,filter .15s}.letter-card:hover{filter:brightness(1.08)saturate(1.08);transform:translateY(-2px)}.letter-card:active{cursor:grabbing;transform:scale(1.12)}.letter-card.locked-letter,.letter-card.locked-letter:hover{opacity:1;cursor:default;filter:saturate(1.05);transform:none}.letter-card i{filter:blur(.3px);background:#fffc;border-radius:50%;width:9px;height:4px;position:absolute;top:17%;left:31%;transform:rotate(-18deg)}.pool-wrap{background:radial-gradient(circle,#fffaf0d1,#f8efdf6b);border:0;border-radius:28px;height:235px;position:relative;overflow:hidden}.pool-wrap:before{content:"";opacity:.65;border:1px dashed #e7dbc5;border-radius:21px;position:absolute;inset:13px}.pool-label{color:#8a7d67;z-index:3;background:#f1e4ca;border-radius:13px;padding:5px 12px;font-size:11px;font-weight:900;position:absolute;top:11px;left:20px}.letter-pool{position:absolute;inset:30px 8px 4px}.scattered-letter{width:70px;height:80px;transition:opacity .2s,transform .2s;position:absolute}.scattered-letter .letter-card{width:70px;height:80px}.game-message{color:#777f78;min-height:25px;margin:14px 0 8px;font-size:13px;font-weight:700}.game-actions{justify-content:center;align-items:center;gap:18px;display:flex}.hint-button{color:#755c19;background:#ffe59a;box-shadow:0 6px #d6b64e}.auto-check-note{color:#77847b;background:#eef4e9;border-radius:16px;padding:10px 14px;font-size:12px;font-weight:800}.drag-ghost{z-index:20;pointer-events:none;width:74px;height:84px;color:var(--letter-color);-webkit-text-stroke:2px #fffffff2;paint-order:stroke fill;text-shadow:0 5px 0 var(--letter-color),0 15px 22px #1f2b2347;place-items:center;font:900 60px/1 Arial Rounded MT Bold,Avenir Next,sans-serif;display:grid;position:fixed;transform:translate(-50%,-58%)rotate(5deg)}@supports (color:color-mix(in lab, red, red)){.drag-ghost{text-shadow:0 5px 0 color-mix(in srgb,var(--letter-color) 65%,#273730),0 15px 22px #1f2b2347}}.drag-ghost{opacity:.96}.success-screen{place-items:center;min-height:100vh;padding:40px 20px;display:grid;position:relative}.success-card{border:1px solid var(--line);text-align:center;z-index:2;background:#fffdf8;border-radius:45px;width:min(560px,100%);padding:46px 45px 35px;position:relative;box-shadow:0 24px 80px #4d371521}.success-badge{background:var(--yellow);color:#fff;border-radius:50%;place-items:center;width:88px;height:88px;margin:-88px auto 20px;font-size:45px;display:grid;box-shadow:0 8px #dba93f,0 0 0 10px #fffdf8}.success-card h1{letter-spacing:-.04em;margin:8px 0 18px;font-size:40px}.success-animal{font-size:95px;line-height:1.1}.success-word{letter-spacing:.14em;color:var(--coral);margin-top:4px;font:900 42px Georgia;display:block}.success-card p{color:#748077;margin:7px 0 13px}.speak-pill{color:var(--green-dark);cursor:pointer;background:#e9f3e6;border:0;border-radius:18px;padding:9px 15px;font-size:12px;font-weight:800}.success-actions{grid-template-columns:1fr 1.2fr;gap:12px;margin:28px 0 18px;display:grid}.secondary-button{color:#655d50;background:#eee6d6;box-shadow:0 6px #d5c9b3}.text-button{color:#748078;cursor:pointer;background:0 0;border:0;font-size:13px;text-decoration:underline}.confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti i{left:calc((var(--i) * 5.7) * 1%);background:hsl(calc(var(--i) * 47deg) 75% 62%);width:10px;height:22px;animation:fall calc(2.4s + (var(--i) % 5) * .25s) linear infinite;animation-delay:calc(var(--i) * -.13s);border-radius:3px;position:absolute;top:-20px}@keyframes fall{to{transform:translateY(110vh)rotate(630deg)}}.settings-card{border:1px solid var(--line);background:#fffdf8;border-radius:38px;width:min(720px,100%);margin:55px auto 0;padding:40px;box-shadow:0 20px 70px #4b3b1e17}.settings-card h1{margin-bottom:4px}.settings-intro{color:#78817c;margin:0 0 30px}.setting-row{border-top:1px solid #eee5d4;justify-content:space-between;align-items:center;padding:20px 0;display:flex}.setting-row>div{align-items:center;gap:15px;display:flex}.setting-icon{background:#f5eddd;border-radius:16px;place-items:center;width:48px;height:48px;font-size:22px;display:grid}.setting-row strong,.setting-row small{display:block}.setting-row small{color:#8b918d;margin-top:4px}.toggle{cursor:pointer;background:#d9d7d0;border:0;border-radius:20px;width:60px;height:34px;padding:4px;transition:all .2s}.toggle i{background:#fff;border-radius:50%;width:26px;height:26px;transition:all .2s;display:block;box-shadow:0 2px 5px #00000026}.toggle.on{background:var(--green)}.toggle.on i{transform:translate(26px)}.mini-progress{color:var(--green-dark);font-size:20px;font-weight:900}.privacy-card{background:#edf6e9;border-radius:24px;gap:17px;margin-top:12px;padding:20px;display:flex}.privacy-card>span{font-size:28px}.privacy-card strong{color:var(--green-dark)}.privacy-card p{color:#68766c;margin:5px 0 0;font-size:13px;line-height:1.65}.reset-button{color:#b06458;cursor:pointer;background:0 0;border:0;margin:25px auto 0;font-size:13px;text-decoration:underline;display:block}.build-area{margin-top:10px}.compact-play-zone{background:linear-gradient(#fffaf033,#f8efdf7a);border:1px dashed #daccb3b8;border-radius:28px;width:min(780px,100%);margin:4px auto 0;padding:10px 18px 6px}.compact-play-zone .slot-row{z-index:3;margin:0 auto 2px;position:relative}.compact-play-zone .pool-wrap{height:165px;margin-top:-6px}.compact-play-zone .letter-pool{inset:22px 8px 2px}.compact-play-zone .pool-label{top:5px}.math-heading .eyebrow{color:#a56f13}.math-levels-screen{background:radial-gradient(circle at 50% 0,#fffdf5 0,#fff8dc 55%,#f5edcf 100%)}.math-level-grid{margin-bottom:30px}.math-level-card strong{letter-spacing:0;font-family:Arial Rounded MT Bold,Avenir Next,sans-serif;font-size:23px}.math-card-icon{font-size:54px}.advanced-tag{color:#fff;z-index:2;background:#6f5aa0;border-radius:14px;padding:5px 9px;font-size:10px;font-weight:900;position:absolute;top:13px;right:14px}.math-section-label{display:none}.math-game-screen{background:radial-gradient(circle at 50% 0,#fffdf5,#fff5ca 62%,#f5e8b9)}.math-game-card{text-align:center;min-height:620px;overflow:visible}.math-visual{letter-spacing:.12em;filter:drop-shadow(0 7px #fffc);place-items:center;min-height:90px;margin-top:0;font-size:clamp(32px,5vw,58px);display:grid}.math-question-label{color:#8a8067;font-size:13px;font-weight:800}.math-question{color:#3d4c43;margin:8px 0 10px;font:900 clamp(40px,6vw,70px)/1.1 Arial Rounded MT Bold,Avenir Next,sans-serif}.math-answer-slot{z-index:4;background:#ffffff7a;border:3px dashed #d0bd84;border-radius:27px;place-items:center;width:88px;height:96px;margin:0 auto;transition:all .2s;display:grid;position:relative;box-shadow:inset 0 -5px #a9873414}.math-answer-slot span{color:#c8b88e;font:900 56px/1 Arial Rounded MT Bold,Avenir Next,sans-serif}.math-answer-slot.wrong{background:#ffe2da;border-color:#e56e61;animation:.16s linear 4 wrong-shake}.math-answer-slot.correct{background:#e2f5df;border-color:#64af75;box-shadow:0 0 0 8px #64af7524}.math-answer-slot.correct span{color:#4d9e62}.math-choice-field{background:radial-gradient(circle,#fff8db 0,#fff8db00 68%);width:min(520px,100%);height:205px;margin:-8px auto 0;position:relative}.math-choice{width:78px;height:88px;position:absolute}.math-choice .letter-card{font-size:64px}.math-message{margin-top:-5px}.math-success-equation{color:#bd7d24;margin:28px 0 12px;font:900 clamp(42px,7vw,68px)/1.15 Arial Rounded MT Bold,Avenir Next,sans-serif;display:block}.math-success-card .success-badge{background:#75b982;box-shadow:0 8px #448457,0 0 0 10px #fffdf8}.math-lesson{flex-direction:column;justify-content:center;align-items:center;min-height:550px;padding:30px 4% 8px;display:flex;position:relative}.lesson-speak{color:#477858;cursor:pointer;background:#edf4e8;border:0;border-radius:18px;padding:9px 13px;font-size:12px;font-weight:900;position:absolute;top:0;right:4px}.number-lesson-scene{justify-content:center;align-items:center;gap:clamp(28px,7vw,82px);width:100%;min-height:190px;display:flex}.lesson-big-number{color:#f27c68;-webkit-text-stroke:4px #fff;paint-order:stroke fill;text-shadow:0 8px #bf594b,0 18px 25px #663f282b;font:900 clamp(110px,18vw,188px)/.85 Arial Rounded MT Bold,Avenir Next,sans-serif;animation:.6s cubic-bezier(.2,1.5,.45,1) both number-arrive}@keyframes number-arrive{0%{opacity:0;transform:scale(.3)rotate(-12deg)}}.lesson-objects{flex-wrap:wrap;justify-content:center;align-items:center;gap:13px;max-width:430px;display:flex}.lesson-objects>span{min-width:52px;animation:.45s cubic-bezier(.2,1.4,.4,1) both lesson-item-in;animation-delay:calc(var(--item-index) * .1s);place-items:center;display:inline-grid;position:relative}.lesson-objects b{filter:drop-shadow(0 5px #ffffffe6);font-size:45px;line-height:1.2}.lesson-objects i{color:#fff;background:#537d68;border-radius:50%;place-items:center;width:23px;height:23px;font-size:11px;font-style:normal;font-weight:900;display:grid;position:absolute;bottom:-4px;right:-3px;box-shadow:0 2px #315845}@keyframes lesson-item-in{0%{opacity:0;transform:translateY(-35px)rotate(-12deg)scale(.5)}}.lesson-operation-scene,.lesson-equal-groups{justify-content:center;align-items:center;gap:24px;width:min(760px,100%);min-height:190px;margin:8px auto 4px;display:flex}.lesson-group{background:#fffbe27a;border:3px dashed #dfca8c;border-radius:45% 55% 48% 52%/55% 44% 56% 45%;flex-direction:column;justify-content:center;align-items:center;gap:13px;min-width:180px;min-height:128px;padding:18px;display:flex}.lesson-group small{color:#756c53;font-weight:900}.lesson-operator{color:#cf7d3f;font:900 54px/1 Arial Rounded MT Bold,Avenir Next,sans-serif}.lesson-subtract .lesson-change{background:#e8f6de80;border-color:#a7c99b}.lesson-objects>span.taken-away{opacity:.22;filter:grayscale();animation:.9s .45s both taken-away;transform:translateY(-18px)scale(.78)}.lesson-objects>span.taken-away:after{content:"×";color:#df6659;font:900 54px/1 sans-serif;position:absolute}@keyframes taken-away{to{opacity:.14;transform:translate(18px,-32px)rotate(15deg)scale(.62)}}.lesson-equal-groups{gap:34px}.lesson-equal-groups .lesson-group{background:#f6ebff70;border-color:#d2b6e7}.divide-groups .lesson-group{background:#e9f0ff80;border-color:#9fb4df}.lesson-explanation{margin-top:5px}.lesson-explanation>span{color:#8b7955;font-size:12px;font-weight:900}.lesson-explanation h1{color:#3d4c43;margin:7px 0;font:900 clamp(38px,6vw,64px)/1.05 Arial Rounded MT Bold,Avenir Next,sans-serif}.lesson-explanation h1 em{color:#f27c68;font-size:1.25em;font-style:normal}.lesson-explanation p{color:#665f50;max-width:650px;margin:0 auto;font-size:17px;font-weight:700;line-height:1.65}.lesson-continue{min-width:210px;min-height:58px;margin-top:22px}.math-practice{width:100%}.discovery-lesson{justify-content:flex-start;padding-top:20px}.discovery-copy{max-width:700px;margin:5px auto 14px}.discovery-copy>span{color:#9b7941;font-size:12px;font-weight:900}.discovery-copy h1{color:#3d4c43;margin:7px 0;font:900 clamp(23px,3.5vw,36px)/1.35 Arial Rounded MT Bold,Avenir Next,sans-serif}.discovery-number-scene,.discovery-operation-scene,.discovery-groups-scene{justify-content:center;align-items:center;gap:40px;width:min(760px,100%);min-height:260px;display:flex}.discovery-object-bank{flex-wrap:wrap;justify-content:center;gap:12px;max-width:500px;display:flex}.discovery-object-bank button{cursor:pointer;background:#fffaf0;border:2px dashed #ddca9c;border-radius:25px;place-items:center;width:68px;height:76px;transition:all .22s;display:grid;position:relative}.discovery-object-bank button:not(:disabled){animation:.85s ease-in-out infinite alternate touch-me;box-shadow:0 7px #e6d19d}.discovery-object-bank button:disabled:not(.acted){opacity:.46}.discovery-object-bank button b{font-size:43px}.discovery-object-bank button i{color:#fff;background:#588667;border-radius:50%;place-items:center;width:27px;height:27px;font-style:normal;font-weight:900;display:grid;position:absolute;bottom:-5px;right:-5px}.discovery-object-bank button.acted{background:#e8f4df;border-color:#75af76;transform:translateY(-5px)}@keyframes touch-me{to{transform:translateY(-7px)rotate(2deg)}}.number-silhouette{color:#0000;-webkit-text-stroke:4px #d7ccb4;place-items:center;width:120px;height:150px;font:900 108px/1 Arial Rounded MT Bold,Avenir Next,sans-serif;transition:all .35s;display:grid}.number-silhouette.revealed{color:#f27c68;-webkit-text-stroke-color:#fff;text-shadow:0 7px #bd584b;animation:.55s cubic-bezier(.2,1.5,.45,1) number-arrive}.discovery-mat{background:#fff9dd;border:3px dashed #d8bd7c;border-radius:44% 56% 49% 51%/54% 43% 57% 46%;flex-wrap:wrap;justify-content:center;align-items:center;gap:13px;min-width:360px;max-width:550px;min-height:170px;padding:28px;display:flex}.discovery-mat span{filter:drop-shadow(0 5px #fff);font-size:48px;transition:all .35s}.discovery-mat span.removed{opacity:.1;transform:translate(35px,-38px)rotate(22deg)scale(.4)}.discovery-mat span.just-added{animation:.42s cubic-bezier(.2,1.4,.4,1) object-drop}@keyframes object-drop{0%{opacity:0;transform:translateY(-65px)scale(.4)}}.action-object-button{cursor:pointer;background:#ffe28a;border:0;border-radius:34px;min-width:130px;min-height:115px;font-size:50px;animation:.85s ease-in-out infinite alternate touch-me;box-shadow:0 8px #d2ae47}.action-object-button small{color:#745c24;margin-top:4px;font-size:12px;font-weight:900;display:block}.action-object-button:disabled{color:#4d8a59;background:#dff0db;animation:none;box-shadow:0 7px #9dc295}.discovery-groups-scene{flex-direction:column;gap:14px}.discovery-group-row{justify-content:center;gap:20px;width:100%;display:flex}.discovery-group{background:#fbf3ff;border:3px dashed #bc9bd5;border-radius:35px;flex-wrap:wrap;flex:1;place-content:center;gap:9px;max-width:280px;min-height:142px;padding:16px;display:flex;position:relative}.discovery-group small{color:#7c608e;font-weight:900;position:absolute;top:8px}.discovery-group i{border:2px dashed #d8c8e4;border-radius:17px;place-items:center;width:52px;height:55px;margin-top:15px;font-size:34px;font-style:normal;transition:all .3s;display:grid}.discovery-group i.filled{background:#eff7e7;border-color:#83b580;animation:.38s cubic-bezier(.2,1.4,.4,1) object-drop}.discovery-groups-scene .action-object-button{min-width:160px;min-height:75px;font-size:38px}.discovery-progress{background:#eee5d1;border-radius:24px;width:min(560px,90%);height:42px;margin:5px auto 0;position:relative;overflow:hidden}.discovery-progress i{background:#cfe6bd;transition:width .35s;position:absolute;inset:0 auto 0 0}.discovery-progress span{z-index:1;color:#5f665b;place-items:center;height:100%;font-size:12px;font-weight:900;display:grid;position:relative}.discovery-continue{margin-top:15px;animation:.4s cubic-bezier(.2,1.5,.45,1) continue-arrive}@keyframes continue-arrive{0%{opacity:0;transform:translateY(15px)scale(.8)}}.lesson-visual-cue{pointer-events:none;justify-content:center;align-items:center;gap:13px;height:74px;margin:0 auto 4px;display:flex}.cue-object,.cue-target{place-items:center;width:64px;height:60px;font-size:38px;display:grid}.cue-target{color:#6e9d70;background:#eff8e7;border:3px dashed #76ad79;border-radius:24px;animation:1.1s ease-in-out infinite alternate cue-target-pulse}.cue-path{color:#8c9b8c;place-items:center;width:105px;height:56px;font-size:30px;display:grid;position:relative}.cue-path b{font-size:30px;animation:1.8s ease-in-out infinite cue-drag;position:absolute;bottom:-5px;left:2px}.cue-path i{opacity:.48;font-style:normal}.lesson-speak{place-items:center;width:44px;height:44px;display:grid;padding:0!important;font-size:21px!important}.source-count-dots{justify-content:center;gap:5px;display:flex;position:absolute;bottom:7px;left:0;right:0}.source-count-dots i,.visual-progress-dots em{background:#bba980;border-radius:50%;width:9px;height:9px;display:block}.source-count-dots i.done,.visual-progress-dots em.done{background:#69ad78;transform:scale(.7)}.visual-progress-dots{gap:8px;display:flex}.visual-complete{color:#477858;align-items:center;gap:5px;font-size:23px;display:flex}.visual-complete em{background:#54845f;border-radius:50%;width:6px;height:6px;animation:.7s ease-in-out infinite auto-dot}.visual-complete em:nth-child(2){animation-delay:.12s}.visual-complete em:nth-child(3){animation-delay:.24s}.visual-retry{color:#dc6f5c;font-size:27px;animation:.45s ease-in-out 2 retry-wiggle}.discovery-progress.needs-help{box-shadow:0 0 0 4px #dc6f5c26}@keyframes cue-drag{0%,15%{transform:translate(0)scale(1)}65%,85%{transform:translate(75px)scale(.92)}to{transform:translate(0)}}@keyframes cue-target-pulse{to{transform:scale(1.04);box-shadow:0 0 0 9px #69ad7829}}@keyframes retry-wiggle{50%{transform:rotate(-24deg)scale(1.15)}}.number-teach-intro{justify-content:center;gap:8px}.number-teach-objects{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;max-width:620px;min-height:115px;display:flex}.number-teach-objects span{opacity:0;width:62px;height:72px;animation:.42s cubic-bezier(.2,1.4,.4,1) forwards number-object-count;animation-delay:calc(var(--count-index) * .24s);place-items:center;display:grid;position:relative}.number-teach-objects b{filter:drop-shadow(0 6px #fff);font-size:46px}.number-teach-objects i{color:#fff;background:#588667;border-radius:50%;place-items:center;width:25px;height:25px;font-size:12px;font-style:normal;font-weight:900;display:grid;position:absolute;bottom:0;right:-2px}.number-teach-link{color:#7aaa78;opacity:0;font-size:35px;animation:.35s 1.65s forwards number-link-in}.number-teach-answer{color:#f27c68;-webkit-text-stroke:4px #fff;paint-order:stroke fill;text-shadow:0 8px #bf594b;opacity:0;font:900 clamp(110px,18vw,170px)/.8 Arial Rounded MT Bold,Avenir Next,sans-serif;animation:.55s cubic-bezier(.2,1.5,.45,1) 1.85s forwards number-answer-in}.number-practice-cue{letter-spacing:.25em;color:#66816d!important;font-size:25px!important}@keyframes number-object-count{0%{opacity:0;transform:translateY(-35px)scale(.4)}to{opacity:1;transform:none}}@keyframes number-link-in{to{opacity:1;transform:translateY(5px)}}@keyframes number-answer-in{0%{opacity:0;transform:scale(.25)rotate(-10deg)}to{opacity:1;transform:none}}.animal-prompt .speak-button{place-items:center;width:44px;height:44px;padding:0;font-size:20px;display:grid}.word-sound-wave{justify-content:center;align-items:center;gap:5px;height:28px;display:flex}.word-sound-wave i{background:#69ad78;border-radius:5px;width:6px;animation:.65s ease-in-out infinite alternate word-wave}.word-sound-wave i:first-child{height:10px}.word-sound-wave i:nth-child(2){height:25px;animation-delay:.12s}.word-sound-wave i:nth-child(3){height:16px;animation-delay:.24s}.teaching-word span{opacity:0;position:relative;animation:.5s cubic-bezier(.2,1.45,.4,1) forwards word-letter-teach!important;animation-delay:calc(var(--i) * .18s)!important}.teaching-word span small{color:#fff;-webkit-text-stroke:0;width:23px;height:23px;text-shadow:none;background:#588667;border-radius:50%;place-items:center;font:900 11px/1 sans-serif;display:grid;position:absolute;bottom:0;right:-2px}.word-drag-cue{color:#758779;justify-content:center;align-items:center;gap:11px;height:58px;display:flex}.word-drag-cue b,.word-drag-cue em{font:900 34px/1 Arial Rounded MT Bold,Avenir Next,sans-serif}.word-drag-cue em{color:#0000;-webkit-text-stroke:2px #cfc3ad;border-bottom:3px solid #d8ccb6}.word-drag-cue span{font-size:27px;animation:1.6s ease-in-out infinite word-cue-drag}.word-drag-cue i{opacity:.55;font-size:25px;font-style:normal}.icon-hint{min-width:58px;padding:0;font-size:22px}.auto-check-note{place-items:center;min-width:46px;display:grid;font-size:21px!important}.game-message:not(.has-message){letter-spacing:.45em}.game-message.has-message span{color:#4a825b;background:#e8f3e8;border-radius:50%;place-items:center;width:30px;height:30px;font-size:21px;display:inline-grid}.stage-scatter .animal-prompt{opacity:.35}.scatter-scene strong{display:none}@keyframes word-wave{to{opacity:.45;transform:scaleY(.45)}}@keyframes word-letter-teach{0%{opacity:0;transform:translateY(-35px)rotate(-9deg)scale(.4)}to{opacity:1;transform:none}}@keyframes word-cue-drag{50%{transform:translate(40px)scale(.9)}}.home-screen:before{content:"";opacity:.52;pointer-events:none;background:url(/art/storybook/home-landscape-v2.png) bottom/cover no-repeat;position:absolute;inset:0}.paper-home-cat{object-fit:contain;filter:drop-shadow(0 12px 8px #5c3c1e24);width:152px;height:178px}.paper-animal-art{object-fit:contain;filter:drop-shadow(0 5px 3px #5c3c1e1f);width:100%;height:100%}.animal-portrait:has(.paper-animal-art){background:#fff9e2c7;padding:4px}.success-animal .paper-animal-art{width:150px;height:150px}.paper-object-art{object-fit:contain;vertical-align:middle;filter:drop-shadow(0 4px 2px #5c3c1e1f);width:1em;height:1em;display:inline-block}.paper-hand-art{object-fit:contain;vertical-align:middle;width:1.35em;height:1.35em;display:inline-block}.word-drag-cue .paper-hand-art{width:45px;height:45px}.cue-path .paper-hand-art{width:42px;height:42px}.number-practice-cue{justify-content:center;align-items:center;gap:10px;display:flex!important}.number-practice-cue .paper-hand-art{width:42px;height:42px}.math-visual .paper-object-art{width:76px;height:76px}.lesson-drag-ghost .paper-object-art{width:70px;height:70px}.number-teach-objects .paper-object-art{width:58px;height:58px}.lesson-scatter-ground .paper-object-art{width:52px;height:52px}.count-drop-zone .paper-object-art{width:46px;height:46px}.cue-object .paper-object-art{width:54px;height:54px}.guide-character{z-index:12;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;filter:drop-shadow(0 9px 7px #44331f29);place-items:end center;width:clamp(92px,10vw,138px);height:clamp(100px,11vw,150px);animation:.38s cubic-bezier(.2,1.35,.45,1) both guide-arrive;display:grid;position:fixed;bottom:8px;right:clamp(8px,2vw,28px)}.guide-character.is-dragging{cursor:grabbing;filter:drop-shadow(0 15px 10px #44331f38);animation:none}.guide-character:before{content:"";filter:blur(4px);background:#4a5b3d26;border-radius:50%;height:10px;position:absolute;bottom:3px;left:13%;right:13%}.guide-character img{object-fit:contain;image-rendering:auto;pointer-events:none;width:100%;height:100%;position:relative}.guide-failed{animation:.18s linear 3 guide-shake}.guide-jumping{width:clamp(105px,12vw,155px)}@keyframes guide-arrive{0%{opacity:0;transform:translateY(16px)scale(.85)}}@keyframes guide-shake{25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media (width<=650px){.guide-character{opacity:.95;width:78px;height:86px;bottom:3px;right:2px}.guide-jumping{width:88px}.game-actions{padding-right:55px}}.guide-letter-cue{width:270px;height:82px;margin:0 auto;position:relative;overflow:visible}.guide-letter-cue>i{opacity:.32;position:absolute;top:29px;left:112px}.guide-letter-cue>em{place-items:center;width:45px;height:48px;display:grid;position:absolute;top:22px;right:16px}.guide-letter-runner{width:86px;height:78px;position:absolute;top:0;left:5px;animation:2.2s ease-in-out infinite little-guide-move!important;display:block!important}.guide-letter-runner img{object-fit:contain;pointer-events:none;width:62px;height:68px;position:absolute;bottom:0;left:0}.guide-letter-runner b{color:#ed785f;filter:drop-shadow(0 4px 3px #42342026);background:#fffdf8f0;border-bottom:3px solid #d8ccb6;border-radius:9px;place-items:center;width:35px;height:41px;font:900 30px/1 Arial Rounded MT Bold,Avenir Next,sans-serif;display:grid;position:absolute;top:19px;right:0}@keyframes little-guide-move{0%,12%{transform:translate(0)}68%,82%{transform:translate(142px)}to{transform:translate(0)}}.lesson-source-tray{background:radial-gradient(circle,#fff1b6,#ffe08a);border-radius:36px;flex:0 150px;place-items:center;width:min(150px,32vw);min-width:96px;min-height:145px;display:grid;box-shadow:inset 0 0 0 2px #bf8e2121}.lesson-drag-source{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#fffdf7;border:0;border-radius:31px;width:min(102px,80%);min-height:104px;animation:.85s ease-in-out infinite alternate touch-me;box-shadow:0 8px #d7b951}.lesson-drag-source:active,.mat-drag-object:active{cursor:grabbing}.lesson-drag-source b{font-size:51px;display:block}.lesson-drag-source small{color:#755f29;font-size:11px;font-weight:900;display:block}.lesson-drag-source:disabled{color:#4e8b59;background:#e8f3e4;animation:none;box-shadow:0 7px #a7c89f}.discovery-drop-zone{transition:all .2s}.discovery-lesson.is-dragging .discovery-drop-zone{animation:.65s ease-in-out infinite alternate drop-pulse;box-shadow:0 0 0 9px #5eaa7221;border-color:#5eaa72!important}@keyframes drop-pulse{to{transform:scale(1.015)}}.count-drop-zone{background:#eef8e1b8;border:3px dashed #9cbc8e;border-radius:48px;flex-direction:column;flex:320px;justify-content:center;gap:14px;width:min(100%,520px);min-width:0;min-height:190px;padding:clamp(14px,3vw,24px);display:flex}.count-drop-zone>small{color:#64815e;font-weight:900}.count-drop-zone>div{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.count-drop-zone span{font-size:clamp(32px,5vw,43px);position:relative}.count-drop-zone span i{color:#fff;background:#588667;border-radius:50%;place-items:center;width:24px;height:24px;font-size:11px;font-style:normal;font-weight:900;display:grid;position:absolute;bottom:-8px;right:-5px}.drop-zone-label{color:#7a704e;width:100%;font-weight:900}.away-drop-zone{background:#fff0e9;border:3px dashed #c9988b;border-radius:42px;flex-direction:column;flex:0 150px;justify-content:center;align-items:center;width:min(150px,100%);min-width:120px;min-height:150px;display:flex}.away-drop-zone b{font-size:58px}.away-drop-zone small,.away-drop-zone span{color:#865e52;font-size:11px;font-weight:900}.mat-drag-object{cursor:grab;touch-action:none;background:0 0;border:0;padding:0;font-size:48px;animation:.85s ease-in-out infinite alternate touch-me}.lesson-drag-ghost{z-index:50;pointer-events:none;filter:drop-shadow(0 14px 10px #37301f47);max-width:80px;max-height:80px;font-size:clamp(44px,7vw,58px);position:fixed;transform:translate(-50%,-65%)rotate(5deg)scale(1.15)}.discovery-group.discovery-drop-zone{transition:all .2s}.lesson-scatter-ground{background:radial-gradient(at 50% 100%,#dac5964d,#0000 66%);border-bottom:5px solid #bba373;border-radius:0 0 50% 50%;flex:0 310px;width:min(310px,44vw);min-width:190px;height:210px;position:relative}.lesson-scatter-ground:after{content:"";filter:blur(3px);background:#876e3e24;border-radius:50%;height:12px;position:absolute;bottom:-7px;left:5%;right:5%}.lesson-scatter-ground>small{color:#827153;font-size:11px;font-weight:900;position:absolute;bottom:5px;left:0;right:0}.lesson-scatter-ground .lesson-drag-source{width:clamp(42px,7vw,58px);height:58px;min-height:0;box-shadow:none;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:0;place-items:center;padding:0;transition:opacity .12s,scale .2s;animation:.8s ease-in-out infinite alternate ground-wiggle;display:grid;position:absolute;translate:-50%}.lesson-scatter-ground .lesson-drag-source b{filter:drop-shadow(0 7px 3px #5b4b2b2e);font-size:43px}.lesson-scatter-ground .lesson-drag-source.picked-up,.mat-drag-object.picked-up{opacity:0;pointer-events:none;animation:none}.lesson-scatter-ground .lesson-drag-source.moved{opacity:0;pointer-events:none;scale:.25}.lesson-scatter-ground .scatter-item-1{top:6%;left:12.5%;rotate:-8deg}.lesson-scatter-ground .scatter-item-2{top:13%;left:37.5%;rotate:7deg}.lesson-scatter-ground .scatter-item-3{top:5%;left:62.5%;rotate:10deg}.lesson-scatter-ground .scatter-item-4{top:11%;left:87.5%;rotate:-5deg}.lesson-scatter-ground .scatter-item-5{top:48%;left:12.5%;rotate:6deg}.lesson-scatter-ground .scatter-item-6{top:55%;left:37.5%;rotate:-10deg}.lesson-scatter-ground .scatter-item-7{top:47%;left:62.5%;rotate:11deg}.lesson-scatter-ground .scatter-item-8{top:54%;left:87.5%;rotate:-5deg}@keyframes ground-wiggle{to{translate:-50% -5px;rotate:2deg}}.mat-drag-object.moved{opacity:0;pointer-events:none;transform:scale(.25)}.discovery-progress.auto-advancing{background:#dcefd4}.auto-next-dots{vertical-align:middle;gap:4px;margin-left:8px;display:inline-flex}.auto-next-dots em{background:#54845f;border-radius:50%;width:6px;height:6px;animation:.7s ease-in-out infinite auto-dot}.auto-next-dots em:nth-child(2){animation-delay:.12s}.auto-next-dots em:nth-child(3){animation-delay:.24s}@media (width<=900px){.home-screen{grid-template-columns:1fr;padding-top:125px}.hero-copy{text-align:center;margin:auto}.hero-copy h1{font-size:clamp(49px,12vw,75px)}.home-actions,.safe-note{justify-content:center}.hero-playground{width:min(620px,100%);height:440px;margin:auto}.level-grid{grid-template-columns:repeat(3,1fr)}.game-card{padding:28px 24px}.stage-track{gap:45px}.stage-track:before{width:180px}}@media (width<=650px){.content-screen,.game-screen{padding:14px 14px 50px}.top-bar{height:58px}.round-button{border-radius:15px;width:44px;height:44px}.home-screen{padding:115px 18px 50px}.brand{top:25px;left:20px}.home-sound{top:25px;right:20px}.hero-copy p{font-size:16px}.hero-playground{height:390px}.animal-bubble{width:145px;height:165px}.animal-bubble span{font-size:80px}.animal-cat{left:7%}.animal-dog{right:0}.animal-fish{left:14%}.sun{width:75px;height:75px;font-size:30px}.levels-heading{flex-direction:column;align-items:start;margin:30px 4px 22px}.progress-card{width:100%}.level-grid{grid-template-columns:repeat(2,1fr);gap:12px}.level-card{min-height:205px;padding:13px}.level-animal{font-size:53px}.level-card strong{font-size:22px}.game-card{border-radius:28px;min-height:650px;padding:22px 13px}.stage-track{gap:24px;margin:17px auto}.stage-track:before{width:130px}.stage-track span{display:none}.animal-prompt{justify-content:flex-start;padding:0 10px}.animal-portrait{border-radius:26px;width:80px;height:80px;font-size:52px}.animal-prompt h1{font-size:23px}.word-row span{-webkit-text-stroke-width:1.5px;width:58px;height:68px;font-size:46px}.slot-row{margin-top:13px}.letter-slot{border-radius:0}.letter-shadow{-webkit-text-stroke-width:1.5px;font-size:36px}.letter-card{-webkit-text-stroke-width:1.5px;border-radius:0;min-width:38px;min-height:46px;font-size:42px}.pool-wrap{height:220px}.scattered-letter,.scattered-letter .letter-card{width:55px;height:64px}.game-actions{gap:9px}.hint-button{border-radius:17px;min-height:52px;padding:0 13px}.auto-check-note{padding:9px 10px}.success-card{border-radius:35px;padding:46px 20px 28px}.success-card h1{font-size:32px}.success-actions{grid-template-columns:1fr}.settings-card{border-radius:30px;margin-top:28px;padding:28px 20px}}@media (width<=390px){.level-grid{grid-template-columns:1fr 1fr}.level-card{min-height:190px}.level-status{padding:6px 9px}.hero-playground{height:340px}.game-card{padding-inline:9px}.build-instruction{margin-bottom:4px}.slot-row{gap:4px}.scattered-letter,.scattered-letter .letter-card{width:48px;min-width:48px;height:58px}.animal-prompt{gap:12px}.animal-portrait{width:70px;height:70px;font-size:45px}.game-message{font-size:12px}.auto-check-note{font-size:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=650px){.home-actions{flex-direction:column;align-items:stretch;padding:0 20px}.hero-start,.math-start{justify-content:space-between}.compact-play-zone{padding:8px 7px 4px}.compact-play-zone .pool-wrap{height:145px}.math-game-card{min-height:590px}.math-visual{min-height:75px}.math-choice-field{height:185px}.math-choice{width:62px;height:72px}.math-choice .letter-card{font-size:52px}.math-answer-slot{width:76px;height:84px}.math-answer-slot span{font-size:48px}.math-lesson{min-height:545px;padding:34px 0 4px}.lesson-speak{top:0;right:0}.discovery-copy{margin-bottom:6px;padding:0 5px}.discovery-copy h1{font-size:21px}.discovery-number-scene,.discovery-operation-scene,.discovery-groups-scene{gap:12px;min-height:270px}.discovery-number-scene{flex-direction:column;min-height:auto}.lesson-source-tray{border-radius:28px;width:min(92px,29vw);min-width:76px;min-height:118px}.lesson-drag-source{border-radius:24px;width:80%;min-height:86px}.lesson-drag-source b{font-size:42px}.lesson-scatter-ground{flex-basis:160px;width:100%;min-width:0;height:160px}.lesson-scatter-ground .lesson-drag-source{width:50px;height:53px}.lesson-scatter-ground .lesson-drag-source b{font-size:37px}.count-drop-zone{flex:none;width:100%;min-width:0;min-height:135px;padding:14px}.count-drop-zone span{font-size:35px}.discovery-operation-scene{flex-direction:column}.discovery-mat{width:100%;min-width:0;min-height:135px;padding:18px}.discovery-mat span,.mat-drag-object{font-size:38px}.away-drop-zone{width:min(140px,100%);min-width:0;min-height:110px}.away-drop-zone b{font-size:44px}.discovery-group-row{flex-wrap:wrap;gap:8px}.discovery-group{flex:130px;min-width:0;min-height:135px;padding:11px 5px}.discovery-group i{width:40px;height:43px;font-size:27px}.discovery-groups-scene .lesson-source-tray{width:130px;min-height:95px}.discovery-progress{margin-top:0}.discovery-continue{min-height:52px;margin-top:11px}}.animal-bubble>span{place-items:center;width:88%;height:88%;display:grid}.animal-bubble>span .paper-animal-art{width:100%;height:100%}.level-animal{place-items:center;height:76px;display:grid}.level-animal .paper-animal-art,.level-animal .paper-object-art{width:74px;height:74px}.math-card-icon{height:68px}.math-card-icon .paper-object-art{width:66px;height:66px}.math-visual{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.math-object-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;max-width:440px;display:inline-flex}.math-visual>b{color:#916f39;font-size:34px}.guide-cue-art{object-fit:contain;width:48px!important;height:58px!important}.discovery-mat .paper-object-art,.mat-drag-object .paper-object-art,.discovery-group .paper-object-art{width:46px;height:46px}.math-success-equation .paper-object-art{width:72px;height:72px}@media (width<=650px){.level-animal{height:60px}.level-animal .paper-animal-art,.level-animal .paper-object-art{width:58px;height:58px}.math-visual .paper-object-art{width:48px;height:48px}.math-object-row{max-width:300px}.guide-cue-art{width:40px!important;height:48px!important}}@media (width<=420px){.math-game-card{padding-inline:8px}.discovery-number-scene{align-items:stretch}.count-drop-zone{border-radius:30px}.count-drop-zone>div{gap:8px}.discovery-copy h1{font-size:19px}.discovery-progress{width:100%}.discovery-progress span{font-size:11px}.lesson-speak{padding:7px 9px;font-size:10px}}@media (height<=720px) and (orientation:landscape){.game-screen{padding-top:10px}.game-screen>.game-card{margin-top:8px}.math-game-card{min-height:auto;padding-block:18px}.math-lesson{min-height:auto;padding-top:24px}.discovery-copy{margin-bottom:4px}.discovery-copy h1{margin:3px 0;font-size:21px}.discovery-number-scene{flex-direction:row;min-height:190px}.discovery-operation-scene,.discovery-groups-scene{min-height:190px}.lesson-source-tray{min-height:105px}.lesson-scatter-ground{flex-basis:270px;width:min(310px,42vw);height:150px}.count-drop-zone{flex:280px;width:auto;min-height:130px}.discovery-progress{height:36px}.lesson-continue{min-height:48px;margin-top:8px}}.photo-start{color:#654676;cursor:pointer;background:#f4e5fa;border:2px solid #b28bc8;border-radius:20px;align-items:center;gap:15px;min-height:58px;padding:0 20px;font-weight:900;display:flex;box-shadow:0 7px #b28bc8}.photo-start:active{transform:translateY(5px);box-shadow:0 2px #b28bc8}.photo-start b{font-size:23px}.photo-screen{background:radial-gradient(circle at 50% 0,#fffdf4,#f5eddb 65%,#e5d5b8)}.photo-card{text-align:center;background:#fffdf8eb;border:1px solid #e6d9c0;border-radius:42px;width:min(760px,100%);margin:34px auto 0;padding:36px;box-shadow:0 20px 70px #4b3b1e1a}.photo-card h1{margin:8px 0;font-size:clamp(32px,5vw,54px)}.photo-card>p{color:#788078;margin:0 0 24px}.camera-stage{aspect-ratio:4/3;cursor:pointer;background:linear-gradient(145deg,#fff8dd,#e9f0d8);border:3px dashed #b69f78;border-radius:36px;place-items:center;width:min(520px,100%);margin:auto;display:grid;position:relative;overflow:hidden}.camera-stage>span{filter:drop-shadow(0 7px #fff);font-size:76px}.camera-stage>i{background:#f38a70;border-radius:50%;width:12px;height:12px;animation:1s ease-in-out infinite auto-dot;position:absolute}.camera-stage>i:first-of-type{bottom:20%;left:35%}.camera-stage>i:nth-of-type(2){animation-delay:.16s;bottom:20%;left:50%}.camera-stage>i:nth-of-type(3){animation-delay:.32s;bottom:20%;left:65%}.camera-stage img{object-fit:contain;background:#242921;width:100%;height:100%}.parent-gate{text-align:left;color:#615b4f;background:#f3ede0;border-radius:23px;gap:14px;max-width:600px;margin:22px auto 0;padding:17px 20px;display:flex}.parent-gate>span{font-size:26px}.parent-gate strong{display:block}.parent-gate p{color:#746d60;margin:4px 0 0;font-size:13px;line-height:1.55}@media (width<=650px){.photo-start{justify-content:space-between}.photo-card{border-radius:30px;padding:25px 14px}.camera-stage{border-radius:26px}.parent-gate{padding:14px}}@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-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-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}.anwen-journal.journal-immersive{--journal-bg:var(--journey-bg);--journal-ink:var(--journey-ink);--journal-muted:var(--journey-muted);--journal-green:var(--journey-accent);--journal-rule:#ffffff24}.journal-immersive .journal-header{z-index:4;min-height:100px;position:absolute;top:0;left:50%;transform:translate(-50%)}.journal-immersive .journal-main{width:100%}.journal-immersive .journal-footer{z-index:2;background:var(--journal-bg);position:relative}.journey{isolation:isolate;position:relative}.journey-stage{z-index:-1;pointer-events:none;height:100svh;margin-bottom:-100svh;position:sticky;top:0;overflow:hidden}.journey-stage canvas{width:100%;height:100%;position:absolute;inset:0}.journey-fallback{opacity:.45;background:linear-gradient(90deg,#101c17 5%,#101c1744 70%),url(/blog/road.jpg) 100%/cover;transition:opacity 1s;position:absolute;inset:0}.journey[data-scene=ready] .journey-fallback{opacity:0}.journey-shade{background:linear-gradient(90deg,#101c1733,#0000 45%);position:absolute;inset:0}.journey-glow{background:radial-gradient(at 72% 45%,#50634388,#0000 56%),linear-gradient(120deg,#101c17,#182c20);position:absolute;inset:0}.journey-section{align-items:center;width:min(1200px,100% - 96px);min-height:100svh;margin:auto;padding:120px 0 100px;scroll-margin-top:0;display:flex;position:relative}.journey-copy{width:49%;max-width:580px}.journey-eyebrow{letter-spacing:.2em;color:#c0d3ab;margin-bottom:30px;font-size:.75rem;display:block}.journey-copy h1,.journey-copy h2{letter-spacing:-.035em;text-wrap:balance;font-family:Songti SC,STSong,serif;font-size:clamp(48px,5.5vw,82px);font-weight:400;line-height:1.3}.journey-copy h1 span,.journey-copy h2 span{color:#c6d7a0}.journal-immersive .journey-copy>p{color:#b9c7b5;margin-top:28px;font-size:1.0625rem;line-height:2}.journey-link{border-bottom:1px solid #9cad7c;justify-content:space-between;align-items:center;gap:50px;margin-top:36px;padding:14px 0;font-size:1rem;display:inline-flex}.journey-link>span{font-size:24px;transition:transform .25s}.journey-link:hover>span{transform:translate(4px,-4px)}.journey-caption{letter-spacing:.13em;color:#b3c3a6;justify-content:space-between;font-size:.75rem;display:flex;position:absolute;bottom:35px;left:0;right:0}.journey-right{justify-content:flex-end}.journey-posts{margin-top:28px}.journey-posts>a{border-top:1px solid var(--journal-rule);padding:22px 0;display:block}.journey-posts>a>div{color:#bdcbaa;justify-content:space-between;gap:14px;font-size:.75rem;display:flex}.journal-immersive .journey-posts h3{justify-content:space-between;gap:20px;margin-top:10px;font-size:1.375rem;font-weight:500;display:flex}.journal-immersive .journey-posts p{color:#b9c7b5;margin-top:8px;font-size:1rem}.journey-notes h2{font-size:clamp(42px,4.5vw,66px)}.journal-immersive a:focus-visible{outline-color:#dfedb1}.journey-tools{z-index:6;align-items:center;gap:12px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.journey-index{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#101c17d9;border:1px solid #d0dfb62b;border-radius:40px;padding:5px;display:flex;box-shadow:0 12px 40px #0003}.journey-index a{white-space:nowrap;color:#bbc9b1;border-radius:30px;align-items:center;gap:8px;min-height:44px;padding:9px 16px;font-size:.875rem;transition:background .25s,color .25s;display:flex}.journey-index a[aria-current],.journey-index a:hover{color:#172217;background:#d5e3af}.journey-index-number{opacity:.65;font-size:.75rem}.journey-motion{color:#c7d4bc;font:inherit;cursor:pointer;white-space:nowrap;background:#101c17e8;border:1px solid #d0dfb62b;border-radius:30px;min-height:44px;padding:12px 16px;font-size:.875rem}.journey-motion:focus-visible{outline-offset:4px;outline:2px solid #d5e3af}.journey-motion:hover{background:#2f432c}.journey-road{width:280px;max-width:100%;margin-top:36px;display:block}.journey-road img{object-fit:cover;border-radius:2px;width:100%;height:110px;display:block}.journey-road>span{color:#b9c7b5;margin-top:10px;font-size:.8125rem;display:block}.journey-caption{bottom:105px}.journal-immersive .journal-footer{padding-bottom:115px}@supports (animation-timeline:view()){@keyframes journey-copy-arrive{0%{opacity:.2;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.journey-section:not(.journey-intro) .journey-copy{animation:linear both journey-copy-arrive;animation-timeline:view();animation-range:entry entry 85%}.journey[data-motion=paused] .journey-copy{animation:none}}@media (width<=760px){.journal-immersive .journal-header{gap:16px;width:calc(100% - 40px);min-height:82px}.journal-immersive .journal-logo>span{display:none}.journal-immersive .journal-header nav{gap:18px;font-size:.875rem}.journal-immersive .journal-play-nav{margin-left:0}.journey-section{align-items:flex-start;width:calc(100% - 48px);min-height:max(950px,130svh);padding:125px 0 340px}.journey-copy{width:100%;max-width:520px}.journey-copy h1,.journey-copy h2{font-size:clamp(42px,9vw,66px)}.journey-eyebrow{margin-bottom:20px}.journal-immersive .journey-copy>p,.journey-link{margin-top:20px}.journey-caption>span:first-child{display:none}.journey-caption{justify-content:flex-end;bottom:100px}.journey-copy{text-shadow:0 2px 24px #101c17}.journey-notes{background:linear-gradient(#101c17ee,#101c17bb);border-radius:2px;width:calc(100% + 24px);margin-inline:-12px;padding:24px}.journey-shade{background:linear-gradient(#101c17ef 0%,#101c17bb 40%,#0000 73%)}.journey-tools{bottom:max(12px,env(safe-area-inset-bottom));flex-direction:column-reverse;gap:8px}.journey-index a{padding:8px 14px}.journey-index-number{display:none}.journey-motion{min-height:36px;padding:6px 14px;font-size:.8125rem}.journey-road{width:230px;margin-top:24px}.journey-road img{height:85px}}@media (width<=380px){.journal-immersive .journal-header nav{gap:12px}.journey-index a{padding:8px 12px}.journal-immersive .journal-logo>b{font-size:28px}}@media (prefers-reduced-motion:reduce){.journey *{scroll-behavior:auto!important;transition:none!important;animation:none!important}.journey-motion{display:none}}.anwen-journal.journal-cycling{--journal-bg:#111a18;--journal-ink:#eef2e9;--journal-muted:#a4b3aa;--journal-green:#d8f58a;--journal-rule:#ffffff26}.journal-cycling .journal-header{min-height:92px}.sports-heading{padding-top:32px}.sports-heading h1{margin:12px 0;font-size:36px;font-weight:400}.sports-heading p{color:var(--journal-muted);line-height:1.8}.sports-tabs{border-bottom:1px solid var(--journal-rule);flex-wrap:wrap;gap:20px;margin-top:24px;display:flex}.sports-tabs button{min-height:44px;color:var(--journal-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 4px}.sports-tabs button[aria-pressed=true]{color:var(--journal-green);border-bottom-color:var(--journal-green)}.sports-tabs button:focus-visible{outline:2px solid var(--journal-green);outline-offset:3px}.sports-empty{min-height:240px;padding:48px 0}.sports-empty h2{font-size:28px;font-weight:400}.sports-empty p{color:var(--journal-muted);margin-top:16px}.cycling-garage{padding-top:38px}.garage-heading{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.garage-kicker{color:var(--journal-green);letter-spacing:.17em;font-size:.75rem}.garage-heading h2{margin-top:12px;font-family:Songti SC,serif;font-size:32px;font-weight:400}.garage-heading h2 span{color:var(--journal-muted);margin-left:24px;font-family:PingFang SC,sans-serif;font-size:1rem;display:inline-block}.garage-heading>a{border-bottom:1px solid var(--journal-green);white-space:nowrap;padding-bottom:8px;font-size:.875rem}.garage-stage{isolation:isolate;background:radial-gradient(at 50% 65%,#6e826442,#0000 65%);height:clamp(360px,48vw,550px);margin-top:20px;position:relative}.garage-wordmark{letter-spacing:-.08em;color:#d8f58a;opacity:.13;pointer-events:none;white-space:nowrap;font-family:Arial Black,Arial,sans-serif;font-size:clamp(100px,20vw,260px);font-weight:900;line-height:1;position:absolute;top:0;left:50%;transform:translate(-50%)}.garage-caption{color:#a4b3aa;letter-spacing:.14em;pointer-events:none;justify-content:space-between;gap:16px;font-size:.75rem;display:flex;position:absolute;top:32%;left:0;right:0}.garage-stage canvas{touch-action:pan-y;cursor:grab;width:100%;height:100%;position:absolute;inset:0}.garage-stage canvas:active{cursor:grabbing}.garage-status{text-align:center;color:#b6c3b7;pointer-events:none;font-size:.875rem;position:absolute;bottom:4px;left:12px;right:12px}.garage-bottom{border-top:1px solid var(--journal-rule);border-bottom:1px solid var(--journal-rule);justify-content:space-between;align-items:center;gap:28px;padding:28px 0 35px;display:flex}.garage-bottom h2{letter-spacing:-.04em;margin-top:8px;font-size:1.875rem;font-weight:600}.garage-bottom h2 span{letter-spacing:0;margin-left:18px;font-size:1rem;font-weight:400;display:inline-block}.garage-bottom p{color:var(--journal-muted);margin-top:5px;font-size:1rem}.garage-views{flex-wrap:wrap;gap:6px;display:flex}.garage-views button{font:inherit;color:var(--journal-ink);cursor:pointer;background:0 0;border:1px solid #ffffff40;border-radius:2px;min-height:44px;padding:10px 18px;font-size:.875rem}.garage-views button[aria-pressed=true]{background:var(--journal-green);color:#152119;border-color:var(--journal-green)}.garage-views button:hover:not(:disabled){border-color:var(--journal-green)}.garage-views button:disabled{opacity:.4;cursor:wait}.garage-views button:focus-visible{outline:2px solid var(--journal-green);outline-offset:4px}.garage-model-note{color:var(--journal-muted);font-size:.75rem;line-height:1.7}.journal-cycling .journal-tag{color:var(--journal-green);background:#d8f58a18}.journal-cycling .journal-category-notes{padding-top:52px;scroll-margin-top:30px}.journal-cycling .journal-section-heading>span{font-size:.875rem}.cycling-data{padding:48px 0 0;scroll-margin-top:24px}.ride-data-heading{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.ride-data-heading h2{margin-top:12px;font-family:Songti SC,serif;font-size:clamp(26px,3vw,36px);font-weight:400}.ride-data-state{color:var(--journal-muted);font-size:.875rem}.ride-totals{border-top:1px solid var(--journal-rule);border-bottom:1px solid var(--journal-rule);grid-template-columns:repeat(4,minmax(0,1fr));margin:30px 0 0;padding:26px 0;display:grid}.ride-totals>div{border-left:1px solid var(--journal-rule);min-width:0;padding:0 28px}.ride-totals>div:first-child{border-left:0;padding-left:0}.ride-totals dt{font-size:1rem}.ride-totals dt>span{letter-spacing:.14em;color:var(--journal-muted);margin-top:4px;font-size:.75rem;display:block}.ride-totals dd{align-items:baseline;gap:14px;margin:10px 0 0;display:flex}.ride-number{font-variant-numeric:tabular-nums;color:var(--journal-green);font-family:Avenir Next,monospace;font-size:clamp(44px,5vw,64px);line-height:1.25}.ride-unit,.ride-metric-note{color:var(--journal-muted);font-size:.875rem}.ride-latest{border-bottom:1px solid var(--journal-rule);grid-template-columns:1fr 2fr;gap:40px;padding:36px 0;display:grid}.ride-latest-intro h3{margin-top:10px;font-size:1.375rem;font-weight:500}.ride-latest-intro p{color:var(--journal-muted);margin-top:16px;font-size:1rem;line-height:1.9}.ride-device{color:var(--journal-muted);margin-top:24px;font-size:.875rem;display:block}.ride-empty{background:linear-gradient(110deg,#d8f58a09,#0000);border-left:2px solid #d8f58a66;align-self:stretch;padding:24px 30px}.ride-empty-label{color:var(--journal-muted);font-size:.875rem}.ride-empty h4{margin:12px 0;font-family:Songti SC,serif;font-size:1.5rem;font-weight:400}.ride-empty p{color:var(--journal-muted);max-width:440px;font-size:1rem;line-height:1.8}.ride-empty-fields{color:var(--journal-muted);flex-wrap:wrap;gap:10px 22px;margin-top:24px;font-size:.875rem;display:flex}.ride-record-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px;margin:24px 0;display:grid}.ride-record-metrics dt,.ride-record time{color:var(--journal-muted);font-size:.875rem}.ride-record-metrics dd{font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:1.125rem}.ride-record .ride-privacy-note{font-size:.875rem}.ride-glass .ride-totals dd{flex-wrap:wrap}.ride-glass .ride-number{overflow-wrap:anywhere}.garage-stage{flex-direction:column;justify-content:flex-end;height:auto;min-height:580px;padding-top:360px;display:flex}.garage-stage canvas{height:calc(100% - 100px)}.garage-status{z-index:2;top:8px;bottom:auto}.ride-glass{z-index:3;-webkit-backdrop-filter:blur(18px)saturate(135%);backdrop-filter:blur(18px)saturate(135%);pointer-events:none;background:linear-gradient(125deg,#d9edc51a,#14211ccc);border:1px solid #efffd13d;border-radius:20px;margin:0 24px 20px;padding:16px 24px 18px;scroll-margin-top:28px;position:relative;box-shadow:inset 0 1px #ffffff1f,0 16px 44px #0003}.ride-glass-heading{color:#e2eadc;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:.875rem;display:flex}.ride-glass-heading>span:last-child{color:#bac9bc}.ride-glass .ride-totals{border:0;margin:14px 0 0;padding:0}.ride-glass .ride-totals>div{padding:0 20px}.ride-glass .ride-totals>div:first-child{padding-left:0}.ride-glass .ride-totals dt{font-size:.875rem}.ride-glass .ride-totals dt>span,.ride-glass .ride-metric-note{display:none}.ride-glass .ride-totals dd{gap:10px;margin-top:4px}.ride-glass .ride-number{font-size:2.625rem}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.ride-glass{background:#1d2b25f2}}@media (width<=760px){.ride-data-heading{flex-wrap:wrap;gap:12px}.ride-totals{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 0}.ride-totals>div{padding:0 18px}.ride-totals>div:nth-child(odd){border-left:0;padding-left:0}.ride-latest{grid-template-columns:1fr;gap:24px}.ride-latest-intro p br{display:none}.ride-device{margin-top:12px}.ride-empty{padding:20px}.journal-cycling .journal-header,.journal-cycling .journal-main,.journal-cycling .journal-footer{width:calc(100% - 40px)}.cycling-garage{padding-top:28px}.garage-heading{align-items:flex-start;gap:16px}.garage-heading h2 span{margin:8px 0 0;display:block}.garage-heading>a{margin-top:28px}.garage-stage{height:auto;min-height:510px;margin-top:32px;padding-top:290px}.garage-stage canvas{height:calc(100% - 140px)}.ride-glass{border-radius:16px;margin:0 0 14px;padding:14px 18px}.ride-glass .ride-totals{gap:12px 0}.ride-glass .ride-totals>div{padding:0 14px}.ride-glass .ride-totals>div:nth-child(odd){padding-left:0}.ride-glass .ride-number{font-size:2rem}.garage-caption{letter-spacing:.06em;font-size:.75rem;top:28%}.garage-caption>span:last-child{display:none}.garage-bottom{flex-wrap:wrap;gap:22px}.garage-bottom>div:first-child{width:100%}.garage-model-note{margin-left:auto}.garage-views button{padding:10px 14px}.journal-cycling .journal-section-heading{flex-wrap:wrap;gap:12px}}.anwen-journal{--journal-bg:#f5f6f3;--journal-ink:#202e28;--journal-muted:#69756e;--journal-green:#316443;--journal-rule:#d6ddd5;background:var(--journal-bg);color:var(--journal-ink);min-height:100dvh;font-family:Avenir Next,PingFang SC,Microsoft YaHei,sans-serif;font-size:16px;line-height:1.7}.anwen-journal a{color:inherit;text-decoration:none}.anwen-journal a:focus-visible,.play-blog-back:focus-visible{outline-offset:6px;outline:3px solid #396846}.anwen-journal h1,.anwen-journal h2,.anwen-journal h3,.anwen-journal p{margin:0}.anwen-journal a{touch-action:manipulation}.journal-header,.journal-main,.journal-footer{width:min(1200px,100% - 96px);margin-inline:auto}.journal-header{border-bottom:1px solid var(--journal-rule);justify-content:space-between;align-items:center;gap:32px;min-height:114px;display:flex}.journal-logo{align-items:center;gap:20px;display:flex}.journal-logo>b{letter-spacing:.05em;font-family:Songti SC,STSong,serif;font-size:36px;font-weight:800;line-height:1}.journal-logo>b>span{color:var(--journal-green)}.journal-logo>span{letter-spacing:.12em;border-left:1px solid var(--journal-rule);color:var(--journal-muted);padding-left:18px;font-size:12px;line-height:1.75}.journal-header nav{align-items:center;gap:36px;font-size:15px;display:flex}.journal-header nav>a{padding-block:10px;position:relative}.journal-header nav>a[aria-current=page]:after{content:"";background:var(--journal-green);height:2px;position:absolute;bottom:2px;left:0;right:0}.journal-header nav>a:hover{color:var(--journal-green)}.journal-play-nav{align-items:center;gap:10px;margin-left:10px;display:flex}.journal-arrow{font-family:Arial,sans-serif;font-size:24px;font-weight:400;line-height:1;transition:transform .2s;display:inline-block}a:hover .journal-arrow{transform:translate(3px,-1px)}.journal-kicker{letter-spacing:.18em;font-size:12px;font-weight:600;line-height:1.5}.journal-hero{grid-template-columns:1fr 1.08fr;align-items:stretch;gap:50px;padding:58px 0 56px;display:grid}.journal-hero-copy{padding:13px 0 8px}.journal-hero-copy>.journal-kicker{color:var(--journal-green)}.journal-hero-copy h1{letter-spacing:.015em;margin:22px 0 24px;font-family:Songti SC,STSong,Noto Serif SC,serif;font-size:clamp(42px,4.7vw,66px);font-weight:500;line-height:1.36}.journal-hero-copy h1>span{color:var(--journal-green)}.journal-hero-copy>p{color:var(--journal-muted);font-size:17px;line-height:1.95}.journal-text-link{align-items:center;gap:24px;font-size:15px;font-weight:600;display:inline-flex}.journal-hero-copy>.journal-text-link{border-bottom:1px solid var(--journal-green);margin-top:28px;padding-bottom:7px}.journal-hero-foot{color:var(--journal-muted);align-items:center;gap:10px;margin-top:46px;font-size:13px;display:flex}.journal-dot{background:#53805d;border-radius:100%;flex-shrink:0;width:7px;height:7px;display:inline-block}.journal-cover{background:#315944;border-radius:2px;min-height:440px;position:relative;overflow:hidden;color:#fff!important}.journal-cover-image{background:linear-gradient(#0000000a 30%,#000000a6),url(/blog/road.jpg) 50% 52%/cover;transition:transform .6s;position:absolute;inset:0}.journal-cover:hover .journal-cover-image{transform:scale(1.025)}.journal-cover-top{z-index:1;letter-spacing:.06em;justify-content:space-between;padding:25px 30px;font-size:13px;display:flex;position:relative}.journal-cover-bottom{position:absolute;bottom:32px;left:32px;right:30px}.journal-cover-bottom h2{margin:6px 0 10px;font-family:Songti SC,STSong,serif;font-size:39px;font-weight:500}.journal-cover-bottom>span:last-child{align-items:center;gap:22px;font-size:14px;display:flex}.journal-divider{border-block:1px solid var(--journal-rule);letter-spacing:.12em;color:var(--journal-muted);justify-content:space-between;padding:15px 0;font-size:12px;display:flex}.journal-content-grid{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:70px;padding:45px 0 50px;scroll-margin-top:25px;display:grid}.journal-section-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:9px;display:flex}.journal-section-heading h2{font-family:Songti SC,STSong,serif;font-size:22px;font-weight:600}.journal-section-heading>span{letter-spacing:.09em;color:var(--journal-muted);font-size:12px}.journal-post{border-bottom:1px solid var(--journal-rule);padding:26px 0 28px;display:block}.journal-post-meta{color:var(--journal-muted);flex-wrap:wrap;align-items:center;gap:15px;font-size:12px;display:flex}.journal-tag{color:#316443;border:1px solid #adc4b1;padding:1px 8px;font-size:12px}.journal-tag.reading{color:#825139;border-color:#ccbfb1}.journal-post-title{justify-content:space-between;align-items:center;gap:15px;margin:13px 0 8px;display:flex}.journal-post-title h3{font-family:Songti SC,STSong,serif;font-size:24px;font-weight:550}.journal-post>p{color:var(--journal-muted);font-size:15px;line-height:1.85}.journal-post:hover h3{color:var(--journal-green)}.journal-game{background:#e9eee4;border:1px solid #dce3d4;border-radius:2px;min-height:100%;padding:25px 28px 26px;display:block}.journal-game-top{color:#5a6a53;justify-content:space-between;align-items:center;display:flex}.journal-game-art{justify-content:center;align-items:center;gap:6px;height:145px;display:flex}.journal-game-art img{object-fit:contain;width:128px;height:128px}.journal-game-art>span{color:#4c724e;font-family:Georgia,serif;font-size:40px;transform:rotate(-10deg)}.journal-game-art>span:last-child{color:#ac7335;align-self:flex-end;margin-bottom:28px;font-size:24px;transform:rotate(9deg)}.journal-game-title{justify-content:space-between;align-items:center;gap:10px;display:flex}.journal-game-title h3{font-family:Songti SC,STSong,serif;font-size:22px;font-weight:600}.journal-game>p{color:#667260;margin:7px 0 18px;font-size:14px}.journal-game>.journal-text-link{font-size:14px}.journal-chapters{border-top:1px solid var(--journal-rule);grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:30px 0 50px;display:grid}.journal-chapters>a{border-left:1px solid var(--journal-rule);padding:0 32px}.journal-chapters>a:first-child{border-left:0;padding-left:0}.journal-chapters>a:last-child{padding-right:0}.journal-chapters>a>span{letter-spacing:.12em;color:var(--journal-muted);font-size:11px}.journal-chapters strong{justify-content:space-between;align-items:center;margin:10px 0 6px;font-family:Songti SC,STSong,serif;font-size:28px;font-weight:500;display:flex}.journal-chapters p{color:var(--journal-muted);font-size:14px}.journal-footer{border-top:1px solid var(--journal-rule);color:var(--journal-muted);justify-content:space-between;align-items:center;gap:20px;padding:25px 0 30px;font-size:12px;display:flex}.journal-footer>a{letter-spacing:.08em;font-weight:600}.journal-footer>p{font-size:13px}.journal-skip{z-index:100;background:#fff;padding:10px 20px;position:fixed;top:-100px;left:20px}.journal-skip:focus{top:10px}.journal-category{border-bottom:1px solid var(--journal-rule);grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding:55px 0 45px;display:grid}.journal-category h1{margin:18px 0 15px;font-family:Songti SC,STSong,serif;font-size:64px;font-weight:500;line-height:1.2}.journal-category h1>span{color:var(--journal-green)}.journal-category.reading h1>span{color:#895243}.journal-category h2{margin:20px 0 9px;font-size:20px;font-weight:500}.journal-category p{color:var(--journal-muted);max-width:400px;font-size:16px;line-height:1.9}.journal-category-photo{background:url(/blog/road.jpg) 50% 45%/cover;border-radius:2px;height:310px}.journal-reading-type{color:#735040;background:#ede9e1;border:1px solid #ded9d0;flex-direction:column;justify-content:center;align-items:center;gap:6px;height:310px;display:flex}.journal-reading-type>span{letter-spacing:.15em;font-family:Songti SC,STSong,serif;font-size:35px}.journal-reading-type>i{letter-spacing:.14em;margin-top:22px;font-size:11px;font-style:normal}.journal-category-notes{max-width:830px;padding:44px 0 30px}.journal-next-note{color:var(--journal-muted);padding:30px 0 55px}.journal-next-note p{margin-top:8px;font-family:Songti SC,STSong,serif;font-size:23px}.journal-article{max-width:780px;margin:auto;padding:45px 0 60px}.journal-back{margin-bottom:36px;font-size:14px;display:inline-block;color:var(--journal-muted)!important}.journal-article h1{margin:20px 0 14px;font-family:Songti SC,STSong,serif;font-size:clamp(32px,4vw,48px);font-weight:550;line-height:1.5}.journal-article-lead{color:var(--journal-muted);border-bottom:1px solid var(--journal-rule);padding-bottom:32px;font-size:19px;line-height:1.9}.journal-prose{padding-top:10px;font-size:18px;line-height:2.1}.journal-prose section{margin-top:27px}.journal-prose h2{margin-bottom:12px;font-family:Songti SC,STSong,serif;font-size:25px;font-weight:600}.journal-article-end{border-top:1px solid var(--journal-rule);color:var(--journal-muted);flex-wrap:wrap;justify-content:space-between;gap:18px;margin-top:48px;padding-top:22px;font-size:14px;display:flex}.journal-article-end a{align-items:center;gap:15px;display:flex}.play-blog-back{color:#365440;z-index:10;background:#fffdf8;align-items:center;gap:9px;padding:10px 17px;font-size:14px;line-height:1.5;text-decoration:none;display:inline-flex;position:relative}.play-blog-bar{background:#fffdf8;border-bottom:1px solid #e8e2d5}.play-blog-bar>.play-blog-back:hover{color:#15271b}.journal-cover-image{background-image:linear-gradient(#0006,#00000005 35%,#000000a6),url(/blog/road.jpg)}.journal-post>p,.journal-game>p,.journal-chapters p{font-size:16px}.play-page>.app-shell{min-height:calc(100dvh - 42px)}@media (prefers-reduced-motion:reduce){.anwen-journal *{transition:none!important}}@media (width>=1600px){.journal-hero{padding-block:70px}.journal-cover{min-height:470px}}@media (width<=1000px){.journal-header,.journal-main,.journal-footer{width:calc(100% - 56px)}.journal-hero{gap:30px}.journal-hero-copy h1{font-size:47px}.journal-content-grid{grid-template-columns:1.35fr 1fr;gap:32px}.journal-game{padding:22px}.journal-game-title h3{font-size:20px}.journal-category{gap:35px}}@media (width<=700px){.journal-header,.journal-main,.journal-footer{width:calc(100% - 36px)}.journal-header{flex-wrap:wrap;gap:20px;min-height:95px;padding-block:22px 15px}.journal-logo>b{font-size:31px}.journal-logo>span{padding-left:12px;font-size:11px;line-height:1.5}.journal-logo{gap:12px}.journal-header nav{justify-content:space-between;gap:22px;width:100%;font-size:14px}.journal-play-nav{margin-left:0}.journal-hero{grid-template-columns:1fr;gap:30px;padding:34px 0}.journal-hero-copy{padding:0}.journal-hero-copy h1{margin:18px 0;font-size:48px;line-height:1.35}.journal-hero-copy>p{font-size:16px}.journal-hero-foot{margin-top:28px}.journal-cover{min-height:340px}.journal-cover-bottom{bottom:25px;left:24px}.journal-cover-bottom h2{font-size:34px}.journal-cover-top{padding:23px}.journal-content-grid{grid-template-columns:1fr;gap:30px;padding:32px 0}.journal-section-heading h2{font-size:22px}.journal-section-heading>span{font-size:11px}.journal-post-title h3{font-size:23px}.journal-game-art{height:125px}.journal-game-title h3{font-size:23px}.journal-game>p{font-size:15px}.journal-chapters{grid-template-columns:1fr;padding-bottom:24px}.journal-chapters>a,.journal-chapters>a:first-child,.journal-chapters>a:last-child{border-left:0;border-bottom:1px solid var(--journal-rule);padding:20px 0}.journal-chapters>a:last-child{border-bottom:0}.journal-chapters strong{font-size:25px}.journal-chapters p{font-size:14px}.journal-footer{flex-wrap:wrap;gap:8px 20px}.journal-footer>p{order:3;width:100%}.journal-footer>span{margin-left:auto}.journal-divider{gap:15px;font-size:11px}.journal-category{grid-template-columns:1fr;gap:28px;padding:35px 0}.journal-category h1{font-size:52px}.journal-category-photo,.journal-reading-type{height:260px}.journal-category h2{font-size:21px}.journal-category-notes{padding-top:30px}.journal-next-note p{font-size:20px}.journal-article{padding-top:27px}.journal-article h1{font-size:33px}.journal-article-lead{font-size:17px}.journal-prose{font-size:17px;line-height:2}.journal-prose h2{font-size:24px}}.reading-switch{border-bottom:1px solid #d5d4cb;gap:32px;display:flex}.reading-switch button{color:#76796f;font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;align-items:baseline;gap:12px;padding:20px 0;font-size:22px;display:flex}.reading-switch button span{letter-spacing:.12em;font-size:10px}.reading-switch button[aria-pressed=true]{color:#263d31;border-bottom-color:#263d31}.reading-switch button:focus-visible{outline-offset:5px;outline:2px solid #56734b}.reading-photo-empty{min-height:300px;padding:72px 0 80px}.reading-photo-empty h2{margin:20px 0;font-size:clamp(24px,4vw,40px);font-weight:500}.reading-photo-empty p{color:#74786e;line-height:1.8}.reading-photo-status{color:#74786e;border-top:1px solid #d5d4cb;margin-top:28px;padding-top:16px;font-size:13px;display:inline-block}@media (width<=600px){.reading-switch{gap:24px}.reading-switch button{flex-direction:column;gap:6px;font-size:20px}.reading-photo-empty{padding:45px 0}}.book-library{color:#f0eadf;background:radial-gradient(at 48% 40%,#343a40,#191e24 75%);margin:32px 0 0;padding:36px 40px 28px;overflow:hidden}.book-library-heading{justify-content:space-between;align-items:start;gap:20px;display:flex}.book-library-heading span{letter-spacing:.12em;color:#b8b8b3;font:10px/1.6 sans-serif}.book-library-heading h2{margin:12px 0;font-size:clamp(22px,3vw,34px);font-weight:400}.book-shelf-scroll{scrollbar-width:thin;scrollbar-color:#787166 transparent;padding:28px 15px 40px;overflow-x:auto}.book-shelf{perspective:1100px;border-bottom:10px solid #564233;justify-content:center;align-items:end;gap:12px;min-width:590px;height:345px;display:flex;box-shadow:0 18px 25px -16px #000}.shelf-slot{width:60px;height:var(--book-height);cursor:pointer;perspective:1000px;color:#f4ebd9;text-align:left;background:0 0;border:0;flex:0 0 60px;padding:0;transition:width .65s,flex-basis .65s;position:relative}.shelf-slot.is-selected{width:calc(var(--book-width) + 30px);flex-basis:calc(var(--book-width) + 30px);z-index:2}.shelf-volume{width:var(--book-width);height:100%;transform-style:preserve-3d;transform-origin:0;transition:transform .75s cubic-bezier(.2,.7,.2,1);display:block;position:absolute;bottom:0;left:12px;transform:rotateY(78deg)}.shelf-slot.is-selected .shelf-volume{transform:translateY(-16px)translateZ(26px)rotateY(-16deg)}.shelf-slot:hover:not(.is-selected) .shelf-volume{transform:translateY(-9px)rotateY(72deg)}.shelf-slot:focus-visible{outline-offset:8px;outline:2px solid #d7c49d}.volume-cover,.volume-spine,.volume-pages{background:var(--binding);backface-visibility:hidden;display:flex;position:absolute}.volume-cover{border:1px solid #ffffff24;border-radius:2px 5px 5px 2px;flex-direction:column;justify-content:space-between;padding:22px 18px 18px 23px;inset:0;overflow:hidden;box-shadow:inset 5px 0 9px #0005,inset 7px 0 1px #fff2,6px 10px 22px #0007}.volume-cover:after{content:"";pointer-events:none;border:1px solid #eedbb23b;position:absolute;inset:9px}.volume-cover small{letter-spacing:.15em;font:8px/1.7 sans-serif}.volume-cover strong{letter-spacing:.09em;max-width:130px;font:30px/1.4 Songti SC,serif}.volume-cover em{letter-spacing:.15em;font-size:10px;font-style:normal}.volume-cover img{object-fit:contain;background:var(--binding);width:100%;height:100%;position:absolute;inset:0}.volume-cover.has-image{border:0;border-radius:1px 3px 3px 1px;padding:0}.volume-cover.has-image:after{background:linear-gradient(90deg,#0003,#0000 3%,#fff2 4%,#0000 7%);border:0;inset:0}.shelf-book-actions{flex-wrap:wrap;gap:14px;margin-top:20px;display:flex}.shelf-book-actions a{color:#f0eadf;border:1px solid #fff5;padding:10px 18px;font-size:13px;text-decoration:none}.shelf-book-actions a:hover,.shelf-book-actions a:focus-visible{background:#ffffff18;outline:1px solid #d7c49d}.volume-cover-art{width:78px;height:78px;box-shadow:12px -5px 0 -1px var(--binding),13px -5px 0 0 #f5e7c366;border:1px solid #f5e7c38a;border-radius:50%;align-self:center}.volume-spine{transform-origin:100%;background:linear-gradient(90deg,#0004,transparent 20%,#fff1 65%,#0004),var(--binding);border:1px solid #ffffff25;flex-direction:column;justify-content:space-between;align-items:center;width:36px;height:100%;padding:16px 0;top:0;left:-36px;transform:rotateY(-90deg)}.volume-spine strong{writing-mode:vertical-rl;letter-spacing:.18em;margin:auto 0;font:19px/1.2 Songti SC,serif}.volume-spine small{font:9px/1 sans-serif}.volume-pages{transform-origin:100%;background:repeating-linear-gradient(90deg,#d8d1bc 0 1px,#eee8d7 1px 3px);width:33px;height:calc(100% - 6px);top:3px;right:0;transform:rotateY(-90deg)}.shelf-bottom{border-top:1px solid #ffffff25;justify-content:space-between;align-items:center;gap:20px;padding-top:25px;display:flex}.shelf-selection{grid-template-columns:auto 1fr;align-items:center;gap:8px 20px;display:grid}.shelf-selection>span{color:#b9b2a5;font:10px monospace}.shelf-selection h3{margin:0;font-size:25px;font-weight:400}.shelf-selection p{color:#b9b2a5;grid-column:2;margin:0;font-size:12px}.shelf-arrows{gap:8px;display:flex}.shelf-arrows button{width:42px;height:42px;color:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff40;border-radius:50%;font-size:19px}.shelf-arrows button:hover,.shelf-arrows button:focus-visible{background:#ffffff18;outline:1px solid #d7c49d}.shelf-description{color:#c4c0b7;max-width:640px;font-size:13px;line-height:1.9}.shelf-description a{margin-left:15px}.shelf-instruction{color:#93968e;margin:24px 0 0;font-size:11px}@media (width<=600px){.book-library{margin-left:-6px;margin-right:-6px;padding:24px 18px}.book-library-heading{display:block}.book-shelf{justify-content:flex-start}.shelf-selection{gap:7px 10px}.shelf-selection h3{font-size:21px}.shelf-arrows button{width:36px;height:36px}}@media (prefers-reduced-motion:reduce){.shelf-slot,.shelf-volume{transition:none}}
/*$vite$:1*/