:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#1a1a1a;--muted:#555;--border:#ccc;--panel:#fff8ec;--page:#f1ede4;--disabled:#e6e1d6;--slot:#908676;--bar:#c9c1b2;--red:#d63c32;--red-edge:#a42a21;--blue:#2d6bd0;--blue-edge:#1f4f9e;--green:#23854b;--green-edge:#185e35;--yellow:#f4c430;--yellow-edge:#9c7a0e;--purple:#7e4cc2;--purple-edge:#5c3494;--tint-bust-or-bank:#dce6f7;--tint-rarest:#ece3f8;--tint-three-views:#f9e1de;--tint-chop-and-regrow:#ddefc6;--font-display:ui-rounded, "SF Pro Rounded", system-ui, "Segoe UI", Roboto, sans-serif;--font-text:system-ui, "Segoe UI", Roboto, sans-serif;--weight-display:800;--text:1rem;--text-lead:1.125rem;--title-tile:1.25rem;--title-section:1.375rem;--title-page:1.75rem;--radius-panel:12px;--radius-art:10px;--radius-control:12px;--radius-pill:999px;--gap:12px;--side:16px;--column:1120px;--tap:44px;--focus:0 0 0 3px var(--page), 0 0 0 5px var(--ink);--lift:0 2px 0 var(--ink);--t-press:90ms;--t-sheet:.22s;--ease-out:cubic-bezier(.2, .8, .2, 1)}@media (width>=900px){:root{--gap:16px;--title-page:2.5rem}}@media (prefers-reduced-motion:reduce){:root{--t-press:0s;--t-sheet:0s}}:root{--tier-rarest:var(--purple);--tier-rarest-edge:var(--purple-edge);--tier-rare:var(--blue);--tier-rare-edge:var(--blue-edge);--tier-uncommon:var(--yellow);--tier-uncommon-edge:var(--yellow-edge);--tier-common:var(--bar);--tier-common-edge:var(--slot);--ra-card:var(--tint-rarest);--ra-category:1.625rem;--ra-category-line:2rem;--ra-card-radius:16px;--ra-box-height:56px;--ra-box-radius:16px;--ra-status-height:44px;--ra-row-height:92px;--ra-row-radius:14px;--ra-bar-height:12px;--ra-bar-min:6px;--t-row-in:.12s;--t-drain-full:.9s;--t-stamp:.12s;--t-shake:.24s;--t-lift:.6s;--t-results-delay:.3s;--t-card-in:.22s;--t-count:.6s;--t-emoji-step:80ms}@media (width>=900px){:root{--ra-category:2.5rem;--ra-category-line:2.875rem}}@media (prefers-reduced-motion:reduce){:root{--t-row-in:0s;--t-drain-full:0s;--t-stamp:0s;--t-shake:0s;--t-lift:0s;--t-results-delay:0s;--t-card-in:0s;--t-count:0s;--t-emoji-step:0s}}html{-webkit-text-size-adjust:100%}body{background:var(--page);color:var(--ink);font:var(--text) / 1.375 var(--font-text);overflow-wrap:anywhere;margin:0}h1,h2,button,.prompt,.answer,.points,.empty,.total b{font-family:var(--font-display);font-weight:var(--weight-display);font-variant-numeric:tabular-nums}h1,h2,p{margin:0}a{color:var(--ink)}button,input,select{font:inherit;color:inherit}:focus-visible{box-shadow:var(--focus);outline:none}#app{gap:var(--gap);max-width:32rem;padding:0 var(--side);flex-direction:column;margin-inline:auto;display:flex}.play{display:contents}.answers{order:1}footer{order:2}@media (width<=899.98px){.play.done>:not(.status){visibility:hidden}.play.done>*{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (width>=900px){#app{grid-template-columns:560px 1fr;align-items:start;column-gap:40px;max-width:1040px;display:grid}header,footer{grid-column:1/-1}.play{gap:var(--gap);flex-direction:column;grid-area:2/1;display:flex}.results{grid-area:2/2}}header{align-items:center;gap:8px;min-height:52px;display:flex}header h1{font-size:var(--title-section);flex:1}header button{width:var(--tap);height:var(--tap);background:var(--panel);border:2px solid var(--border);border-radius:10px;place-items:center;display:grid}.category,.results .card{background:var(--ra-card);border:2px solid var(--ink);border-radius:var(--ra-card-radius);padding:16px}.overline,.out-of,.note,.line{color:var(--muted)}.overline{font-weight:600}.category .prompt{font-size:var(--ra-category);line-height:var(--ra-category-line)}.box{min-height:var(--ra-box-height);box-sizing:border-box;background:var(--panel);border:2px solid var(--ink);border-radius:var(--ra-box-radius);align-items:center;padding:0 4px 0 18px;display:flex}.box:focus-within{box-shadow:var(--focus)}.box[data-notice=ambiguous]{border-style:dashed}.box input{min-width:0;min-height:var(--tap);font:var(--weight-display) 1.25rem var(--font-display);background:0 0;border:0;flex:1}.box input:focus{box-shadow:none;outline:none}.box input::placeholder{color:var(--muted);font-weight:400}.box button{width:var(--tap);height:var(--tap);background:var(--ink);color:var(--panel);border:0;border-radius:50%;place-items:center;display:grid}.icon{flex:none;width:24px;height:24px}.status{min-height:var(--ra-status-height);align-items:center;gap:12px;display:flex}.pips{gap:8px;display:flex}.badge{box-sizing:border-box;flex:none;width:28px;height:28px}.pips .badge{width:16px;height:16px}.ring{border:2px solid var(--slot);border-radius:50%}.label{align-items:center;gap:8px;margin-bottom:8px;display:flex}.label h2{font-size:var(--text);flex:1}.pill{border:2px dashed var(--slot);border-radius:var(--radius-pill);color:var(--muted);padding:0 10px}.slots{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.row{min-height:var(--ra-row-height);box-sizing:border-box;background:var(--panel);border:2px solid var(--ink);border-radius:var(--ra-row-radius);grid-template-columns:28px 1fr auto;align-items:center;gap:6px 12px;padding:12px 14px;display:grid}.answer,.points{font-size:1.25rem}.bar,.line{grid-column:2/4}.bar{height:var(--ra-bar-height);box-sizing:border-box;border:1.5px solid var(--ink);border-radius:var(--radius-pill);background:var(--panel);padding:1.5px}.fill{height:100%;width:max(var(--ra-bar-min), calc(var(--share,1) * 100%));box-sizing:border-box;border:1px solid var(--edge,var(--slot));border-radius:var(--radius-pill);background:var(--fill,var(--bar));display:block}.line b{color:var(--ink)}[data-tier=rarest]{--fill:var(--tier-rarest);--edge:var(--tier-rarest-edge)}[data-tier=rare]{--fill:var(--tier-rare);--edge:var(--tier-rare-edge)}[data-tier=uncommon]{--fill:var(--tier-uncommon);--edge:var(--tier-uncommon-edge)}[data-tier=common]{--fill:var(--tier-common);--edge:var(--tier-common-edge)}.empty{border:2px dashed var(--slot);border-radius:var(--ra-row-radius);min-height:60px;color:var(--slot);place-items:center;font-size:1.375rem;display:grid}.results,.results .card{gap:var(--gap);flex-direction:column;display:flex}.results h2{align-items:center;gap:8px;font-size:1.25rem;display:flex}.results .card .prompt{font-size:1.25rem}.total b{font-size:3.5rem;line-height:1}.best{gap:8px;font-weight:600;display:flex}.actions{gap:var(--gap);grid-template-columns:2fr 1fr;display:grid}button[data-action=share],button[data-action=copy],button[data-action=retry]{border:2px solid var(--ink);border-radius:var(--ra-box-radius);background:var(--panel);justify-content:center;align-items:center;gap:8px;min-height:56px;font-size:1.25rem;display:flex}button[data-action=share]{background:var(--ink);color:var(--panel)}.answers .row,.pips .badge{--drain:calc(var(--t-drain-full) * (1 - var(--share,1)))}.answers .row{animation:row-in var(--t-row-in) ease-out backwards}.answers .row[data-tier] .fill{animation:drain var(--drain) ease-out, grey var(--drain) step-end}.answers .row[data-tier] .badge,.pips svg.badge{animation:hide var(--drain) step-end, stamp var(--t-stamp) ease-out var(--drain) backwards}.answers .row[data-tier] .line{animation:hide var(--drain) step-end}.results .card{animation:card-in var(--t-card-in) ease-out backwards}.results [style*=--i]{animation:hide var(--t-emoji-step) step-end calc(var(--t-card-in) + var(--t-emoji-step) * var(--i)) backwards}@keyframes row-in{0%{opacity:0;translate:0 -8px}}@keyframes drain{0%{width:100%}}@keyframes grey{0%,to{background:var(--bar);border-color:var(--slot)}}@keyframes hide{0%{opacity:0}}@keyframes stamp{0%{scale:1.4}}@keyframes card-in{0%{opacity:0;translate:0 12px}}.yesterday{background:var(--panel);border:2px solid var(--ink);border-radius:var(--ra-card-radius);padding:0 16px}.yesterday summary{min-height:var(--tap);font-family:var(--font-display);font-weight:var(--weight-display);cursor:pointer;align-items:center;display:flex}.yesterday[open]{padding-bottom:16px}.yesterday ul{padding-left:20px}footer{flex-wrap:wrap;align-items:center;column-gap:16px;padding:16px 0 24px;display:flex}footer a,footer button{min-height:var(--tap);align-items:center;display:inline-flex}footer button{font-family:inherit;font-weight:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}footer select{min-height:var(--tap);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-control);margin-inline-start:auto;padding:0 12px}