:root{color-scheme:light dark;--ink: #1e1c17;--ink-soft: #4f4a40;--ink-faint: #8b8375;--surface: #f8f4ec;--surface-sunken: #e9e4d8;--surface-raised: #fffdf7;--surface-tint: #efe7d6;--line: #e2d9c8;--accent: #8d3a2c;--accent-soft: #f2e5e1;--accent-ink: #f8f4ec;--button-bg: var(--ink);--button-ink: var(--surface);--good: #3f6b46;--good-soft: #e7eee3;--bad: #b3261e;--bad-soft: #f8e6e3;--companion-skin-axolotl: #d8e6ef;--companion-skin-donkey: #d9d2c4;--companion-skin-rabbit: #ece0cb;--companion-skin-possum: #ded9d1;--companion-skin-raccoon: #ccd0d3;--companion-skin-dog: #e3caa9;--companion-ink: #4f4a40;--companion-accent: #8d3a2c;--companion-inner: #e3b9b2;--companion-mask: #7c8085;--companion-coat-blue: #cfe0ee;--companion-coat-oatmeal: #ece0cb;--companion-coat-clay: #e7c9b2;--companion-coat-sage: #c6d4bc;--companion-coat-lilac: #dcd5ea;--companion-coat-slate: #cdd5da;--radius: 3px;--radius-lg: 4px;--gap: 1rem;--shadow: 0 1px 1px rgb(30 28 23 / 6%), 0 12px 28px -22px rgb(30 28 23 / 40%);--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-reading: Georgia, "Iowan Old Style", "Times New Roman", serif}@media(prefers-color-scheme:dark){:root{--ink: #f0ece2;--ink-soft: #b9b2a4;--ink-faint: #8b8477;--surface: #191815;--surface-sunken: #0f0e0c;--surface-raised: #201e1a;--surface-tint: #272420;--line: #2f2c26;--accent: #e0917f;--accent-soft: #2a1f1c;--accent-ink: #191815;--good: #86b98f;--good-soft: #1b241c;--bad: #ff8a80;--bad-soft: #2a1817;--shadow: 0 1px 2px rgb(0 0 0 / 40%), 0 8px 24px rgb(0 0 0 / 30%)}}.landing{--paper: var(--surface);--paper-edge: var(--line);--plate-wash: var(--surface-tint);--ink-deep: var(--ink);--ink-mid: var(--ink-soft);--ink-light: var(--ink-faint);--seal: var(--accent);position:relative;max-width:62rem;margin:0 auto;padding:clamp(1.5rem,4vw,3.25rem);color:var(--ink-deep);background:var(--paper);border:1px solid var(--paper-edge);border-radius:3px;box-shadow:0 1px 1px #1e1c1714,0 18px 40px -24px #1e1c1773;text-align:left}.landing:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;opacity:.5;background:repeating-linear-gradient(92deg,rgb(120 100 70 / 3.5%) 0 1px,transparent 1px 4px),radial-gradient(120% 90% at 50% 0%,transparent 55%,rgb(90 75 50 / 7%) 100%)}@media(prefers-color-scheme:dark){.landing:before{opacity:.35}}.landing__head{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(14rem,.8fr);gap:clamp(1.5rem,4vw,3rem);align-items:start}@media(max-width:46rem){.landing__head{grid-template-columns:minmax(0,1fr)}}.landing__eyebrow{display:flex;align-items:center;gap:.75rem;margin:0 0 .75rem;font-size:.7rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-light)}.landing__eyebrow:after{content:"";flex:1;height:1px;background:currentcolor;opacity:.45}.landing__wordmark{font-family:var(--font-reading);font-weight:400;font-size:clamp(2.6rem,1.6rem + 4.6vw,4.25rem);line-height:.98;letter-spacing:-.015em;margin:0;color:var(--ink-deep)}.ink-rule{display:block;width:min(15rem,70%);height:auto;margin:.1rem 0 1.1rem;color:var(--seal)}.landing__entry{margin:0 0 1.4rem;font-family:var(--font-reading);color:var(--ink-mid);font-size:1rem;line-height:1.6}.landing__entry b{color:var(--ink-deep);font-weight:600}.landing__entry i{color:var(--ink-light)}.landing__lead{font-family:var(--font-reading);font-size:clamp(1.05rem,1rem + .35vw,1.22rem);line-height:1.55;color:var(--ink-deep);margin:0 0 1.5rem;max-width:34rem}.landing__art{margin:0;text-align:center}@media(max-width:46rem){.landing__art{order:2;max-width:20rem;margin-inline:auto}}.plate{display:block;width:100%;height:auto;color:var(--ink-deep);opacity:.92}.landing__art figcaption{margin-top:.6rem;font-family:var(--font-reading);font-style:italic;font-size:.85rem;color:var(--ink-light)}.landing__cta{display:inline-flex;align-items:center;gap:.6rem;min-height:46px;padding:.7rem 1.4rem;font:inherit;font-weight:600;color:var(--paper);background:var(--ink-deep);border:1px solid var(--ink-deep);border-radius:3px;text-decoration:none;transition:transform .12s ease}.landing__cta:hover{transform:translateY(-1px);background:var(--seal);border-color:var(--seal)}.landing__fine{margin:.7rem 0 0;font-size:.85rem;color:var(--ink-light);max-width:30rem}.landing__fine code{font-size:.85em;background:#8c785a1f;padding:.05rem .3rem;border-radius:3px}.landing__alert{margin:0 0 1.25rem;padding:.7rem .9rem;border-left:3px solid var(--seal);background:#8d3a2c14;color:var(--ink-deep);font-size:.95rem;max-width:34rem}.landing__beats{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:clamp(1rem,3vw,2rem);margin:clamp(1.75rem,4vw,2.75rem) 0 0;padding:1.4rem 0 0;border-top:1px solid var(--paper-edge);list-style:none}.landing__beat{font-size:.95rem;color:var(--ink-mid);line-height:1.5}.landing__beat b{display:block;font-family:var(--font-reading);font-weight:400;font-size:.8rem;letter-spacing:.18em;color:var(--seal);margin-bottom:.3rem}.landing__foot{margin:1.5rem 0 0;font-size:.8rem;letter-spacing:.06em;color:var(--ink-light)}.companion{position:fixed;right:.75rem;bottom:.25rem;width:9rem;color:var(--companion-ink);pointer-events:none;-webkit-user-select:none;user-select:none}@media(max-width:48rem){.companion{width:5.5rem}.companion:not(.companion--inline){opacity:.85}}.companion--inline{position:static;width:100%;max-width:7rem;margin:0 auto}.companion svg{display:block;width:100%;height:auto}.companion__name{display:block;margin-top:-.15rem;text-align:center;font-size:.75rem;line-height:1.2;color:var(--companion-ink);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media(max-width:48rem){.companion__name{font-size:.65rem}}.companion{--companion-fill: var(--companion-skin-axolotl)}.companion--donkey{--companion-fill: var(--companion-skin-donkey)}.companion--rabbit{--companion-fill: var(--companion-skin-rabbit)}.companion--possum{--companion-fill: var(--companion-skin-possum)}.companion--raccoon{--companion-fill: var(--companion-skin-raccoon)}.companion--dog{--companion-fill: var(--companion-skin-dog)}.companion--coat-blue{--companion-fill: var(--companion-coat-blue)}.companion--coat-oatmeal{--companion-fill: var(--companion-coat-oatmeal)}.companion--coat-clay{--companion-fill: var(--companion-coat-clay)}.companion--coat-sage{--companion-fill: var(--companion-coat-sage)}.companion--coat-lilac{--companion-fill: var(--companion-coat-lilac)}.companion--coat-slate{--companion-fill: var(--companion-coat-slate)}.companion__skin{fill:var(--companion-fill)}.companion__accent{stroke:var(--companion-accent)}.companion__accent-fill{fill:var(--companion-accent);stroke:var(--companion-accent)}.companion__inner{fill:var(--companion-inner);stroke:none}.companion__bare{fill:var(--companion-mask)}.companion__bare-rim{fill:none;stroke:var(--companion-fill)}.companion__blaze{fill:color-mix(in oklab,var(--companion-fill) 28%,#fff)}.companion__mask{fill:var(--companion-mask);stroke:none}.companion__nose{fill:var(--companion-ink);stroke:var(--companion-ink)}.companion__nose-pink,.companion__bare-pink{fill:var(--companion-inner)}.companion__streak{fill:none;stroke:var(--companion-mask);stroke-width:1.8;stroke-linecap:round}.companion__tail-edge{stroke:currentcolor;stroke-width:12;stroke-linecap:round}.companion__tail-fur{stroke:var(--companion-fill);stroke-width:9.4;stroke-linecap:round}.companion__tail-rings{stroke:var(--companion-mask);stroke-width:9.4;stroke-linecap:butt;stroke-dasharray:8 9}.companion__tail-bare{stroke:var(--companion-inner);stroke-width:9.4;stroke-linecap:round}.companion__tail--thin .companion__tail-edge{stroke-width:9}.companion__tail--thin .companion__tail-bare{stroke-width:6.6}.companion__muzzle{fill:color-mix(in oklab,var(--companion-fill) 55%,#fff)}.companion__eyes,.companion__sway,.companion__tilt,.companion__head,.companion__body{transform-box:fill-box}.companion__head,.companion__body,.companion__tilt{transform-origin:center bottom;transition:transform .9s ease}.companion__tilt--left{transform-origin:right bottom}.companion__tilt--right{transform-origin:left bottom}.companion__eyes{transform-origin:center;animation:companion-blink 5s infinite}.companion__sway{animation:companion-sway 5.2s ease-in-out infinite alternate}.companion__sway--left{transform-origin:right bottom}.companion__sway--right{transform-origin:left bottom;animation-delay:-2.6s}.companion--happy .companion__tilt--left{transform:rotate(7deg)}.companion--happy .companion__tilt--right{transform:rotate(-7deg)}.companion--gentle .companion__tilt--left{transform:rotate(-5deg)}.companion--gentle .companion__tilt--right{transform:rotate(5deg)}.companion--sleeping .companion__tilt--left{transform:rotate(-9deg)}.companion--sleeping .companion__tilt--right,.companion--alert .companion__tilt--left{transform:rotate(9deg)}.companion--alert .companion__tilt--right{transform:rotate(-9deg)}.companion--nod svg{animation:companion-nod .65s ease-out}.companion--happy svg{animation:companion-hop .9s ease-in-out}.companion--gentle svg{transform:rotate(-4deg)}.companion--sleeping .companion__head{transform:translate(-7px,11px) rotate(-13deg)}.companion--sleeping .companion__body{transform:scale(1.07,.84)}.companion--sleeping svg{animation:companion-breathe 4.4s ease-in-out infinite}.companion--sleeping .companion__sway{animation-duration:9s}.companion__zzz{fill:none;stroke:var(--companion-ink)}.companion__zzz path{transform-box:fill-box;transform-origin:center;animation:companion-drift 3.4s ease-out infinite}.companion__zzz path:last-child{animation-delay:-1.7s}.companion--alert .companion__head{transform:rotate(7deg)}.companion--alert svg{animation:companion-perk .52s ease-out 1}.companion--alert .companion__sway{animation-duration:12s}@keyframes companion-blink{0%,91%,97%,to{transform:scaleY(1)}94%{transform:scaleY(.12)}}@keyframes companion-sway{0%{transform:rotate(-2.5deg)}to{transform:rotate(2.5deg)}}@keyframes companion-nod{0%,to{transform:translateY(0)}35%{transform:translateY(4px) rotate(2deg)}}@keyframes companion-breathe{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(1.5px) scale(1.02)}}@keyframes companion-drift{0%{opacity:0;transform:translateY(4px) scale(.8)}25%{opacity:1}to{opacity:0;transform:translate(7px,-14px) scale(1.15)}}@keyframes companion-perk{0%{transform:translateY(0)}45%{transform:translateY(-3px)}to{transform:translateY(0)}}@keyframes companion-hop{0%,55%,to{transform:translateY(0)}25%{transform:translateY(-7px)}75%{transform:translateY(-4px)}}.companions{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.75rem;border:0;padding:0;margin:0}.companion-choice{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.9rem .75rem 1rem;border:2px solid var(--line);border-radius:var(--radius);background:var(--surface);cursor:pointer;text-align:center}.companion-choice:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}.companion-choice:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.companion-choice__name{font-weight:700}.coats{display:flex;flex-wrap:wrap;gap:.6rem;border:0;padding:0;margin:0}.coat{display:flex;flex-direction:column;align-items:center;gap:.3rem;cursor:pointer;font-size:.85rem;color:var(--ink-soft)}.coat__swatch{width:2.2rem;height:2.2rem;border:2px solid var(--line);border-radius:50%;background:var(--coat, var(--companion-skin-axolotl))}.coat:has(input:checked){color:var(--ink);font-weight:700}.coat:has(input:checked) .coat__swatch{border-color:var(--accent);box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--accent)}.coat:has(input:focus-visible) .coat__swatch{outline:2px solid var(--accent);outline-offset:3px}.coat__swatch--natural{background:conic-gradient(var(--companion-skin-axolotl) 0deg 120deg,var(--companion-skin-donkey) 120deg 240deg,var(--companion-skin-rabbit) 240deg 360deg)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);font-size:16px;line-height:1.55;color:var(--ink);background:var(--surface-sunken);-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.5;background:repeating-linear-gradient(92deg,rgb(120 100 70 / 3.5%) 0 1px,transparent 1px 4px),radial-gradient(120% 90% at 50% 0%,transparent 55%,rgb(90 75 50 / 6%) 100%)}@media(prefers-color-scheme:dark){body:before{opacity:.35}}h1,h2,h3{font-family:var(--font-reading);font-weight:400;line-height:1.2;margin:0 0 .5rem;letter-spacing:-.01em}h1{font-size:clamp(1.5rem,1.2rem + 1.4vw,2rem)}h2{font-size:clamp(1.15rem,1rem + .7vw,1.4rem)}p{margin:0 0 1rem}a{color:var(--accent)}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:4px}.skip-link{position:absolute;left:-9999px;top:0;background:var(--accent);color:var(--accent-ink);padding:.75rem 1rem;z-index:100}.skip-link:focus{left:0}.app{display:flex;flex-direction:column;min-height:100%}.app__main{flex:1;width:100%;max-width:48rem;margin:0 auto;padding:1.5rem 1rem 4rem}.app__main--wide{max-width:64rem;padding-top:clamp(1.5rem,6vh,3.5rem)}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;background:var(--surface);border-bottom:1px solid var(--line)}.topbar__brand{font-weight:700;letter-spacing:-.02em;color:var(--ink);text-decoration:none;margin-right:auto;font-size:1.05rem}.topbar__nav{display:flex;gap:.25rem;align-items:center;flex-wrap:wrap}.topbar__link{padding:.5rem .7rem;border-radius:var(--radius);color:var(--ink-soft);text-decoration:none;font-size:.95rem;min-height:44px;display:inline-flex;align-items:center}.topbar__link[aria-current=page]{background:var(--accent-soft);color:var(--accent);font-weight:600}@media(max-width:32rem){.topbar{flex-wrap:wrap;padding:.5rem .75rem}.topbar__brand{width:100%;margin-right:0}.topbar__nav{width:100%;gap:0;justify-content:space-between}.topbar__link,.topbar__nav .button{padding-inline:.5rem;font-size:.9rem}}.card{background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--shadow);margin-bottom:var(--gap)}.card--flush{padding:0;overflow:hidden}.muted{color:var(--ink-soft)}.faint{color:var(--ink-faint);font-size:.875rem}.stack>*+*{margin-top:var(--gap)}.row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.row--between{justify-content:space-between}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:.65rem 1.1rem;font:inherit;font-weight:600;color:var(--button-ink);background:var(--button-bg);border:1px solid var(--button-bg);border-radius:var(--radius);cursor:pointer;text-decoration:none;transition:background-color .12s ease,border-color .12s ease}.button:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.button:disabled{opacity:.55;cursor:not-allowed}.button--ghost{background:transparent;color:var(--ink);border-color:var(--line)}.button--quiet{background:transparent;color:var(--ink-soft);border-color:transparent;font-weight:500}.field{display:block;margin-bottom:1rem}.field__label{display:block;font-weight:600;margin-bottom:.35rem}.field__hint{color:var(--ink-soft);font-size:.875rem;margin-bottom:.5rem}.field--check{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer}.field--check input{width:1.25rem;height:1.25rem;min-height:0;margin-top:.15rem;flex:none;accent-color:var(--ink)}.field input:not([type=checkbox]),.field select{width:100%;min-height:44px;padding:.5rem .7rem;font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.question__meta{display:flex;justify-content:space-between;gap:.5rem;font-size:.875rem;color:var(--ink-soft);margin-bottom:.75rem}.question__instruction{font-weight:600;margin-bottom:.5rem}.question__hint{font-size:.875rem;color:var(--ink-soft);margin-bottom:.5rem}.question__stem{font-family:var(--font-reading);font-size:clamp(1.1rem,1rem + .6vw,1.35rem);line-height:1.5;white-space:pre-line;margin-bottom:1.25rem}.passage{margin:0 0 1.25rem;padding:.85rem 1rem;border-left:3px solid var(--ink-faint);background:var(--surface-tint);border-radius:0 var(--radius) var(--radius) 0}.passage__text{margin:0;font-family:var(--font-reading);font-size:1.05rem;line-height:1.55}.passage__credit{margin-top:.5rem;font-size:.875rem;color:var(--ink-soft)}.choices{display:grid;gap:.6rem;border:0;padding:0;margin:0}.choice{display:flex;align-items:flex-start;gap:.75rem;padding:.85rem 1rem;min-height:44px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);cursor:pointer}.choice:hover{border-color:var(--ink-faint)}.choice input{margin:.25rem 0 0;accent-color:var(--accent);width:1.1rem;height:1.1rem;flex:none}.choice__key{font-weight:700;color:var(--ink-faint);min-width:1.25rem}.choice--selected{border-color:var(--ink);background:var(--surface-tint)}.choice--correct{border-color:var(--good);background:var(--good-soft)}.choice--wrong{border-color:var(--bad);background:var(--bad-soft)}.progressbar{height:6px;border-radius:999px;background:var(--line);overflow:hidden}.progressbar__fill{height:100%;background:var(--accent);transition:width .2s ease}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));gap:.75rem}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:.75rem}.stat__value{font-size:1.5rem;font-weight:700;line-height:1.1}.stat__label{font-size:.8rem;color:var(--ink-soft)}.pill{display:inline-block;padding:.15rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600;background:var(--surface-tint);border:1px solid var(--line);color:var(--ink-soft)}.pill--good{background:var(--good-soft);border-color:transparent;color:var(--good)}.pill--bad{background:var(--bad-soft);border-color:transparent;color:var(--bad)}.packs{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:.75rem}.pack{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;text-align:left;padding:0;overflow:hidden;border:2px solid var(--line);border-radius:var(--radius);background:var(--surface);cursor:pointer;font:inherit;color:inherit}.pack__cover{display:block;width:100%;aspect-ratio:120 / 48}.pack__body{flex:1;padding:.85rem 1rem 1rem}.pack[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.pack__name{font-weight:700;margin-bottom:.2rem}.notice{padding:.85rem 1rem;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface)}.notice--error{border-color:var(--bad);background:var(--bad-soft);color:var(--bad)}.center{display:grid;place-items:center;min-height:60vh;text-align:center}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:.6rem 1rem;border-bottom:1px solid var(--line)}.table th{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.18em;color:var(--ink-faint)}.actionbar{position:sticky;bottom:0;z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin:.5rem -1rem -4rem;padding:.85rem 1rem calc(.85rem + env(safe-area-inset-bottom,0px));background:var(--surface);border-top:1px solid var(--line);box-shadow:0 -6px 16px #15181d0f}@media(prefers-color-scheme:dark){.actionbar{box-shadow:0 -6px 16px #00000059}}.actionbar .button{flex:0 0 auto}.streak{display:flex;align-items:center;gap:.85rem;padding:.85rem 1rem;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface)}.streak--done{border-color:transparent;background:var(--good-soft)}.streak--none .streak__flame{filter:grayscale(1);opacity:.5}.streak__flame{font-size:1.75rem;line-height:1}.streak__count{font-weight:700}.streak__note{font-size:.85rem;color:var(--ink-soft)}.card .streak{margin:.75rem 0}.lesson__title{margin:.15rem 0 1rem}.lesson__paragraph{font-family:var(--font-reading);font-size:1.05rem;line-height:1.6;margin:0 0 1rem}.lesson__line{margin:.5rem 0 .25rem;font-weight:600}.lesson__answer{width:100%;padding:.6rem .75rem;font:inherit;line-height:1.5;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);resize:vertical}.lesson__checklist{border:0;padding:0;margin:1rem 0}.lesson__checklist legend{font-weight:600;margin-bottom:.5rem}.lesson__reread summary{cursor:pointer;font-weight:600}.lesson__reread[open] summary{margin-bottom:.75rem}.lesson__puzzle,.lesson__next{display:grid;gap:.25rem;margin:0 0 1.25rem;padding:.75rem 1rem;border-left:3px solid var(--ink-faint);background:var(--surface-tint);border-radius:0 var(--radius) var(--radius) 0;font-family:var(--font-reading);font-size:1.05rem}.lesson__next{margin:1.25rem 0 0}.lesson__words{margin:0;display:grid;gap:.75rem}.lesson__words dt{font-weight:700;font-style:italic}.lesson__words dd{margin:.15rem 0 0}.timeline{list-style:none;margin:0 0 1.25rem;padding:0;display:grid;gap:.5rem}.timeline__item{display:flex;align-items:center;gap:.75rem;padding:.55rem .75rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-tint);cursor:grab}.timeline__item[draggable=false]{cursor:default}.timeline__item--dragging{opacity:.5}.timeline__item--right{border-color:var(--good)}.timeline__item--wrong{border-color:var(--bad);background:var(--bad-soft)}.timeline__rank{flex:none;width:1.5rem;font-weight:700;color:var(--ink-faint)}.timeline__text{flex:1}.timeline__moves{display:flex;gap:.25rem}.timeline__move{min-width:2.5rem;padding:.3rem .5rem}.timeline__answer{margin:.4rem 0 0}.round__eyebrow,.celebrate__eyebrow{margin:0;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.18em;color:var(--ink-faint)}.round__headline{margin:.15rem 0 .25rem}.round--perfect .round__headline{color:var(--good)}.round__running{margin-bottom:1rem}.round__list{list-style:none;margin:0 0 1.25rem;padding:0;display:grid;gap:.5rem}.round__item{padding:.6rem .85rem;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface-tint)}.round__item--miss{border-color:var(--bad);background:var(--bad-soft)}.round__miss{margin-top:.4rem}.round__why{margin:.35rem 0 0}.round__answer,.round__miss p{margin:0 0 .25rem}.trivia{display:flex;margin:0 0 1.25rem;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface-raised);overflow:hidden}.trivia__art{flex:0 0 4.5rem}.trivia__art .pack__cover{height:100%;aspect-ratio:auto}.trivia__body{padding:.7rem .9rem}.trivia__text{margin:.2rem 0 0}.ladder{list-style:none;margin:1.25rem 0 0;padding:0;display:grid;gap:.4rem}.ladder__rung{display:grid;grid-template-columns:minmax(8rem,12rem) 1fr 2.5rem;align-items:center;gap:.75rem;font-size:.9rem}.ladder__label{color:var(--ink-soft)}.ladder__track{height:10px;border-radius:999px;background:var(--surface-tint);border:1px solid var(--line);overflow:hidden}.ladder__fill{display:block;height:100%;background:var(--accent)}.ladder__count{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}@media(max-width:30rem){.ladder__rung{grid-template-columns:1fr 2.5rem}.ladder__track{display:none}}.celebrate__score{font-size:clamp(1.75rem,1.3rem + 2.2vw,2.6rem);margin:.1rem 0 1rem}.celebrate__mastered{margin:1rem 0 0}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.invite-code{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:1.5rem;letter-spacing:.12em;text-transform:lowercase;-webkit-user-select:all;user-select:all;margin:0}.settings{display:grid;grid-template-columns:minmax(8rem,11rem) 1fr;gap:1.25rem;align-items:start}.settings__nav{display:flex;flex-direction:column;gap:.15rem;position:sticky;top:4.5rem}.settings__link{padding:.5rem .7rem;border-radius:var(--radius);color:var(--ink-soft);text-decoration:none;font-size:.95rem;min-height:44px;display:flex;align-items:center}.settings__link[aria-current=page]{background:var(--accent-soft);color:var(--accent);font-weight:600}.settings__panel{display:grid;gap:1rem;align-content:start;min-width:0}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.card>.actions{margin-top:1rem}.pack__examples{margin-top:.4rem}@media(max-width:42rem){.settings{grid-template-columns:1fr}.settings__nav{position:static;flex-direction:row;flex-wrap:wrap}}