/* Local record: the private stats sheet, in the shared sheet design. */
.record-body{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(12px,2.4vw,24px);align-items:start}
.record-stat-panel{min-width:0;display:grid;gap:12px}
.record-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.record-stats>div{display:grid;gap:6px;padding:12px 13px;border-radius:13px;border:1px solid var(--sh-line);background:#ffffff09}
.record-stats small{color:var(--sh-brass);font:800 9.5px/1.2 system-ui;letter-spacing:.14em;text-transform:uppercase}
.record-stats strong{font:normal 28px/1 Georgia,serif;color:var(--sh-ink);white-space:nowrap}
.record-recent{display:grid;gap:8px;padding:12px 14px;border-radius:13px;border:1px solid var(--sh-line);background:#ffffff09;min-height:120px}
.record-recent>strong{color:var(--sh-brass);font:800 10.5px system-ui;letter-spacing:.18em;text-transform:uppercase}
#recordHistory{display:grid;color:var(--sh-muted);font:400 12.5px system-ui;align-content:start}
.record-row{display:flex;align-items:center;gap:10px;justify-content:space-between;min-width:0;padding:7px 0;border-bottom:1px solid var(--sh-line)}
.record-row:last-child{border-bottom:0}
.record-row strong{color:var(--sh-ink);font:650 13px system-ui}
.record-row span{color:var(--sh-muted);font:600 11px system-ui;white-space:nowrap}
.record-privacy{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:13px;border:1px solid var(--sh-line);background:#ffffff09}
.record-privacy>strong{color:var(--sh-brass);font:800 10.5px system-ui;letter-spacing:.18em}
.record-privacy>p{margin:0;color:var(--sh-muted);font:400 12.5px/1.5 system-ui}
.record-privacy>button{min-height:40px;border-radius:11px;padding:0 14px;font:750 12.5px system-ui;letter-spacing:.03em;cursor:pointer}
#exportRecord{display:flex;justify-content:space-between;align-items:center;border:1px solid #f1dba8;color:#1b2a22;background:linear-gradient(#f2dcab,#d6b36e)}
#resetRecord{color:#f4c7b9;border:1px solid #e9a994aa;background:transparent}
#recordMessage{font:600 11.5px system-ui;color:var(--sh-brass);min-height:0}
.record-confirm{padding:11px;border:1px solid #e9a994aa;background:#3a1f1b66;border-radius:11px}
.record-confirm[hidden]{display:none!important}
.record-confirm p{font:400 12px/1.45 system-ui;margin:0 0 9px;color:#f1dcd4}
.record-confirm>div{display:flex;gap:8px}
.record-confirm button{min-height:34px;flex:1;border:1px solid #ffffff2a;border-radius:9px;background:#0b1718;color:var(--sh-ink);font:700 11.5px system-ui;cursor:pointer}
#confirmRecordReset{background:#e3a891;border-color:#f0c2b0;color:#2b1712}
.record-privacy button:disabled{opacity:.4;cursor:not-allowed}
@media (max-height:440px),(orientation:portrait) and (max-width:820px){
 .record-body{gap:10px}.record-stat-panel{gap:7px}.record-stats{gap:5px}
 .record-stats>div{padding:7px 8px;gap:3px;border-radius:9px}.record-stats strong{font-size:19px}.record-stats small{font-size:8px}
 .record-recent{padding:8px 10px;min-height:0;gap:4px}.record-row{padding:3px 0}.record-row strong{font-size:11px}
 .record-privacy{padding:9px;gap:6px}.record-privacy>p{font-size:10.5px;line-height:1.35}.record-privacy>button{min-height:30px;font-size:11px}
}

.record-highlights{min-height:0}
.record-hl{display:flex;align-items:center;gap:8px;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--sh-line)}
.record-hl:last-child{border-bottom:0}
.record-hl span{color:var(--sh-ink);font:650 12.5px system-ui;min-width:0}
.record-hl small{display:block;color:var(--sh-muted);font:600 10px system-ui;letter-spacing:.08em}
.record-hl button,.record-paste button{min-height:32px;padding:0 12px;border-radius:99px;border:1px solid var(--sh-line);background:#ffffff10;color:var(--sh-ink);font:800 10.5px system-ui;letter-spacing:.08em;cursor:pointer}
.record-hl .go{background:linear-gradient(#f2dcab,#d6b36e);color:#1c2b23;border-color:#f3deb0}
.record-paste{display:flex;gap:8px;margin-top:6px}
.record-paste input{flex:1;min-width:0;min-height:32px;padding:0 12px;border-radius:99px;border:1px solid var(--sh-line);background:#06100f;color:var(--sh-ink);font:500 12px ui-monospace,monospace}

.record-crests{min-height:0}
.crest-grid{display:flex;flex-wrap:wrap;gap:6px}
.crest{padding:6px 11px;border-radius:99px;border:1px solid var(--sh-line);background:#ffffff08;color:var(--sh-muted);font:700 10.5px system-ui;letter-spacing:.06em;opacity:.55}
.crest.earned{opacity:1;color:#1c2b23;background:linear-gradient(#f2dcab,#d6b36e);border-color:#f3deb0}
