.clawd{image-rendering:pixelated;flex-shrink:0;display:block;overflow:visible}.clawd__body{animation:2.8s ease-in-out infinite clawd-bob}.clawd--cheer .clawd__body{animation:clawd-hop .6s var(--ease) infinite alternate}.clawd--happy .clawd__arms{animation:.9s ease-in-out infinite clawd-bob}.clawd--sad .clawd__body{animation-duration:4s}.clawd__eyes--blink{transform-box:fill-box;transform-origin:50%;animation:4.2s infinite clawd-blink}.clawd__tear{animation:2s ease-in infinite clawd-tear}.clawd__thought,.clawd__spark,.clawd__confetti{animation:1.2s steps(2,end) infinite clawd-twinkle}.clawd__spark:nth-child(2){animation-delay:.6s}@keyframes clawd-bob{50%{transform:translateY(-.5px)}}@keyframes clawd-hop{to{transform:translateY(-1.5px)}}@keyframes clawd-blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.15)}}@keyframes clawd-tear{to{opacity:0;transform:translateY(3px)}}@keyframes clawd-twinkle{50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.clawd *{animation:none!important}}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);letter-spacing:-.005em;cursor:pointer;transition:transform .12s var(--ease), background-color .15s;-webkit-user-select:none;user-select:none;border:0;font-weight:700;text-decoration:none;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--md{min-height:44px;padding:10px 20px}.btn--lg{min-height:58px;font-size:var(--text-lg);padding:16px 28px}.btn--primary{background:var(--accent);color:var(--on-accent)}.btn--primary:hover:not(:disabled){background:var(--accent-strong)}.btn--secondary{background:var(--surface-2);color:var(--ink)}.btn--secondary:hover:not(:disabled){background:color-mix(in srgb, var(--surface-2) 80%, var(--ink))}.btn--ghost{color:var(--ink-soft);background:0 0}.btn--ghost:hover{background:var(--surface-2);color:var(--ink)}.btn__icon{font-size:1.3em;display:inline-flex}.card{background:var(--surface);border-radius:var(--radius-lg);padding:var(--space-5)}.speech{align-items:flex-start;gap:var(--space-3);display:flex}.speech--right{flex-direction:row-reverse}.page>.speech:not(:last-child),.page>.page--narrow>.speech:not(:last-child){margin-bottom:var(--space-5)}.trail>.speech,.lesson-done>.speech{margin-bottom:0}.speech__bubble{background:var(--surface);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);max-width:52ch;font-size:var(--text-lg);font-weight:560;line-height:1.35}.speech--left .speech__bubble{border-top-left-radius:var(--radius-sm)}.speech--right .speech__bubble{border-top-right-radius:var(--radius-sm)}.modal{border-radius:var(--radius-lg);background:var(--surface);color:var(--ink);box-shadow:var(--shadow-lg);border:0;width:min(92vw,440px);padding:0}.modal::backdrop{background:#0a120e8c}.modal[open]{animation:modal-in .2s var(--ease)}.modal__body{padding:var(--space-5)}.modal__title{font-size:var(--text-lg)}@keyframes modal-in{0%{opacity:0;transform:translateY(12px)scale(.98)}}.progress{background:var(--surface-2);border-radius:var(--radius-pill);height:12px;overflow:hidden}.progress__fill{border-radius:inherit;height:100%;transition:width .4s var(--ease)}.progress__fill--accent{background:var(--accent)}.progress__fill--good{background:var(--good)}.progress__fill--gold{background:var(--gold)}.page{width:100%;max-width:1120px;padding:var(--space-5) var(--space-4) var(--space-7);margin:0 auto}.page--narrow{max-width:720px}.board-layout{gap:var(--space-4);align-items:start;display:grid}.board-layout__board{width:min(100%,70vh);margin:0 auto}.board-layout__panel{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}@media (width>=900px){.board-layout{gap:var(--space-5);grid-template-columns:minmax(0,min(78vh,680px)) minmax(280px,1fr)}.board-layout__board{width:100%}}.row{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.muted{color:var(--ink-soft)}.mono{font-variant-numeric:tabular-nums;font-size:var(--text-sm);word-break:break-word}