/* Results keep the overview compact; each artwork opens its own tools. */
body[data-phase=summary] .lineup { display:none; }
body[data-phase=summary] .topbar { height:72px; min-height:0; margin:0 auto; padding-top:12px; padding-bottom:12px; }
body[data-phase=summary] main { padding-top:0; }
.summary { padding:18px 22px; max-width:1080px; margin-top:4px; }
.summary h2 { font-size:18px; margin:0 0 8px; }
.summary .total { font-size:44px; line-height:1.2; margin-top:8px; }
.summary .total small { font-size:14px; }
.summary .summary-note { font-size:12px; margin-top:4px; }
.summary #summary-condition { margin:4px 0; }
.gallery-hint { font-size:12px; color:var(--muted); margin:10px 0 8px; }
.summary .gallery { grid-template-columns:repeat(var(--result-count),minmax(0,1fr)); gap:12px; max-width:calc(var(--result-count)*172px); margin:0 auto 14px; align-items:start; }
.summary .gallery figure,.summary .gallery figure:last-child { padding:6px; width:auto; max-width:none; grid-column:auto; justify-self:stretch; transform:none; border-radius:8px; }
.artwork-open { display:block; padding:0; width:100%; background:#fff; border-radius:5px; }
.summary .gallery img { max-height:min(18dvh,145px); width:100%; aspect-ratio:1; object-fit:contain; border:0; }
.summary .gallery figcaption { margin-top:4px; font-size:11px; line-height:1.5; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.summary .gallery figcaption strong { margin-top:4px; font-size:14px; line-height:1.4; padding-bottom:2px; }
.summary .summary-buttons { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:8px; max-width:650px; margin:0 auto; align-items:stretch; }
.summary-buttons > button { grid-column:span 2; min-width:0; min-height:42px; padding:8px 10px; font-size:13px; justify-content:center; margin:0; }
.summary-buttons #same-five,.summary-buttons #new-five { grid-column:span 3; grid-row:2; }
.summary.single-round .summary-buttons #save-image,.summary.single-round .summary-buttons #share-result { grid-column:span 3; }
.summary .share-note:empty { display:none; }
.summary .share-note { margin:8px 0 0; }
.summary .share-fallback { margin:12px auto 0; font-size:12px; }
.summary .share-fallback summary { cursor:pointer; display:inline-block; min-height:32px; padding:6px 10px; }
.summary .share-fallback p { margin:4px 0 8px; }
.summary .leaderboard { margin:4px auto 0; padding-top:8px; }
.summary .leaderboard summary { font-size:12px; min-height:32px; padding:6px 0; }
body[data-phase=summary] .support-note { margin:12px auto; }
body[data-phase=summary] .support-note p,body[data-phase=summary] footer { display:none; }
body[data-phase=summary] .support-link { font-size:11px; min-height:32px; padding:5px 12px; }
.artwork-dialog { width:min(480px,calc(100vw - 24px)); max-height:calc(100dvh - 24px); padding:20px; overflow:auto; }
.artwork-dialog .dialog-head { margin-bottom:12px; }
.artwork-dialog .dialog-head h2 { font-size:17px; }
.artwork-preview { display:block; width:100%; max-height:34dvh; object-fit:contain; background:#fff; }
.artwork-score { font-size:18px; font-weight:800; text-align:center; margin:16px 0 10px; }
.artwork-score .score-crown { width:24px; height:24px; top:-13px; }
.artwork-dialog .individual-downloads { grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:10px; }
.artwork-dialog .individual-downloads button { font-size:12px; }
.artwork-dialog .score-breakdown { margin-top:12px; }
@media(max-width:820px){
 body[data-phase=summary] .topbar { height:64px; display:flex; justify-content:space-between; padding:10px 18px; gap:8px; }
 body[data-phase=summary] main { padding-left:14px; padding-right:14px; }
 .summary { padding:12px; border-width:3px; }
 .summary h2 { font-size:16px; margin-bottom:6px; }
 .summary .total { font-size:36px; }
 .summary .total small { font-size:12px; margin-left:6px; }
 .summary .gallery { grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-bottom:12px; }
 .summary.single-round .gallery { grid-template-columns:1fr; max-width:170px; }
 .summary .gallery img { max-height:clamp(60px,12dvh,100px); }
 .summary.single-round .gallery img { max-height:min(23dvh,165px); }
 .summary .gallery figure,.summary .gallery figure:last-child { padding:4px; }
 .summary .gallery figcaption { font-size:10px; }
 .summary .gallery figcaption strong { font-size:12px; }
 .summary .summary-buttons { gap:7px; }
 .summary .summary-buttons > button { font-size:11px; padding:7px 4px; min-height:42px; }
 .gallery-hint { font-size:11px; margin:8px 0; }
 .summary .share-fallback { margin-top:8px; }
}

.summary .summary-buttons > button { margin:0; }
.summary .summary-buttons > button:hover { transform:none; }
.summary .share-fallback:not([open]),.summary .leaderboard:not([open]) {
  display:inline-block;
  width:calc(50% - 8px);
  max-width:310px;
  margin:10px 2px 0;
  padding:0;
  border:0;
  vertical-align:top;
  text-align:center;
}
@media(max-width:820px){
 .summary .gallery { margin-bottom:8px; }
 .summary .share-fallback summary,.summary .leaderboard summary { font-size:11px; }
}
@media(min-width:821px){
 body[data-phase=summary] .brand { font-size:32px; letter-spacing:-1px; }
 body[data-phase=summary] .brand-orbit { display:none; }
}
.artwork-score { margin-top:24px; }
.artwork-score .score-crown { width:18px; height:18px; top:-17px; }

/* Keep all four measurements visible alongside each finished drawing. */
.gallery .breakdown-compact { margin-top:6px; padding-top:6px; }
.breakdown-compact h3,.breakdown-compact .breakdown-note { display:none; }
.breakdown-compact dl { font-size:10px; line-height:1.4; }
.breakdown-compact dl > div { display:grid; grid-template-columns:5em minmax(0,1fr); align-items:center; min-height:16px; padding:1px 0; }
.breakdown-compact .breakdown-track { height:5px; margin:0 4px; }
.breakdown-compact .breakdown-thumb { width:8px; height:8px; right:-4px; border-width:1px; }
.breakdown-compact .breakdown-unavailable { font-size:9px; overflow-wrap:anywhere; }
@media(max-width:820px){
 .summary:not(.single-round) .gallery { grid-template-columns:1fr; max-width:480px; gap:6px; }
 .summary:not(.single-round) .gallery figure { display:grid; grid-template-columns:48px minmax(0,1fr); column-gap:8px; align-items:center; padding:4px 6px; }
 .summary:not(.single-round) .artwork-open { grid-row:1 / span 2; }
 .summary:not(.single-round) .gallery img { height:48px; max-height:none; }
 .summary:not(.single-round) .gallery figcaption { display:flex; align-items:center; justify-content:space-between; gap:6px; margin:0; overflow:visible; }
 .summary:not(.single-round) .artwork-name { overflow:hidden; text-overflow:ellipsis; }
 .summary:not(.single-round) .gallery figcaption strong { flex-shrink:0; margin:0; padding:0; font-size:12px; }
 .summary:not(.single-round) .gallery .score-crown { width:12px; height:12px; margin-left:4px; }
 .summary:not(.single-round) .breakdown-compact { grid-column:2; margin:2px 0 0; padding:0; border:0; }
 .summary:not(.single-round) .breakdown-compact dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:8px; }
 .summary:not(.single-round) .breakdown-compact dl > div { grid-template-columns:5em minmax(0,1fr); min-height:14px; font-size:10px; }
}
@media(max-width:820px) and (max-height:600px){
 body[data-phase=summary] .topbar { height:56px; }
 .summary h2 { display:inline-block; font-size:12px; margin:0 8px 0 0; }
 .summary .total { display:inline-block; font-size:26px; margin:0; }
 .summary .total small { font-size:10px; }
 .summary .gallery-hint { margin:5px 0; }
 .summary:not(.single-round) .gallery figure { padding-top:2px; padding-bottom:2px; }
}