@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:600;src:url(/assets/baloo-2-latin-600-normal-tIfxVoAe.woff2)format("woff2"),url(/assets/baloo-2-latin-600-normal-B4tNaogw.woff)format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:600;src:url(/assets/baloo-2-latin-ext-600-normal-DiVeaYrH.woff2)format("woff2"),url(/assets/baloo-2-latin-ext-600-normal-CFaB2nBN.woff)format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:800;src:url(/assets/baloo-2-latin-800-normal-BbF3Etk1.woff2)format("woff2"),url(/assets/baloo-2-latin-800-normal-B8BXfZF7.woff)format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:800;src:url(/assets/baloo-2-latin-ext-800-normal-C_Iwmf1s.woff2)format("woff2"),url(/assets/baloo-2-latin-ext-800-normal-D-iCxxqE.woff)format("woff")}@font-face{font-family:Lexend;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/lexend-latin-400-normal-CwRJVcUA.woff2)format("woff2"),url(/assets/lexend-latin-400-normal-CHypAkT3.woff)format("woff")}@font-face{font-family:Lexend;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/lexend-latin-ext-400-normal-D38JI5AK.woff2)format("woff2"),url(/assets/lexend-latin-ext-400-normal-D9P7pMo-.woff)format("woff")}@font-face{font-family:Lexend;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/lexend-latin-600-normal-DdvlkEkX.woff2)format("woff2"),url(/assets/lexend-latin-600-normal-DSBzZxpA.woff)format("woff")}@font-face{font-family:Lexend;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/lexend-latin-ext-600-normal-hDcqLAH9.woff2)format("woff2"),url(/assets/lexend-latin-ext-600-normal-BXtyp5LP.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-cyrillic-600-normal-DJGQ2h05.woff2)format("woff2"),url(/assets/nunito-cyrillic-600-normal-BUjmtIuu.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-cyrillic-800-normal-D3igD7Kl.woff2)format("woff2"),url(/assets/nunito-cyrillic-800-normal-DymMgApb.woff)format("woff")}:root{--c-primary:#e8590c;--c-primary-shade:#b8440a;--c-primary-soft:#ff8a3d;--c-audio:#2f6fe0;--c-audio-shade:#1c4fae;--c-lapis:#1f3c88;--c-lapis-shade:#142a63;--c-turquoise:#12897f;--c-turquoise-shade:#0b5f58;--c-saffron:#f2a93b;--c-saffron-shade:#c9831f;--c-sky:#bde6ff;--c-sky-2:#e8f7ff;--c-grass:#a6db84;--c-grass-2:#86cb63;--c-sand:#f3e3c3;--c-sand-2:#ebd3a6;--c-sand-3:#ddbe84;--c-night:#1e2a4a;--c-surface:#fff;--c-ink:#2d2a4a;--c-ink-soft:#5e5a7a;--c-shade:#2d2a4a29;--c-success:#1e9e5a;--c-success-shade:#157443;--c-success-bg:#dff6e8;--c-try:#8a86a6;--c-try-bg:#f1f1f4;--c-warning:#b7791f;--c-error:#c92a2a;--p-bg:#f4f5f9;--p-surface:#fff;--p-ink:#1b2340;--p-ink-soft:#5b647d;--p-line:#e3e6ef;--p-accent:#3b5bdb;--p-accent-soft:#edf0ff;--f-child:"Baloo 2", "Nunito", system-ui, sans-serif;--f-read:"Lexend", "Nunito", system-ui, sans-serif;--f-parent:"Lexend", "Nunito", system-ui, sans-serif;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--r-sm:12px;--r-md:20px;--r-lg:28px;--r-pill:999px;--press-depth:6px;--t-press:.12s;--t-screen:.25s;--t-feedback:.45s;--t-reward:.8s}.app{--fs-base:clamp(17px, 1.2vmin + 12px, 22px);--tap-min:64px}.app[data-band=toddler]{--fs-base:clamp(20px, 2.2vmin + 10px, 30px);--tap-min:120px}.app[data-band=preschool]{--fs-base:clamp(18px, 1.9vmin + 10px, 26px);--tap-min:88px}.app[data-band=early]{--fs-base:clamp(16px, 1.4vmin + 10px, 22px);--tap-min:64px}.app[data-band=junior]{--fs-base:clamp(15px, 1.2vmin + 10px, 20px);--tap-min:48px}.app{--fs-xs:calc(var(--fs-base) * .75);--fs-sm:calc(var(--fs-base) * .875);--fs-md:var(--fs-base);--fs-lg:calc(var(--fs-base) * 1.35);--fs-xl:calc(var(--fs-base) * 1.8);--fs-2xl:calc(var(--fs-base) * 2.6);--fs-hero:calc(var(--fs-base) * 4)}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--c-sky-2);color:var(--c-ink);font-family:var(--f-child);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}.app{min-height:100dvh;font-size:var(--fs-base);line-height:1.25}h1,h2,h3,p,ol,ul,figure{margin:0}ol,ul{padding:0;list-style:none}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}svg{display:block}:focus-visible{outline:4px solid var(--c-audio);outline-offset:3px}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn{--btn-bg:var(--c-primary);--btn-edge:var(--c-primary-shade);--btn-ink:#fff;min-height:max(var(--tap-min), 2.6em);border-radius:var(--r-md);background:var(--btn-bg);color:var(--btn-ink);font-weight:800;font-size:var(--fs-lg);box-shadow:0 var(--press-depth) 0 var(--btn-edge);margin-bottom:var(--press-depth);transition:transform var(--t-press) ease-out, box-shadow var(--t-press) ease-out;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:.45em;padding:.35em 1.2em;display:inline-flex}.btn:active{transform:translateY(calc(var(--press-depth) - 2px));box-shadow:0 2px 0 var(--btn-edge)}.btn svg{flex:none;width:1.1em;height:1.1em}.btn-audio{--btn-bg:var(--c-audio);--btn-edge:var(--c-audio-shade)}.btn-lapis{--btn-bg:var(--c-lapis);--btn-edge:var(--c-lapis-shade)}.btn-turquoise{--btn-bg:var(--c-turquoise);--btn-edge:var(--c-turquoise-shade)}.btn-saffron{--btn-bg:var(--c-saffron);--btn-edge:var(--c-saffron-shade);--btn-ink:var(--c-ink)}.btn-surface{--btn-bg:var(--c-surface);--btn-edge:var(--c-shade);--btn-ink:var(--c-ink)}.btn-hero{font-size:var(--fs-xl);border-radius:var(--r-lg);padding-inline:1em}.icon-btn{--btn-bg:var(--c-surface);--btn-edge:var(--c-shade);background:var(--btn-bg);width:max(52px,2.4em);height:max(52px,2.4em);color:var(--c-ink);box-shadow:0 4px 0 var(--btn-edge);transition:transform var(--t-press) ease-out;border-radius:50%;flex:none;place-items:center;margin-bottom:4px;display:grid}.icon-btn:active{box-shadow:0 1px 0 var(--btn-edge);transform:translateY(3px)}.icon-btn svg{width:50%;height:50%}.icon-btn-quiet svg{opacity:.5;width:40%;height:40%}.icon-btn-dark{--btn-bg:#ffffff24;--btn-edge:#00000040;color:#fff}.spk{background:var(--c-audio);color:#fff;width:max(48px,2.2em);height:max(48px,2.2em);box-shadow:0 4px 0 var(--c-audio-shade);border-radius:50%;flex:none;place-items:center;margin-bottom:4px;display:inline-grid}.spk:active{box-shadow:0 1px 0 var(--c-audio-shade);transform:translateY(3px)}.spk svg{width:52%;height:52%}.spk-wide{border-radius:var(--r-pill);width:auto;font-weight:800;font-size:var(--fs-lg);gap:.4em;padding:0 1em 0 .7em;display:inline-flex}.spk-wide svg{width:1.1em;height:1.1em}.spk.is-speaking{box-shadow:0 4px 0 var(--c-audio-shade), 0 0 0 .25em #2f6fe04d}.bubble{background:var(--c-surface);border-radius:var(--r-lg);box-shadow:0 4px 0 var(--c-shade);align-items:center;gap:.6em;max-width:100%;padding:.5em 1.1em .5em .5em;display:flex}.bubble p{font-size:var(--fs-lg);text-wrap:balance;min-width:0;font-weight:800;line-height:1.1}.stars{color:var(--c-saffron);gap:.15em;display:inline-flex}.stars svg{width:1.2em;height:1.2em}.stars .off{color:var(--c-sand-3)}.dots{align-items:center;gap:.4em;display:flex}.dots i{width:.6em;height:.6em;box-shadow:inset 0 0 0 2px var(--c-shade);background:#ffffffd9;border-radius:50%}.dots i.done{background:var(--c-success);box-shadow:none}.dots i.now{background:var(--c-primary);width:.9em;height:.9em;box-shadow:none}.caption{left:50%;bottom:max(env(safe-area-inset-bottom), 14px);z-index:50;border-radius:var(--r-pill);color:#fff;max-width:min(92vw,40em);font:600 max(15px, var(--fs-sm)) / 1.3 var(--f-read);pointer-events:none;background:#181628e6;align-items:center;gap:.5em;padding:.45em 1em;display:flex;position:fixed;transform:translate(-50%)}.caption svg{flex:none;width:1.2em;height:1.2em}@keyframes z-pop{50%{transform:scale(1.06)}}@keyframes z-wiggle{25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}@keyframes z-grow{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:none}}@keyframes z-float{50%{transform:translateY(-.3em)}}@keyframes z-pulse{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.45)}}@keyframes z-enter{0%{opacity:0;transform:translateY(12px)}}@media (prefers-reduced-motion:no-preference){.anim-pop{animation:z-pop var(--t-feedback) ease-out}.anim-wiggle{animation:.4s ease-in-out z-wiggle}.anim-grow{animation:z-grow var(--t-reward) cubic-bezier(.3, 1.5, .5, 1) both}.anim-float{animation:3.2s ease-in-out infinite z-float}.anim-enter{animation:z-enter var(--t-screen) ease-out both}.pulse:after{animation:1.9s ease-out infinite z-pulse}}.pulse{position:relative}.pulse:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;border:.22em solid;position:absolute;inset:-.3em}:root{--girih-white:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.45' stroke-width='1.4'%3E%3Crect x='11' y='11' width='18' height='18'/%3E%3Crect x='11' y='11' width='18' height='18' transform='rotate(45 20 20)'/%3E%3Ccircle cx='20' cy='20' r='3'/%3E%3C/g%3E%3C/svg%3E");--girih-sand:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg fill='none' stroke='%23C9A66B' stroke-opacity='.28' stroke-width='1.2'%3E%3Crect x='11' y='11' width='18' height='18'/%3E%3Crect x='11' y='11' width='18' height='18' transform='rotate(45 20 20)'/%3E%3C/g%3E%3C/svg%3E")}.screen{isolation:isolate;flex-direction:column;min-height:100dvh;display:flex;position:relative;overflow:hidden}.screen-body{z-index:1;gap:var(--s-4);width:100%;max-width:1240px;padding:max(env(safe-area-inset-top), var(--s-4)) max(env(safe-area-inset-right), var(--s-4)) max(env(safe-area-inset-bottom), 64px) max(env(safe-area-inset-left), var(--s-4));flex-direction:column;flex:1;margin:0 auto;display:flex;position:relative}.screen-garden{background:linear-gradient(var(--c-sky), var(--c-sky-2) 62%)}.screen-sand{background:var(--c-sand) var(--girih-sand) 0 0 / 64px}.screen-night{background:var(--c-night);color:#f4f1ff}.backdrop{z-index:0;pointer-events:none;position:absolute;inset:0}.backdrop .sun{aspect-ratio:1;background:#ffd25a;border-radius:50%;width:clamp(56px,11vmin,130px);position:absolute;top:6%;right:7%;box-shadow:0 0 0 1.2vmin #ffd25a47,0 0 0 2.6vmin #ffd25a21}.backdrop .hill{border-radius:50%;position:absolute}.backdrop .hill-1{background:var(--c-grass);width:75%;height:62vh;bottom:-34vh;left:-15%}.backdrop .hill-2{background:var(--c-grass-2);width:80%;height:62vh;bottom:-40vh;right:-20%}.backdrop .dune{background:var(--c-sand-2);border-radius:50% 50% 0 0;height:30vh;position:absolute;bottom:-14vh;left:-10%;right:-10%}.backdrop .moon{aspect-ratio:1;border-radius:50%;width:clamp(60px,13vmin,130px);position:absolute;top:9%;right:14%;box-shadow:-2.6vmin 1vmin #f6d776}.topbar{align-items:center;gap:var(--s-3);flex-wrap:wrap;min-height:56px;display:flex}.sp{flex:1}.screen-title{font-size:var(--fs-xl);text-wrap:balance;font-weight:800;line-height:1.05}.art{place-items:center;width:100%;height:100%;display:inline-grid}.art svg,.art img{width:100%;height:100%}.art img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;display:block}.art-photo img{border-radius:.6em;width:auto;max-width:100%;height:auto;max-height:100%}.hudhud{flex:none;width:clamp(80px,16vmin,190px);display:block}.hudhud svg{width:100%;height:auto}.hello{justify-content:center;align-items:center;gap:var(--s-4);flex-wrap:wrap;display:flex}.games{flex-wrap:wrap;flex:1;place-content:center;gap:clamp(16px,4vmin,56px);display:flex}.game{align-items:center;gap:var(--s-2);flex-direction:column;display:flex}.game-btn{width:clamp(var(--tap-min), 26vmin, 290px);aspect-ratio:1;border-radius:var(--r-lg);background:var(--c-surface);box-shadow:0 var(--press-depth) 0 var(--c-shade);margin-bottom:var(--press-depth);transition:transform var(--t-press) ease-out;justify-content:center;align-items:center;gap:4%;padding:0 .7em;display:flex}.game-btn:active{transform:translateY(4px)}.game-btn .art{flex:1;min-width:0;max-width:76%;height:72%}.game-name,.place-name{border-radius:var(--r-pill);background:#ffffffe6;padding:.05em .8em;font-weight:800}.home-foot{display:flex}.garden-hero{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(12px,4vw,48px);margin-top:1vh;display:flex}.garden-hero .hudhud{width:clamp(90px,19vmin,220px)}.garden-cta{align-items:flex-start;gap:var(--s-4);flex-direction:column;display:flex}.places{flex-wrap:wrap;justify-content:center;gap:clamp(12px,3vmin,36px);margin-top:auto;display:flex}.place{align-items:center;gap:var(--s-2);flex-direction:column;display:flex}.place .orb{width:clamp(var(--tap-min), 15vmin, 170px);aspect-ratio:1;background:var(--place);color:#fff;box-shadow:0 var(--press-depth) 0 #0003, inset 0 -.35em 0 #00000014;margin-bottom:var(--press-depth);transition:transform var(--t-press) ease-out;border-radius:50%;place-items:center;display:grid}.place:active .orb{transform:translateY(4px)}.place .orb b{font-size:var(--fs-xl);font-weight:800}.place .orb .art{width:62%;height:62%}.garden-bed{justify-content:center;align-items:flex-end;gap:var(--s-2);flex-wrap:wrap;min-height:clamp(48px,9vmin,90px);display:flex}.bed-flower{width:clamp(28px,5vmin,54px);display:block}.bed-flower svg{width:100%;height:auto}.bed-more{border-radius:var(--r-pill);background:#fff;padding:.1em .6em;font-weight:800}.arch{border-radius:50% 50% var(--r-sm) var(--r-sm) / 26% 26% var(--r-sm) var(--r-sm)}.gates{flex:1;grid-template-columns:repeat(auto-fit,minmax(clamp(130px,15vw,200px),1fr));align-content:center;gap:clamp(12px,2vw,24px);width:100%;max-width:1100px;margin:0 auto;display:grid}.gate{background:var(--gate);color:#fff;width:100%;min-height:clamp(220px,44vh,380px);box-shadow:0 var(--press-depth) 0 #2a234040;margin-bottom:var(--press-depth);transition:transform var(--t-press) ease-out;flex-direction:column;justify-content:flex-end;align-items:center;gap:.5em;padding:1.2em .8em;display:flex;position:relative;overflow:hidden}.gate:active{transform:translateY(4px)}.gate:before,.letter-card:before,.souvenir:before{content:"";background:var(--girih-white) 0 0 / 42px;opacity:.5;height:36%;position:absolute;inset:0 0 auto}.gate>*{position:relative}.gate-icon{width:3.2em;height:3.2em;font-size:var(--fs-lg);background:#ffffff38;border-radius:50%;place-items:center;margin:1.2em 0 auto;font-weight:800;display:grid}.gate-icon .art,.route-chip-icon .art{width:70%;height:70%}.gate-name{font-size:var(--fs-lg);text-align:center;font-weight:800;line-height:1.1}.gate-bar{border-radius:var(--r-pill);background:#ffffff4d;width:80%;height:.45em;overflow:hidden}.gate-bar i{background:#fff;height:100%;display:block}.gate-count{font-size:var(--fs-sm);font-weight:700}.route-chip{background:var(--chip);color:#fff;border-radius:var(--r-pill);align-items:center;gap:.5em;padding:.3em 1em .3em .3em;font-weight:800;display:inline-flex}.route-chip-icon{background:#ffffff38;border-radius:50%;place-items:center;width:2em;height:2em;display:grid}.pill{border-radius:var(--r-pill);background:#fff;align-items:center;gap:.3em;padding:.3em .8em;font-weight:800;display:inline-flex}.pill svg{width:1.2em;height:1.2em;color:var(--c-saffron)}.road-done{border-radius:var(--r-pill);background:#fff;align-self:center;padding:.3em 1em;font-weight:800}.map{flex:1;place-items:center;min-height:0;display:grid}.map-canvas{width:min(100%, calc((100dvh - 8.5em) * var(--ratio)));aspect-ratio:var(--ratio);position:relative}.map-canvas>svg{width:100%;height:100%;position:absolute;inset:0}.road{fill:none;stroke:var(--c-sand-3);stroke-width:34px;stroke-linecap:round}.road-dash{fill:none;stroke:#fff6e2;stroke-width:4px;stroke-dasharray:14 14;stroke-linecap:round}.map-portrait{display:none}.map-portrait .road{stroke-width:24px}@media (max-aspect-ratio:4/5){.map-landscape{display:none}.map-portrait{display:block}}.map-stop{z-index:2;border-radius:50%;place-items:center;width:max(44px,2.3em);height:max(44px,2.3em);display:grid;position:absolute;transform:translate(-50%,-50%)}.map-stop>svg{width:50%;height:50%}.map-stop.is-done{background:var(--c-saffron);color:#fff;box-shadow:0 4px 0 var(--c-saffron-shade)}.map-stop.is-locked{color:#a68955;cursor:default;background:#e6cfa2}.map-stop.is-current{background:var(--c-turquoise);width:max(64px,3.4em);height:max(64px,3.4em);color:var(--c-turquoise);box-shadow:0 6px 0 var(--c-turquoise-shade)}.map-stop.is-current>svg{color:#fff}.map-hudhud{pointer-events:none;width:3em;margin-left:-1.5em;position:absolute;bottom:92%;left:50%}.map-city{z-index:2;flex-direction:column;align-items:center;gap:.15em;display:flex;position:absolute;transform:translate(-50%,-78%)}.map-city>.art{width:2.6em;height:2.8em}.map-city b{font-size:var(--fs-sm);background:var(--c-ink);color:var(--c-sand);white-space:nowrap;border-radius:.4em;padding:0 .5em;font-weight:800}.map-city.is-locked{cursor:default}.map-city.is-locked>.art{opacity:.5}.map-city.is-locked b{background:#9c8257}.map-city.is-current b{background:var(--c-turquoise)}.map-city.is-start{pointer-events:none}.sheet{border-radius:var(--r-lg);width:100%;max-width:1000px;box-shadow:0 6px 0 var(--c-shade);background:#fff;flex:1;margin:0 auto;padding:clamp(16px,3vw,32px)}.sheet-empty{font-size:var(--fs-lg);color:var(--c-ink-soft);margin-bottom:var(--s-4);font-weight:700}.stickers{gap:var(--s-4);grid-template-columns:repeat(auto-fill,minmax(clamp(96px,15vw,150px),1fr));display:grid}.sticker{aspect-ratio:1/1.1;border-radius:var(--r-md);background:#f3f7fb;flex-direction:column;justify-content:center;align-items:center;gap:.3em;width:100%;padding:.6em;display:flex}.sticker .art{aspect-ratio:1;width:70%;height:auto}.sticker b{font-weight:800}.sticker.is-empty{background:0 0;border:3px dashed #cfd8e3}.intro{flex-wrap:wrap;flex:1;justify-content:center;align-items:center;gap:clamp(16px,4vw,56px);display:flex}.letter-card{aspect-ratio:.8;background:var(--c-lapis);color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:.6em;width:clamp(200px,34vmin,360px);padding-top:2em;display:flex;position:relative;overflow:hidden}.letter-card>*{position:relative}.big-letter{font-size:var(--fs-hero);font-weight:800;line-height:1}.intro-side{align-items:flex-start;gap:var(--s-4);flex-direction:column;display:flex}.intro-word{border-radius:var(--r-lg);box-shadow:0 6px 0 var(--c-shade);background:#fff;align-items:center;gap:.8em;padding:.6em 1em .6em .6em;display:flex}.intro-word .art{aspect-ratio:1;width:clamp(70px,14vmin,140px);height:auto}.intro-word p{font-size:var(--fs-2xl);font-weight:800}.intro-word em{color:var(--c-turquoise);font-style:normal}.intro-gloss{color:var(--c-ink-soft);font-weight:700}.intro-number{flex-direction:column}.number-card{border-radius:var(--r-lg);box-shadow:0 6px 0 var(--c-shade);background:#fff;flex-direction:column;align-items:center;gap:.6em;padding:1em 1.6em;display:flex}.big-number{font-size:var(--fs-hero);color:var(--c-primary);font-weight:800;line-height:1}.number-items{flex-wrap:wrap;justify-content:center;gap:.4em;max-width:80vw;display:flex}.number-items .art{aspect-ratio:1;width:clamp(44px,9vmin,90px);height:auto}.poem-page{border-radius:var(--r-lg);gap:var(--s-4);background:#fffdf8;flex-direction:column;width:100%;max-width:40em;padding:clamp(20px,4vw,40px);display:flex;box-shadow:0 8px 24px -12px #24324a66}.poem-page h2{font-size:var(--fs-xl);font-weight:800}.poem{font-family:var(--f-read);font-size:var(--fs-lg);line-height:1.6}.poem .w{border-radius:.25em;transition:background-color .15s}.poem .w.hl{background:#fce38a}.poem-actions{gap:var(--s-3);flex-wrap:wrap;display:flex}.reward{justify-content:center;align-items:center;gap:clamp(8px, 1.8vh, var(--s-4));text-align:center;flex-direction:column;flex:1;display:flex}.reward-bird{width:clamp(64px,14vh,170px)}.reward-title{font-size:min(var(--fs-2xl), 7vh);font-weight:800;line-height:1}.reward-line{font-size:var(--fs-lg);border-radius:var(--r-pill);background:#ffffffe0;padding:.2em .9em;font-weight:700}.reward-stickers{justify-content:center;gap:var(--s-3);flex-wrap:wrap;display:flex}.reward-stickers .sticker{background:#fff;width:clamp(96px,16vmin,150px)}.reward-bed{min-height:clamp(70px,14vmin,130px)}.reward-bed .bed-flower{width:clamp(36px,7vmin,70px)}.reward-bed .bed-flower.is-new{width:clamp(56px,11vmin,110px)}.reward-road{align-items:center;gap:var(--s-4);flex-direction:column;display:flex}.reward-road .stars svg{width:min(2.6em,7vh);height:min(2.6em,7vh)}.souvenir{background:var(--c-lapis);color:#fff;flex-direction:column;align-items:center;gap:.4em;width:clamp(150px,24vh,260px);padding:1.8em 1.4em 1em;display:flex;position:relative;overflow:hidden}.souvenir>*{position:relative}.souvenir .art{aspect-ratio:1.3;width:70%;height:auto}.souvenir b{font-size:var(--fs-lg);display:block}.reward-actions{justify-content:center;gap:var(--s-4);flex-wrap:wrap;display:flex}.rest .screen-body,.center-screen .screen-body{text-align:center;justify-content:center;align-items:center;gap:var(--s-4)}.rest-lock{top:var(--s-4);right:var(--s-4);position:absolute}.rest-bird{width:clamp(110px,24vmin,220px)}.rest h1{font-size:var(--fs-2xl);font-weight:800}.rest p{font-size:var(--fs-lg)}.rest .rest-note{font-family:var(--f-read);font-size:var(--fs-sm);opacity:.75;max-width:28em}.center-text{font-size:var(--fs-lg);font-weight:700}@media (max-width:640px){.garden-cta{align-items:stretch;width:100%}}.act{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(12px,2.6vh,30px);width:100%;min-height:0;display:flex}.stage{justify-content:center;align-items:center;gap:var(--s-3);flex-wrap:wrap;max-width:100%;display:flex}.options{flex-wrap:wrap;justify-content:center;gap:clamp(12px,3vmin,32px);width:100%;display:flex}.tile{background:var(--c-surface);border-radius:var(--r-lg);box-shadow:0 var(--press-depth) 0 var(--c-shade);margin-bottom:var(--press-depth);transition:transform var(--t-press) ease-out, background-color var(--t-press), opacity var(--t-press);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.tile:active{transform:translateY(4px)}.tile-art{width:clamp(var(--tap-min), 24vmin, 250px);aspect-ratio:1}.tile-art .art,.mcard .art{width:76%;height:76%}.app[data-band=toddler] .tile-art{width:clamp(var(--tap-min), 34vmin, 330px)}.options-n4 .tile-art{width:clamp(var(--tap-min), 19vmin, 210px)}.tile-text,.tile-symbol{min-width:clamp(var(--tap-min), 14vmin, 150px);min-height:clamp(var(--tap-min), 14vmin, 150px);padding:.2em .6em}.tile-shape{width:clamp(var(--tap-min), 15vmin, 150px);aspect-ratio:1}.tile-shape svg{width:64%;height:64%}.tile-value{font-size:var(--fs-2xl);font-variant-numeric:tabular-nums;font-weight:800;line-height:1}.act-poem-blank .tile-text{min-height:var(--tap-min);padding:.5em 1em}.act-poem-blank .tile-value{font-family:var(--f-read);font-size:var(--fs-lg);font-weight:600}.tile.is-correct{background:var(--c-success-bg);box-shadow:0 var(--press-depth) 0 var(--c-success)}.tile.is-tried{background:var(--c-try-bg);color:var(--c-try);box-shadow:0 var(--press-depth) 0 #8a86a659}.tile.is-tried .art{filter:grayscale(.7);opacity:.7}.tile-name{text-align:center;color:var(--c-ink);font-weight:800;position:absolute;bottom:.25em;left:0;right:0}.badge-ok{background:var(--c-success);color:#fff;border-radius:50%;place-items:center;width:1.9em;height:1.9em;display:grid;position:absolute;top:-.5em;right:-.5em;box-shadow:0 2px 6px #0003}.badge-ok svg{width:60%;height:60%}.stage-count{border-radius:var(--r-lg);background:#ffffffc7;gap:.4em;max-width:min(100%,36em);padding:.6em}.count-item{aspect-ratio:1;width:clamp(40px,9vmin,92px);position:relative}.count-many .count-item{width:clamp(32px,7vmin,72px)}.count-n{width:1.5em;height:1.5em;font-size:var(--fs-sm);box-shadow:0 2px 4px var(--c-shade);background:#fff;border-radius:50%;place-items:center;font-weight:800;display:grid;position:absolute;bottom:-.3em;left:50%;transform:translate(-50%)}.stage-math{flex-direction:column}.expr{font-size:var(--fs-hero);font-variant-numeric:tabular-nums;align-items:center;gap:.3em;font-weight:800;line-height:1;display:flex}.expr .op{color:var(--c-ink-soft)}.slot{border-radius:var(--r-md);border:.06em dashed var(--c-lapis);min-width:1.2em;color:var(--c-lapis);text-align:center;padding:0 .15em}.slot.filled{border-style:solid;border-color:var(--c-success);background:var(--c-success-bg);color:var(--c-success-shade)}.dots-hint{font-size:var(--fs-lg);letter-spacing:.08em;color:var(--c-audio);border-radius:var(--r-pill);background:#ffffffd9;align-items:center;gap:.5em;padding:.1em .8em;display:flex}.dot-group.minus{color:var(--c-try);text-decoration:line-through}.stage-word{gap:var(--s-4)}.stage-art{aspect-ratio:1;width:clamp(70px,16vmin,160px);height:auto}.letters{gap:.25em;display:flex}.letter{border-radius:var(--r-sm);min-width:1.6em;height:1.9em;font-size:var(--fs-xl);box-shadow:0 4px 0 var(--c-sand-3);background:#fff;place-items:center;padding:0 .2em;font-weight:800;display:grid}.letter.blank{box-shadow:none;border:.1em dashed var(--c-lapis);background:0 0}.letter.filled{background:var(--c-turquoise);color:#fff;box-shadow:0 4px 0 var(--c-turquoise-shade)}.stage-pattern{border-radius:var(--r-lg);background:#ffffffd1;gap:.4em;padding:.5em .8em}.pat{aspect-ratio:1;place-items:center;width:clamp(36px,8vmin,72px);display:grid}.pat svg{width:100%;height:100%}.pat-q{border:.12em dashed var(--c-lapis);border-radius:var(--r-sm);font-size:var(--fs-xl);color:var(--c-lapis);font-weight:800}.pat-q.filled{border-style:solid;border-color:var(--c-success);background:var(--c-success-bg)}.stage-poem{border-radius:var(--r-lg);max-width:34em;font-family:var(--f-read);font-size:var(--fs-lg);background:#fffdf8;flex-direction:column;align-items:flex-start;gap:0;padding:1em 1.4em;line-height:1.55;box-shadow:0 8px 20px -12px #24324a66}.poem-line{color:var(--c-ink-soft)}.poem-line.is-blank{color:var(--c-ink);font-weight:600}.poem-line.rhyme{color:var(--c-ink);-webkit-text-decoration:underline wavy var(--c-primary);text-decoration:underline wavy var(--c-primary);text-underline-offset:.2em}.poem-gap{border-bottom:.12em solid var(--c-ink);text-align:center;min-width:5em;color:var(--c-ink-soft);display:inline-block}.poem-gap.filled{border-color:var(--c-success);color:var(--c-success-shade)}.basket{width:clamp(110px,21vmin,230px);position:relative}.basket>.art{aspect-ratio:1;width:100%;height:auto}.in-basket{aspect-ratio:1;width:38%;height:auto;position:absolute;top:22%;left:31%}.memory-grid{gap:clamp(8px,2vmin,18px);width:min(100%,40em);display:grid}.memory-4{grid-template-columns:repeat(2,1fr);width:min(100%,22em,100dvh - 14em)}.memory-6{grid-template-columns:repeat(3,1fr);width:min(100%,32em,150dvh - 21em)}.memory-8{grid-template-columns:repeat(4,1fr);width:min(100%,40em,200dvh - 28em)}.memory-12{grid-template-columns:repeat(4,1fr);width:min(100%,40em,133dvh - 18.62em)}.mcard{aspect-ratio:1;border-radius:var(--r-md);background:var(--c-lapis);color:#fff;box-shadow:0 5px 0 var(--c-lapis-shade);place-items:center;margin-bottom:5px;display:grid;position:relative}.mcard-back{font-size:var(--fs-2xl);opacity:.55;font-weight:800}.mcard.is-open{color:var(--c-ink);box-shadow:0 5px 0 var(--c-shade);background:#fff}.mcard.is-matched{background:var(--c-success-bg);box-shadow:0 5px 0 var(--c-success)}.mcard-text{font-size:var(--fs-lg);font-weight:800}.order-done,.order-pool{gap:var(--s-2);flex-direction:column;width:min(100%,34em);display:flex}.order-line{min-height:var(--tap-min);text-align:left;border-radius:var(--r-md);font-family:var(--f-read);box-shadow:0 4px 0 var(--c-shade);background:#fff;align-items:center;gap:.6em;margin-bottom:4px;padding:.5em 1em;display:flex}.order-line.is-placed{background:var(--c-success-bg);box-shadow:0 4px 0 var(--c-success)}.order-line b{background:var(--c-success);color:#fff;width:1.6em;height:1.6em;font-family:var(--f-child);border-radius:50%;flex:none;place-items:center;display:grid}.parent{background:var(--p-bg);min-height:100dvh;color:var(--p-ink);font-family:var(--f-parent);padding-block:max(env(safe-area-inset-top), 32px) max(env(safe-area-inset-bottom), 64px);padding-inline:max(16px, env(safe-area-inset-left), calc((100% - 1000px) / 2));font-size:16px;line-height:1.5}.parent h1,.parent h2{text-wrap:balance}.parent :focus-visible{outline:3px solid var(--p-accent);outline-offset:2px}.welcome{place-items:start center;display:grid}.welcome-card{background:var(--p-surface);border:1px solid var(--p-line);border-radius:20px;flex-direction:column;gap:16px;width:min(100%,640px);padding:clamp(20px,5vw,40px);display:flex}.welcome-bird{width:84px}.welcome-card h1{letter-spacing:-.01em;font-size:clamp(1.6rem,4vw,2.1rem);font-weight:600;line-height:1.15}.p-lede{color:var(--p-ink-soft)}.p-form{flex-direction:column;gap:20px;display:flex}.p-field{border:0;flex-direction:column;gap:8px;min-width:0;margin:0;padding:0;display:flex}.p-field>label,.p-field>legend{padding:0;font-size:.95rem;font-weight:600}.p-field>legend{margin-bottom:8px}.p-input{font:inherit;min-height:48px;color:var(--p-ink);background:#fff;border:1px solid #cdd3e1;border-radius:12px;padding:10px 14px}.p-segmented{flex-wrap:wrap;gap:8px;display:flex}.p-segmented label,.p-band{cursor:pointer;background:#fff;border:1px solid #cdd3e1;border-radius:12px;align-items:center;gap:8px;min-height:48px;padding:10px 16px;display:flex;position:relative}.p-segmented label.is-on,.p-band.is-on{border-color:var(--p-accent);box-shadow:inset 0 0 0 1px var(--p-accent);background:var(--p-accent-soft)}.p-segmented label:has(input:focus-visible){outline:3px solid var(--p-accent);outline-offset:2px}.p-band:has(input:focus-visible){outline:3px solid var(--p-accent);outline-offset:2px}.p-segmented input,.p-band input{opacity:0;pointer-events:none;position:absolute}.p-bands{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;display:grid}.p-band{flex-direction:column;align-items:flex-start;gap:2px}.p-band b{font-size:1.05rem}.p-band span{color:var(--p-ink-soft);font-size:.9rem}.p-btn{font:inherit;background:var(--p-accent);color:#fff;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:10px 20px;font-weight:600;display:inline-flex}.p-btn:disabled{opacity:.5;cursor:not-allowed}.p-btn-ghost{color:var(--p-accent);background:#fff;box-shadow:inset 0 0 0 1px #cdd3e1}.p-btn-danger{background:var(--c-error);color:#fff}.p-btn-ghost.p-btn-danger{color:var(--c-error);background:#fff;box-shadow:inset 0 0 0 1px #f0c2c2}.p-link{color:var(--p-accent);text-underline-offset:3px;min-height:44px;font-weight:600;text-decoration:underline}.p-error{color:var(--c-error);font-weight:600}.pgate{place-items:center;display:grid}.pgate-card{border:1px solid var(--p-line);text-align:center;background:#fff;border-radius:20px;flex-direction:column;align-items:center;gap:16px;width:min(100%,420px);padding:32px 24px;display:flex}.pgate-icon{background:var(--p-accent-soft);width:56px;height:56px;color:var(--p-accent);border-radius:50%;place-items:center;display:grid}.pgate-icon svg{width:26px;height:26px}.pgate-card h1{font-size:1.4rem;font-weight:600}.pgate-hold{background:var(--p-accent-soft);width:100%;min-height:64px;color:var(--p-accent);-webkit-user-select:none;user-select:none;touch-action:none;border:1px solid #cdd3e1;border-radius:14px;font-weight:600;position:relative;overflow:hidden}.pgate-hold-fill{transform-origin:0;background:var(--p-accent);position:absolute;inset:0;transform:scaleX(0)}.pgate-hold.is-holding .pgate-hold-fill{animation:linear forwards pgate-fill}.pgate-hold-label{position:relative}.pgate-hold.is-holding .pgate-hold-label{color:#fff}@keyframes pgate-fill{to{transform:scaleX(1)}}.pgate-q{font-variant-numeric:tabular-nums;font-size:2rem;font-weight:600}.pgate-options{gap:12px;display:flex}.pgate-options .p-btn{min-width:80px;font-size:1.2rem}.parent-area{flex-direction:column;gap:20px;display:flex}.p-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.p-header h1{font-size:clamp(1.6rem,4vw,2.2rem);font-weight:600;line-height:1.1}.p-kicker{color:var(--p-ink-soft);font-size:.9rem;font-weight:600}.p-tabs{border-bottom:1px solid var(--p-line);gap:4px;display:flex;overflow-x:auto}.p-tab{font:inherit;min-height:48px;color:var(--p-ink-soft);white-space:nowrap;border-bottom:3px solid #0000;margin-bottom:-1px;padding:12px 16px;font-weight:600}.p-tab[aria-selected=true]{color:var(--p-accent);border-color:var(--p-accent)}.p-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.p-card{border:1px solid var(--p-line);background:#fff;border-radius:16px;flex-direction:column;gap:8px;min-width:0;padding:20px;display:flex}.p-wide{grid-column:1/-1}.p-card h2{letter-spacing:.08em;text-transform:uppercase;color:var(--p-ink-soft);font-size:.8rem;font-weight:600}.p-big{font-variant-numeric:tabular-nums;font-size:2rem;font-weight:600;line-height:1.1}.p-muted{color:var(--p-ink-soft);font-size:.92rem}.p-week{grid-template-columns:repeat(7,1fr);align-items:end;gap:8px;height:170px;display:grid}.p-week li{flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;height:100%;display:flex}.p-bar{background:var(--p-accent);border-radius:6px 6px 2px 2px;width:100%;max-width:36px;min-height:2px}.p-week b{font-variant-numeric:tabular-nums;font-size:.85rem}.p-day{color:var(--p-ink-soft);font-size:.8rem}.p-skills li{border-top:1px solid var(--p-line);grid-template-columns:minmax(0,1fr) auto 8.5em;align-items:center;gap:12px;padding:8px 0;display:grid}.p-meter{gap:3px;display:flex}.p-meter i{background:var(--p-line);border-radius:4px;width:22px;height:8px}.p-meter i.on{background:var(--p-accent)}.p-mastery{background:var(--p-bg);border-radius:99px;justify-self:start;padding:2px 10px;font-size:.85rem;font-weight:600}.m-learning{background:var(--p-accent-soft);color:var(--p-accent)}.m-solid,.m-master{color:#157443;background:#e6f6ee}.p-notes p{margin-top:6px}.p-chips{flex-wrap:wrap;gap:6px;display:flex}.p-chips li{background:var(--p-bg);border-radius:99px;padding:4px 12px}.p-empty{color:var(--p-ink-soft);background:#fff;border:1px dashed #cdd3e1;border-radius:16px;padding:24px}.p-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.p-saved{color:#157443;font-weight:600}.p-danger{border-top:1px solid var(--p-line);padding-top:16px}.p-confirm{background:#fff5f5;border:1px solid #f0c2c2;border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.p-children li{border-top:1px solid var(--p-line);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.p-tag{color:#157443;background:#e6f6ee;border-radius:99px;padding:2px 10px;font-size:.85rem;font-weight:600}@media (max-width:520px){.p-skills li{grid-template-columns:minmax(0,1fr) auto}.p-mastery{grid-column:1/-1}}.p-credits summary{cursor:pointer;align-items:center;min-height:44px;font-weight:600;display:flex}.p-credits ul{color:var(--p-ink-soft);gap:4px;font-size:.85rem;display:grid}.p-credits a{color:var(--p-accent)}.p-courses{flex-direction:column;gap:14px;display:flex}.p-courses li{grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;display:grid}.p-courses .p-meter-bar,.p-courses .p-muted{grid-column:1/-1}.p-meter-bar{background:var(--p-line);border-radius:999px;height:8px;display:block;overflow:hidden}.p-meter-bar i{border-radius:inherit;height:100%;display:block}.p-table{border-collapse:collapse;width:100%;font-size:14px}.p-table td{border-bottom:1px solid var(--p-line);vertical-align:top;padding:10px 8px}.p-table tr:last-child td{border-bottom:0}.p-tips{flex-direction:column;gap:6px;margin-bottom:10px;padding-left:1.3em;list-style:outside;display:flex}@media (max-width:640px){.p-table,.p-table tbody,.p-table tr,.p-table td{display:block}.p-table tr{border-bottom:1px solid var(--p-line);padding:8px 0}.p-table td{border:0;padding:2px 0}}.p-alert{color:var(--c-error);background:#fff4f4;border:1px solid #f1c4c4;border-radius:12px;padding:10px 14px;font-size:15px;line-height:1.4}.p-alert-info{background:var(--p-accent-soft);color:var(--p-ink);border-color:#cdd6ff}.p-btn-telegram{background:#229ed9;justify-content:center;align-items:center;gap:10px;min-height:52px;font-size:17px;text-decoration:none;display:inline-flex}.p-btn-telegram svg{width:22px;height:22px}.p-btn-telegram:hover{background:#1b8bc0}.p-dev{border-top:1px dashed var(--p-line);flex-direction:column;align-items:flex-start;gap:6px;padding-top:8px;display:flex}.login .welcome-card{gap:18px}.p-legacy{background:var(--p-accent-soft);border:1px solid #cdd6ff}.p-legacy p{margin:8px 0 12px}.p-empty .spinner{vertical-align:middle;margin-right:8px;display:inline-block}.p-telegram{flex-direction:column;align-items:stretch;gap:10px;display:flex}.p-btn-telegram:disabled{opacity:.85;cursor:progress}.p-link{color:var(--p-accent);text-align:center;font-size:14px}:root{--c-logic:#5b3cc4;--c-math:#0b7a70;--c-card-line:#2d2a4a17;--c-track:#2d2a4a1a;--c-select:var(--c-audio);--girih-soft:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg fill='none' stroke='%235B3CC4' stroke-opacity='.07' stroke-width='1.2'%3E%3Crect x='11' y='11' width='18' height='18'/%3E%3Crect x='11' y='11' width='18' height='18' transform='rotate(45 20 20)'/%3E%3C/g%3E%3C/svg%3E")}.screen-plain{background:var(--girih-soft) 0 0 / 56px, linear-gradient(180deg, #eef5ff 0%, #f6f3ff 55%, #fff8ee 100%)}.card{background:var(--c-surface);border:2px solid var(--c-card-line);border-radius:var(--r-lg);min-width:0;padding:clamp(14px,2.4vmin,24px)}.card h2{font-size:var(--fs-lg);font-weight:800;line-height:1.15}.card-head{justify-content:space-between;align-items:baseline;gap:var(--s-3);margin-bottom:var(--s-3);display:flex}.muted{color:var(--c-ink-soft);font-family:var(--f-read);font-size:var(--fs-sm);line-height:1.4}.link{color:var(--c-audio-shade);text-underline-offset:3px;min-height:44px;padding:0 var(--s-2);font-weight:800;text-decoration:underline}.chips{gap:var(--s-2);flex-wrap:wrap;display:flex}.chips li{background:var(--c-sky-2);border-radius:var(--r-pill);padding:.2em .8em;font-weight:700}.bar{border-radius:var(--r-pill);background:var(--c-track);width:100%;height:.6em;min-height:8px;display:block;overflow:hidden}.bar i{border-radius:inherit;background:var(--bar,var(--c-turquoise));height:100%;display:block}.notice{border:2px solid var(--c-warning);border-radius:var(--r-md);padding:var(--s-3) var(--s-4);font:600 var(--fs-sm) / 1.4 var(--f-read);background:#fff4e0}.avatar{aspect-ratio:1;width:100%;display:inline-block}.avatar svg{width:100%;height:100%}.badge{aspect-ratio:1;flex:none;width:3.2em;min-width:48px;display:inline-block}.badge svg{width:100%;height:100%}.loading{justify-content:center;align-items:center;gap:var(--s-3);min-height:100dvh;font-size:18px;display:flex}.spinner{border:4px solid var(--p-line);border-top-color:var(--p-accent);border-radius:50%;width:28px;height:28px}.level-row{align-items:center;gap:var(--s-2) var(--s-3);margin-top:var(--s-3);grid-template-columns:auto 1fr;display:grid}.level-row>span{color:var(--c-ink-soft);font-size:var(--fs-sm);grid-column:1/-1}.dash .topbar{gap:var(--s-3)}.dash-me{width:max(56px,3em);box-shadow:0 4px 0 var(--c-shade);border-radius:50%;flex:none;margin-bottom:4px}.dash-me:active{box-shadow:0 1px 0 var(--c-shade);transform:translateY(3px)}.dash-hello{flex-direction:column;gap:2px;min-width:0;display:flex}.dash-hello h1{font-size:var(--fs-xl);font-weight:800;line-height:1.05}.level-chip{align-items:center;gap:var(--s-2);font-size:var(--fs-sm);grid-template-columns:auto minmax(80px,160px) auto;display:grid}.level-chip small{color:var(--c-ink-soft);font-variant-numeric:tabular-nums}.dash-grid{gap:var(--s-4);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.dash-grid>*{grid-column:span 6}.dash-grid>.hero{grid-column:span 8}.dash-grid>.quests{grid-column:span 4}.dash-grid>.world{grid-column:1/-1}.hero{align-items:center;gap:var(--s-4);background:linear-gradient(135deg,#fff 40%,#fff3e4);display:flex}.hero-bird{flex:none;width:clamp(72px,14vmin,150px)}.hero-body{gap:var(--s-4);flex-direction:column;flex:1;min-width:0;display:flex}.hero-next{align-items:flex-start;gap:var(--s-2);flex-direction:column;display:flex}.hero-next h2{font-size:var(--fs-xl)}.hero-kicker{align-items:center;gap:var(--s-2);color:var(--c-ink-soft);font-weight:700;font-size:var(--fs-sm);flex-wrap:wrap;display:flex}.course-dot{background:var(--course);border-radius:50%;place-items:center;width:1.8em;height:1.8em;padding:.25em;display:grid}.quests ul{gap:var(--s-3);margin:var(--s-3) 0;flex-direction:column;display:flex}.quests li{align-items:center;gap:var(--s-3);grid-template-columns:auto 1fr auto;display:grid}.quest-mark{border:3px solid var(--c-track);color:#fff;border-radius:50%;place-items:center;width:1.6em;height:1.6em;display:grid}.quests li.is-done .quest-mark{background:var(--c-success);border-color:var(--c-success)}.quest-mark svg{width:75%;height:75%}.quest-body{font-weight:700;font-size:var(--fs-sm);flex-direction:column;gap:4px;line-height:1.25;display:flex}.quest-body small{color:var(--c-success-shade)}.quest-xp{font-size:var(--fs-xs);color:var(--c-logic);white-space:nowrap}.course{gap:var(--s-4);border-top:6px solid var(--course);grid-template-columns:auto 1fr;display:grid;position:relative}.course-orb{aspect-ratio:1;background:var(--course);border-radius:50%;place-items:center;width:clamp(56px,9vmin,80px);padding:14%;display:grid;box-shadow:inset 0 -4px #0000002e}.course-body{gap:var(--s-2);flex-direction:column;min-width:0;display:flex}.course-meta{font-weight:700;font-size:var(--fs-sm);justify-content:space-between;display:flex}.course-stars{color:var(--c-saffron-shade);align-items:center;gap:4px;display:inline-flex}.course-stars svg{width:1.1em;height:1.1em}.course-unit{flex-direction:column;font-weight:700;display:flex}.course-unit small{color:var(--c-ink-soft);font-weight:600}.course-go{font-size:var(--fs-md);grid-column:1/-1;justify-self:stretch}.badge-row{gap:var(--s-4);flex-wrap:wrap;display:flex}.badge-row li{text-align:center;width:6.5em;font-weight:700;font-size:var(--fs-sm);flex-direction:column;align-items:center;gap:4px;line-height:1.15;display:flex}.history ul{gap:var(--s-2);margin-top:var(--s-3);flex-direction:column;display:flex}.history li{gap:0 var(--s-3);padding:var(--s-2) 0;border-bottom:1px solid var(--c-card-line);grid-template-columns:1fr auto;display:grid}.history li:last-child{border-bottom:0}.history-when{color:var(--c-ink-soft);font-size:var(--fs-xs);font-family:var(--f-read);grid-column:1/-1}.history small{color:var(--c-ink-soft);font-size:var(--fs-xs);grid-column:1/-1}.history .stars svg{width:1em;height:1em}.world-btn{width:100%;margin-top:var(--s-3);align-items:center;gap:var(--s-4);text-align:left;min-height:var(--tap-min);padding:var(--s-3) var(--s-4);border-radius:var(--r-md);background:var(--c-sand) var(--girih-sand) 0 0 / 48px;box-shadow:0 var(--press-depth) 0 var(--c-sand-3);margin-bottom:var(--press-depth);display:flex}.world-garden{background:linear-gradient(var(--c-sky), var(--c-grass));box-shadow:0 var(--press-depth) 0 var(--c-grass-2)}.world-btn:active{transform:translateY(4px)}.world-btn>span:nth-child(2){flex-direction:column;flex:1;display:flex}.world-btn small{font-family:var(--f-read);font-size:var(--fs-sm)}.world-art{flex:none;width:3em;height:3em}.world-garden .world-art{background:var(--c-lapis);border-radius:50%;padding:.5em}.world-btn>svg{width:1.4em;height:1.4em}.path-wrap{gap:var(--s-4);flex-direction:column;width:100%;max-width:820px;margin:0 auto;display:flex}.path-intro{align-items:center;gap:var(--s-2) var(--s-4);grid-template-columns:1fr auto;font-weight:700;display:grid}.path-intro p{font-family:var(--f-read);color:var(--c-ink-soft);grid-column:1/-1}.path-done{background:var(--c-success-bg);border-radius:var(--r-md);padding:var(--s-3) var(--s-4);font-weight:800}.path-msg:not(:empty){border:2px solid var(--c-saffron);border-radius:var(--r-md);padding:var(--s-3) var(--s-4);font:600 var(--fs-md) / 1.4 var(--f-read);background:#fff4e0}.units{gap:var(--s-5);flex-direction:column;display:flex}.unit{background:var(--c-surface);border:2px solid var(--c-card-line);border-radius:var(--r-lg);padding:var(--s-4)}.unit.is-locked{background:#fff9}.unit-head{align-items:start;gap:var(--s-3);grid-template-columns:auto 1fr auto;display:grid}.unit-head h2{font-size:var(--fs-lg);font-weight:800}.unit-head p{font-family:var(--f-read);font-size:var(--fs-sm);color:var(--c-ink-soft)}.unit-no{background:var(--course);color:#fff;border-radius:50%;place-items:center;width:2.2em;height:2.2em;font-weight:800;display:grid}.unit.is-locked .unit-no{background:#b9b6cc}.unit.is-done .unit-no{background:var(--c-success)}.unit-no svg{width:55%;height:55%}.unit-note{margin-top:2px;font-weight:700}.unit-note.is-done{color:var(--c-success-shade)}.unit-count{color:var(--c-ink-soft);font-variant-numeric:tabular-nums;font-weight:800}.nodes{gap:var(--s-4);padding:var(--s-5) 0 var(--s-2);flex-direction:column;display:flex;position:relative}.nodes:before{content:"";left:50%;top:var(--s-4);bottom:var(--s-4);border-left:4px dashed var(--c-track);position:absolute;transform:translate(-2px)}.node{justify-content:center;align-items:center;gap:var(--s-3);display:flex;position:relative}.node-l{padding-right:26%}.node-r{padding-left:26%}.node-btn{width:max(var(--tap-min), 3.6em);aspect-ratio:1;color:#fff;background:var(--c-saffron);box-shadow:0 var(--press-depth) 0 var(--c-saffron-shade);margin-bottom:var(--press-depth);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.node-btn svg{width:44%;height:44%}.node-btn:active{box-shadow:0 2px 0 var(--c-saffron-shade);transform:translateY(4px)}.node.is-current .node-btn{background:var(--course);color:#fff;box-shadow:0 var(--press-depth) 0 #0000004d;width:max(var(--tap-min), 4.2em)}.node.is-current .node-btn.pulse:after{border-color:var(--course)}.node.is-locked .node-btn{color:#8a86a6;box-shadow:0 var(--press-depth) 0 #c9c6da;background:#e4e2ee}.node-name{border-radius:var(--r-sm);background:#ffffffeb;flex-direction:column;align-items:flex-start;gap:2px;max-width:12em;padding:.3em .6em;font-weight:800;line-height:1.15;display:flex;position:relative}.node.is-locked .node-name{color:var(--c-ink-soft);font-weight:700}.node-name .stars svg{width:.95em;height:.95em}.node-go{font-size:var(--fs-xs);color:#fff;background:var(--course);border-radius:var(--r-pill);padding:0 .6em}.node-bird{flex:none;width:2.6em}.result{gap:var(--s-4);flex-direction:column;width:100%;max-width:1000px;margin:0 auto;display:flex;position:relative}.result-head{justify-content:center;align-items:center;gap:var(--s-3) var(--s-5);text-align:center;border-radius:var(--r-lg);padding:var(--s-4);background:#ffffffd9;flex-wrap:wrap;display:flex;position:relative}.result-bird{width:clamp(64px,11vh,120px)}.result-lesson{color:var(--c-ink-soft);font-weight:700}.result-title{font-size:var(--fs-2xl);font-weight:800;line-height:1}.result-effort{font-family:var(--f-read);max-width:26em;margin-top:var(--s-2)}.result-head .stars svg{width:min(2.4em,7vh);height:min(2.4em,7vh)}.result-banner{background:var(--c-success-bg);border:2px solid var(--c-success);border-radius:var(--r-md);padding:var(--s-3) var(--s-4);text-align:center;font-weight:800}.result-banner.is-level{border-color:var(--c-logic);margin-top:var(--s-3);background:#efe9ff}.result-grid{gap:var(--s-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.result-stats{gap:var(--s-3);text-align:center;grid-column:1/-1;grid-template-columns:repeat(3,1fr);display:grid}.result-stats dt{font-size:var(--fs-sm);color:var(--c-ink-soft);font-weight:700}.result-stats dd{font-size:var(--fs-2xl);font-variant-numeric:tabular-nums;margin:0;font-weight:800;line-height:1.1}.result-stats .is-xp dd{color:var(--c-logic)}.result-xp h2,.ach-screen summary{align-items:center;gap:var(--s-2);display:flex}.result-xp h2 svg,.ach-screen summary svg{width:1.1em;height:1.1em;color:var(--c-saffron-shade)}.result-xp ul{margin:var(--s-3) 0;gap:var(--s-1);flex-direction:column;display:flex}.result-xp li{justify-content:space-between;gap:var(--s-3);font-weight:700;display:flex}.result-xp li b{color:var(--c-logic)}.result-avatar{align-items:center;gap:var(--s-3);margin-top:var(--s-3);font-weight:800;display:flex}.result-avatar .avatar{width:3em}.win-list{gap:var(--s-3);margin:var(--s-3) 0;flex-direction:column;display:flex}.win-list li{align-items:center;gap:var(--s-3);display:flex}.win-list span{flex-direction:column;display:flex}.win-list small{font-family:var(--f-read);color:var(--c-ink-soft)}.quest-done{align-items:center;gap:var(--s-2);grid-template-columns:auto 1fr auto;font-weight:700;display:grid}.quest-done svg{width:1.2em;height:1.2em;color:var(--c-success)}.result-skills .chips{margin-top:var(--s-3)}.result-flower{align-items:center;gap:var(--s-3);margin-top:var(--s-4);font-weight:800;display:flex}.result-flower .bed-flower{width:3em}.result-souvenir{width:3.4em;height:3.4em;display:inline-block}.review summary{cursor:pointer;font-weight:800;font-size:var(--fs-lg);align-items:center;min-height:44px;display:flex}.review ol{gap:var(--s-3);margin-top:var(--s-3);flex-direction:column;display:flex}.review li{gap:var(--s-3);padding:var(--s-3);border-radius:var(--r-md);background:var(--c-success-bg);grid-template-columns:auto 1fr;display:grid}.review li.is-retry{background:#fff4e0}.review-mark{background:var(--c-success);color:#fff;border-radius:50%;place-items:center;width:1.8em;height:1.8em;display:grid}.review li.is-retry .review-mark{background:var(--c-saffron-shade)}.review-mark svg{width:65%;height:65%}.review-q{font-weight:800}.review-a{color:var(--c-success-shade);font-weight:700}.review li.is-retry .review-a{color:#8a5a10}.review-why,.review-tries{font-family:var(--f-read);font-size:var(--fs-sm);line-height:1.4}.review-tries{color:var(--c-ink-soft)}.celebrate{pointer-events:none;width:0;height:0;position:absolute;top:40%;left:50%}.celebrate i{background:var(--c);opacity:0;border-radius:3px;width:10px;height:14px;position:absolute}@keyframes z-burst{0%{opacity:1;transform:rotate(calc(var(--i) * 25.7deg)) translateY(0) rotate(0)}to{opacity:0;transform:rotate(calc(var(--i) * 25.7deg)) translateY(-160px) rotate(220deg)}}.ach-screen .screen-body,.profile-screen .screen-body{max-width:1000px}.xp-card details{margin-top:var(--s-3)}.ach-screen summary{cursor:pointer;min-height:44px;font-weight:800}.rules{font-family:var(--f-read);font-size:var(--fs-sm);padding-left:1.4em;line-height:1.5;list-style:outside}.level-big{font-size:var(--fs-lg)}.ach-grid{gap:var(--s-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));display:grid}.ach{gap:var(--s-3);align-items:flex-start;display:flex}.ach h2{font-size:var(--fs-md)}.ach p{font-family:var(--f-read);font-size:var(--fs-sm);color:var(--c-ink-soft);line-height:1.35}.ach.is-locked{background:#ffffffb3}.ach-date{color:var(--c-success-shade);font-weight:700}.ach-progress{margin-top:var(--s-2);font-size:var(--fs-xs);flex-direction:column;gap:2px;font-weight:700;display:flex}.avatar-grid,.avatar-pick{gap:var(--s-3);margin-top:var(--s-3);grid-template-columns:repeat(auto-fill,minmax(96px,1fr));display:grid}.avatar-grid li,.avatar-opt{text-align:center;font-size:var(--fs-sm);flex-direction:column;align-items:center;gap:4px;line-height:1.15;display:flex}.avatar-grid li.is-locked .avatar,.avatar-opt.is-locked .avatar{filter:grayscale();opacity:.45}.avatar-grid small{color:var(--c-ink-soft);align-items:center;gap:4px;display:inline-flex}.avatar-grid small svg{width:1em;height:1em}.avatar-opt{padding:var(--s-2);border-radius:var(--r-md);min-height:var(--tap-min);border:3px solid #0000}.avatar-opt.is-chosen{border-color:var(--c-turquoise);background:#e5f6f3}.avatar-opt span{font-weight:700}.profile-card{align-items:center;gap:var(--s-4);grid-template-columns:auto 1fr;display:grid}.profile-avatar{width:clamp(80px,16vmin,140px)}.profile-card h2{font-size:var(--fs-xl)}.profile-stats{gap:var(--s-3);grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));margin:0;display:grid}.profile-stats div{background:var(--c-sky-2);border-radius:var(--r-md);padding:var(--s-2) var(--s-3)}.profile-stats dt{font-size:var(--fs-xs);color:var(--c-ink-soft);font-weight:700}.profile-stats dd{font-size:var(--fs-lg);margin:0;font-weight:800}.profile-courses{gap:var(--s-3);margin:var(--s-3) 0;flex-direction:column;display:flex}.profile-courses li{gap:4px var(--s-3);grid-template-columns:1fr auto;font-weight:700;display:grid}.profile-courses .bar{grid-column:1/-1}.act-head{justify-content:center;align-items:center;gap:var(--s-3);flex-wrap:wrap;max-width:100%;display:flex}.act-prompt-long{max-width:min(100%,44em)}.act-prompt-long p{font:600 var(--fs-md) / 1.45 var(--f-read);text-align:left}.hint-btn{border-radius:var(--r-pill);color:#7a4d06;background:#fff4dc;align-items:center;gap:.35em;min-height:48px;margin-bottom:4px;padding:.3em .9em;font-weight:800;display:inline-flex;box-shadow:0 4px #e9cf96}.hint-btn svg{width:1.2em;height:1.2em}.hint-btn.is-open{background:var(--c-saffron);color:var(--c-ink)}.hint-btn:active{transform:translateY(3px);box-shadow:0 1px #e9cf96}.hint-box{align-items:center;gap:var(--s-3);border:2px solid var(--c-saffron);border-radius:var(--r-md);max-width:min(100%,36em);padding:var(--s-2) var(--s-4) var(--s-2) var(--s-2);font:600 var(--fs-md) / 1.4 var(--f-read);background:#fff8e6;display:flex}.explain{align-items:center;gap:var(--s-3);background:var(--c-success-bg);border:2px solid var(--c-success);border-radius:var(--r-lg);max-width:min(100%,38em);padding:var(--s-4);text-align:center;flex-direction:column;display:flex}.explain-title{align-items:center;gap:var(--s-2);font-size:var(--fs-lg);color:var(--c-success-shade);font-weight:800;display:flex}.explain-ok{background:var(--c-success);color:#fff;border-radius:50%;place-items:center;width:1.6em;height:1.6em;display:grid}.explain-ok svg{width:65%;height:65%}.explain-text{align-items:center;gap:var(--s-3);font:600 var(--fs-md) / 1.45 var(--f-read);text-align:left;display:flex}.v{place-items:center;display:inline-grid}.v-number{font-size:var(--fs-2xl);font-variant-numeric:tabular-nums;font-weight:800;line-height:1}.v-text{font-size:var(--fs-lg);text-align:center;font-weight:800;line-height:1.1}.v-shape,.v-dotbox,.v-shape svg,.v-dotbox svg{width:100%;height:100%}.v-dotbox{color:var(--c-ink)}.tile-visual{min-width:clamp(var(--tap-min), 16vmin, 170px);min-height:clamp(var(--tap-min), 16vmin, 170px);padding:.4em .8em}.tile-v-word,.tile-v-shape,.tile-v-dots{width:clamp(var(--tap-min), 18vmin, 190px);aspect-ratio:1;padding:0}.tile-v-word .v,.mcard .v{width:76%;height:76%}.tile-v-shape .v-shape,.tile-v-dots .v-dotbox{width:62%;height:62%}.options-n5 .tile-visual{min-width:clamp(var(--tap-min), 13vmin, 150px);min-height:clamp(var(--tap-min), 13vmin, 150px)}.options-n5 .tile-v-word,.options-n5 .tile-v-shape{width:clamp(var(--tap-min), 14vmin, 150px)}.stage-seq{gap:clamp(6px,1.4vmin,14px)}.seq-card{background:var(--c-surface);border-radius:var(--r-md);min-width:2.3em;height:2.3em;font-size:var(--fs-xl);font-variant-numeric:tabular-nums;box-shadow:inset 0 0 0 2px var(--c-card-line);place-items:center;padding:0 .3em;font-weight:800;display:grid}.seq-gap{box-shadow:inset 0 0 0 3px var(--c-primary);color:var(--c-primary-shade);background:#fff4e0}.seq-gap.filled{background:var(--c-success-bg);box-shadow:inset 0 0 0 3px var(--c-success);color:var(--c-success-shade)}.stage-grid{border-radius:var(--r-lg);background:#ffffffb3;grid-template-columns:repeat(3,1fr);gap:clamp(6px,1.2vmin,12px);width:min(78vw,17em,40vh);padding:clamp(6px,1.2vmin,12px);display:grid}.grid-cell{aspect-ratio:1;background:var(--c-surface);border-radius:var(--r-sm);font-size:var(--fs-xl);color:var(--c-primary-shade);place-items:center;font-weight:800;display:grid}.grid-cell .v-shape{width:70%;height:70%}.grid-gap{box-shadow:inset 0 0 0 3px var(--c-primary);background:#fff4e0}.grid-gap.filled{background:var(--c-success-bg);box-shadow:inset 0 0 0 3px var(--c-success)}.stage-story{gap:var(--s-2);border-radius:var(--r-lg);padding:var(--s-2) var(--s-3);background:#ffffffb3}.story-item{aspect-ratio:1;place-items:center;width:clamp(44px,9vmin,84px);display:grid}.story-item .v{width:100%;height:100%}.story-op{width:auto;padding:0 .2em}.story-op .v-text{font-size:var(--fs-2xl);color:var(--c-primary-shade)}.match-board{grid-template-columns:1fr 1fr;gap:clamp(16px,6vw,72px);width:min(100%,36em);display:grid}.match-col{flex-direction:column;gap:clamp(8px,1.6vh,16px);display:flex}.match-card{width:100%;min-height:max(var(--tap-min), 3.6em);background:var(--c-surface);border-radius:var(--r-md);box-shadow:0 5px 0 var(--c-shade);touch-action:none;place-items:center;margin-bottom:5px;padding:.3em;display:grid;position:relative}.match-card .v-word,.match-card .v-shape,.match-card .v-dotbox{width:min(2.8em,12vh);height:min(2.8em,12vh)}.match-card .v-number{font-size:var(--fs-xl)}.match-card.is-selected{outline:4px solid var(--c-select);outline-offset:2px}.match-card.is-matched{box-shadow:0 5px 0 var(--pair-edge);background:var(--pair-bg);cursor:default}.pair-0{--pair-bg:#dff6e8;--pair-edge:#1e9e5a}.pair-1{--pair-bg:#e5eeff;--pair-edge:#2f6fe0}.pair-2{--pair-bg:#fff1d6;--pair-edge:#c9831f}.pair-3{--pair-bg:#f0e9ff;--pair-edge:#5b3cc4}.pair-4{--pair-bg:#ffe6ea;--pair-edge:#c8354a}.pair-5{--pair-bg:#e2f4f2;--pair-edge:#0b7a70}.pair-no{width:1.6em;height:1.6em;font-size:var(--fs-sm);color:#fff;background:var(--pair-edge);border-radius:50%;place-items:center;display:grid;position:absolute;top:-.5em;right:-.5em}.sort-slots,.sort-pool,.group-pool{flex-wrap:wrap;justify-content:center;gap:clamp(8px,1.6vmin,16px);display:flex}.sort-slots{padding:var(--s-3);border-radius:var(--r-lg);background:#fff9}.sort-slot,.sort-item,.group-item{width:clamp(var(--tap-min), 13vmin, 120px);aspect-ratio:1;border-radius:var(--r-md);place-items:center;display:grid}.sort-slot{border:3px dashed var(--c-try);color:var(--c-try);font-weight:800}.sort-slot.is-filled{border:3px solid var(--c-success);background:var(--c-success-bg);color:var(--c-ink)}.sort-item,.group-item{background:var(--c-surface);box-shadow:0 5px 0 var(--c-shade);touch-action:none;-webkit-user-select:none;user-select:none;margin-bottom:5px}.sort-slot .v-shape,.sort-item .v-shape,.group-item .v-shape,.group-item .v-word,.group-item .v-dotbox{width:72%;height:72%}.sort-slot .v-number,.sort-item .v-number,.group-item .v-number{font-size:var(--fs-xl)}.group-item.is-selected{outline:4px solid var(--c-select);outline-offset:2px}.is-dragging{z-index:20;cursor:grabbing;position:relative;box-shadow:0 14px 24px #2d2a4a40!important}.group-bins{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,2vmin,20px);width:min(100%,52em);display:grid}.bins-3{grid-template-columns:repeat(3,minmax(0,1fr))}.group-bin{align-items:stretch;gap:var(--s-2);min-height:clamp(110px,20vh,200px);padding:var(--s-3);border-radius:var(--r-lg);border:3px dashed var(--c-try);text-align:left;background:#ffffffbf;flex-direction:column;display:flex}.group-bin.is-ready{border-color:var(--c-select);background:#eef4ff}.bin-head{align-items:center;gap:var(--s-2);font-size:var(--fs-md);display:flex}.bin-icon{flex:none;place-items:center;width:2em;height:2em;display:grid}.bin-icon .v{width:100%;height:100%}.bin-icon .v-number{font-size:var(--fs-md)}.bin-items{flex-wrap:wrap;gap:6px;display:flex}.bin-item{background:var(--c-surface);border-radius:var(--r-sm);place-items:center;width:2.4em;height:2.4em;display:grid}.bin-item .v{width:80%;height:80%}.bin-item .v-number{font-size:var(--fs-md)}@media (prefers-reduced-motion:no-preference){.bar i{transition:width .6s ease-out}.celebrate i{animation:1.1s ease-out both z-burst;animation-delay:calc(var(--i) * 20ms)}.spinner{animation:.9s linear infinite z-spin}}@keyframes z-spin{to{transform:rotate(360deg)}}@media (max-width:900px){.dash-grid>*,.dash-grid>.hero,.dash-grid>.quests{grid-column:1/-1}}@media (min-width:640px) and (max-width:900px){.dash-grid>.course,.dash-grid>.achievements-peek,.dash-grid>.history{grid-column:span 6}}@media (max-width:640px){.dash-hello h1{font-size:var(--fs-lg)}.level-chip{grid-template-columns:auto minmax(60px,1fr)}.level-chip small{display:none}.hero{text-align:left;flex-direction:column;align-items:stretch}.hero-bird{align-self:center;width:64px}.hero-next .btn{width:100%}.result-grid{grid-template-columns:1fr}.result-stats dd{font-size:var(--fs-xl)}.node-l{padding-right:12%}.node-r{padding-left:12%}.node-bird{display:none}.bins-3{grid-template-columns:1fr}.match-board{gap:var(--s-4)}}.saving{justify-content:center;align-items:center;gap:var(--s-4);text-align:center;flex-direction:column;flex:1;display:flex}.saving .center-text{border-radius:var(--r-md);max-width:28em;padding:var(--s-3) var(--s-4);background:#ffffffe6}.saving .spinner{vertical-align:middle;display:inline-block}