.episode-card{background:var(--brand);color:var(--on-brand);border-radius:22px;overflow:hidden;margin:0 0 14px;box-shadow:0 10px 30px #241a142e}.episode-card .ep-window{position:relative;margin:10px 10px 0;height:210px;border-radius:16px;overflow:hidden;background:linear-gradient(#cfe0ea,#e8eef0 66%,#efe5cf 67%,#e6d8b8);display:flex;align-items:flex-end;justify-content:center;gap:4px;padding-bottom:14px}.episode-card .ep-window svg{overflow:visible;display:block}.episode-card .ep-side{opacity:.9}.episode-card .ep-side:first-child{margin-right:auto}.episode-card .ep-side:last-child{margin-left:auto}.episode-card .ep-kids{margin-left:-18px;margin-bottom:-4px}.episode-card .ep-name{padding:14px 20px 18px}.episode-card .ep-name small{display:block;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;opacity:.75}.episode-card .ep-name h1{margin:4px 0 0;font:var(--display);font-variation-settings:var(--display-vars);font-size:clamp(30px,7vw,42px);color:var(--on-brand)}.episode-strip{display:flex;align-items:center;gap:10px;margin:0 0 12px;padding:6px 12px 6px 8px;border-radius:14px;background:var(--brand);color:var(--on-brand)}.episode-strip .ep-mini{display:flex;align-items:flex-end;height:44px;padding:0 4px;border-radius:10px;background:linear-gradient(#cfe0ea,#efe5cf);overflow:hidden}.episode-strip small{display:block;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;opacity:.75}.episode-strip b{font:var(--display);font-variation-settings:var(--display-vars);font-size:19px}.lesson.is-episode .episode-strip{margin-bottom:14px}.lesson-card{margin:14px 0 6px;padding:16px 18px 18px;border-radius:18px;background:var(--paper-2);border:2px solid var(--brand-ink);box-shadow:4px 4px 0 var(--brand-ink);text-align:left}.lesson-card figcaption{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--brand-ink)}.lesson-card blockquote{margin:6px 0 0;font:var(--display);font-variation-settings:var(--display-vars);font-size:23px;line-height:1.15;color:var(--ink)}.dialog.step-done .lesson-card{order:3;align-self:stretch;margin:4px 0 10px}@media(max-width:480px){.episode-card .ep-side{display:none}.episode-card .ep-scene svg{max-width:58vw;height:auto}.episode-card .ep-window{height:180px}}.whole-story{margin-top:22px}.whole-ask{color:var(--ink-soft);margin:0 0 18px}.whole-ask b{color:var(--ink)}.whole-text{font-size:1.45rem;line-height:1.6;font-weight:600;margin:0 0 24px}.whole-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.folio{margin:4px 0 0;padding:22px 26px 18px;background:#efe2c4 radial-gradient(circle at 20% 15%,rgba(255,250,235,.7),transparent 60%);border:1px solid #c9b48a;border-radius:4px;box-shadow:inset 0 0 40px #78551e40,0 2px 6px #3c26141f;color:#3a2a18;font-family:Fraunces,Georgia,Times New Roman,serif;transform:rotate(-.6deg)}.folio figcaption{text-align:center;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid #b9a273;padding-bottom:8px;margin-bottom:12px}.folio p{margin:0 0 12px;font-size:1.05rem;line-height:1.55}.folio p small{display:block;font-size:.68rem;font-style:italic;opacity:.7}.folio-who{font-variant:small-caps;font-weight:700}.folio-ring{position:relative;padding:0 4px;margin:0 10px;white-space:nowrap}.folio-ring:after{content:"";position:absolute;inset:-9px -16px -8px -15px;border:2.5px solid #c2362a;border-radius:50% 45% 55% 48%/60% 50% 55% 45%;transform:rotate(-3deg);pointer-events:none}.folio-ring b{color:#c2362a}.reveal-page{max-width:640px;margin:0 auto;padding:28px 16px 60px;display:flex;flex-direction:column;gap:18px}.reveal-head{text-align:center}.reveal-head small{color:var(--ink-soft);font-size:13px;font-weight:600;letter-spacing:.04em}.reveal-head h1{margin:4px 0 6px;font:var(--display);font-variation-settings:var(--display-vars);font-size:clamp(30px,6vw,42px)}.reveal-head p{margin:0 auto;max-width:44ch;color:var(--ink-soft);text-wrap:balance}.reveal-card{position:relative;background:var(--paper-2);border-radius:var(--r-lg);box-shadow:var(--elev-1);padding:22px 24px 24px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;transition:box-shadow .3s;animation:fade-in .25s ease both}.reveal-card.is-m{box-shadow:var(--elev-1),inset 0 0 0 3px var(--g-m)}.reveal-card.is-f{box-shadow:var(--elev-1),inset 0 0 0 3px var(--g-f)}.reveal-card.is-n{box-shadow:var(--elev-1),inset 0 0 0 3px var(--g-n)}.reveal-count{position:absolute;top:14px;right:18px;font-size:12px;color:var(--ink-soft)}.reveal-stage{position:relative;width:160px;height:150px;display:grid;place-items:center}.gift{position:absolute;bottom:6px;width:112px;height:92px}.gift-box,.gift-lid{position:absolute;left:0;right:0;border-radius:8px;background:linear-gradient(90deg,transparent 44%,var(--brand-ink) 44% 56%,transparent 56%),#efe4cf;box-shadow:inset 0 -4px #0000000f,0 3px #3c26141f}.gift-box{bottom:0;height:70px}.gift-lid{bottom:66px;height:22px;left:-8px;right:-8px;transition:transform .45s cubic-bezier(.3,1.4,.5,1),opacity .45s}.gift-lid:before,.gift-lid:after{content:"";position:absolute;top:-16px;width:26px;height:18px;border:5px solid var(--brand-ink);border-radius:50% 50% 4px}.gift-lid:before{left:calc(50% - 28px);transform:rotate(-12deg)}.gift-lid:after{left:calc(50% + 2px);transform:scaleX(-1) rotate(-12deg)}.gift:not(.open){animation:wiggle 2.4s ease-in-out infinite}.gift.open .gift-lid{transform:translate(46px,-70px) rotate(38deg);opacity:0}.gift.open .gift-box{transform-origin:bottom;animation:squash .35s ease}@keyframes wiggle{0%,80%,to{transform:rotate(0)}84%{transform:rotate(-4deg)}88%{transform:rotate(4deg)}92%{transform:rotate(-3deg)}96%{transform:rotate(2deg)}}@keyframes squash{40%{transform:scaleY(.88)}}.reveal-art{position:absolute;bottom:40px;font-size:54px;opacity:0;transform:translateY(30px) scale(.4);transition:transform .5s .1s cubic-bezier(.2,1.5,.4,1),opacity .2s .1s;z-index:2}.reveal-art:not(.up){opacity:1;transform:translateY(-58px) scale(.75)}.reveal-art.up{opacity:1;transform:translateY(-46px) scale(1.25)}.burst{position:absolute;left:50%;top:55%;pointer-events:none}.burst i{position:absolute;width:8px;height:12px;border-radius:2px;opacity:0;animation:burst .95s cubic-bezier(.15,.7,.3,1) forwards}.burst i.round{width:9px;height:9px;border-radius:50%}@keyframes burst{0%{opacity:1;transform:rotate(var(--a)) translateY(0) rotate(0)}70%{opacity:1}to{opacity:0;transform:rotate(var(--a)) translateY(calc(var(--d) * -1)) rotate(var(--s))}}.g-bg-m{background:var(--g-m)}.g-bg-f{background:var(--g-f)}.g-bg-n{background:var(--g-n)}.reveal-word{margin:4px 0 0;font-size:40px;font-weight:700;line-height:1.1}.reveal-word .art.blank{color:var(--ink-soft);opacity:.5;letter-spacing:.08em}.reveal-word .g-m,.reveal-banner .g-m,.unlock-rule .g-m{color:var(--g-m)}.reveal-word .g-f,.reveal-banner .g-f{color:var(--g-f)}.reveal-word .g-n,.reveal-banner .g-n,.unlock-rule .g-n,.unlock-examples .g-n{color:var(--g-n)}.reveal-word .art{display:inline-block;animation:pop .45s var(--ease-spring, cubic-bezier(.2, 1.4, .4, 1)) both}.reveal-en{margin:0;color:var(--ink-soft)}.reveal-ask{margin:8px 0 0;font-weight:600}.reveal-bets{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.reveal-bets button{position:relative;border:0;border-radius:14px;background:var(--fill);padding:18px 8px;font:inherit;cursor:pointer;color:var(--ink)}.reveal-bets button:hover{background:var(--fill-strong)}.reveal-bets small{position:absolute;top:6px;left:10px;font-size:11px;color:var(--ink-soft)}.reveal-bets b{font-size:24px}.reveal-banner{margin:6px 0 0;font:var(--display);font-variation-settings:var(--display-vars);font-size:30px;animation:pop .45s var(--ease-spring, cubic-bezier(.2, 1.4, .4, 1)) both}.reveal-call{margin:0;font-weight:600}.reveal-quip{margin:0;max-width:40ch;color:var(--ink-soft);font-size:15px}.reveal-card .primary.big{margin-top:8px;min-width:220px;justify-content:center}.reveal-card .talk{width:100%;text-align:left}.reveal-card.twisted{animation:shake .4s ease}@keyframes shake{25%{transform:translate(-6px) rotate(-1deg)}50%{transform:translate(6px) rotate(1deg)}75%{transform:translate(-3px)}}.unlock-rule{margin:0;font:var(--display);font-variation-settings:var(--display-vars);font-size:40px}.unlocked>p{margin:0;max-width:42ch}.unlock-examples{list-style:none;margin:4px 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.unlock-examples li{display:flex;flex-direction:column;padding:8px 14px;border-radius:12px;background:var(--fill);font-weight:700;font-size:18px}.unlock-examples small{font-weight:400;font-size:12px;color:var(--ink-soft)}.teams{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.team{border-radius:14px;padding:10px 10px 12px;background:var(--paper-2);box-shadow:var(--elev-1);min-height:92px}.team>b{display:block;font-size:13px;margin-bottom:6px}.t-m>b{color:var(--g-m)}.t-f>b{color:var(--g-f)}.t-n>b{color:var(--g-n)}.team ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.team li{display:flex;flex-direction:column;align-items:center;font-size:24px;animation:pop .4s var(--ease-spring, cubic-bezier(.2, 1.4, .4, 1)) both}.team li small{font-size:10px;color:var(--ink-soft)}@media(prefers-reduced-motion:reduce){.gift:not(.open),.burst i,.reveal-card.twisted{animation:none}}.reveal-bets.settled .bet{position:relative;border-radius:14px;background:var(--fill);padding:12px 8px;display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--ink-soft)}.reveal-bets.settled .bet b{font-size:20px}.reveal-bets.settled .bet small{font-size:11px;font-weight:600}.reveal-bets.settled .bet.right{color:#fff;animation:pop .45s var(--ease-spring, cubic-bezier(.2, 1.4, .4, 1)) both}.reveal-bets.settled .bet.wrong{color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink-soft)}.reveal-bets.settled .bet.wrong b{text-decoration:line-through;text-decoration-thickness:3px}.reveal-bets.settled .bet.right.g-bg-m{background:var(--g-m)}.reveal-bets.settled .bet.right.g-bg-f{background:var(--g-f)}.reveal-bets.settled .bet.right.g-bg-n{background:var(--g-n)}.reveal-inline{display:flex;flex-direction:column;gap:12px}.reveal-inline .reveal-card{box-shadow:inset 0 0 0 1px var(--rule)}.reveal-inline .reveal-card.is-m{box-shadow:inset 0 0 0 3px var(--g-m)}.reveal-inline .reveal-card.is-f{box-shadow:inset 0 0 0 3px var(--g-f)}.reveal-inline .reveal-card.is-n{box-shadow:inset 0 0 0 3px var(--g-n)}.reveal-inline .team{box-shadow:inset 0 0 0 1px var(--rule);min-height:72px}.find-dialog{max-width:480px;width:calc(100vw - 32px);max-height:calc(100vh - 32px);overflow:auto}.find-dialog>.primary{margin-top:16px;width:100%}.find-lead{margin:0 0 12px;color:var(--ink-soft)}.find-dialog .g-m,.spot .g-m,.agent-card .g-m,.spot-rebels .g-m{color:var(--g-m)}.find-dialog .g-f,.spot .g-f,.agent-card .g-f,.spot-rebels .g-f{color:var(--g-f)}.find-dialog .g-n,.spot .g-n,.agent-card .g-n,.spot-rebels .g-n{color:var(--g-n)}.spot{display:flex;flex-direction:column;gap:14px}.spot-lead{margin:0;font-weight:600}.spot-seen{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.spot-seen li{background:var(--paper);border-radius:12px;padding:8px 12px;font-size:17px;display:flex;flex-direction:column;line-height:1.2}.spot-seen small{color:var(--ink-soft);font-size:12px}.spot mark{background:color-mix(in srgb,currentColor 16%,transparent);color:inherit;border-radius:4px;padding:0 2px;animation:fade-in .4s ease both}.spot-test{background:var(--paper);border-radius:16px;padding:14px 16px 16px;text-align:center}.spot-ask{margin:0;font-size:13px;color:var(--ink-soft);font-weight:600}.spot-word{margin:4px 0 0;font-size:30px;font-family:var(--serif)}.spot-word .blank{color:var(--ink-soft);letter-spacing:.05em}.spot-en{margin:0 0 10px;color:var(--ink-soft)}.spot-bets{display:flex;gap:8px;justify-content:center}.spot-bets button{min-width:76px;padding:10px 14px;border-radius:999px;border:2px solid var(--rule);background:var(--paper-2);font-size:18px;font-weight:700;cursor:pointer}.spot-bets button:hover{border-color:var(--ink-soft)}.spot-call{margin:0;font-weight:700}.spot-rule{border-radius:16px;padding:12px 16px;box-shadow:inset 0 0 0 2px var(--brand-ink);animation:fade-in .3s ease both}.spot-rule p{margin:0}.spot-title{font-family:var(--serif);font-size:22px;font-weight:700;margin-bottom:4px!important}.spot-rebels{margin-top:6px!important;font-size:14px;color:var(--ink-soft)}.dossier{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;width:100%}.agent-card{position:relative;background:var(--paper);box-shadow:inset 0 0 0 1.5px var(--rule);border-radius:16px;padding:12px 14px;overflow:hidden}.agent-name{margin:0 0 6px;font-family:var(--serif);font-size:22px;font-weight:700}.agent-card ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.agent-card li{display:grid;grid-template-columns:26px auto 1fr;align-items:baseline;gap:6px;font-size:15px}.agent-card li small{color:var(--ink-soft);font-size:13px}.agent-card li.redacted b{color:var(--ink);letter-spacing:-.1em;opacity:.75}.agent-card.classified{background:repeating-linear-gradient(135deg,var(--paper),var(--paper) 10px,var(--fill) 10px,var(--fill) 20px)}.agent-tip{margin:10px 0 0;font-size:14px}.agent-stamp{position:absolute;top:10px;right:-26px;transform:rotate(18deg);background:var(--brand-ink);color:var(--on-brand);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:3px 30px}.agents-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.agents-head small{color:var(--ink-soft)}.pattern-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.pattern-list li{background:var(--paper);border-radius:14px;padding:10px 12px;font-size:14px;color:var(--ink-soft)}.pattern-list li b{display:block;color:var(--ink);font-size:16px}.pattern-list li.locked b{color:var(--ink-soft)}.pattern-list li.locked{background:transparent;box-shadow:inset 0 0 0 1.5px var(--rule)}.teamsort{display:flex;flex-direction:column;gap:14px;width:100%}.ts-card{position:relative;background:var(--paper-2);border-radius:var(--r-lg);box-shadow:var(--elev-1);padding:20px 20px 22px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;animation:fade-in .25s ease both}.ts-card.no{box-shadow:var(--elev-1),inset 0 0 0 3px var(--bad)}.ts-count{position:absolute;top:12px;right:16px;font-size:12px;color:var(--ink-soft)}.ts-verb{margin:0;font-family:var(--serif);font-size:34px;font-weight:700}.ts-en{margin:-6px 0 4px;color:var(--ink-soft)}.ts-teams{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:360px}.ts-teams button{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 8px;border-radius:18px;border:2px solid currentColor;background:var(--paper);cursor:pointer;font-size:16px}.ts-teams button span{font-size:24px}.ts-teams button small{position:absolute;top:6px;left:10px;font-size:11px;opacity:.6}.ts-haben{color:var(--brand-ink)}.ts-sein{color:var(--br-coat-w)}.ts-said{margin:0;font-size:24px;font-family:var(--serif)}.ts-word-haben{color:var(--brand-ink)}.ts-word-sein{color:var(--br-coat-w)}.ts-call{margin:0;max-width:40ch}.ts-twist{margin:0;background:var(--paper);border-radius:12px;padding:8px 12px;font-weight:600}.ts-card .primary{margin-top:6px}.ts-rosters{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ts-roster{border-radius:16px;padding:10px 12px;box-shadow:inset 0 0 0 2px currentColor;min-height:70px}.ts-roster b{font-size:14px}.ts-roster ul{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:4px 10px;color:var(--ink)}.ts-roster li{animation:fade-in .3s ease both}.mastery .hint b{color:var(--ink)}.rungs{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.rung{width:100%;border:0;border-radius:14px;background:var(--fill);padding:10px 6px;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;color:var(--ink);font:inherit;transition:background .15s}.rung:hover{background:var(--fill-strong)}.rung.open{background:color-mix(in srgb,var(--brand-ink) 12%,transparent);box-shadow:inset 0 0 0 2px var(--brand-ink)}.rung-bar{width:100%;height:64px;display:flex;align-items:flex-end;justify-content:center;margin-bottom:4px}.rung-bar i{width:60%;height:var(--h);border-radius:6px 6px 3px 3px;background:color-mix(in srgb,var(--brand-ink) var(--tone),var(--paper-2));transition:height .4s var(--ease-spring, ease)}.rung.empty .rung-bar i{background:var(--fill-strong)}.rung b{font:var(--display);font-variation-settings:var(--display-vars);font-size:24px;line-height:1}.rung.empty b{color:var(--ink-soft)}.rung-name{font-size:12px;line-height:1.2;color:var(--ink-soft);text-align:center}.rung.r7:not(.empty) .rung-name:before{content:"🔒 "}.rungs-ahead{margin:8px 0 0;font-size:13px;color:var(--ink-soft)}.rung-list{margin-top:14px;padding:14px 16px;border-radius:14px;background:var(--fill)}.rung-list>p{margin:0 0 8px;color:var(--ink-soft)}.rung-list>p b{color:var(--ink)}.rung-unit+.rung-unit{margin-top:10px}.rung-unit small{display:block;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:4px}.rung-unit ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.rung-unit li{padding:4px 10px;border-radius:999px;background:var(--paper-2);font-size:13px}.slips{list-style:none;margin:0;padding:0;display:grid;gap:8px}.slips li{display:flex;flex-direction:column;padding:10px 14px;border-radius:12px;background:var(--fill)}.slips b{font-size:15px}.slips span{font-size:13px;color:var(--ink-soft)}@media(max-width:560px){.rungs{grid-template-columns:repeat(4,minmax(0,1fr))}}.level-toast{flex:none;display:flex;align-items:center;gap:8px;padding:6px 14px 6px 10px;border-radius:999px;background:var(--paper-2);box-shadow:inset 0 0 0 2px var(--brand-ink);color:var(--brand-ink);animation:level-pop .55s .25s cubic-bezier(.2,1.4,.4,1) both}.level-toast>span:first-child{font-size:18px;font-weight:800}.level-toast>span:last-child{display:flex;flex-direction:column;line-height:1.15}.level-toast b{font-size:15px}.level-toast small{font-size:12px;color:var(--ink-soft);max-width:22ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.level-toast.top{background:var(--brand-ink);color:var(--on-brand)}.level-toast.top small{color:color-mix(in srgb,var(--on-brand) 80%,transparent)}@keyframes level-pop{0%{opacity:0;translate:0 8px;scale:.6}to{opacity:1;translate:0 0;scale:1}}@media(max-width:520px){.level-toast small{display:none}}.mastery-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.mastery-head h2{margin:0}.seg{display:inline-flex;padding:3px;border-radius:999px;background:var(--fill)}.seg button{border:0;background:none;font:inherit;font-size:13px;font-weight:600;color:var(--ink-soft);padding:6px 14px;border-radius:999px;cursor:pointer}.seg button.on{background:var(--paper-2);color:var(--ink);box-shadow:var(--elev-1)}.mastery .hint{margin-top:8px}.word-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.word-chips li{padding:4px 10px;border-radius:999px;background:var(--paper-2);font-size:13px}.slips+h3,.mastery h3{margin-top:16px}.mastery>.word-chips li,.mastery .slips li{background:var(--fill)}.word-chips span{color:var(--ink-soft)}.goals-page{max-width:560px;margin:0 auto;padding:24px 16px 48px;display:flex;flex-direction:column;gap:12px;-webkit-user-select:none;user-select:none}.goals-head{text-align:center}.goals-head h1{margin:0;font:var(--display);font-variation-settings:var(--display-vars);font-size:clamp(32px,7vw,44px)}.goals-head p{margin:4px 0 0;color:var(--ink-soft)}.scoreboard{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:8px 14px;border-radius:14px;background:var(--ink);color:var(--paper-2);font-variant-numeric:tabular-nums}.scoreboard .clock{font-weight:700}.scoreboard .clock.low{color:#ff8a7a;animation:pulse 1s ease-in-out infinite}.scoreboard .score{font:var(--display);font-variation-settings:var(--display-vars);font-size:28px;line-height:1}.scoreboard .score small{font-family:var(--sans);font-size:14px;color:#ffd27a}.scoreboard .lives{justify-self:end;letter-spacing:2px}.scoreboard .lives .gone{filter:grayscale(1);opacity:.3}@keyframes pulse{50%{opacity:.55}}.pitch{position:relative;height:460px;border-radius:var(--r-lg);background:var(--paper-2);box-shadow:var(--elev-1);overflow:hidden;touch-action:none}.goal-row{position:absolute;top:16px;left:12px;right:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;z-index:1}.goal{position:relative;height:92px;border:5px solid currentColor;border-bottom:0;border-radius:8px 8px 0 0;display:grid;place-items:end center;padding-bottom:6px;cursor:pointer;transition:transform .15s}.goal.g-m{color:var(--g-m)}.goal.g-f{color:var(--g-f)}.goal.g-n{color:var(--g-n)}.goal .net{position:absolute;inset:0;opacity:.18;background-image:repeating-linear-gradient(45deg,currentColor 0 1px,transparent 1px 10px),repeating-linear-gradient(-45deg,currentColor 0 1px,transparent 1px 10px)}.goal b{position:relative;font-size:22px}.goal.scored{animation:net .45s ease;background:color-mix(in srgb,currentColor 14%,transparent)}.goal.clanged{animation:clang .35s ease}.goal.was{background:color-mix(in srgb,currentColor 18%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,currentColor 30%,transparent)}@keyframes net{30%{transform:scale(1.06,.94)}60%{transform:scale(.98,1.03)}}@keyframes clang{25%{transform:translate(5px) rotate(2deg)}50%{transform:translate(-4px) rotate(-2deg)}75%{transform:translate(2px)}}.pitch-lines .box{position:absolute;top:0;left:18%;right:18%;height:170px;border:2px solid var(--rule);border-top:0}.pitch-lines .spot{position:absolute;left:calc(50% - 4px);bottom:100px;width:8px;height:8px;border-radius:50%;background:var(--rule)}.ball{position:absolute;left:50%;bottom:104px;translate:-50% 50%;width:116px;height:116px;border-radius:50%;border:0;background:#fff;box-shadow:0 6px #3c26141f,inset 0 0 0 3px var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font:inherit;color:var(--ink);cursor:grab;touch-action:none;transform:translate(var(--x),var(--y)) scale(var(--s));animation:ball-in .25s cubic-bezier(.2,1.4,.4,1) both;z-index:2}.ball.held{cursor:grabbing}.ball.flying{transition:transform .3s cubic-bezier(.2,.7,.3,1)}.ball-art{font-size:40px;line-height:1}.ball-word{font-size:17px;font-weight:700}@keyframes ball-in{0%{opacity:0;scale:.5}}.call{position:absolute;left:0;right:0;bottom:12px;margin:0;text-align:center;font-size:14px;color:var(--ink-soft)}.call.ok,.call.no{font-size:18px;font-weight:700;color:var(--ink);animation:pop .35s var(--ease-spring, cubic-bezier(.2, 1.4, .4, 1)) both}.call .g-m,.missed .g-m{color:var(--g-m)}.call .g-f,.missed .g-f{color:var(--g-f)}.call .g-n,.missed .g-n{color:var(--g-n)}.goals-panel{position:absolute;inset:128px 16px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;z-index:3;background:color-mix(in srgb,var(--paper-2) 92%,transparent);border-radius:var(--r-md)}.goals-panel h2{margin:0;font:var(--display);font-variation-settings:var(--display-vars);font-size:34px}.goals-panel p{margin:0;max-width:34ch}.goals-panel .final b{font-size:22px}.goals-panel .final small{color:var(--ink-soft)}.missed-head{font-size:13px;color:var(--ink-soft)}.missed{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.missed li{padding:4px 10px;border-radius:999px;background:var(--fill);font-weight:700;font-size:14px}@media(prefers-reduced-motion:reduce){.goal.scored,.goal.clanged,.clock.low{animation:none}}.goals-head{position:relative}.goals-back{position:absolute;left:0;top:6px}.placement{max-width:640px;margin:0 auto;padding:20px 16px 60px;display:flex;flex-direction:column;gap:16px}.pl-head{text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}.pl-head>.text-btn{align-self:flex-start}.pl-head h1{margin:4px 0 0;font:var(--display);font-variation-settings:var(--display-vars);font-size:clamp(30px,6vw,42px)}.pl-head p{margin:0;color:var(--ink-soft);max-width:44ch;text-wrap:balance}.pl-head.slim{gap:8px}.pl-ladder{display:flex;gap:4px;width:100%;max-width:360px}.pl-ladder span{flex:1;height:6px;border-radius:3px;background:var(--fill-strong)}.pl-ladder span.done{background:var(--brand-ink)}.pl-ladder span.now{background:color-mix(in srgb,var(--brand-ink) 45%,transparent)}.pl-where{font-size:14px}.pl-where b{color:var(--ink)}.pl-card{display:flex;flex-direction:column;gap:14px}.pl-card>.primary.big{align-self:center;min-width:220px}.pl-card>.text-btn{align-self:center}.pl-facts{margin:0;padding-left:20px;color:var(--ink-soft);display:flex;flex-direction:column;gap:4px}.pl-actions{display:flex;align-items:center;justify-content:center;gap:14px;min-height:48px;flex-wrap:wrap}.pl-call{margin:0;font-weight:700;color:var(--bad)}.pl-call.ok{color:var(--good)}.pl-start{margin:0;font-size:18px;text-align:center}.pl-skip-head{margin:4px 0 0;font-weight:600}.pl-skip{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.pl-skip li{background:var(--paper);border-radius:12px;padding:8px 12px;display:flex;flex-direction:column}.pl-skip small{color:var(--ink-soft)}.pl-note{margin:0;font-size:14px;color:var(--ink-soft);text-align:center}.placement-cta{position:relative;z-index:2;margin:8px auto 0;display:flex;align-items:center;gap:10px;padding:8px 10px 8px 16px;border-radius:999px;background:var(--paper-2);box-shadow:var(--elev-1);font-size:14px;width:fit-content;max-width:calc(100% - 32px)}.placement-cta button{white-space:nowrap}:root{color-scheme:light;--paper: #f6efe3;--paper-2: #fffbf4;--fill: rgba(60, 38, 20, .06);--fill-strong: rgba(60, 38, 20, .1);--ink: #241a14;--ink-soft: #7d6d60;--rule: rgba(60, 38, 20, .12);--brand: #3a1f5c;--brand-ink: #5b34a0;--on-brand: #fbf5ea;--good: #5b34a0;--bad: #d23b2a;--g-m: #2b47c4;--g-f: #d0479b;--g-n: #13856a;--g-pl: #c98a0c;--u-cases: var(--brand-ink);--u-preps: var(--brand-ink);--u-adj: var(--brand-ink);--u-verbs: var(--brand-ink);--u-gender: var(--brand-ink);--u-sentences: var(--brand-ink);--u-warm: var(--brand-ink);--u-sounds: var(--brand-ink);--u-nouns: var(--brand-ink);--br-skin: #f2c9a5;--br-face: #241a14;--br-coat-j: #4a2d7a;--br-coat-w: #8a5a3b;--br-hair-j: #e4e0da;--br-hair-w: #6b4426;--br-shirt: #fffbf4;--br-trousers: #3a2e28;--br-cheek: rgba(214, 100, 90, .35);--br-book: #b4472f;--br-gold: #e9b949;--cr-fox: #d9772e;--cr-white: #fffaf0;--cr-dark: #2a1d16;--cr-wolf: #8a8a94;--cr-wolf-light: #c9c7cc;--cr-eye: #f2c230;--cr-bear: #7a5134;--cr-bear-dark: #5e3d27;--cr-bear-light: #c49a72;--cr-hood: #d23c2f;--cr-skin: #f2c9a5;--cr-basket: #b07a45;--cr-rabbit: #b39b86;--cr-owl: #8a6447;--cr-owl-light: #d8bf9c;--cr-frog: #6fae4a;--cr-gold: #e9b949;--cr-goat: #f4efe6;--cr-water: #6fa3c9;--cr-petal-a: #f2a7c0;--cr-petal-b: #f5d25e;--cr-hat-green: #4f8a5b;--sc-bush: #4c7a52;--zone-start: rgba(233, 185, 73, .12);--zone-forest: rgba(59, 100, 71, .13);--zone-meadow: rgba(140, 176, 82, .13);--zone-alps: rgba(110, 140, 180, .14);--zone-peaks: rgba(150, 140, 190, .14);--sc-fir: #3b6447;--sc-fir-dark: #26473a;--sc-trunk: #6b4a33;--sc-ground: rgba(60, 38, 20, .08);--sc-wall: #f3e3c6;--sc-timber: #5a3b28;--sc-roof: #b4472f;--sc-roof-dark: #8c3a2a;--sc-window: #e9b949;--sc-door: #5a3b28;--sc-cottage: #c98f5a;--sc-icing: #fffbf4;--sc-smoke: rgba(60, 38, 20, .26);--sc-rock: #8b8c9d;--sc-rock-far: #b6b4c2;--sc-snow: #fffbf4;--sc-stone: #e8e1d3;--sc-spire: #4a5d82;--sc-dome: #3f6b5a;--sc-flag: #b4472f;--elev-1: 0 1px 2px rgba(60, 38, 20, .05), 0 6px 18px rgba(60, 38, 20, .06);--elev-2: 0 2px 6px rgba(60, 38, 20, .06), 0 18px 44px rgba(60, 38, 20, .12);--glass: rgba(246, 239, 227, .78);--sans: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", system-ui, sans-serif;--serif: "Fraunces", Georgia, serif;--display: 800 1em/1.02 var(--serif);--display-vars: "SOFT" 100, "WONK" 1, "opsz" 96;--r-sm: 12px;--r-md: 18px;--r-lg: 26px;--ease-out: cubic-bezier(.2, .8, .2, 1)}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--paper: #16110d;--paper-2: #231b16;--fill: rgba(255, 240, 225, .07);--fill-strong: rgba(255, 240, 225, .12);--ink: #f7efe4;--ink-soft: #b6a697;--rule: rgba(255, 240, 225, .1);--brand: #3b2360;--brand-ink: #b79cf0;--good: #b79cf0;--bad: #ff6a50;--g-m: #8199ff;--g-f: #ff94d0;--g-n: #4fd0ae;--g-pl: #f5bd47;--u-cases: var(--brand-ink);--u-preps: var(--brand-ink);--u-adj: var(--brand-ink);--u-verbs: var(--brand-ink);--u-gender: var(--brand-ink);--u-sentences: var(--brand-ink);--u-warm: var(--brand-ink);--u-sounds: var(--brand-ink);--u-nouns: var(--brand-ink);--br-skin: #e0b48f;--br-coat-j: #6a4aa8;--br-coat-w: #a2704c;--br-trousers: #5a4a40;--cr-fox: #e08540;--cr-white: #f4eadb;--cr-wolf: #9a9aa4;--cr-bear: #8a5f40;--cr-hood: #e0503f;--cr-skin: #e0b48f;--cr-goat: #e8e0d2;--sc-bush: #44704a;--zone-start: rgba(233, 185, 73, .06);--zone-forest: rgba(90, 150, 105, .09);--zone-meadow: rgba(140, 176, 82, .07);--zone-alps: rgba(110, 140, 200, .09);--zone-peaks: rgba(160, 140, 220, .09);--sc-fir: #3f6a4c;--sc-fir-dark: #2b5040;--sc-trunk: #7d5a40;--sc-ground: rgba(255, 240, 225, .06);--sc-wall: #cdbb9c;--sc-timber: #4a3020;--sc-roof: #a8503a;--sc-roof-dark: #874232;--sc-window: #f0c55a;--sc-door: #4a3020;--sc-cottage: #a8784c;--sc-icing: #efe4d2;--sc-smoke: rgba(255, 240, 225, .16);--sc-rock: #6f7183;--sc-rock-far: #4d4e5d;--sc-snow: #e9e3dc;--sc-stone: #c9c1b2;--sc-spire: #6b7fa8;--sc-dome: #4f8a72;--sc-flag: #c75a42;--elev-1: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 22px rgba(0, 0, 0, .28);--elev-2: 0 2px 8px rgba(0, 0, 0, .35), 0 22px 50px rgba(0, 0, 0, .5);--glass: rgba(22, 17, 13, .78)}}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:var(--sans);background:var(--paper);color:var(--ink);line-height:1.45;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:2.5px solid var(--brand-ink);outline-offset:2px}h1,.brand{font:var(--display);font-variation-settings:var(--display-vars);letter-spacing:-.025em}h2{font-size:15px;font-weight:650;letter-spacing:-.01em;margin:0 0 8px}.muted{color:var(--ink-soft)}kbd{font:600 11px var(--sans);color:var(--ink-soft);border:1px solid var(--rule);border-radius:6px;padding:1px 5px}.app{max-width:1120px;margin:0 auto;padding:0 20px 64px}.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:14px;min-height:60px;flex-wrap:wrap;background:var(--glass);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);margin:0 -20px 8px;padding:8px 20px;border-bottom:1px solid var(--rule)}.brand{font-size:30px;background:none;border:0;padding:0;color:var(--ink)}.brand span{color:var(--brand-ink)}.status{margin-left:auto;display:flex;gap:16px;color:var(--ink-soft);font-size:14px}.status b{color:var(--ink)}.spacer{flex:1}.session{flex:1;display:flex;align-items:center;gap:12px;min-width:0;font-size:13.5px;color:var(--ink-soft)}.session>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session ol{display:flex;gap:4px;margin:0;padding:0;list-style:none}.session li button{display:block;width:30px;height:8px;padding:0;border:0;border-radius:4px;background:var(--fill-strong);overflow:hidden}.session li.here button{outline:2px solid var(--ink);outline-offset:2px}.session li i{display:block;height:100%;width:calc(var(--fill) * 100%);background:var(--brand-ink);transition:width .3s var(--ease-out)}@media(max-width:680px){.topbar .session{order:3;flex-basis:100%}.topbar .brand{margin-right:auto}.topbar .spacer{display:none}}.primary{font:600 14.5px var(--sans);background:var(--ink);color:var(--paper);border:0;border-radius:999px;padding:10px 18px;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.primary kbd{color:inherit;border-color:currentColor;opacity:.6}.primary.big{font-size:16px;padding:14px 26px}.primary.on-brand{background:var(--on-brand);color:var(--brand)}.secondary,.ghost-btn,.back{font:600 14px var(--sans);background:var(--fill);border:0;border-radius:999px;padding:9px 16px}.icon-btn{display:inline-grid;place-items:center;width:38px;height:38px;border:0;border-radius:50%;background:var(--fill);color:var(--ink);padding:0}.icon-btn[aria-pressed=false]{color:var(--ink-soft)}.text-btn{background:none;border:0;color:var(--ink-soft);font-size:14px;padding:6px 8px}.home-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:20px;margin-top:12px}@media(max-width:860px){.home-grid{grid-template-columns:minmax(0,1fr)}}.today{background:var(--brand);color:var(--on-brand);border-radius:var(--r-lg);padding:28px;display:flex;flex-direction:column;gap:16px;align-items:flex-start}.kicker{margin:0;font-size:13.5px;font-weight:600;opacity:.75}.today h1{font-size:clamp(34px,5vw,50px);margin:0}.lede{margin:0;max-width:54ch;opacity:.88;font-size:16px}.plan{list-style:none;margin:0;padding:0;width:100%;display:flex;flex-direction:column;gap:6px}.plan button{width:100%;display:flex;align-items:center;gap:14px;text-align:left;background:#ffffff14;border:0;border-radius:var(--r-sm);padding:12px 14px;color:inherit}.plan li.next button{background:#ffffff29}.plan-dot{flex:none;width:22px;height:22px;border-radius:50%;background:conic-gradient(var(--on-brand) calc(var(--fill) * 360deg),rgba(255,255,255,.18) 0)}.plan li.done .plan-dot{background:var(--on-brand)}.plan-text{flex:1;min-width:0;display:flex;flex-direction:column}.plan-text small{opacity:.72;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plan-count{font-variant-numeric:tabular-nums;font-size:13.5px;opacity:.8}.home-main{display:flex;flex-direction:column;gap:8px;min-width:0}.home-side{position:sticky;top:76px;align-self:start;display:flex;flex-direction:column;gap:14px}.panel{background:var(--paper-2);border-radius:var(--r-md);padding:18px;box-shadow:var(--elev-1)}.panel p{margin:0;font-size:14px}.how ul,.mixups{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:14px}.how li{color:var(--ink-soft)}.how li b{color:var(--ink)}.mixups li{display:flex;flex-direction:column}.mixups b{font-size:15px}.mixups span{color:var(--ink-soft);font-size:13px}.course{margin-top:36px}.section-title{font:var(--display);font-variation-settings:var(--display-vars);font-size:30px;margin:0 0 14px}.unit{display:grid;grid-template-columns:220px 1fr;gap:18px;padding:18px 0;border-top:1px solid var(--rule)}@media(max-width:760px){.unit{grid-template-columns:1fr;gap:10px}}.unit-head h3{margin:0;font-size:18px}.unit-head p{margin:2px 0 0;color:var(--ink-soft);font-size:14px}.unit-drills{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}.drill-card{text-align:left;background:var(--paper-2);border:0;border-radius:var(--r-md);box-shadow:var(--elev-1);padding:16px;display:flex;flex-direction:column;gap:6px;border-top:4px solid var(--unit);transition:transform .15s var(--ease-out),box-shadow .15s}.drill-card:hover{transform:translateY(-1px);box-shadow:var(--elev-2)}.drill-card.current{outline:2px solid var(--unit)}.drill-card-top{display:flex;align-items:baseline;gap:8px;font-size:16px}.drill-card-top em{margin-left:auto;font-style:normal;font-size:12px;font-weight:650;color:var(--unit)}.drill-card-top .level{margin-left:auto;font-style:normal;font-size:11.5px;font-weight:650;color:var(--ink-soft);background:var(--fill);border-radius:999px;padding:2px 8px}.course-head{margin-bottom:6px}.course-head p{margin:-6px 0 10px;color:var(--ink-soft);font-size:14px;max-width:70ch}.course-head b{color:var(--ink)}.drill-card-blurb{color:var(--ink-soft);font-size:13.5px;min-height:2.9em}.pips{display:flex;align-items:center;gap:4px}.pips i{width:16px;height:6px;border-radius:3px;background:var(--fill-strong)}.pips i.done{background:var(--unit)}.pips i.here{background:color-mix(in srgb,var(--unit) 40%,transparent)}.pips small{margin-left:6px;color:var(--ink-soft);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.foot{margin-top:30px;text-align:center}.lesson{max-width:720px;margin:28px auto 0;display:flex;flex-direction:column;gap:14px}.lesson .kicker{color:var(--unit);opacity:1}.lesson h1{font-size:clamp(34px,6vw,52px);margin:0}.lesson-body{background:var(--paper-2);border-radius:var(--r-lg);box-shadow:var(--elev-1);padding:24px;display:flex;flex-direction:column;gap:18px}.lesson-points p{margin:0 0 10px;font-size:16.5px;max-width:62ch}.lesson-points b{color:var(--ink)}.lesson-table-caption{margin:8px 0 0;font-size:.78rem;font-style:italic;color:var(--ink-soft)}.lesson-table-wrap{overflow-x:auto}.lesson-table{border-collapse:separate;border-spacing:4px;font-size:16px}.lesson-table th{font-size:12.5px;font-weight:650;color:var(--ink-soft);text-align:left;padding:4px 10px}.lesson-table th.g-m{color:var(--g-m)}.lesson-table th.g-f{color:var(--g-f)}.lesson-table th.g-n{color:var(--g-n)}.lesson-table th.g-pl{color:var(--g-pl)}.lesson-table td{background:var(--fill);border-radius:10px;padding:8px 14px;font-weight:550;white-space:nowrap}.lesson-table td b{color:var(--unit)}.lesson-table td.hl{background:color-mix(in srgb,var(--unit) 16%,transparent);box-shadow:inset 0 0 0 2px var(--unit)}.lesson-pairs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.lesson-pairs li{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:baseline;background:var(--fill);border-radius:12px;padding:10px 14px}.lesson-pairs .de{font-size:17px}.lesson-pairs .de b{color:var(--ink)}.lesson-pairs .en{color:var(--ink-soft);font-size:14px}.lesson-actions{display:flex;justify-content:flex-end}.drill{display:flex;flex-direction:column;gap:14px;margin-top:10px}.drill-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.crumb{color:var(--ink-soft);font-size:14px}.crumb b{color:var(--ink)}.steps{display:flex;gap:6px;flex-wrap:wrap;margin-left:auto}.step{font-size:13px;font-weight:600;border:0;border-radius:999px;padding:6px 12px;background:var(--fill);color:var(--ink-soft)}.step.done{color:var(--unit)}.step.current{background:var(--ink);color:var(--paper)}.step:disabled{opacity:.45}.drill-main{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px;align-items:start}@media(max-width:860px){.drill-main{grid-template-columns:minmax(0,1fr)}}.card{background:var(--paper-2);border-radius:var(--r-lg);box-shadow:var(--elev-1);padding:20px 24px 22px;display:flex;flex-direction:column;gap:14px;min-width:0}.card-top{display:flex;align-items:center;gap:12px}.bar{flex:1;height:8px;border-radius:4px;background:var(--fill-strong);overflow:hidden}.bar i{display:block;height:100%;background:var(--unit);border-radius:4px;transition:width .35s var(--ease-out)}.togo{font-weight:650;font-size:14px;font-variant-numeric:tabular-nums;min-width:5.5em;text-align:right}.tagline{height:28px;display:flex;align-items:center}.case-tag{font-size:13px;font-weight:650;color:var(--unit);background:color-mix(in srgb,var(--unit) 12%,transparent);padding:4px 12px;border-radius:999px}.sentence{margin:0;min-height:3.1em;font-size:clamp(22px,3.4vw,30px);line-height:1.5;font-weight:450;letter-spacing:-.01em;white-space:pre-wrap}.sentence .en{color:var(--ink-soft)}.sentence .en:only-child{color:var(--ink)}.sentence .de{font-weight:650;color:var(--ink)}.sentence .hl{font-weight:650;color:var(--ink);background:color-mix(in srgb,var(--unit) 18%,transparent);border-radius:8px;padding:0 6px;margin:0 -2px}.sentence.solo{font-size:clamp(36px,6vw,54px);min-height:1.6em;text-align:center;font-family:var(--serif);font-variation-settings:"SOFT" 100,"opsz" 96}.sentence.solo .de{font-weight:700}.sentence.solo .hl{font-weight:800;background:none;color:var(--unit);padding:0;margin:0}.gap{display:inline-block;height:1.25em;line-height:1.25em;text-align:center;vertical-align:baseline;border-radius:8px;border-bottom:3px solid var(--ink-soft);background:var(--fill);font-weight:700;margin:0 1px}.gap.good{color:var(--good);border-color:var(--good);background:color-mix(in srgb,var(--good) 12%,transparent)}.gap.fixed{color:var(--ink);border-color:var(--good);background:color-mix(in srgb,var(--good) 8%,transparent)}.bank{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;min-height:38px}.bank li{display:inline-flex;align-items:baseline;gap:8px;padding:7px 14px;border-radius:999px;background:var(--fill);font-size:14.5px;--g: var(--ink-soft)}.bank li.g-m{--g: var(--g-m)}.bank li.g-f{--g: var(--g-f)}.bank li.g-n{--g: var(--g-n)}.bank li.g-pl{--g: var(--g-pl)}.bank li[class^=g-]{background:color-mix(in srgb,var(--g) 12%,transparent)}.bank li b{color:var(--ink)}.bank li[class^=g-] b{color:var(--g)}.bank li i{font-style:normal;font-weight:700;font-size:12.5px;color:var(--g)}.bank li span{color:var(--ink-soft)}.choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px;min-height:62px}.choices.n2,.choices.n3{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.choice{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:62px;border:0;border-radius:var(--r-sm);background:var(--fill);font-size:19px;transition:background .12s,transform .08s}.choice:not(:disabled):hover{background:var(--fill-strong)}.choice:not(:disabled):active{transform:scale(.97)}.choices.long{grid-template-columns:1fr}.choices.long .choice{align-items:flex-start;text-align:left;min-height:52px;padding:12px 16px 12px 40px;font-size:17px}.choices.long .choice kbd{top:50%;transform:translateY(-50%);left:14px;display:inline}.choices.long .choice b{font-weight:550}.bank li.gloss span{color:var(--ink)}.choice small{font-size:12px;color:var(--ink-soft)}.choice kbd{position:absolute;top:6px;left:8px;border:0;padding:0;opacity:.7}.choice.right{background:color-mix(in srgb,var(--good) 16%,transparent);color:var(--good)}.choice.wrong{background:color-mix(in srgb,var(--bad) 14%,transparent);color:var(--bad)}.choice.dim{opacity:.45}@media(max-width:520px){.choice kbd{display:none}.choices.n5{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.choices.n5 .choice{font-size:15px}.lesson-table td{padding:7px 10px}}.verdict{min-height:4.6em;display:flex;align-items:center;gap:14px;font-size:15.5px;border-radius:var(--r-sm);padding:10px 14px;background:var(--fill)}.verdict p{margin:0;flex:1}@media(max-width:520px){.verdict{flex-wrap:wrap;min-height:7.4em;align-content:center}.verdict p{flex-basis:100%}.card{padding:16px 16px 18px}}.verdict.good{color:var(--good);font-weight:600;background:color-mix(in srgb,var(--good) 9%,transparent)}.verdict.bad{background:var(--fill)}.miss{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.miss-head{font-size:18px;color:var(--ink)}.miss-head b{font-size:22px}.miss-why{color:var(--ink-soft);font-size:15px}.verdict.idle{background:transparent}.sentence.place{display:flex;flex-wrap:wrap;align-items:center;white-space:normal}.sentence.place .word{font-weight:600;margin:0 2px}.sentence.place .punct{font-weight:600;margin-left:-2px}.slot{width:30px;height:1.3em;padding:0;border:0;background:none;display:inline-flex;justify-content:center}.slot i{width:4px;height:100%;border-radius:2px;background:var(--fill-strong);transition:background .12s,width .12s}.slot:hover i,.slot:focus-visible i{width:8px;background:var(--unit)}.placed{font-weight:750;margin:0 6px;padding:0 8px;border-radius:8px}.placed.good{color:var(--good);background:color-mix(in srgb,var(--good) 12%,transparent)}.placed.fixed{color:var(--ink);box-shadow:inset 0 -3px 0 var(--good);background:color-mix(in srgb,var(--good) 8%,transparent)}.miss-mark{color:var(--bad);font-size:.6em;margin:0 6px}.verb-chip b{font-size:17px;color:var(--unit)!important}.place-hint{display:flex;align-items:center}.place-hint p{margin:0;font-size:14px}.drill-aside{display:flex;flex-direction:column;gap:14px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center}.stats strong{display:block;font-size:22px;font-variant-numeric:tabular-nums}.stats small{color:var(--ink-soft);font-size:12px}.scrim{position:fixed;inset:0;z-index:20;background:#140c0659;display:grid;place-items:center;padding:16px}.dialog{background:var(--paper-2);border-radius:var(--r-lg);box-shadow:var(--elev-2);padding:26px;max-width:440px}.dialog h3{font:var(--display);font-variation-settings:var(--display-vars);font-size:30px;margin:0 0 10px}.dialog .row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.path{margin-top:28px}.path-head p{margin:-6px 0 0;color:var(--ink-soft);font-size:14px}.path-track{position:relative;max-width:560px;margin:0 auto}.path-line{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.path-line path{fill:none;stroke-width:10;stroke-linecap:round}.path-line .ahead{stroke:color-mix(in srgb,var(--sc-cottage) 45%,transparent);stroke-dasharray:1 15}.path-line .behind{stroke:var(--brand-ink);opacity:.85}.path-banner{position:absolute;left:50%;transform:translate(-50%,-50%);display:flex;align-items:baseline;gap:8px;background:var(--paper);padding:6px 16px;border-radius:999px;white-space:nowrap;z-index:1}.path-banner b{font:var(--display);font-variation-settings:var(--display-vars);font-size:26px}.path-banner span{color:var(--ink-soft);font-size:14px;font-weight:600}.stop{position:absolute;width:0;height:0;z-index:1}.stop-dot{position:absolute;left:0;top:0;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;border:0;padding:0;display:grid;place-items:center;transition:transform .15s var(--ease-out)}.stop-dot:not(:disabled):hover{transform:translate(-50%,-50%) scale(1.06)}.stop-label{position:absolute;top:0;transform:translateY(-50%);width:min(40vw,205px);display:flex;flex-direction:column;gap:1px;font-size:13px;line-height:1.3}.label-right .stop-label{left:44px;align-items:flex-start;text-align:left}.label-left .stop-label{right:44px;align-items:flex-end;text-align:right}.stop-label b{font-size:15px}.stop-label span{color:var(--ink-soft)}.stop.live .stop-label,.stop.active .stop-label,.stop.ready .stop-label{width:min(46vw,250px)}.active .stop-label,.ready .stop-label{gap:3px}.label-right.active .stop-label,.label-right.ready .stop-label{left:54px}.label-left.active .stop-label,.label-left.ready .stop-label{right:54px}.done .stop-dot{background:var(--brand-ink);color:var(--paper-2);box-shadow:0 4px color-mix(in srgb,var(--brand-ink) 60%,black)}.done .stop-label b{color:var(--ink)}.active .stop-dot,.ready .stop-dot{width:78px;height:78px;background:var(--brand);color:var(--on-brand);box-shadow:0 5px color-mix(in srgb,var(--brand) 55%,black),0 0 0 6px var(--paper),0 0 0 9px color-mix(in srgb,var(--brand-ink) 35%,transparent)}.active .stop-dot:before,.ready .stop-dot:before{content:"";position:absolute;inset:-9px;border-radius:50%;background:conic-gradient(var(--brand-ink) calc(var(--fill) * 360deg),transparent 0);-webkit-mask:radial-gradient(circle,transparent 41px,#000 42px);mask:radial-gradient(circle,transparent 41px,#000 42px)}.ready .stop-dot:after,.active .stop-dot:after{content:"";position:absolute;inset:-16px;border-radius:50%;border:2px solid color-mix(in srgb,var(--brand-ink) 45%,transparent);animation:breathe 2.4s var(--ease-out) infinite}@keyframes breathe{0%{transform:scale(.88);opacity:.9}to{transform:scale(1.18);opacity:0}}@media(prefers-reduced-motion:reduce){.ready .stop-dot:after,.active .stop-dot:after{animation:none;opacity:.4}}.stop-count{font-weight:700;font-size:17px;font-variant-numeric:tabular-nums}.active .stop-label b,.ready .stop-label b{font-size:17px}.stop-go{margin-top:4px;border:0;border-radius:999px;background:var(--ink);color:var(--paper);font-weight:650;font-size:13.5px;padding:7px 16px}.locked .stop-dot{background:var(--paper-2);color:var(--ink-soft);box-shadow:inset 0 0 0 2px var(--rule);opacity:.8}.locked .stop-label{opacity:.5}.browse{margin-top:30px;border-top:1px solid var(--rule);padding-top:14px}.browse summary{cursor:pointer;font-weight:650;color:var(--ink-soft);padding:6px 0}@media(max-width:860px){.home-side{position:static}}.scenery{position:absolute;transform:translate(-50%,-62%);pointer-events:none;z-index:0}.scenery svg{width:calc(var(--w) * 2.1px);height:auto}.scenery.big svg{width:calc(var(--w) * 2.6px)}.scenery.flip svg{transform:scaleX(-1)}.scenery.big{display:flex;flex-direction:column;align-items:center;gap:2px}.castle-caption{font-size:13px;font-weight:600;color:var(--ink-soft);white-space:nowrap}.landscape{display:block;overflow:visible}.sc-fir{fill:var(--sc-fir)}.sc-fir-dark{fill:var(--sc-fir-dark)}.sc-trunk{fill:var(--sc-trunk)}.sc-ground{fill:var(--sc-ground)}.sc-wall{fill:var(--sc-wall)}.sc-timber{fill:none;stroke:var(--sc-timber);stroke-width:1.3}.sc-timber-fill{fill:var(--sc-timber)}.sc-roof{fill:var(--sc-roof)}.sc-roof-dark{fill:var(--sc-roof-dark)}.sc-window{fill:var(--sc-window)}.sc-door{fill:var(--sc-door)}.sc-cottage{fill:var(--sc-cottage)}.sc-chimney{fill:var(--sc-roof-dark)}.sc-icing{fill:none;stroke:var(--sc-icing);stroke-width:2;stroke-dasharray:2.5 2;stroke-linecap:round}.sc-smoke{fill:var(--sc-smoke)}.sc-rock{fill:var(--sc-rock)}.sc-rock-far{fill:var(--sc-rock-far)}.sc-snow{fill:var(--sc-snow)}.sc-stone{fill:var(--sc-stone)}.sc-crenel{fill:none;stroke:var(--sc-stone);stroke-width:3;stroke-dasharray:3 2.5;transform:translateY(-2px)}.sc-spire{fill:var(--sc-spire)}.sc-dome{fill:var(--sc-dome)}.sc-spike{stroke:var(--sc-dome);stroke-width:1.4}.sc-flag{fill:var(--sc-flag);stroke:var(--sc-timber);stroke-width:.8}@media(max-width:520px){.scenery:not(.big) svg{width:calc(var(--w) * 1.3px)}.stop-label,.stop.active .stop-label,.stop.ready .stop-label{width:35vw}.scenery.big svg{width:calc(var(--w) * 1.9px)}}.confetti{position:fixed;inset:0;z-index:19;pointer-events:none;overflow:hidden}.confetti i{position:absolute;top:-12px;width:9px;height:14px;border-radius:2px;opacity:0;animation:fall 1.9s var(--ease-out) forwards}.confetti i.round{width:10px;height:10px;border-radius:50%}@keyframes fall{0%{opacity:1;transform:translate(0) rotate(0)}to{opacity:0;transform:translate(var(--drift),92vh) rotate(var(--spin))}}@media(prefers-reduced-motion:reduce){.confetti{display:none}}.dialog .cheer{font-size:17px;margin:0 0 8px}.dialog .muted{margin:0;font-size:14px}.dialog .row{align-items:center}.passage{margin:0;padding:16px 18px;border-radius:var(--r-md);background:var(--fill);font-size:18px;line-height:1.6;font-weight:500}.sentence .en:only-child{font-size:.85em}.gap.reveal.g-m{color:var(--g-m);border-color:var(--g-m);background:color-mix(in srgb,var(--g-m) 12%,transparent)}.gap.reveal.g-f{color:var(--g-f);border-color:var(--g-f);background:color-mix(in srgb,var(--g-f) 12%,transparent)}.gap.reveal.g-n{color:var(--g-n);border-color:var(--g-n);background:color-mix(in srgb,var(--g-n) 12%,transparent)}.gap.reveal.g-pl{color:var(--g-pl);border-color:var(--g-pl);background:color-mix(in srgb,var(--g-pl) 12%,transparent)}.lesson-table td.tint.g-m{background:color-mix(in srgb,var(--g-m) 12%,transparent)}.lesson-table td.tint.g-f{background:color-mix(in srgb,var(--g-f) 12%,transparent)}.lesson-table td.tint.g-n{background:color-mix(in srgb,var(--g-n) 12%,transparent)}.lesson-table th.g-m,.lesson-table th.g-f,.lesson-table th.g-n{font-size:15px}.hear{display:inline-grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;border:0;padding:0;background:color-mix(in srgb,var(--brand-ink) 12%,transparent);color:var(--brand-ink);vertical-align:middle}.hear:hover{background:color-mix(in srgb,var(--brand-ink) 22%,transparent)}.sentence.solo .hear{width:36px;height:36px;margin-left:12px;vertical-align:.2em}.bank li .hear{width:22px;height:22px;margin:-2px 0 -2px -6px;align-self:center}.bank li .hear svg{width:13px;height:13px}.verdict .hear{width:34px;height:34px}.passage .hear{float:right;margin:0 0 6px 10px;width:32px;height:32px}.lesson-pairs .hear{align-self:center}.listen{display:flex;align-items:center;justify-content:center;gap:18px;min-height:3.1em;padding:6px 0}.listen-btn{width:88px;height:88px;border-radius:50%;border:0;background:var(--brand);color:var(--on-brand);display:grid;place-items:center;box-shadow:0 5px color-mix(in srgb,var(--brand) 55%,black);transition:transform .1s}.listen-btn:active{transform:translateY(3px);box-shadow:0 2px color-mix(in srgb,var(--brand) 55%,black)}.listen-side{display:flex;flex-direction:column;align-items:flex-start;gap:4px;max-width:180px}.listen-side small{font-size:12.5px}.tr-source{margin:4px 0 0;font-size:clamp(22px,3.4vw,30px);font-weight:650;line-height:1.45}.tr-source .src-word{margin-right:.28em}.tr-source .hear{margin-left:2px;vertical-align:.15em}.revealed .src-word{border-radius:6px;animation:lit 1.4s ease-out;animation-delay:var(--t)}@keyframes lit{0%,to{background:transparent}30%{background:color-mix(in srgb,var(--unit) 25%,transparent)}}.tr-guess{display:flex;align-items:center;gap:12px;margin-top:14px}.tr-guess input{flex:1;min-width:0;font:inherit;font-size:17px;padding:10px 2px;border:0;border-bottom:1.5px solid var(--rule);background:transparent;color:var(--ink)}.tr-guess input::placeholder{color:color-mix(in srgb,var(--ink-soft) 75%,transparent)}.tr-guess input:focus{outline:none;border-bottom-color:var(--unit)}.tr-result{display:flex;flex-direction:column;gap:12px;margin-top:6px}.tr-yours{margin:0;color:var(--ink-soft);font-size:15px}.morph{margin:0;display:flex;flex-wrap:wrap;gap:.15em .3em;font-size:clamp(21px,3.2vw,28px);font-weight:600;min-height:1.5em}.morph-word{display:inline-grid;opacity:0;border-radius:6px;animation-name:drop-in,lit;animation-duration:.7s,calc(var(--swap, .8s) + .6s);animation-timing-function:var(--ease-out),ease-out;animation-delay:0s,var(--t);animation-fill-mode:forwards,none}.morph-word>span{grid-area:1 / 1}.m-de{color:var(--unit);white-space:nowrap;animation:fade-shrink var(--swap, .8s) ease forwards;animation-delay:calc(var(--t) + .2s)}@keyframes fade-shrink{to{opacity:0;font-size:0}}.m-en{opacity:0;color:var(--ink);animation:fade-in var(--swap, .8s) ease forwards;animation-delay:calc(var(--t) + .35s)}.tr-natural{margin:0;display:flex;flex-direction:column;gap:2px;padding:12px 16px;border-radius:var(--r-sm);background:color-mix(in srgb,var(--good) 9%,transparent);font-size:clamp(18px,2.6vw,22px);font-weight:550;opacity:0;animation:drop-in .55s var(--ease-out) forwards;animation-delay:var(--d)}.tr-natural small{font-size:12.5px;font-weight:650;color:var(--good)}.tr-answer{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.tr-replay{opacity:0;animation:fade-in .35s ease forwards;animation-delay:var(--d);padding:2px 0}.tr-grade{margin-top:8px;padding:14px 16px;border-radius:var(--r-md);background:var(--fill);display:flex;flex-direction:column;gap:10px;opacity:0;animation:fade-in .4s ease forwards;animation-delay:var(--d)}.tr-grade p{margin:0;font-size:15.5px}.tr-grade i{color:var(--ink)}.tr-grade .row{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}@keyframes drop-in{0%{opacity:0;transform:translateY(-46px) scale(.96)}to{opacity:1;transform:none}}@keyframes fade-out{to{opacity:0}}@keyframes fade-in{to{opacity:1}}@media(prefers-reduced-motion:reduce){.morph-word,.tr-natural,.tr-grade,.tr-replay,.m-en{animation:none;opacity:1}.m-de{display:none}}.drill-main.alone{grid-template-columns:minmax(0,1fr);max-width:780px;width:100%;margin:0 auto}.card-top{align-items:center}.progress{flex:1;display:flex;flex-direction:column;gap:7px;min-width:0}.progress .bar{flex:none}.progress-label{font-size:13.5px;font-weight:600;color:var(--ink-soft)}.explain-btn{flex:none;width:30px;height:30px;border-radius:50%;border:0;background:var(--fill);color:var(--ink-soft);font:inherit;font-weight:700;font-size:15px;cursor:pointer}.explain-btn:hover{background:var(--fill-strong);color:var(--ink)}.step-finished{align-items:center;justify-content:space-between;gap:14px;padding:12px 14px 12px 16px;border-radius:var(--r-md);background:color-mix(in srgb,var(--good) 10%,transparent);color:var(--ink-soft);font-size:15px}.step-finished b{color:var(--good)}.stuck-hint{margin:-4px 0 0;font-size:13px;color:var(--ink-soft)}.nowrap{white-space:nowrap}.dialog.step-done{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;max-width:380px;padding:30px 28px 20px}.dialog.step-done h3{order:2;margin:0;font-size:40px}.done-badge{order:1;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--brand-ink);color:var(--paper-2);box-shadow:0 4px color-mix(in srgb,var(--brand-ink) 60%,black);animation:pop .5s var(--ease-spring, cubic-bezier(.2, 1.4, .4, 1)) both}@keyframes pop{0%{transform:scale(.4);opacity:0}to{transform:none;opacity:1}}.dialog.step-done .cheer{order:3;margin:0 0 8px}.dialog.step-done .cheer:has(+.learned-card){margin-bottom:0;color:var(--ink-soft)}.dialog.step-done .primary{order:4;width:100%;justify-content:center}.dialog.step-done .text-btn{order:5}.point-hand{position:absolute;top:0;font-size:2.4rem;line-height:1;pointer-events:none;z-index:2}.point-hand.from-left{right:50px;animation:hand-nudge-right 1.1s ease-in-out infinite}.point-hand.from-right{left:50px;animation:hand-nudge-left 1.1s ease-in-out infinite}@keyframes hand-nudge-right{0%,to{transform:translateY(-50%)}50%{transform:translate(10px,-50%)}}@keyframes hand-nudge-left{0%,to{transform:translateY(-50%)}50%{transform:translate(-10px,-50%)}}@media(max-width:520px){.point-hand{font-size:1.9rem}}@media(prefers-reduced-motion:reduce){.point-hand{animation:none;transform:translateY(-50%)}}.lesson{max-width:640px}.lesson-body{gap:20px}.lesson-screen{display:flex;flex-direction:column;gap:18px;animation:fade-in .25s ease both}.lesson-points p{font-size:19px;line-height:1.5}.lesson-points p:last-child{margin-bottom:0}.lesson-points .lesson-lead{margin:0 0 10px;font-family:var(--serif);font-variation-settings:var(--display-vars);font-size:26px;line-height:1.2;font-weight:700;letter-spacing:-.01em}.lesson-progress{display:flex;gap:6px;margin:0;padding:0;list-style:none}.lesson-progress li{flex:1;height:6px;border-radius:3px;background:var(--fill-strong);transition:background .25s ease}.lesson-progress li.on{background:var(--unit)}.lesson-nav{display:flex;align-items:center;gap:12px}.lesson-nav .primary{margin-left:auto}.lesson-back{padding:12px 20px;border:1px solid var(--rule);border-radius:999px;background:none;font-weight:600}.lesson-actions{display:none}.lesson-words{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.lesson-words li{display:flex;align-items:baseline;gap:14px;padding:12px 18px;border-radius:var(--r-sm);background:var(--fill);--g: var(--ink)}.lesson-words li.g-m{--g: var(--g-m)}.lesson-words li.g-f{--g: var(--g-f)}.lesson-words li.g-n{--g: var(--g-n)}.lesson-words li.g-pl{--g: var(--g-pl)}.lesson-words li[class^=g-]{background:color-mix(in srgb,var(--g) 11%,transparent)}.lesson-words b{font-size:22px;font-weight:650;color:var(--ink)}.lesson-words li[class^=g-]>b{color:var(--g)}.lesson-words span{color:var(--ink-soft)}.case-tag.faded{background:transparent;color:var(--ink-soft);font-weight:600;padding-left:0}.build{display:flex;flex-direction:column;gap:14px}.build-en{margin:0;font-size:clamp(20px,3vw,26px);font-weight:600}.build-line{min-height:60px;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 0;border-bottom:2px solid var(--rule)}.build-line.good{border-bottom-color:var(--good)}.build-line.bad{border-bottom-color:var(--bad)}.build-hint{color:var(--ink-soft);font-size:15px}.build-right{margin:0;font-size:19px;font-weight:650;color:var(--good)}.build-tiles{display:flex;flex-wrap:wrap;gap:8px}.tile{font-size:18px;font-weight:600;padding:10px 14px;border-radius:12px;border:0;background:var(--paper);box-shadow:inset 0 0 0 1.5px var(--rule),0 2px 0 var(--rule);color:var(--ink)}.tile:disabled{opacity:.3;box-shadow:inset 0 0 0 1.5px var(--rule)}.tile.placed{background:color-mix(in srgb,var(--unit) 12%,transparent);box-shadow:none}.tile.placed:disabled{opacity:1}.build-actions{display:flex;justify-content:flex-end;gap:10px}.typed{display:flex;gap:12px;align-items:center}.typed input{flex:1;min-width:0;font:inherit;font-size:20px;padding:12px 14px;border-radius:var(--r-sm);border:1.5px solid var(--rule);background:var(--paper);color:var(--ink)}.typed input:focus{outline:none;border-color:var(--unit)}.home .path{max-width:680px;margin-inline:auto}.progress-link{border:0;background:var(--fill);color:var(--ink);font:inherit;font-size:14px;font-weight:600;padding:8px 14px;border-radius:999px;cursor:pointer}.progress-link:hover{background:var(--fill-strong)}.progress-page>:not(.topbar){max-width:680px;margin-inline:auto}.progress-page h1{font-size:34px;margin-top:20px;margin-bottom:16px}.progress-page .panel{margin-bottom:16px}.progress-page h2{margin:0 0 12px;font-size:18px}.progress-page .hint{color:var(--ink-soft);font-size:13px;margin:10px 0 0}.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:22px}.tile{display:flex;flex-direction:column;gap:2px;background:var(--fill);border-radius:14px;padding:12px}.tile b{font-family:var(--serif);font-size:30px;line-height:1.1}.tile span{font-size:14px;font-weight:600}.tile small{color:var(--ink-soft);font-size:12px}.calendar{display:grid;grid-template-columns:repeat(7,28px);gap:5px}.calendar b{font-size:11px;font-weight:600;color:var(--ink-soft);text-align:center}.calendar span{height:28px;border-radius:6px;background:var(--fill)}.calendar span.future{background:transparent;box-shadow:inset 0 0 0 1px var(--rule)}.word-bank{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.word-bank li{display:inline-flex;align-items:baseline;gap:5px;padding:6px 10px;border-radius:10px;background:var(--fill);font-size:14px}.word-bank li i{font-style:normal;font-size:12px;font-weight:600}.word-bank li span{color:var(--ink-soft);font-size:12px}.word-bank .g-m{color:var(--g-m);background:color-mix(in srgb,var(--g-m) 9%,transparent)}.word-bank .g-f{color:var(--g-f);background:color-mix(in srgb,var(--g-f) 9%,transparent)}.word-bank .g-n{color:var(--g-n);background:color-mix(in srgb,var(--g-n) 9%,transparent)}.grammar-units{list-style:none;margin:0;padding:0;display:grid;gap:16px}.grammar-head{display:flex;justify-content:space-between;font-size:15px}.grammar-head span{color:var(--ink-soft);font-size:13px}.grammar-units .unit-bar{display:block;height:6px;border-radius:3px;background:var(--fill-strong);margin:6px 0;overflow:hidden}.grammar-units .unit-bar i{display:block;height:100%;background:var(--unit);border-radius:3px}.grammar-done{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 12px;font-size:13px;color:var(--ink-soft)}.grammar-done li:before{content:"✓ ";color:var(--good)}.progress-page h3{margin:18px 0 8px;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft)}.progress-page h2+h3{margin-top:4px}.progress-page .word-bank+.word-bank{margin-top:10px}.tile .ribbon{align-self:flex-start;margin-top:4px;padding:2px 8px;border-radius:999px;background:color-mix(in srgb,var(--u-warm) 18%,transparent);color:var(--ink);font-weight:600}.stamped{position:relative;width:fit-content;max-width:100%;padding:10px 0}.stamped:not(.good)>:first-child{animation:stamp-dim .3s ease 1.25s forwards}@keyframes stamp-dim{to{opacity:.55;filter:grayscale(1)}}.stamp{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-8deg);white-space:nowrap;padding:8px 16px;border:3px solid var(--bad);border-radius:10px;color:var(--bad);background:color-mix(in srgb,var(--paper-2) 85%,transparent);font-family:var(--serif);font-size:22px;font-weight:700;pointer-events:none;opacity:0;animation:stamp-in .35s cubic-bezier(.2,1.4,.4,1) 1.1s forwards}@keyframes stamp-in{0%{opacity:0;scale:2.2}to{opacity:1;scale:1}}@media(prefers-reduced-motion:reduce){.stamp{animation:none;opacity:1}}.stamped:not(:has(table)){padding-top:36px}.stamped:not(:has(table)) .stamp{top:0;left:auto;right:-6px;transform:rotate(4deg);font-size:19px;padding:5px 14px}.stamped.good .stamp{border-color:var(--good);color:var(--good)}.case-tag.review{color:var(--ink-soft);background:var(--fill)}.cheer-toast{flex:none;display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;background:var(--good);color:#fff;white-space:nowrap;animation:cheer-pop .5s cubic-bezier(.2,1.3,.4,1) both}.cheer-toast b{font-family:var(--serif);font-size:22px;letter-spacing:.01em}.cheer-toast small{font-size:13px;font-weight:600;opacity:.9}.cheer-icon{font-size:18px;font-weight:800}.cheer-toast.level-2,.cheer-toast.level-3{padding:12px 22px}.cheer-toast.level-2 b,.cheer-toast.level-3 b{font-size:26px}.cheer-toast.level-4,.cheer-toast.level-5,.cheer-toast.level-6{padding:14px 26px;background:linear-gradient(135deg,var(--u-warm),#e2452c)}.cheer-toast.level-4 b,.cheer-toast.level-5 b,.cheer-toast.level-6 b{font-size:30px}.cheer-toast.level-5,.cheer-toast.level-6{animation-name:cheer-pop-big;animation-duration:.6s}@keyframes cheer-pop{0%{opacity:0;scale:.4}60%{opacity:1;scale:1.1}to{scale:1}}@keyframes cheer-pop-big{0%{opacity:0;scale:.3;rotate:-6deg}55%{opacity:1;scale:1.2;rotate:3deg}to{scale:1;rotate:0deg}}@media(prefers-reduced-motion:reduce){.cheer-toast{animation:none}}.verdict.good:has(>p:empty){background:transparent;justify-content:center}.verdict.good>p:empty{display:none}.topbar .where{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-soft);font-size:14px}.topbar .where b{color:var(--ink)}.lesson-words li .hear{margin-left:auto;align-self:center}.translate.skipped *,.translate.skipped *:before,.translate.skipped *:after{animation-delay:0s!important;animation-duration:.01s!important;transition-delay:0s!important;transition-duration:.01s!important}.tr-skip{align-self:flex-start;color:var(--ink-soft);font-weight:600}.lesson-words.row{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr))}.lesson-words.row li{flex-direction:column;align-items:center;gap:2px;text-align:center}.lesson-words.row li .hear{margin-left:0}b.g-word.g-m{color:var(--g-m)!important}b.g-word.g-f{color:var(--g-f)!important}b.g-word.g-n{color:var(--g-n)!important}b.g-word.g-pl{color:var(--g-pl)!important}b.g-word u,.lesson-words li[class^=g-]>b b{text-decoration:underline 2px;text-underline-offset:4px;color:inherit}.sentence.g-m,.sentence.gap-m{--g: var(--g-m)}.sentence.g-f,.sentence.gap-f{--g: var(--g-f)}.sentence.g-n,.sentence.gap-n{--g: var(--g-n)}.sentence.g-pl,.sentence.gap-pl{--g: var(--g-pl)}.sentence.tint .de{color:var(--g)}.sentence[class*=gap-] .gap:not(.good):not(.fixed){border-bottom-color:var(--g)}.sentence.solo+.bank:has(>li.gloss:only-child){justify-content:center;margin-top:-8px}.sentence.solo+.bank>li.gloss:only-child{background:none;padding:0;font-size:18px}.sentence.solo+.bank>li.gloss:only-child span{color:var(--ink-soft)}.bank{gap:6px 22px;min-height:26px}.bank li,.bank li[class^=g-]{background:none;padding:0;border-radius:0;font-size:16px;gap:6px}.bank li span:before{content:"· ";color:var(--ink-soft)}.bank li.gloss span:before{content:none}.scene-wrap{display:flex;flex-direction:column;gap:8px}.scene{position:relative;aspect-ratio:16 / 10;border-radius:var(--r-md);overflow:hidden;background:linear-gradient(#fbf3e2 0 58%,#e9d7b4 58% 100%)}.scene.room{background:linear-gradient(#f3e3c6 0 70%,#c99c6b 70% 100%)}.scene.room:before{content:"";position:absolute;left:0;right:0;top:69%;height:2%;background:#a87a4f}.scene.town{background:linear-gradient(#f6ecd8 0 50%,#e2d3b8 50% 100%)}.scene.garden:before{content:"";position:absolute;left:-5%;right:-5%;top:70%;height:12%;background:#f2e6cd;transform:rotate(-3deg)}.scene-item{position:absolute;translate:-50% -50%;display:flex;flex-direction:column;align-items:center;gap:2px;border:0;background:none;padding:4px;cursor:pointer;font:inherit;--g: var(--ink)}.scene-item.g-m{--g: var(--g-m)}.scene-item.g-f{--g: var(--g-f)}.scene-item.g-n{--g: var(--g-n)}.scene-item.g-pl{--g: var(--g-pl)}.scene-art{font-size:var(--size);line-height:1;transition:transform .15s ease;filter:drop-shadow(0 2px 2px rgba(60,38,20,.15))}.scene-item:not(.met) .scene-art{animation:scene-bob 2.4s ease-in-out infinite}.scene-item:hover .scene-art{transform:scale(1.12)}@keyframes scene-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.scene-label{display:flex;flex-direction:column;align-items:center;padding:3px 9px;border-radius:10px;background:color-mix(in srgb,var(--paper-2) 92%,transparent);box-shadow:0 0 0 2px var(--g);white-space:nowrap;animation:fade-in .25s ease}.scene-label b{color:var(--g);font-size:15px}.scene-label small{color:var(--ink-soft);font-size:11px}.scene-item.last{z-index:2}.scene-count{margin:0;text-align:center;color:var(--ink-soft);font-size:14px}@media(prefers-reduced-motion:reduce){.scene-item:not(.met) .scene-art{animation:none}}.scene-decor{position:absolute;translate:-50% -50%;line-height:1;pointer-events:none}.scene-item.met .scene-art{border-radius:50%;box-shadow:0 0 0 3px color-mix(in srgb,var(--g) 70%,transparent);background:color-mix(in srgb,var(--g) 10%,transparent)}.scene-label{position:absolute;top:100%;margin-top:4px}.scene-met{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 12px;justify-content:center;font-size:14px;font-weight:600}.scene-met .g-m{color:var(--g-m)}.scene-met .g-f{color:var(--g-f)}.scene-met .g-n{color:var(--g-n)}.scene-met .g-pl{color:var(--g-pl)}.scene-label.above{top:auto;bottom:100%;margin:0 0 4px}.lesson-words.row li>b{white-space:pre-line;line-height:1.35}.glossed{position:relative;display:inline-block}.glossed .gloss-text{position:absolute;left:50%;top:100%;translate:-50% 0;margin-top:-2px;font-family:var(--sans);font-size:max(12px,.4em);font-weight:500;color:var(--ink-soft);letter-spacing:0;white-space:nowrap;line-height:1.2;cursor:default}.sentence:has(.glossed){padding-bottom:.7em}.gloss-text.ink{color:transparent;cursor:pointer;border-radius:6px;padding:0 4px;background-image:radial-gradient(circle,var(--ink-soft) .8px,transparent 1.4px),radial-gradient(circle,var(--ink) .6px,transparent 1.2px);background-size:4px 4px,6px 6px;background-position:0 0,2px 3px;background-color:var(--fill);animation:ink-shimmer 1.4s linear infinite}@keyframes ink-shimmer{to{background-position:5px 5px,-4px 9px}}@media(prefers-reduced-motion:reduce){.gloss-text.ink{animation:none}}[data-say]{cursor:pointer}[data-say]:hover{text-decoration:underline dotted 1.5px;text-underline-offset:3px}.scene-item{transition:left .9s cubic-bezier(.4,0,.2,1),top .9s cubic-bezier(.4,0,.2,1)}.scene-art{transition:transform .15s ease,font-size .9s ease}.scene-label.left{right:0;translate:0 0}.scene-label.right{left:0}.scene-label{left:50%;translate:-50% 0}.scene-label.left{left:auto;right:0;translate:0 0}.scene-label.right{left:0;translate:0 0}.scene.sorted .scene-item{flex-direction:row;gap:6px}.scene.sorted .scene-item.met .scene-art{box-shadow:none;background:none}.scene-head{position:absolute;top:9%;translate:-50% 0;font-family:var(--serif);font-size:26px;font-weight:700;animation:fade-in .6s ease .5s both}.scene-head.g-m{color:var(--g-m)}.scene-head.g-f{color:var(--g-f)}.scene-head.g-n{color:var(--g-n)}.scene-head.g-pl{color:var(--g-pl)}.scene-tag{color:var(--g);font-weight:650;font-size:15px;white-space:nowrap;animation:fade-in .4s ease .7s both}.scene.sorted:before{opacity:0}.scene.sorted .scene-item{translate:-18px -50%}.scene.sorted .scene-item:not(.met) .scene-art,.scene.sorted .scene-art{animation:none}.chapter-banner{position:absolute;left:50%;translate:-50% -50%;z-index:1;display:flex;flex-direction:column;align-items:center;gap:1px;padding:10px 22px;border-radius:18px;background:var(--paper-2);box-shadow:var(--elev-1),0 0 0 2px var(--rule);white-space:nowrap;text-align:center}.chapter-banner small{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-ink)}.chapter-banner b{font-family:var(--serif);font-size:21px;line-height:1.15}.chapter-banner span{font-size:12.5px;color:var(--ink-soft)}.chapter-banner.done small:after{content:" ✓"}.stop.milestone .stop-dot{width:82px;height:82px;border-radius:24px;background:var(--paper-2);box-shadow:var(--elev-2),0 0 0 3px color-mix(in srgb,var(--brand-ink) 45%,transparent)}.stop.milestone.gate .stop-dot{border-radius:50% 50% 18px 18px}.stop.milestone.locked .stop-dot{filter:grayscale(.85);opacity:.7;box-shadow:0 0 0 2px var(--rule)}.stop.milestone.ready .stop-dot,.stop.milestone.active .stop-dot{box-shadow:var(--elev-2),0 0 0 4px var(--brand-ink)}.stop.milestone.done .stop-dot{box-shadow:var(--elev-1),0 0 0 3px var(--brand-ink);background:color-mix(in srgb,var(--brand-ink) 10%,var(--paper-2))}.milestone-icon{position:relative;font-size:40px;line-height:1}.milestone-check{position:absolute;right:-14px;bottom:-10px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:14px;font-weight:800;color:var(--on-brand);background:var(--brand-ink);box-shadow:0 0 0 2px var(--paper-2)}.label-right.milestone .stop-label{left:56px}.label-left.milestone .stop-label{right:56px}.milestone-badge{order:1;width:96px;height:96px;border-radius:28px;display:grid;place-items:center;font-size:54px;background:color-mix(in srgb,var(--brand-ink) 12%,var(--paper-2));box-shadow:0 0 0 3px var(--brand-ink),var(--elev-2);animation:milestone-pop .7s cubic-bezier(.2,1.4,.4,1) both}@keyframes milestone-pop{0%{scale:.3;rotate:-12deg;opacity:0}to{scale:1;rotate:0deg;opacity:1}}.dialog.step-done.milestone h3{font-size:34px}.next-chapter{order:3;display:flex;flex-direction:column;gap:2px;margin:0 0 10px;padding:10px 18px;border-radius:14px;background:var(--fill)}.next-chapter small{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-ink)}.next-chapter b{font-family:var(--serif);font-size:20px}.badges{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px}.badges li{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 8px;border-radius:16px;background:var(--fill);text-align:center;opacity:.55;filter:grayscale(1)}.badges li.got{opacity:1;filter:none;background:color-mix(in srgb,var(--brand-ink) 10%,var(--paper-2));box-shadow:0 0 0 2px var(--brand-ink)}.badges span{font-size:30px}.badges small{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft)}.badges b{font-family:var(--serif);font-size:15px;line-height:1.2}.labeled{margin:4px 0 0;padding:16px 20px;border-radius:var(--r-sm);background:var(--fill);font-size:24px;line-height:1.4}.lab{display:inline-flex;flex-direction:column;align-items:center;vertical-align:baseline;margin:0 3px}.lab b{border-bottom:3px solid transparent}.lab small{margin-top:2px;line-height:1.2;white-space:nowrap;font-size:13px;font-weight:600;color:var(--brand-ink)}.lab small i{font-style:normal}.role-mark{flex:none;vertical-align:-2px;margin-right:5px;color:var(--brand-ink)}.mark-doer>b,.sentence .hl.mark-doer{border:2.5px solid var(--brand-ink);border-radius:999px;padding:0 7px}.mark-done>b,.sentence .hl.mark-done{text-decoration:underline solid var(--brand-ink) 3px;text-underline-offset:7px}.mark-rec>b,.sentence .hl.mark-rec{text-decoration:underline wavy var(--brand-ink) 2.5px;text-underline-offset:7px}.case-tag,.choice b{display:inline-flex;align-items:center}.gate{max-width:560px;min-height:92dvh;margin:0 auto;padding:40px 4px 56px;display:flex;flex-direction:column;justify-content:flex-end;gap:14px}.gate .brand{font-size:34px}.gate h1{font-size:clamp(42px,9vw,64px);margin:4px 0 0;color:var(--brand)}.gate-lede{font-size:18px;margin:0}.gate-small{color:var(--ink-soft);font-size:14px;margin:6px 0 0}.gate-google{justify-content:center;margin-top:8px;background:var(--brand);color:var(--on-brand)}.gate-google svg{background:#fff;border-radius:50%;padding:2px;width:22px;height:22px}.gate-wait{color:var(--ink-soft);text-align:center;margin-top:30vh}.gate-err{color:var(--bad);font-size:14px;margin:8px 0 0}.account-actions{display:flex;align-items:center;gap:12px;margin-top:14px;flex-wrap:wrap}.text-btn.danger{color:var(--bad)}.chat-page>:not(.topbar){max-width:680px;margin-inline:auto}.consent{margin-top:24px;padding:26px}.consent-icon{font-size:34px}.consent h1{font-size:32px;margin:8px 0 10px}.consent p{font-size:16px}.consent ul{margin:14px 0 0;padding-left:20px;color:var(--ink-soft);font-size:14.5px;display:flex;flex-direction:column;gap:8px}.consent-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.chat{display:flex;flex-direction:column;min-height:calc(100dvh - 90px)}.chat-tools{display:flex;align-items:center;justify-content:space-between;margin:10px 0 6px}.chat-levels{display:inline-flex;background:var(--fill);border-radius:999px;padding:3px}.chat-levels button{border:0;background:none;font:600 13px var(--sans);color:var(--ink-soft);padding:5px 12px;border-radius:999px}.chat-levels button.on{background:var(--paper-2);color:var(--brand-ink);box-shadow:var(--elev-1)}.chat-log{list-style:none;margin:0;padding:8px 0 16px;display:flex;flex-direction:column;gap:12px;flex:1}.chat-log li{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.chat-log li.from-lena{flex-direction:row;align-items:flex-end;justify-content:flex-start}.chat-avatar{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:color-mix(in srgb,var(--brand-ink) 14%,var(--paper-2));font-size:16px}.bubble{max-width:82%;padding:10px 14px;border-radius:var(--r-md);font-size:16px;line-height:1.4}.from-you .bubble{background:var(--brand);color:var(--on-brand);border-bottom-right-radius:6px}.from-lena .bubble{background:var(--paper-2);box-shadow:var(--elev-1);border-bottom-left-radius:6px}.from-lena .bubble .hear{margin-left:8px}.chat-name{display:block;font:var(--display);font-variation-settings:var(--display-vars);font-size:15px;color:var(--brand-ink);margin-bottom:2px}.chat-fix{max-width:82%;font-size:13.5px;background:color-mix(in srgb,var(--bad) 8%,var(--paper-2));border:1px solid color-mix(in srgb,var(--bad) 22%,transparent);border-radius:var(--r-sm);padding:8px 12px}.chat-fix s{color:var(--bad)}.chat-fix .right{color:var(--brand-ink);font-weight:650}.bubble.typing{display:inline-flex;gap:5px;padding:14px 16px}.bubble.typing i{width:7px;height:7px;border-radius:50%;background:var(--ink-soft);animation:lena-dot 1.1s infinite ease-in-out}.bubble.typing i:nth-child(2){animation-delay:.15s}.bubble.typing i:nth-child(3){animation-delay:.3s}@keyframes lena-dot{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.chat-compose{position:sticky;bottom:0;display:flex;gap:8px;padding:12px 0 calc(12px + env(safe-area-inset-bottom));background:var(--paper)}.chat-compose input{flex:1;min-width:0;font:16px var(--sans);color:var(--ink);background:var(--paper-2);border:1px solid var(--rule);border-radius:999px;padding:11px 16px}.chat-compose input:focus{outline:2.5px solid var(--brand-ink);outline-offset:0}.brother{display:block;overflow:visible}.brother.head{overflow:hidden}.brother.flip{transform:scaleX(-1)}.br-ground{fill:#3c26141a}.br-skin{fill:var(--br-skin)}.br-eye{fill:var(--br-face)}.br-mouth{fill:none;stroke:var(--br-face);stroke-width:.9;stroke-linecap:round}.br-cheek{fill:var(--br-cheek)}.br-specs{fill:none;stroke:var(--br-face);stroke-width:.7}.br-hair-j{fill:var(--br-hair-j);stroke:#241a1473;stroke-width:.6}.br-hair-w{fill:var(--br-hair-w)}.br-coat-j{fill:var(--br-coat-j)}.br-coat-w{fill:var(--br-coat-w)}.br-shirt{fill:var(--br-shirt);stroke:#241a1440;stroke-width:.4}.br-cravat{fill:var(--br-face)}.br-button{fill:var(--br-gold)}.br-trousers{fill:var(--br-trousers)}.br-boot{fill:var(--br-face)}.br-arm-j{fill:none;stroke:var(--br-coat-j);stroke-width:4;stroke-linecap:round}.br-arm-w{fill:none;stroke:var(--br-coat-w);stroke-width:4;stroke-linecap:round}.br-finger{fill:none;stroke:var(--br-skin);stroke-width:2;stroke-linecap:round}.br-book{fill:var(--br-book)}.br-book-spine{fill:var(--br-gold)}.br-book-title{stroke:var(--br-gold);stroke-width:.8}.br-quill-shaft{stroke:var(--br-face);stroke-width:.8}.br-feather{fill:var(--br-shirt);stroke:#241a1466;stroke-width:.5}.br-wave{animation:br-wave 1.1s ease-in-out infinite alternate}@keyframes br-wave{0%{transform:rotate(-6deg)}to{transform:rotate(8deg)}}.both-brothers{display:flex;justify-content:center;align-items:flex-end;gap:2px}.path-brother{position:absolute;top:50%;pointer-events:none;z-index:2}.path-brother.from-left{right:46px;transform:translateY(-64%)}.path-brother.from-right{left:46px;transform:translateY(-64%)}.talk{display:grid;gap:10px;margin:6px 0 4px}.talk-line{display:flex;align-items:flex-end;gap:8px;max-width:92%;animation:talk-in .4s var(--ease-out) both}.talk-line.wilhelm{flex-direction:row-reverse;margin-left:auto}.talk-line .brother.head{flex:none;border-radius:50%;background:var(--paper-2);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--ink) 10%,transparent)}.talk-line p{margin:0;padding:9px 13px 10px;border-radius:16px 16px 16px 4px;background:var(--paper-2);box-shadow:0 1px color-mix(in srgb,var(--ink) 10%,transparent);line-height:1.4}.talk-line.wilhelm p{border-radius:16px 16px 4px}.talk-line.jakob p{background:color-mix(in srgb,var(--br-coat-j) 9%,var(--paper-2))}.talk-line.wilhelm p{background:color-mix(in srgb,var(--br-coat-w) 11%,var(--paper-2))}.talk-line small{display:block;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:1px}@keyframes talk-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.lesson-head{display:flex;align-items:center;gap:10px}.lesson-head .brother.head{flex:none;border-radius:50%;background:var(--paper-2);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--ink) 10%,transparent)}.done-brothers{margin:0 auto 4px}@media(prefers-reduced-motion:reduce){.br-wave,.talk-line{animation:none}}html,body{overflow-x:clip}.path-track{overflow:visible}.path-zone{position:absolute;left:-70%;right:-70%;z-index:0;pointer-events:none;border-radius:50%;-webkit-mask-image:radial-gradient(closest-side,#000 65%,transparent);mask-image:radial-gradient(closest-side,#000 65%,transparent)}.path-zone.Start{background:var(--zone-start)}.path-zone.A1{background:var(--zone-forest)}.path-zone.A2{background:var(--zone-meadow)}.path-zone.B1{background:var(--zone-alps)}.path-zone.B2{background:var(--zone-peaks)}.sc-bush{fill:var(--sc-bush)}.cr-fox{fill:var(--cr-fox)}.cr-white{fill:var(--cr-white)}.cr-dark{fill:var(--cr-dark)}.cr-wolf{fill:var(--cr-wolf)}.cr-wolf-light{fill:var(--cr-wolf-light)}.cr-eye-gold{fill:var(--cr-eye)}.cr-bear{fill:var(--cr-bear)}.cr-bear-dark{fill:var(--cr-bear-dark)}.cr-bear-light{fill:var(--cr-bear-light)}.cr-hood{fill:var(--cr-hood)}.cr-skin{fill:var(--cr-skin)}.cr-basket{fill:var(--cr-basket)}.cr-handle{fill:none;stroke:var(--cr-basket);stroke-width:.8}.cr-rabbit{fill:var(--cr-rabbit)}.cr-nose{fill:var(--cr-petal-a)}.cr-owl{fill:var(--cr-owl)}.cr-owl-light{fill:var(--cr-owl-light)}.cr-beak{fill:var(--cr-gold)}.cr-frog{fill:var(--cr-frog)}.cr-gold{fill:var(--cr-gold)}.cr-goat{fill:var(--cr-goat);stroke:#2a1d1640;stroke-width:.4}.cr-horn{fill:none;stroke:var(--cr-dark);stroke-width:.8;stroke-linecap:round}.cr-petal-a{fill:var(--cr-petal-a)}.cr-petal-b{fill:var(--cr-petal-b)}.cr-hat-green{fill:var(--cr-hat-green)}.cr-dwarf-coat{fill:var(--cr-bear)}.cr-lantern{fill:var(--cr-eye)}.cr-stem{stroke:var(--sc-fir);stroke-width:.7}.cr-line{fill:none;stroke:var(--cr-dark);stroke-width:.6;stroke-linecap:round}.cr-line.thin{stroke-width:.4}.cr-legs{stroke:var(--cr-dark);stroke-width:1.1;stroke-linecap:round}.cr-post{stroke:var(--sc-timber);stroke-width:1.6}.cr-post.thin{stroke-width:.9}.cr-mortar{fill:none;stroke:#2a1d1633;stroke-width:.5}.cr-braid{fill:none;stroke:var(--cr-gold);stroke-width:2;stroke-linecap:round}.cr-wheel{fill:none;stroke:var(--sc-timber);stroke-width:2.2}.cr-spoke{stroke:var(--sc-timber);stroke-width:1.3}.cr-water{fill:none;stroke:var(--cr-water);stroke-width:1.4;stroke-linecap:round;stroke-dasharray:5 3}.cr-trail{fill:none;stroke:color-mix(in srgb,var(--sc-cottage) 45%,transparent);stroke-width:2.4;stroke-linecap:round;stroke-dasharray:.5 4}.cr-bird{fill:none;stroke:var(--cr-dark);stroke-width:.8;stroke-linecap:round}.cr-puff,.cr-tail,.cr-blink,.cr-sway,.cr-spin,.cr-nod,.cr-wave,.cr-walk,.cr-flap,.cr-hop,.cr-dash,.cr-peek,.cr-bob{transform-box:fill-box}.cr-puff{transform-origin:center;animation:cr-puff 3.6s ease-out infinite;opacity:0}@keyframes cr-puff{0%{opacity:0;transform:translate(0) scale(.5)}20%{opacity:.9}to{opacity:0;transform:translate(4px,-16px) scale(1.6)}}.cr-dash{animation:cr-dash 9s ease-in-out infinite}@keyframes cr-dash{0%,30%{transform:translate(0)}40%,70%{transform:translate(20px)}80%,to{transform:translate(0)}}.cr-tail{transform-origin:100% 60%;animation:cr-tail .9s ease-in-out infinite alternate}@keyframes cr-tail{0%{transform:rotate(-10deg)}to{transform:rotate(12deg)}}.cr-peek{animation:cr-peek 7s ease-in-out infinite}@keyframes cr-peek{0%,35%{transform:translate(-6px)}45%,80%{transform:translate(3px)}90%,to{transform:translate(-6px)}}.cr-blink{transform-origin:center;animation:cr-blink 4s infinite}.cr-blink.slow{animation-duration:5.5s}@keyframes cr-blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}.cr-walk{transform-origin:center;animation:cr-walk 12s linear infinite}.cr-walk.slow{animation-duration:18s}@keyframes cr-walk{0%{transform:translate(0) scaleX(1)}46%{transform:translate(var(--walk)) scaleX(1)}50%{transform:translate(var(--walk)) scaleX(-1)}96%{transform:translate(0) scaleX(-1)}to{transform:translate(0) scaleX(1)}}.cr-bob{animation:cr-bob .7s ease-in-out infinite alternate}.cr-bob.fast{animation-duration:.35s}@keyframes cr-bob{0%{transform:translateY(0)}to{transform:translateY(-.9px)}}.cr-hop{animation:cr-hop 3.2s ease-out infinite}.cr-hop.slow{animation-duration:4.4s}@keyframes cr-hop{0%,70%,to{transform:translateY(0)}78%{transform:translateY(-5px)}86%{transform:translateY(0)}90%{transform:translateY(-2px)}}.cr-sway{animation:cr-sway 3s ease-in-out infinite alternate;transform-box:view-box}@keyframes cr-sway{0%{transform:rotate(-3deg)}to{transform:rotate(3deg)}}.cr-spin{animation:cr-spin 6s linear infinite;transform-box:view-box}@keyframes cr-spin{to{transform:rotate(360deg)}}.cr-water{animation:cr-water 1.2s linear infinite}@keyframes cr-water{to{stroke-dashoffset:-8}}.cr-nod{transform-box:view-box;animation:cr-nod 2.6s ease-in-out infinite}@keyframes cr-nod{0%,60%,to{transform:rotate(0)}70%{transform:rotate(18deg)}85%{transform:rotate(0)}}.cr-wave{transform-box:view-box;animation:cr-wave 1.4s ease-in-out infinite alternate}@keyframes cr-wave{0%{transform:scaleX(1) skewY(0)}to{transform:scaleX(.85) skewY(6deg)}}.cr-fly{animation:cr-fly 16s linear infinite}@keyframes cr-fly{0%{transform:translate(-10px,4px);opacity:0}8%{opacity:1}92%{opacity:1}to{transform:translate(70px,-6px);opacity:0}}.cr-flap{transform-origin:center;animation:cr-flap .4s ease-in-out infinite alternate}@keyframes cr-flap{0%{transform:scaleY(1)}to{transform:scaleY(-.4)}}.scenery:not(.live) *{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){.scenery *{animation:none!important}.cr-puff{opacity:.5}}.scenery.outer{opacity:.92}.scenery.outer svg{width:calc(var(--w) * 2.4px)}@media(max-width:760px){.scenery.outer{display:none}}.stop-label b,.stop-label span{text-shadow:0 0 3px var(--paper),0 0 6px var(--paper),0 0 10px var(--paper)}@media(max-width:760px){.path-zone{display:none}.scenery.side-l:not(.big){transform:translate(-82%,-62%)}.scenery.side-r:not(.big){transform:translate(-18%,-62%)}}.home{position:relative;isolation:isolate}.home>.path{position:relative;z-index:1}.sky{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;transition:background 2s}.sky.morning{background:linear-gradient(180deg,rgba(240,160,175,.55),rgba(250,200,165,.38) 35%,rgba(255,230,190,.18) 70%,transparent)}.sky.day{background:linear-gradient(180deg,rgba(125,185,240,.55),rgba(170,210,240,.3) 40%,rgba(200,225,240,.12) 75%,transparent)}.sky.evening{background:linear-gradient(180deg,rgba(95,70,160,.5),rgba(220,110,120,.42) 30%,rgba(245,150,80,.36) 55%,rgba(250,200,120,.2) 80%,transparent)}.sky.night{background:linear-gradient(180deg,#0b1024,#141a33 45%,#17203a)}.sun{position:absolute;border-radius:50%}.sky.morning .sun{width:90px;height:90px;left:9%;top:15%;background:radial-gradient(circle,#fff1c9 0 45%,#ffd29699 46%,#ffc89600 70%);animation:sun-rise 8s ease-out both}.sky.day .sun{width:84px;height:84px;right:9%;top:6%;background:radial-gradient(circle,#ffe27a 0 42%,#ffdc6e73 44%,#ffdc6e00 70%);animation:sun-pulse 5s ease-in-out infinite alternate}.sky.evening .sun{width:150px;height:150px;right:6%;top:28%;background:radial-gradient(circle,#ffb35a 0 40%,#ff824680 42%,#ff6e4600 70%);animation:sun-set 10s ease-in both}@keyframes sun-rise{0%{transform:translateY(40px);opacity:.4}to{transform:none;opacity:1}}@keyframes sun-set{0%{transform:translateY(-30px)}to{transform:none}}@keyframes sun-pulse{0%{transform:scale(1)}to{transform:scale(1.06)}}.cloud{position:absolute;left:-160px;fill:#ffffffd9;animation:cloud-drift 110s linear infinite}.sky.morning .cloud{fill:#ffece6cc}@keyframes cloud-drift{to{transform:translate(calc(100vw + 320px))}}.mist{position:absolute;left:-20%;width:140%;height:70px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.55),transparent);filter:blur(6px);animation:mist-drift 18s ease-in-out infinite alternate}@keyframes mist-drift{0%{transform:translate(-4%)}to{transform:translate(4%)}}.star{position:absolute;border-radius:50%;background:#fff6d8;box-shadow:0 0 4px #fff6d8cc;animation:twinkle 3.2s ease-in-out infinite alternate}@keyframes twinkle{0%{opacity:.25}to{opacity:1}}.moon{position:absolute;right:8%;top:5%}.moon-glow{fill:#fff4d214}.moon-face{fill:#fdf0c8;filter:drop-shadow(0 0 8px rgba(255,240,200,.55))}.firefly{position:absolute;width:4px;height:4px;border-radius:50%;background:#f6f08a;box-shadow:0 0 6px 2px #f6f08ab3;animation:firefly-glow 2.6s ease-in-out infinite alternate,firefly-wander 9s ease-in-out infinite alternate}@keyframes firefly-glow{0%{opacity:.1}to{opacity:1}}@keyframes firefly-wander{0%{transform:translate(0)}50%{transform:translate(14px,-10px)}to{transform:translate(-8px,6px)}}.home.time-evening .landscape{filter:sepia(.28) saturate(1.15) hue-rotate(-10deg) brightness(.95)}.home.time-evening .sc-window{fill:#ffd270}.home.time-night{color-scheme:dark;--paper: #141a33;--paper-2: #1e2645;--fill: rgba(220, 230, 255, .08);--fill-strong: rgba(220, 230, 255, .14);--ink: #eef0fa;--ink-soft: #a6acc8;--rule: rgba(220, 230, 255, .12);--brand-ink: #c0a8f5;--good: #c0a8f5;--glass: rgba(14, 19, 40, .78);--sc-fir: #2c4a4c;--sc-fir-dark: #1e3640;--sc-trunk: #3e3440;--sc-ground: rgba(200, 210, 255, .05);--sc-wall: #8e8aa6;--sc-timber: #3a3248;--sc-roof: #6e4058;--sc-roof-dark: #573650;--sc-door: #3a3248;--sc-cottage: #7a6070;--sc-smoke: rgba(220, 225, 255, .18);--sc-rock: #4c5272;--sc-rock-far: #383d58;--sc-snow: #c8d0ee;--sc-stone: #8e8fa8;--sc-bush: #284a48;--cr-white: #dfe0ee;--zone-start: transparent;--zone-forest: transparent;--zone-meadow: transparent;--zone-alps: transparent;--zone-peaks: transparent;color:var(--ink)}.home.time-night .sc-window,.home.time-night .cr-lantern{fill:#ffd76e;filter:drop-shadow(0 0 2.5px rgba(255,210,100,.95))}.home.time-night .cr-eye-gold{filter:drop-shadow(0 0 1.5px rgba(255,210,60,.9))}.home.time-night .landscape{filter:saturate(.85)}.home.time-night .stop-label b,.home.time-night .stop-label span{text-shadow:0 0 3px var(--paper),0 0 6px var(--paper),0 0 10px var(--paper)}@media(prefers-color-scheme:dark){.sky.morning,.sky.day,.sky.evening{opacity:.5}.cloud{fill:#ffffff2e}.sky.morning .cloud{fill:#ffece629}.mist{opacity:.25}}@media(prefers-reduced-motion:reduce){.sun,.cloud,.mist,.star,.firefly{animation:none!important}.cloud{display:none}}.fk-hair-brown{fill:#6b4426}.fk-hair-blond{fill:#e8c25a}.fk-hair-gold{fill:#e3b23c}.fk-hair-black{fill:#1f1a1c}.fk-hair-red{fill:#c0562c}.fk-hair-dark{fill:#3a2a22}.fk-skin-snow{fill:#fbf3ec}.fk-coat-hansel{fill:#7a5a3a;stroke:#7a5a3a}.fk-coat-gretel{fill:#c8506a;stroke:#c8506a}.fk-coat-ash{fill:#9a8f86;stroke:#9a8f86}.fk-coat-sis1{fill:#e978b4;stroke:#e978b4}.fk-coat-sis2{fill:#e6c84a;stroke:#e6c84a}.fk-coat-snow{fill:#b8343a;stroke:#b8343a}.fk-coat-tailor{fill:#4f8a5b;stroke:#4f8a5b}.fk-coat-rumpel{fill:#9a4a2a;stroke:#9a4a2a}.fk-coat-star{fill:#fbf6ea;stroke:#e0d6c2;stroke-width:.4}.fk-arm{fill:none;stroke-width:1.6;stroke-linecap:round}.fk-kerchief{fill:#a89a8c}.fk-ribbon{fill:none;stroke:#c63a34;stroke-width:1.2;stroke-linecap:round}.fk-crumb{fill:#c9a06a}.fk-sparrow{fill:#8a6a4c}.fk-sparrow-tail{stroke:#8a6a4c;stroke-width:1;stroke-linecap:round}.fk-icing-roof{fill:#8a4e2e}.fk-icing-drip{fill:none;stroke:#fffaf0;stroke-width:1.6;stroke-linecap:round}.fk-cane{fill:none;stroke:#d23c2f;stroke-width:.7}.fk-cauldron{fill:#2a2430}.fk-brew{fill:#7a8a6a}.fk-bubble{fill:#a8b890;animation:fk-bubble 2.4s ease-out infinite;transform-box:fill-box;transform-origin:center;opacity:0}@keyframes fk-bubble{0%{opacity:0;transform:translateY(0) scale(.6)}25%{opacity:1}to{opacity:0;transform:translateY(-9px) scale(1.4)}}.fk-fire{fill:#f08a2a}.fk-flame{transform-box:fill-box;transform-origin:50% 100%;animation:fk-flicker .32s ease-in-out infinite alternate}@keyframes fk-flicker{0%{transform:scaleY(1) scaleX(1)}to{transform:scaleY(1.18) scaleX(.92)}}.fk-witch-cloak{fill:#5a3a78;stroke:#5a3a78}.fk-witch-skin{fill:#e7d3b8}.fk-witch-hair{fill:none;stroke:#b9b2a8;stroke-width:1.2;stroke-linecap:round}.fk-witch-hat{fill:#1f1a24}.fk-spoon{stroke:#6b4a33;stroke-width:.9;stroke-linecap:round}.fk-stir{animation:fk-stir 1.6s ease-in-out infinite alternate;transform-box:view-box}@keyframes fk-stir{0%{transform:rotate(-10deg)}to{transform:rotate(12deg)}}.fk-donkey{fill:#9a9290}.fk-donkey-light{fill:#d6d0cc}.fk-donkey-leg{stroke:#7a7270;stroke-width:1.6;stroke-linecap:round}.fk-dog{fill:#b07a45}.fk-dog-ear{fill:#7a5030}.fk-dog-tail{stroke:#b07a45;stroke-width:1.1;stroke-linecap:round}.fk-cat{fill:#3a3236}.fk-cat-tail{fill:none;stroke:#3a3236;stroke-width:.9;stroke-linecap:round}.fk-rooster-tail{fill:#2e6a52}.fk-rooster-leg{stroke:#e9b949;stroke-width:.5}.fk-wobble{animation:fk-wobble 1.4s ease-in-out infinite alternate;transform-box:view-box}@keyframes fk-wobble{0%{transform:rotate(-3deg)}to{transform:rotate(3deg)}}.fk-leaf{fill:#5a8a4a}.fk-dove,.fk-dove-wing{fill:#fbf8f2;stroke:#2a1d164d;stroke-width:.3}.fk-flutter{animation:fk-flutter 3s ease-in-out infinite alternate}@keyframes fk-flutter{0%{transform:translate(0)}50%{transform:translate(3px,-4px)}to{transform:translate(-2px,2px)}}.fk-bowl{fill:#b07a45}.fk-lentil{fill:#b0884a}.fk-step{fill:#c9c1b2}.fk-glint{animation:fk-glint 2s ease-in-out infinite alternate}@keyframes fk-glint{0%{filter:brightness(1)}to{filter:brightness(1.5) drop-shadow(0 0 1.5px #ffe27a)}}.fk-lean{transform-box:fill-box;transform-origin:50% 100%;animation:fk-lean 1.8s ease-in-out infinite alternate}@keyframes fk-lean{0%{transform:rotate(-4deg)}to{transform:rotate(9deg)}}.fk-tiny-door{fill:#6b4a33}.fk-sill{stroke:#6b4a33;stroke-width:1}.fk-apple{fill:#d23c2f}.fk-mine{fill:#241c1a}.fk-beam{fill:none;stroke:#6b4a33;stroke-width:1.4}.fk-hat-plum{fill:#8a4a8a}.fk-pick{fill:none;stroke:#6b6060;stroke-width:.6;stroke-linecap:round}.fk-jam{fill:#b8345a}.cr-white-line{stroke:var(--cr-white);stroke-width:1}.fk-belt{stroke:#6b4a33;stroke-width:.8}.fk-cloth{fill:#e8d7b0}.fk-swat{transform-box:view-box;animation:fk-swat 1.8s ease-in infinite}@keyframes fk-swat{0%,60%,to{transform:rotate(0)}70%{transform:rotate(-40deg)}78%{transform:rotate(10deg)}}.fk-fly{transform-box:fill-box;animation:fk-fly 1.1s linear infinite}@keyframes fk-fly{0%{transform:translate(0)}25%{transform:translate(3px,-2px)}50%{transform:translateY(-4px)}75%{transform:translate(-3px,-2px)}to{transform:translate(0)}}.fk-goose-neck{fill:none;stroke:var(--cr-gold);stroke-width:1.1;stroke-linecap:round}.fk-goose-beak{fill:#e08540}.fk-clock-door{fill:#5e3d27}.fk-clock-peek{animation:fk-clock-peek 6s ease-in-out infinite}@keyframes fk-clock-peek{0%,40%{transform:translate(-3px)}50%,80%{transform:translate(0)}90%,to{transform:translate(-3px)}}.fk-logs{fill:none;stroke:#6b4a33;stroke-width:1.4;stroke-linecap:round}.fk-fireglow{fill:#ffaa4624}.fk-beard{fill:#e6e0d6}.fk-dance{transform-box:fill-box;transform-origin:50% 100%;animation:fk-dance .7s ease-in-out infinite alternate}@keyframes fk-dance{0%{transform:translateY(0) rotate(-8deg)}to{transform:translateY(-2.5px) rotate(8deg)}}.fk-snowflake{fill:#fff;stroke:#7882a066;stroke-width:.3;animation:fk-snow 4s linear infinite}@keyframes fk-snow{0%{transform:translate(0);opacity:0}15%{opacity:1}to{transform:translate(-3px,40px);opacity:0}}.fk-roof-snow{fill:none;stroke:var(--sc-snow);stroke-width:2;stroke-linecap:round}.fk-cap{fill:#fbf6ea}.fk-featherbed{fill:#fbf6ea;stroke:#2a1d164d;stroke-width:.4}.fk-quilt{stroke:#2a1d1633;stroke-width:.4}.fk-shake{transform-box:view-box;animation:fk-shake .9s ease-in-out infinite alternate}@keyframes fk-shake{0%{transform:rotate(-6deg)}to{transform:rotate(5deg)}}.fk-apron{fill:none;stroke:#e0d6c2;stroke-width:1.4;stroke-linecap:round}.fk-starfall{animation:fk-starfall 4.5s ease-in infinite;opacity:0}@keyframes fk-starfall{0%{transform:translateY(0);opacity:0}15%{opacity:1}85%{opacity:1}to{transform:translateY(32px);opacity:0}}.fk-peck{transform-box:fill-box;transform-origin:30% 100%;animation:fk-peck 1.3s ease-in-out infinite}@keyframes fk-peck{0%,50%,to{transform:rotate(0)}60%{transform:rotate(28deg)}70%{transform:rotate(0)}80%{transform:rotate(28deg)}}.fk-briar{fill:none;stroke:#2f4a32;stroke-width:1.6;stroke-linecap:round;stroke-dasharray:4 1}.fk-rose{fill:#8a2a3a;transform:scale(.45);transition:transform .6s}.castle-done .fk-rose{fill:#e0506a;animation:fk-bloom .8s ease-out both}@keyframes fk-bloom{0%{transform:scale(.45)}to{transform:scale(1.15)}}.night-only{display:none}.time-night .night-only{display:inline}.time-night .day-only{display:none}.time-night .fk-brew{fill:#6ad36a}.time-night .fk-bubble{fill:#8af08a;filter:drop-shadow(0 0 1px #8af08a)}.time-night .fk-fire{filter:drop-shadow(0 0 2px #ffb04a)}.scenery{transition:filter 1.6s ease,opacity 1.6s ease,scale .6s ease}.scenery.fogged{filter:grayscale(1) brightness(.55) contrast(.6);opacity:.07}.scenery.fogged *{animation-play-state:paused!important}.scenery.unveil{animation:fog-pop .9s cubic-bezier(.3,1.6,.5,1) both;animation-delay:var(--pop);transition-delay:var(--pop)}@keyframes fog-pop{0%{scale:.6;opacity:.2}60%{scale:1.06;opacity:1}to{scale:1;opacity:1}}.fog{position:absolute;left:-70%;right:-70%;z-index:2;pointer-events:none;background:color-mix(in srgb,var(--paper) 72%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 90px,#000 calc(100% - 140px),transparent);mask-image:linear-gradient(transparent,#000 90px,#000 calc(100% - 140px),transparent);transition:top 2.6s cubic-bezier(.5,0,.2,1),height 2.6s cubic-bezier(.5,0,.2,1)}.fog{overflow:hidden}.fog-wisps{position:absolute;inset:0;background-image:var(--wisps);background-size:900px 600px;opacity:1;animation:fog-wisps 45s linear infinite}.fog-wisps.slow{background-size:1400px 900px;opacity:.85;animation-duration:75s;animation-direction:reverse}@keyframes fog-wisps{0%{background-position:0 0}to{background-position:900px 60px}}.fog-wisps.slow{animation-name:fog-wisps-slow}@keyframes fog-wisps-slow{0%{background-position:0 0}to{background-position:1400px -90px}}.fog-bank{position:absolute;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--paper-2) 92%,transparent),color-mix(in srgb,var(--paper-2) 55%,transparent) 55%,transparent);animation:fog-drift 40s ease-in-out infinite alternate,fog-breathe 12s ease-in-out infinite alternate}.fog-bank.rev{animation-direction:alternate-reverse,alternate}@keyframes fog-drift{0%{transform:translate(-22%) scaleX(.9)}to{transform:translate(22%) scaleX(1.12)}}@keyframes fog-breathe{0%{opacity:.6}to{opacity:1}}.time-night .fog{background:color-mix(in srgb,#2a3358 62%,transparent)}.time-night .fog-wisps{opacity:.34}.time-night .fog-wisps.slow{opacity:.24}.time-night .fog-bank{background:radial-gradient(closest-side,rgba(150,165,215,.42),rgba(120,135,190,.2) 55%,transparent)}.stop,.chapter-banner,.path-banner{z-index:3}.chapter-banner.in-fog{opacity:.75}.chapter-banner.unveiled{animation:banner-unveil 1.6s ease-out .6s both}@keyframes banner-unveil{0%{box-shadow:var(--elev-1),0 0 0 2px var(--rule)}40%{box-shadow:var(--elev-2),0 0 0 6px color-mix(in srgb,var(--brand-ink) 35%,transparent),0 0 40px color-mix(in srgb,var(--cr-gold) 60%,transparent);scale:1.06}to{box-shadow:var(--elev-1),0 0 0 2px var(--rule);scale:1}}@media(max-width:760px){.fog{left:-10%;right:-10%}}@media(prefers-reduced-motion:reduce){.fog-wisps,.fog-bank,.scenery.unveil,.chapter-banner.unveiled{animation:none!important}.fog{transition:none}}.path-line{z-index:3}.path-line .ahead{stroke:#e8d2a8;stroke-width:10;filter:drop-shadow(0 1.5px 1px rgba(110,75,35,.55)) drop-shadow(0 0 6px rgba(255,214,120,.85))}.path-line .ahead-glint{fill:none;stroke:#fff6d8;stroke-width:12;stroke-linecap:round;stroke-dasharray:1 100000;opacity:0;filter:drop-shadow(0 0 6px rgba(255,232,160,1)) drop-shadow(0 0 12px rgba(255,220,140,.8));animation:shooting-star 8s cubic-bezier(.4,0,.6,1) 2s infinite}.path-line .ahead-glint.tail{stroke-width:6;stroke-dasharray:70 100000;filter:drop-shadow(0 0 5px rgba(255,232,160,.9));animation-name:shooting-star-tail}@keyframes shooting-star{0%{stroke-dashoffset:0;opacity:0}3%{opacity:1}20%{opacity:1}26%{stroke-dashoffset:-1500;opacity:0}to{stroke-dashoffset:-1500;opacity:0}}@keyframes shooting-star-tail{0%{stroke-dashoffset:70;opacity:0}3%{opacity:.55}20%{opacity:.55}26%{stroke-dashoffset:-1430;opacity:0}to{stroke-dashoffset:-1430;opacity:0}}.time-night .path-line .ahead{stroke:#f2f0ff;filter:drop-shadow(0 0 4px rgba(220,228,255,.95)) drop-shadow(0 0 9px rgba(190,205,255,.6))}.time-night .path-line .ahead-glint{filter:drop-shadow(0 0 7px #fff) drop-shadow(0 0 14px rgba(200,215,255,.9))}@media(prefers-reduced-motion:reduce){.path-line .ahead-glint{display:none}}.job-ask{margin:4px 0 10px;font-size:17px;font-weight:550;color:var(--ink)}.job-ask b{font-weight:750}.case-tag.missed{color:var(--bad, #b3261e);background:color-mix(in srgb,var(--bad, #b3261e) 10%,transparent)}.ink-tip{margin:2px 0 8px;padding:8px 12px;border-radius:12px;font-size:14px;line-height:1.4;color:var(--ink);background:color-mix(in srgb,var(--brand-ink) 9%,transparent)}.ink-tip b{color:var(--brand-ink)}.job-word{display:inline-block;line-height:1.25}.job-word.mark-doer{border:2.5px solid var(--brand-ink);border-radius:999px;padding:0 10px}.job-word.mark-done{text-decoration:underline solid var(--brand-ink) 3px;text-underline-offset:6px}.job-word.mark-rec{text-decoration:underline wavy var(--brand-ink) 2.5px;text-underline-offset:6px}.ink-bubble{position:absolute;z-index:5;left:50%;top:calc(100% + 1.15em);translate:calc(-50% + var(--shift, 0px)) 0;width:max-content;max-width:min(280px,72vw);padding:8px 12px;border-radius:12px;font-family:var(--sans);font-size:14px;font-weight:500;line-height:1.4;letter-spacing:0;white-space:normal;text-align:left;color:#fff;background:var(--brand-ink);box-shadow:0 6px 20px #00000026;pointer-events:none}.sentence:has(.ink-bubble){padding-bottom:6.2em}.ink-bubble:before{content:"";position:absolute;left:calc(50% - var(--shift, 0px));top:-6px;translate:-50% 0;border:6px solid transparent;border-top:0;border-bottom-color:var(--brand-ink)}.ink-bubble b{color:#fff}.lesson-words.row:has(.w-emoji){grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.lesson-words .w-emoji{font-style:normal;font-size:40px;line-height:1.1;margin-bottom:4px}.tile .tile-meaning{display:block;font-family:var(--sans);font-size:12px;font-weight:500;color:var(--ink-soft);line-height:1.2}.talk-line.eule p{background:color-mix(in srgb,#8b5e3c 10%,var(--paper-2));font-style:italic}.talk-line .owl{border-radius:50%;background:var(--paper-2);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--ink) 10%,transparent)}.talk-line.lena,.talk-line.bodo{flex-direction:row-reverse;margin-left:auto}.talk-line.lena p,.talk-line.bodo p{border-radius:16px 16px 4px}.talk-line .kid{flex:none;display:grid;place-items:center;width:44px;height:44px;font-size:26px;border-radius:50%;background:var(--paper-2);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--ink) 10%,transparent)}.cr-monocle{fill:none;stroke:var(--cr-gold);stroke-width:.35}.cr-chain{fill:none;stroke:var(--cr-gold);stroke-width:.25}.cr-tassel{fill:none;stroke:var(--cr-gold);stroke-width:.45;stroke-linecap:round}.cr-pizza-box{fill:#c9a06a;stroke:#8a6a44;stroke-width:.3}.cr-lift{fill:#c9c7cc;stroke:#8a8a94;stroke-width:.4}.cr-sign{fill:#fffaf0;stroke:#8a8a94;stroke-width:.3}.cr-x{fill:none;stroke:var(--cr-hood);stroke-width:.6;stroke-linecap:round}.cr-pig{fill:#f0b3b3}.cr-pig-dark{fill:#d98e92}.cr-pig-legs{fill:none;stroke:#d98e92;stroke-width:1.1;stroke-linecap:round}.cr-pig-tail{fill:none;stroke:#d98e92;stroke-width:.6;stroke-linecap:round}.cr-mat{fill:#8c6bb1}.cr-wolf-arm{fill:none;stroke:var(--cr-wolf);stroke-width:1.6;stroke-linecap:round}.cr-bowl{fill:#fffaf0;stroke:#b07a45;stroke-width:.4}.cr-pond{fill:#9cc3dd}.cr-pad{fill:#6fae4a}.cr-dragon{fill:#5f9a5a}.cr-dragon-wing{fill:#4f8a4b}.cr-dragon-spikes{fill:none;stroke:#e9b949;stroke-width:.7;stroke-linecap:round;stroke-linejoin:round}.cr-dragon-neck{fill:none;stroke:#5f9a5a;stroke-width:2.6;stroke-linecap:round}.cr-grill{fill:#2a2430}.cr-sausage{fill:none;stroke:#b4472f;stroke-width:1.1;stroke-linecap:round}.fk-sign{fill:#8a4e2e}.fk-star-empty{fill:none;stroke:var(--cr-gold);stroke-width:.3}.fk-coat-king{fill:#8c2f3c;stroke:#8c2f3c}.fk-mirror{fill:var(--cr-gold)}.fk-coat-lena{fill:#6a4c9c;stroke:#6a4c9c}.fk-coat-bodo{fill:#4f8a5b;stroke:#4f8a5b}.fk-sword{fill:none;stroke:#b07a45;stroke-width:.9;stroke-linecap:round}.fk-pretzel{fill:none;stroke:#b0743d;stroke-width:.8}.scenery.walkers{z-index:3}.scene-backdrop{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.scene.sorted .scene-backdrop{opacity:.35;transition:opacity .8s ease}.scene.garden:before,.scene.room:before{display:none}.bd-hill{fill:#eadfca}.bd-wall{fill:#f6ead2}.bd-beam{fill:none;stroke:#8a6a4c;stroke-width:1}.bd-roof{fill:#c98a6a}.bd-roof-dark{fill:#a8694f}.bd-door{fill:#8a6a4c}.bd-cobbles{fill:#e4d6bc}.bd-cobble-line{stroke:#d4c3a3;stroke-width:1.2;stroke-linecap:round}.bd-stone{fill:#d8cfc2}.bd-post{stroke:#8a6a4c;stroke-width:1.2;stroke-linecap:round}.bd-hall{fill:#ece4d6}.bd-block{fill:none;stroke:#ddd2c0;stroke-width:.6}.bd-window{fill:#f8f3ea;stroke:#c9bba4;stroke-width:1}.bd-mullion{fill:none;stroke:#c9bba4;stroke-width:.8}.bd-banner{fill:#b4574a;opacity:.75}.bd-floor{fill:#d6c3a4}.bd-carpet{fill:#b4574a;opacity:.55}.bd-square{fill:#e6d8bd}.bd-counter{fill:#b08a66}.bd-awning{fill:#f6ead2}.bd-awning-stripe{fill:#c98a6a}.step-done .learned-card{order:3;align-self:stretch;margin:0;padding:14px 18px;border-radius:14px;background:var(--fill);font-size:20px;font-weight:500;line-height:1.4;text-align:center;text-wrap:balance}.step-done .learned-form{white-space:nowrap}.step-done .learned-card b{color:var(--brand-ink)}.step-done .learned-note{order:3;margin:0 0 8px;font-size:14px;color:var(--ink-soft);text-align:center}.review-head{width:100%;text-align:center}.review-head h1{margin:0;font:var(--display);font-variation-settings:var(--display-vars);font-size:clamp(30px,5vw,42px)}.review-head h1 span{margin-right:.2em;font-size:.7em;vertical-align:.08em}.review-head p{margin:6px auto 0;max-width:46ch;text-wrap:balance;font-size:15px;color:var(--ink-soft)}.review-head p b{color:var(--ink);font-weight:600}.drill.reviewing .card{position:relative;background-color:#fbf3df;background-image:repeating-linear-gradient(to bottom,transparent 0 31px,rgba(120,84,40,.1) 31px 32px);background-position:0 64px;border:1px solid rgba(120,84,40,.18);box-shadow:var(--elev-1),5px 6px 0 -1px #f3e8cf,5px 6px #78542829,10px 12px 0 -1px #ecdfc2,10px 12px #78542824}@media(prefers-color-scheme:dark){.drill.reviewing .card{background-color:#2d261d;background-image:repeating-linear-gradient(to bottom,transparent 0 31px,rgba(255,230,190,.07) 31px 32px);border-color:#ffe6be1f;box-shadow:var(--elev-1),5px 6px 0 -1px #262019,5px 6px #ffe6be1a,10px 12px 0 -1px #201b15,10px 12px #ffe6be14}}.explore-banner{margin:8px auto 0;max-width:720px;padding:8px 14px;border-radius:999px;background:color-mix(in srgb,var(--brand-ink) 12%,transparent);color:var(--brand-ink);font-size:13px;font-weight:600;text-align:center}.words-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.words-head h2{margin:0}.goals-btn{font-weight:700}.chat-who{display:inline-flex;padding:3px;border-radius:999px;background:var(--fill)}.chat-who button{border:0;background:none;font:inherit;font-size:14px;font-weight:600;color:var(--ink-soft);padding:6px 14px;border-radius:999px;cursor:pointer}.chat-who button.on{background:var(--paper-2);color:var(--ink);box-shadow:var(--elev-1)}