/* SPDX-License-Identifier: GPL-3.0 */
.pg-result-sheet{width:min(430px,calc(100vw - 24px));max-height:92dvh;padding:18px;border:0;border-radius:16px;background:#fff;color:#202730;box-shadow:0 24px 90px #0004;overflow:auto;font-family:inherit}.pg-result-sheet::backdrop{background:#151b28a8;backdrop-filter:blur(3px)}.pg-result-sheet header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:15px}.pg-result-sheet header button{width:36px;height:36px;border:0;border-radius:50%;background:#f0f2f5;font-size:25px;color:#465260;cursor:pointer}.pg-result-preview{overflow:hidden;border-radius:10px;background:#f5f3ed}.pg-result-preview canvas{display:block;width:100%;height:auto}.pg-result-text{width:100%;height:102px;box-sizing:border-box;margin-top:12px;border:1px solid #e4e7eb;border-radius:8px;padding:10px;resize:vertical;font:12px/1.5 ui-monospace,monospace;color:#4b5765;background:#fbfcfd}.pg-result-actions{display:flex;gap:8px;margin-top:12px}.pg-result-actions button{flex:1;min-height:44px;min-width:0;border:1px solid #dfe3e8;border-radius:8px;background:#fff;color:#354352;font:600 13px system-ui,sans-serif;cursor:pointer}.pg-result-actions button:first-child{background:#202730;border-color:#202730;color:#fff}.pg-result-actions button:hover{filter:brightness(.95)}.pg-result-feedback{font-size:12px;color:#788391;line-height:1.6;margin:10px 0 0}.pg-result-sheet button:focus-visible,.pg-result-text:focus-visible{outline:3px solid #bf9434;outline-offset:2px}@media(prefers-reduced-motion:reduce){.pg-result-sheet{scroll-behavior:auto}}

.pg-result-compact{width:min(420px,calc(100vw - 24px));padding:20px;border-radius:12px}.pg-result-compact header{margin-bottom:16px}.pg-result-compact .pg-result-text{height:auto;max-height:48dvh;margin-top:0;padding:14px 12px;resize:none;font-size:12px;line-height:1.75;background:#f8f9fb}.pg-result-meta{margin:9px 1px 14px;font-size:11px;line-height:1.7;color:#8a94a2;font-variant-numeric:tabular-nums}.pg-result-compact>.pg-result-actions{margin-top:0}.pg-result-compact .pg-result-feedback{font-size:11px;margin-top:12px}.pg-result-image-options{border-top:1px solid #e9edf2;margin-top:18px;padding-top:14px}.pg-result-image-options>summary{font-size:12px;color:#758192;cursor:pointer;min-height:28px}.pg-result-image-options .pg-result-preview{margin-top:12px}.pg-result-image-options .pg-result-actions button:first-child{background:#fff;border-color:#dfe3e8;color:#354352}.pg-result-image-options>summary:focus-visible{outline:3px solid #bf9434;outline-offset:3px}@media(max-width:400px){.pg-result-compact{padding:16px}.pg-result-compact .pg-result-text{padding:12px 10px;font-size:11px}}

.pg-result-controls{display:flex;align-items:center;gap:12px}.pg-result-controls>.pg-result-actions{flex:1;margin:0}.pg-result-controls .pg-result-actions button{font-size:12px;padding:8px 10px}.pg-result-next{flex-shrink:0;min-width:79px}.pg-result-next>span{display:block;font-size:10px;line-height:1.5;color:#97a1af}.pg-result-next>time{display:block;font-size:16px;line-height:1.6;color:#576578;font-variant-numeric:tabular-nums}.pg-result-statistics{border-top:1px solid #e9edf2;margin-top:18px;padding-top:16px}.pg-result-statistics>h3{font-size:12px;font-weight:600;color:#697688;margin:0 0 13px}.pg-result-stat-values{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:0;text-align:center}.pg-result-stat-values dt{font-size:10px;line-height:1.5;color:#98a2b0}.pg-result-stat-values dd{font-size:24px;font-weight:600;line-height:1.5;margin:3px 0 0;color:#536174;font-variant-numeric:tabular-nums}.pg-result-distribution-label{font-size:10px;color:#98a2b0;margin:14px 0 8px}.pg-result-distribution{list-style:none;margin:0;padding:0;display:grid;gap:5px}.pg-result-distribution>li{display:grid;grid-template-columns:14px minmax(0,1fr) 25px;align-items:center;gap:8px;color:#8b96a6;font-size:10px;line-height:1.5;font-variant-numeric:tabular-nums}.pg-result-distribution>li>span:last-child{text-align:right}.pg-result-distribution progress{appearance:none;-webkit-appearance:none;width:100%;height:12px;display:block;border:0;border-radius:3px;overflow:hidden;background:#edf0f4}.pg-result-distribution progress::-webkit-progress-bar{background:#edf0f4;border-radius:3px}.pg-result-distribution progress::-webkit-progress-value{background:#c3a65e;border-radius:3px}.pg-result-distribution progress::-moz-progress-bar{background:#c3a65e;border-radius:3px}@media(max-width:400px){.pg-result-controls{gap:9px}.pg-result-controls .pg-result-actions button{font-size:11px;padding:8px 5px}.pg-result-next{min-width:73px}.pg-result-next>time{font-size:14px}.pg-result-stat-values dd{font-size:22px}.pg-result-stat-values dt{font-size:9px}}

/* Shared site treatment; result tiles keep their game feedback colors. */
.site-ui .pg-result-sheet { color: var(--site-ink); border: 1px solid var(--site-line); border-radius: 20px; font-size: var(--type-body); }
.site-ui .pg-result-sheet header { font-size: 16px; }
.site-ui .pg-result-sheet header strong { font-weight: 600; }
.site-ui .pg-result-sheet header button { width: 44px; height: 44px; min-width: 44px; flex-shrink: 0; background: var(--site-soft); color: var(--site-muted); }
.site-ui .pg-result-actions button { min-height: 44px; font-size: var(--type-label); font-weight: 500; color: var(--site-ink); border-color: var(--site-line); }
.site-ui .pg-result-actions button:first-child { background: var(--site-accent); border-color: var(--site-accent); color: white; }
.site-ui .pg-result-text, .site-ui .pg-result-compact .pg-result-text { font-size: 16px; color: var(--site-ink); background: var(--site-soft); }
.site-ui :is(.pg-result-feedback, .pg-result-compact .pg-result-feedback, .pg-result-meta, .pg-result-stat-values dt, .pg-result-distribution-label, .pg-result-distribution > li, .pg-result-next > span) { font-size: var(--type-caption); color: var(--site-muted); }
.site-ui .pg-result-controls .pg-result-actions button { font-size: var(--type-label); }
.site-ui .pg-result-image-options > summary { display: flex; align-items: center; min-height: 44px; font-size: var(--type-label); color: var(--site-muted); }
.site-ui .pg-result-statistics > h3 { color: var(--site-ink); font-size: var(--type-label); font-weight: 500; }
.site-ui .pg-result-stat-values dd, .site-ui .pg-result-next > time { color: var(--site-ink); }
.site-ui .pg-result-sheet :is(button, textarea, summary):focus-visible { outline: 2px solid var(--site-accent); outline-offset: 3px; }
@media (max-width: 400px) {
  .site-ui .pg-result-controls { flex-wrap: wrap; }
  .site-ui .pg-result-next { width: 100%; }
  .site-ui .pg-result-controls > .pg-result-actions { flex-basis: 100%; }
}