/* Later screens (results, archive, stats, practice, share), moved out of the page for its size budget (2026-11-05). */
.arc-key--prog{border-style:dashed;border-color:var(--accent-line)}
.arc-key--today{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
.cats-wrap h2{margin-bottom:var(--s-3)}
.cats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-5) var(--s-4)}
.cat{position:relative;display:flex;flex-direction:column;gap:4px;min-width:0;padding-bottom:14px;background:var(--surface);border-radius:var(--r-card);overflow:hidden;box-shadow:var(--shadow-1),inset 0 0 0 1px var(--rule)}
.cat__ph{position:relative;aspect-ratio:4 / 5;margin-bottom:8px;background:var(--lightbox);display:grid;place-items:center;color:var(--ink-3);overflow:hidden}
.cat__ph picture{position:absolute;inset:0}
.cat__ph img{width:100%;height:100%;object-fit:cover}
.cat .seal{top:10px;right:10px}
.cat h2{font-size:1.0625rem;line-height:1.28;font-weight:500;text-wrap:balance}
.cat .off{color:var(--ink-3)}
.cat .pts{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:8px}
.cat .pts b{font-family:var(--font-sans);font-feature-settings:var(--num-features);font-size:1.25rem;font-weight:600}
.res-actions .btn--block{flex:1 1 100%;max-width:none}
.cat-dots{display:none}
@media (min-width:900px){.cats{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media (min-width:900px){.res-side{display:block}.res-side .recap{aspect-ratio:auto;height:100%;min-height:320px}}
@media (max-width:759.98px),(max-height:500px){
  .cats{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;margin:0 calc(-1 * var(--gutter));padding:4px var(--gutter) 10px;scroll-padding-inline:var(--gutter)}
  .cats::-webkit-scrollbar{display:none}
  .cats:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}
  .cat{flex:0 0 min(76%,300px);scroll-snap-align:center}
  .cat-dots{display:flex;justify-content:center;gap:6px;margin-top:6px}
  .cat-dots i{width:6px;height:6px;border-radius:3px;background:var(--rule-strong);transition:width var(--dur-state) var(--ease-out),background-color var(--dur-state)}
  .cat-dots i.on{width:18px;background:var(--accent)}
  .res-stats{display:grid;grid-template-columns:repeat(4,auto);justify-content:space-between;gap:var(--s-3)}
}
@media (max-height:500px){.cat{flex-basis:210px}}
@media (max-width:374px){.res-stats{grid-template-columns:repeat(2,auto);justify-content:start;column-gap:var(--s-6)}.res-stats:has(> :nth-child(3):last-child){grid-template-columns:repeat(3,auto);justify-content:space-between}.res-actions .btn{flex-basis:120px}}
.recap-line{fill:none;stroke:var(--accent)}
.recap-pin{transform-box:fill-box;transform-origin:center}
.recap-g{fill:var(--marker-guess);stroke:var(--marker-ring);stroke-width:2;vector-effect:non-scaling-stroke}
.recap-a{fill:var(--accent);stroke:var(--marker-ring);stroke-width:2;vector-effect:non-scaling-stroke}
.recap-n{font-family:var(--font-sans);font-weight:700;fill:var(--on-accent);text-anchor:middle;dominant-baseline:central}