.scoring-group{margin-bottom:20px}.group-scope{display:flex;gap:6px;padding:4px;background:var(--c-soft);border-radius:14px;margin-bottom:18px;width:fit-content}.group-scope button{background:transparent;color:var(--muted)}.group-scope button.active{background:var(--c-panel);color:var(--green);box-shadow:0 1px 5px #0001}.group-target{position:relative;width:min(100%,380px);aspect-ratio:1;margin:18px auto}.group-target>svg{display:block;width:100%;height:100%}.group-target>.group-overlay{position:absolute;inset:0}.group-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.group-metrics>div{display:flex;flex-direction:column;gap:5px;padding:14px;border-radius:14px;background:var(--c-soft)}.group-metrics small,.group-metrics span{font-size:12px;color:var(--muted)}.group-metrics strong{font-size:22px;letter-spacing:-.5px;color:var(--green)}.group-advice{margin-bottom:12px}.saved-group-dialog{width:750px}.saved-group-dialog>label{max-width:320px}.saved-group-dialog .group-metrics{grid-template-columns:1fr}.scoring-settings label small{font-size:11px}button[data-view-group]{color:var(--green);margin-right:6px}@media(max-width:600px){.group-metrics{grid-template-columns:1fr}.group-metrics>div{padding:12px}.group-metrics strong{font-size:20px}.group-target{width:min(100%,320px)}}
/* Saved review scrolls independently; live target placement keeps its touch lock. */
.scoring-live-grid.scoring-target-only{grid-template-columns:minmax(0,1fr)}
.scoring-target-only .scoring-target-card{margin-bottom:0}
body dialog.saved-group-dialog[open]{display:flex;flex-direction:column;overflow:hidden;max-height:calc(100dvh - 24px)}
body dialog.saved-group-dialog[open]>.card-head{flex:0 0 auto}
body dialog.saved-group-dialog[open]>.group-review-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding:2px 3px 24px}
.group-review-scroll>label{max-width:320px}.group-overlay{overflow:visible;pointer-events:none}
@media(max-width:700px),(max-height:600px){body dialog.saved-group-dialog[open]{height:100dvh;max-height:100dvh;padding:0;border-radius:0}body dialog.saved-group-dialog[open]>.group-review-scroll{padding:20px max(18px,env(safe-area-inset-right,0px)) calc(28px + env(safe-area-inset-bottom,0px)) max(18px,env(safe-area-inset-left,0px))}}
/* Score rings retain their real colours in every app theme. */
body .score-keypad button[data-score-key]{background:var(--score-ring-bg,#f8f8f4);color:var(--score-ring-ink,#161719);border:1px solid #74808c44;font-weight:700}
body .score-keypad button[data-score-key]:hover{background:var(--score-ring-bg,#f8f8f4);filter:brightness(.94)}
body .score-keypad [data-score-key=X],body .score-keypad [data-score-key="10"],body .score-keypad [data-score-key="9"]{--score-ring-bg:#f5d13d}
body .score-keypad [data-score-key="8"],body .score-keypad [data-score-key="7"]{--score-ring-bg:#df4242;--score-ring-ink:#fff}
body .score-keypad [data-score-key="6"],body .score-keypad [data-score-key="5"]{--score-ring-bg:#1592cf;--score-ring-ink:#071c29}
body .score-keypad [data-score-key="4"],body .score-keypad [data-score-key="3"]{--score-ring-bg:#161719;--score-ring-ink:#fff}
body .score-keypad [data-score-key=M]{--score-ring-bg:#20844a;--score-ring-ink:#fff}
body .score-keypad button:disabled{opacity:.5}
.scoring-block-totals{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin:0 0 18px}.scoring-block-totals>div{display:flex;flex-direction:column;gap:5px;background:var(--c-soft);padding:14px;border-radius:14px}.scoring-block-totals strong{font-size:28px;color:var(--green);font-variant-numeric:tabular-nums}.scoring-block-totals span{font-size:13px}.scoring-block-totals small{font-size:11px;color:var(--muted)}