.badges{--cols:3;flex-wrap:wrap;justify-content:center;gap:12px 8px;display:flex}@media (min-width:400px){.badges{--cols:4}}@media (min-width:480px){.badges{--cols:5}}.badge{flex:0 0 calc((100% - (var(--cols) - 1) * 8px) / var(--cols));text-align:center;min-width:0;color:var(--ink);align-content:start;justify-items:center;gap:8px;font-size:12px;line-height:1.25;display:grid}.badge .medal{width:58px;height:58px;font-family:var(--display);background:var(--sun);color:var(--on-sun);border-radius:50%;place-items:center;font-size:15px;display:grid;box-shadow:inset 0 -4px #0000001f}.badge.challenge .medal{background:var(--accent);color:var(--on-accent);font-size:12px}.badge.locked{color:var(--muted)}.badge.locked .medal{background:var(--surface-2);color:var(--muted);box-shadow:inset 0 0 0 2px var(--line)}.review-card{background:var(--accent-soft);border-radius:20px;gap:12px;padding:16px;display:grid}.review-card h3{color:var(--accent-text)}.bar{background:var(--surface-2);border-radius:99px;height:10px;overflow:hidden}.bar>i{border-radius:inherit;background:var(--accent);height:100%;transition:width .3s;display:block}.bar.done>i{background:var(--ok)}.ch-img{aspect-ratio:2;object-fit:cover;background:var(--surface-2);border-radius:20px 20px 0 0;width:calc(100% + 32px);margin:-16px -16px 4px;display:block}.leaders{gap:2px;margin:0;padding:0;list-style:none;display:grid}.leaders li{border-radius:12px;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 12px;font-size:14px;display:grid}.leaders li.me{background:var(--accent-soft);font-weight:600}.leaders .rk{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right}.leaders .nm{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.leaders .gap{text-align:center;color:var(--muted);padding:0}.app .section{margin-top:24px}.app .stack,.app .top{gap:12px}.app .empty{padding:24px 12px}.app .section>.empty,.app .section>.stack>.empty{padding:16px 12px}.app h1,.app h2,.app h3{text-wrap:balance}.nw{white-space:nowrap}.app .cls.typed{padding-left:0}.app .cls.typed:before{left:-10px}.app .cls>.grow>p+p{margin-top:2px}.app .cls-act{justify-items:end;gap:4px;display:grid}.app .price-col{text-align:right}.app .price-col b{white-space:nowrap}.app .bk{grid-template-columns:64px minmax(0,1fr)}.app .bk .t{white-space:nowrap;padding:10px 4px;font-size:16px}.app .bk.typed{box-shadow:inset 4px 0 0 var(--type);border-left:0}.app .bk.next{align-items:center}.pass .hint>span{gap:2px;display:grid}.pass .hint small{opacity:.8;font-size:12px;font-weight:500}.app select.field,.sheet select.field{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238A8F9C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:20px;min-height:52px;padding-right:44px}.app input.field[type=date],.sheet input.field[type=date]{min-height:52px}.opt input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent);margin:0}.app .tile input[type=checkbox],.app label.row>input[type=checkbox]{width:22px;height:22px;accent-color:var(--accent);flex:none;margin:0}.app .opt .sm,.app label.row>.grow>.sm{margin-top:2px;line-height:1.4;display:block}.app .links{gap:12px;margin-top:24px;display:grid}.app .links>.tile{margin:0}.app .tile>.icon{color:var(--muted);flex:none}.app .start{justify-self:start}.app .rules-links:has(>.stack:empty){display:none}.app .book-times{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px;display:grid}.app.book .section>.link:first-child{margin-bottom:8px;display:inline-block}.app .docs{flex-wrap:wrap;gap:8px 16px;display:flex}.app .docs a{color:var(--muted)}
