.skully-row{align-items:center;gap:var(--space-3);flex-direction:row-reverse;display:flex}.skully{background:0 0;border:0;flex:none;width:112px;padding:0;line-height:0;display:block}.skully.at-card,.skully.at-question{width:88px}.skully.at-sheet{align-self:flex-start;width:64px}.skully.at-done{width:144px}.skully.away{visibility:hidden}.skully-art{aspect-ratio:288/275;transform-origin:50% 47%;width:100%;animation:3.6s cubic-bezier(.45,0,.55,1) infinite skully-hover;display:block;position:relative}.skully-art img,.skully-eyes{width:100%;height:auto;position:absolute;inset:0}.skully-body{z-index:1}.skully-face{z-index:3;opacity:0;transition:opacity .18s ease-in-out}.skully-face.on{opacity:1}.skully-eyes{z-index:2;transform-origin:50% 44.7%;height:100%;display:block;-webkit-mask-image:url(../skully/skully-eyes.png);mask-image:url(../skully/skully-eyes.png);-webkit-mask-size:100% 100%;mask-size:100% 100%}.skully-pupils{transition:transform .3s cubic-bezier(.2,0,0,1)}.skully.look-bubble .skully-pupils{transition-duration:.22s;transform:translate(-3%,1%)}.skully.look-question .skully-pupils{transition-duration:.22s;transform:translate(-1.5%,1.5%)}.skully-glow{z-index:4;opacity:.45;animation:3.2s ease-in-out infinite skully-glow}.skully-eyes.blink-once{animation:.16s skully-blink}.skully-eyes.blink-twice{animation:.4s skully-blink-twice}.skully-art.do-settle{animation:none}.skully-art.do-tilt{animation:.36s ease-in-out skully-tilt}.skully-art.do-bob{animation:.52s skully-bob}.skully-art.do-bigbob{animation:.9s skully-bigbob}.skully-art.do-bob .skully-glow,.skully-art.do-bigbob .skully-glow{animation:.52s ease-in-out skully-glow-full}.skully-art.do-wince{animation:.42s ease-in-out skully-wince}.skully-art.do-wince .skully-eyes{animation:.42s ease-in-out skully-half-blink}.skully-art.do-wince .skully-pupils{transform:translateY(3%)}.skully-art.do-nod{animation:.7s ease-in-out skully-nod}.skully-art.do-hop{animation:.9s skully-hop}.skully-art.do-spin{animation:1.1s cubic-bezier(.6,0,.3,1) skully-spin}.skully-art.pulse-glow .skully-glow{animation:.8s ease-in-out skully-glow-pulse}.skully-say{min-width:0;max-width:22rem;padding:var(--space-2) var(--space-3);background:var(--card);border:2px solid var(--accent);border-radius:var(--radius);font-family:var(--font-ui);color:var(--ink);transform-origin:100% 100%;flex:0 auto;padding-right:36px;font-size:.9375rem;line-height:1.4;animation:.16s ease-out skully-bubble-in;position:relative}.skully-say.closing{opacity:0;transition:opacity .12s ease-in}.skully-say:before,.skully-say:after{content:"";position:absolute}.skully-say:before{background:var(--accent);clip-path:polygon(0 0,100% 50%,0 100%);width:10px;height:12px;bottom:16px;right:-10px}.skully-say:after{background:var(--card);clip-path:polygon(0 0,100% 50%,0 100%);width:9px;height:7px;bottom:18.5px;right:-7px}.skully-say.at-sheet{padding-right:var(--space-3);transform-origin:100% 0}.skully-say.at-sheet:before{top:10px;bottom:auto}.skully-say.at-sheet:after{top:12.5px;bottom:auto}.skully-say.at-done{transform-origin:100% 0;max-width:none}.skully-say.at-done:before{clip-path:polygon(0 100%,50% 0,100% 100%);width:12px;height:10px;top:-10px;bottom:auto;right:48px}.skully-say.at-done:after{clip-path:polygon(0 100%,50% 0,100% 100%);width:7px;height:9px;top:-7px;bottom:auto;right:50.5px}.skully-close{width:32px;height:32px;color:var(--ink);background:0 0;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:0;right:0}.skully-close path{fill:none;stroke:currentColor;stroke-width:2px}.round>.skully-row{margin-top:var(--space-3);grid-area:skully;align-self:end}.sheet-top{gap:var(--space-3);min-height:0;display:flex}.sheet-top .feedback{flex:1;min-width:0}.result-row{justify-content:space-between;align-items:flex-end;gap:var(--space-3);display:flex}.quiet.skully-toggle{justify-content:center;align-items:center;width:44px;padding:0;display:inline-flex}.skull-icon{flex:none}.skull-icon path{fill:none;stroke:currentColor;stroke-width:2px;stroke-linejoin:round}.skull-icon circle{fill:currentColor}@media (height<=620px){.skully.at-question{width:64px}}@media (width>=40rem){.skully{width:128px}.skully.at-card,.skully.at-question{width:104px}.skully.at-sheet{width:72px}.skully.at-done{width:160px}}@keyframes skully-hover{0%,to{transform:translateY(0)}50%{transform:translateY(-3.5%)}}@keyframes skully-glow{0%,to{opacity:.3}50%{opacity:.6}}@keyframes skully-blink{0%{animation-timing-function:ease-in;transform:scaleY(1)}37.5%,62.5%{animation-timing-function:ease-out;transform:scaleY(.08)}to{transform:scaleY(1)}}@keyframes skully-blink-twice{0%,60%{animation-timing-function:ease-in;transform:scaleY(1)}15%,25%,75%,85%{animation-timing-function:ease-out;transform:scaleY(.08)}40%,to{transform:scaleY(1)}}@keyframes skully-half-blink{30%,70%{transform:scaleY(.5)}}@keyframes skully-tilt{50%{transform:rotate(-4deg)}}@keyframes skully-bob{0%{animation-timing-function:cubic-bezier(.2,0,0,1);transform:translateY(0)}35%{animation-timing-function:ease-in;transform:translateY(-9%)}60%{animation-timing-function:cubic-bezier(.2,0,0,1);transform:translateY(0)}80%{animation-timing-function:ease-in;transform:translateY(-3%)}to{transform:translateY(0)}}@keyframes skully-bigbob{0%,50%{animation-timing-function:cubic-bezier(.2,0,0,1);transform:translateY(0)scale(1)}20%,70%{animation-timing-function:ease-in;transform:translateY(-9%)scale(1.04)}to{transform:translateY(0)scale(1)}}@keyframes skully-glow-full{20%,80%{opacity:1}}@keyframes skully-wince{25%{transform:rotate(-5deg)translate(-2%)}55%{transform:rotate(4deg)}80%{transform:rotate(-2deg)}}@keyframes skully-nod{50%{transform:rotate(3deg)translateY(2%)}}@keyframes skully-hop{0%{animation-timing-function:cubic-bezier(.2,0,0,1);transform:translateY(0)rotate(0)}35%{animation-timing-function:cubic-bezier(.5,0,.8,.4);transform:translateY(-14%)rotate(-6deg)}65%{animation-timing-function:cubic-bezier(.2,0,0,1);transform:translateY(0)rotate(4deg)}82%{animation-timing-function:cubic-bezier(.5,0,.8,.4);transform:translateY(-5%)rotate(0)}to{transform:translateY(0)rotate(0)}}@keyframes skully-spin{0%{transform:translateY(0)rotate(0)}35%{transform:translateY(-14%)rotate(-6deg)}65%{transform:translateY(-14%)rotate(360deg)}85%{transform:translateY(0)rotate(364deg)}to{transform:translateY(0)rotate(360deg)}}@keyframes skully-glow-pulse{0%,50%,to{opacity:.45}25%,75%{opacity:1}}@keyframes skully-bubble-in{0%{opacity:0;transform:scale(.96)}}@font-face{font-family:Alegreya;src:url(./alegreya-latin-400-normal-BLlBRtDv.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Alegreya;src:url(./alegreya-latin-700-normal-Vpz_43wJ.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--paper:#f4efe3;--card:#fbf8f1;--ink:#1f2421;--muted:#5b605a;--line:#d6cfbf;--control:#857d6d;--accent:#2d3a2e;--accent-ink:#f4efe3;--right:#1f5f3a;--right-bg:#e3efe4;--wrong:#8a2c1f;--wrong-bg:#f6e2dc;--focus:#b36b00;--font-serif:"Alegreya", Georgia, "Times New Roman", serif;--font-ui:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--radius:3px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2.5rem;color:var(--ink);background:var(--paper);font-family:var(--font-serif);-webkit-text-size-adjust:100%;font-size:106.25%;line-height:1.5}:root[data-text=big]{font-size:125%}*,:before,:after{box-sizing:border-box}body,h1,h2,p{margin:0}button{font-family:var(--font-ui);font-size:inherit;color:inherit;cursor:pointer;border-radius:var(--radius);touch-action:manipulation;border:2px solid #0000;line-height:1.2}button:disabled{cursor:not-allowed}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}h1:focus{outline:none}h1:focus-visible{outline:3px solid var(--focus)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sum{margin-left:.3em}.page{max-width:36rem;min-height:100dvh;padding:var(--space-4) var(--space-4) var(--space-5);gap:var(--space-4);flex-direction:column;margin:0 auto;display:flex}.masthead{column-gap:var(--space-3);padding-bottom:var(--space-4);border-bottom:4px double var(--accent);flex-wrap:wrap;align-items:center;display:flex}.masthead .lede{flex-basis:100%}.masthead-tools{justify-content:flex-end;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);flex-basis:100%;order:-1;display:flex}.mark{width:44px;height:44px;display:block}.masthead h1{letter-spacing:.02em;flex:1 0 auto;font-size:clamp(2rem,9.6vw,2.5rem);line-height:1.1}.lede{margin-top:var(--space-2);color:var(--muted);grid-column:1/-1;font-size:1.125rem;line-height:1.45}.carry-on{gap:var(--space-3);padding:var(--space-3) var(--space-4) var(--space-4);background:var(--card);border:1px solid var(--line);border-left:6px solid var(--accent);border-radius:var(--radius);flex-direction:column;font-size:1.0625rem;line-height:1.45;display:flex}.streak{column-gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--card);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:32px 1fr;align-items:center;display:grid}.streak .tally{grid-row:1/span 2}.streak-days{font-size:1.125rem;font-weight:700;line-height:1.3}.streak-note{font-family:var(--font-ui);color:var(--muted);font-size:.875rem;line-height:1.4}.tally{fill:none;stroke:var(--accent);stroke-width:2.9px;stroke-linecap:square;flex:none}.group-heading{margin:var(--space-2) 0 0;font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.8125rem;font-weight:700;line-height:1.4}.topics{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.topic{column-gap:var(--space-4);width:100%;min-height:110px;padding:var(--space-3) var(--space-4);text-align:left;font-family:var(--font-serif);background:var(--card);border:2px solid var(--accent);color:var(--ink);grid-template-columns:44px minmax(0,1fr) auto;align-items:start;line-height:1.5;display:grid}.topic.start{border-width:3px}.topic.locked,.topic.soon{background:var(--paper);border:2px dashed var(--control);border-radius:var(--radius)}.topic.soon{color:var(--muted)}.topic-words{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.start-tag{min-height:22px;padding:0 var(--space-2);font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;background:var(--accent);color:var(--accent-ink);align-self:flex-start;align-items:center;font-size:.8125rem;font-weight:700;display:inline-flex}.topic-title{font-size:1.125rem;font-weight:700;line-height:1.25}.topic-status{align-items:center;column-gap:var(--space-2);row-gap:var(--space-1);margin-top:var(--space-1);font-family:var(--font-ui);color:var(--muted);flex-wrap:wrap;font-size:.875rem;line-height:1.4;display:flex}.squares{flex-wrap:wrap;gap:4px;display:inline-flex}.squares span{border:2px solid var(--accent);background:var(--card);width:10px;height:10px}.squares .done{background:var(--accent)}.topic.locked .squares span{border:1.5px solid var(--control);background:0 0}.topic-icon{border-radius:var(--radius);background:var(--paper);width:44px;height:44px;color:var(--accent);justify-content:center;align-items:center;display:flex}.topic-icon.done{background:var(--accent);color:var(--accent-ink)}.topic.locked .topic-icon,.topic.soon .topic-icon{color:var(--muted);background:0 0}.topic-icon svg{fill:none;stroke:currentColor;stroke-width:2.9px;stroke-linecap:square;stroke-linejoin:miter}.chevron{fill:none;stroke:var(--accent);stroke-width:2.5px;stroke-linecap:square;align-self:center}.all-topics{align-self:flex-start;align-items:center;gap:var(--space-2);display:inline-flex}.all-topics svg{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:square}.topic-head{column-gap:var(--space-4);grid-template-columns:44px minmax(0,1fr);align-items:center;display:grid}.topic-head .topic-icon{background:var(--card)}.topic-head .topic-icon.done{background:var(--accent)}.topic-page .topic-status{margin-top:0}.topic-note{padding:var(--space-4);background:var(--card);border:1px solid var(--line);border-radius:var(--radius);font-family:var(--font-ui);color:var(--muted);font-size:1.0625rem;line-height:1.45}.how-lessons-work{padding-top:var(--space-4);border-top:1px solid var(--line);font-family:var(--font-ui);color:var(--muted);font-size:.875rem;line-height:1.45}.levels{gap:var(--space-3);--stop:44px;flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.level{text-align:left;grid-template-columns:var(--stop) 1fr;column-gap:var(--space-4);background:0 0;border:0;align-items:start;width:100%;min-height:3.5rem;padding:0;display:grid}.level-num{width:var(--stop);height:var(--stop);border-radius:var(--radius);font-family:var(--font-serif);font-variant-numeric:lining-nums tabular-nums;justify-content:center;align-items:center;font-size:1.25rem;font-weight:700;line-height:1;display:flex}.level.passed .level-num{background:var(--accent);color:var(--accent-ink)}.level.open .level-num{margin-top:var(--space-3);background:var(--card);border:3px solid var(--accent);color:var(--accent)}.level.locked .level-num{background:var(--paper);border:2px dashed var(--control);color:var(--muted)}.level-text{gap:var(--space-1);padding-top:var(--space-1);flex-direction:column;display:flex}.level.open .level-text{padding:var(--space-3) var(--space-4);background:var(--card);border:2px solid var(--accent);border-radius:var(--radius)}.level.locked{color:var(--muted)}.level-name{font-family:var(--font-serif);font-size:1.125rem;font-weight:700;line-height:1.25}.level-summary{font-family:var(--font-serif);line-height:1.5}.level-status{font-family:var(--font-ui);color:var(--muted);font-size:.875rem;line-height:1.4}.reset{gap:var(--space-2);flex-direction:column;display:flex}.row{gap:var(--space-2);flex-wrap:wrap;display:flex}.footnote{border-top:1px solid var(--line);padding-top:var(--space-4);font-family:var(--font-ui);color:var(--muted);gap:var(--space-2);flex-direction:column;margin-top:auto;font-size:.8125rem;line-height:1.5;display:flex}.account,.settings{gap:var(--space-3);flex-direction:column;display:flex}.settings{padding-top:var(--space-4);border-top:1px solid var(--line)}.settings h3{margin:0;font-size:1.125rem}.setting{align-items:center;gap:var(--space-3);min-height:44px;font-family:var(--font-ui);cursor:pointer;font-weight:600;display:flex}.setting input,.setting-choice input{width:1.375rem;height:1.375rem;accent-color:var(--accent);flex:none;margin:0}.setting:has(input:disabled){color:var(--muted);cursor:not-allowed}.setting-note{margin-top:calc(-1 * var(--space-2));padding-left:calc(1.375rem + var(--space-3));font-family:var(--font-ui);color:var(--muted);font-size:.875rem}.setting-choice{font-family:var(--font-ui);border:0;flex-direction:column;margin:0;padding:0;display:flex}.setting-choice legend{margin-bottom:var(--space-1);padding:0;font-weight:600}.setting-choice label{align-items:center;gap:var(--space-3);cursor:pointer;min-height:44px;display:flex}.settings .reset{padding-top:var(--space-3);border-top:1px solid var(--line)}.modal-open{overflow:hidden}.modal-backdrop{z-index:20;padding:var(--space-4);overscroll-behavior:contain;background:#1f24218c;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{gap:var(--space-4);width:100%;max-width:30rem;padding:var(--space-4) var(--space-4) var(--space-5);background:var(--paper);border:1px solid var(--control);border-radius:var(--radius);flex-direction:column;margin:auto 0;display:flex}.modal-head{justify-content:space-between;align-items:center;gap:var(--space-3);padding-bottom:var(--space-3);border-bottom:4px double var(--accent);display:flex}.modal-head h2{font-size:1.375rem;line-height:1.2}.modal-head h2:focus{outline:none}.modal-head h2:focus-visible{outline:3px solid var(--focus)}.account-button{align-items:center;gap:var(--space-1);white-space:nowrap;max-width:9rem;display:inline-flex}.account-button-name{text-overflow:ellipsis;overflow:hidden}.person{flex:none}.person circle,.person path{fill:none;stroke:currentColor;stroke-width:2px}.link{font-family:var(--font-ui);text-align:left;color:var(--accent);text-underline-offset:.2em;background:0 0;border:0;min-height:44px;padding:0;font-size:.9375rem;text-decoration:underline}.account-name{font-weight:700}.account-note{font-family:var(--font-ui);color:var(--muted);font-size:.875rem}.account-form{gap:var(--space-3);flex-direction:column;display:flex}.account-form label{gap:var(--space-1);font-family:var(--font-ui);flex-direction:column;font-size:.9375rem;font-weight:600;display:flex}.account-form input{min-height:3rem;padding:var(--space-2) var(--space-3);font-family:var(--font-ui);color:var(--ink);border:2px solid var(--control);border-radius:var(--radius);background:#fff;width:100%;font-size:1rem}.account-problem{font-family:var(--font-ui);color:var(--wrong);background:var(--wrong-bg);padding:var(--space-2) var(--space-3);border-radius:var(--radius);font-size:.9375rem}.primary,.secondary,.danger,.quiet{min-height:3rem;padding:var(--space-2) var(--space-4);font-weight:600}.primary{background:var(--accent);color:var(--accent-ink)}.secondary{background:var(--card);border-color:var(--accent)}.danger{background:var(--wrong);color:#fff}.quiet{border-color:var(--control);background:0 0;align-self:flex-start}.quiet:disabled{color:var(--muted);border-color:var(--line);opacity:.6}.quiet.small{min-height:44px;padding:var(--space-1) var(--space-3);font-size:.9rem}.quiet.sound{justify-content:center;align-items:center;width:44px;padding:0;display:inline-flex}.speaker{flex:none}.speaker path{fill:none;stroke:currentColor;stroke-width:2px;stroke-linejoin:round}.speaker .speaker-body{fill:currentColor}.stack{gap:var(--space-2);flex-direction:column;display:flex}.stack .quiet{align-self:stretch}.crumb{font-family:var(--font-ui);font-size:.9375rem;font-weight:600;line-height:1.4}.card-page,.question-page{align-content:start;column-gap:var(--space-2);grid-template-columns:minmax(0,1fr) auto auto;display:grid}.card-page{grid-template-rows:auto 1fr auto auto;grid-template-areas:"crumb sound quit""main main main""skully skully skully""controls controls controls"}.question-page{grid-template-rows:auto auto auto auto 1fr auto auto;grid-template-areas:"crumb sound quit""progress progress progress""stage help help""main main main""after after after""skully skully skully""controls controls controls"}.round>.crumb{grid-area:crumb;align-self:center}.round>.quit{grid-area:quit;align-self:center}.round>.sound{grid-area:sound;align-self:center}.round>.progress{grid-area:progress}.round>.stage{grid-area:stage;align-self:center}.round>.help{grid-area:help;align-self:center}.round>.screen{grid-area:main;align-self:start}.round>.screen.after{grid-area:after}.round>.controls{grid-area:controls}.progress{height:12px;margin-top:calc(var(--space-3) - var(--space-4));background:var(--card);border:1px solid var(--control);border-radius:var(--radius);overflow:hidden}.progress-fill{background:var(--accent);transform-origin:0;height:100%;transition:transform .2s ease-out;display:block}.screen{gap:var(--space-4);flex-direction:column;animation:.18s ease-out step-in;display:flex}.note p{color:var(--muted);font-size:1.0625rem;line-height:1.45}.stage{font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);font-size:.8125rem;font-weight:700;line-height:1.4}.card-title{font-size:1.75rem;line-height:1.2}.rule{padding:var(--space-1) 0 var(--space-1) var(--space-4);border-left:3px solid var(--accent);gap:var(--space-1);font-variant-numeric:lining-nums;flex-direction:column;margin:0;font-size:1.0625rem;line-height:1.45;list-style:none;display:flex}.rule.big{gap:var(--space-2);font-size:1.375rem;line-height:1.4}.show-me{min-height:2.75rem}.setup{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-3) var(--space-4);font-variant-numeric:lining-nums;gap:var(--space-1);flex-direction:column;font-size:1.125rem;line-height:1.45;display:flex}.setup:has(+.setup.update){border-radius:var(--radius) var(--radius) 0 0;border-bottom:0}.setup.update{margin-top:calc(-1 * var(--space-4));border-top:1px dashed var(--control);border-radius:0 0 var(--radius) var(--radius)}.prompt{border-left:6px solid var(--accent);padding:var(--space-1) 0 var(--space-1) var(--space-3);font-size:1.5rem;line-height:1.25}.result{margin-top:var(--space-4);font-variant-numeric:lining-nums tabular-nums;font-size:4rem;line-height:1}.result-note{margin-top:var(--space-2);font-size:1.5rem;line-height:1.25;display:block}.result-text{font-size:1.125rem;line-height:1.45}.facts{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:1fr 1fr;margin:0;display:grid}.fact{padding:var(--space-3) var(--space-4)}.fact+.fact{border-left:1px solid var(--line)}.fact dt{font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.8125rem;font-weight:700;line-height:1.4}.fact dd{margin:var(--space-1) 0 0;align-items:center;gap:var(--space-2);font-size:1.125rem;font-weight:700;line-height:1.3;display:flex}.fact .tally{width:24px;height:24px}.sheet{z-index:2;position:fixed;bottom:0;left:0;right:0}.sheet.open{max-height:70dvh;padding:20px var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom));border-top:3px solid;flex-direction:column;animation:.2s cubic-bezier(.2,0,0,1) slide-up;display:flex}.sheet.right{background:var(--right-bg);border-top-color:var(--right)}.sheet.wrong{background:var(--wrong-bg);border-top-color:var(--wrong)}.sheet-inner{gap:var(--space-4);flex-direction:column;width:100%;max-width:34rem;min-height:0;margin:0 auto;display:flex}.sheet .feedback{min-height:0;overflow-y:auto}.sheet .next{flex:none;min-height:3rem}.verdict{font-variant-numeric:lining-nums;gap:var(--space-1);flex-direction:column;font-size:1.125rem;line-height:1.45;display:flex}.bar-head{align-items:center;gap:var(--space-3);margin-bottom:var(--space-1);font-size:1.375rem;font-weight:700;line-height:1.2;display:flex}.right .bar-head{color:var(--right)}.wrong .bar-head{color:var(--wrong)}.answer-is{font-weight:700}.icon{flex:none}.icon path{fill:none;stroke:var(--accent-ink);stroke-width:3.5px;stroke-linecap:square}.icon.right rect{fill:var(--right)}.icon.wrong rect{fill:var(--wrong)}.dice{align-items:center;gap:var(--space-2);margin-top:var(--space-1);flex-wrap:wrap;display:flex}.dice-row{gap:var(--space-1);display:inline-flex}.die{border:1px solid var(--control);border-radius:var(--radius);background:var(--card);width:1.75rem;height:1.75rem;font-family:var(--font-ui);color:var(--muted);font-variant-numeric:lining-nums tabular-nums;justify-content:center;align-items:center;font-size:.875rem;font-weight:600;display:inline-flex}.die.pass{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.dice.big .die{width:36px;height:36px;font-size:1rem}.dice-row.named{row-gap:var(--space-1);grid-template-columns:repeat(6,auto);display:inline-grid}.bracket{padding-top:var(--space-1);border-top:2px solid var(--control);font-family:var(--font-ui);color:var(--muted);text-align:center;font-size:.875rem;line-height:1.2}.span-1{grid-column:span 1}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.span-4{grid-column:span 4}.span-5{grid-column:span 5}.dice-label{font-family:var(--font-ui);color:var(--muted);flex-basis:100%;font-size:.875rem}.dice-then{font-family:var(--font-ui);color:var(--muted);font-size:.875rem}.controls{padding:var(--space-3) 0 max(var(--space-1), env(safe-area-inset-bottom));background:var(--paper);border-top:1px solid var(--line);margin-top:auto;position:sticky;bottom:0}.answers{gap:var(--space-2);grid-template-columns:repeat(5,1fr);display:grid}.answer{background:var(--card);border-color:var(--accent);min-height:55px;font-family:var(--font-serif);font-variant-numeric:lining-nums tabular-nums;font-size:1.375rem;font-weight:700;line-height:1}.answer.wide{grid-column:span 2;font-size:1.125rem;line-height:1.2}.answer.full{grid-column:1/-1;font-size:1.125rem;line-height:1.2}.next{width:100%}.dots{margin-bottom:var(--space-3);gap:6px;display:flex}.dot{border:1px solid var(--control);border-radius:1px;width:10px;height:10px;transition:width .15s ease-out}.dot.done,.dot.current{background:var(--accent);border-color:var(--accent)}.dot.current{width:24px}.card-nav{gap:var(--space-2);display:flex}.card-nav .secondary{flex:0 0 110px}.card-nav .primary{flex:1}@media (hover:hover){button.level:hover .level-name,.topic:hover .topic-title{text-decoration:underline}.primary:hover{background:#1d271e}.answer:hover{background:var(--accent);color:var(--accent-ink)}}@media (width>=40rem){.page{padding-top:var(--space-6)}.masthead-tools{flex-basis:auto;order:0;margin-bottom:0;margin-left:auto}.mark{width:56px;height:56px}.masthead h1{font-size:3rem}.result{font-size:5rem}.controls{border-top:0;position:static}}@media (width>=51em){.page.home{max-width:70rem}.page.home>:not(.masthead,.topics){width:100%;max-width:36rem}.topics{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.topic{height:100%}}@media (width>=76.5em){.topics{grid-template-columns:repeat(3,minmax(0,1fr))}}.line{display:block}@keyframes slide-up{0%{transform:translateY(100%)}}@keyframes step-in{0%{opacity:0;transform:translate(12px)}}@media (prefers-reduced-motion:reduce){:root:not([data-motion=full]) *,:root:not([data-motion=full]) :before,:root:not([data-motion=full]) :after{transition:none!important;animation:none!important}}:root[data-motion=less] *,:root[data-motion=less] :before,:root[data-motion=less] :after{transition:none!important;animation:none!important}