#records-button{margin:8px 0 0 8px;min-height:30px;padding:6px 10px;font-size:11px;border:1px solid #ffe1b055;border-radius:4px;background:#10243899;color:#ffe1b0}
#records-panel{color:#fff1d8;background:#102438;border:1px solid #ffe1b066;border-radius:12px;width:min(92vw,440px);max-height:85dvh;padding:22px;overflow:auto}
#records-panel::backdrop{background:#07131bcc}#records-panel h2{margin-top:0}#records-panel p{font-size:13px;line-height:1.65}.record-note{opacity:.7}#records-panel button{min-height:44px;padding:8px 24px;background:#ed765f;border:0;border-radius:4px;color:#102438;font-weight:bold}#record-result:empty{display:none}

#split-delta{position:absolute;top:calc(80px + env(safe-area-inset-top));left:24px;right:24px;font-size:12px;font-weight:650;color:#ffe1b0;text-shadow:0 1px 3px #102438;pointer-events:none;white-space:nowrap}
#split-delta[data-kind="faster"]{color:#a5f4df}#split-delta[data-kind="slower"]{color:#ffcfac}.split-show #test-screen .subtitle{visibility:hidden}
@media(max-height:620px){#split-delta{top:68px}}
#records-panel{padding:20px;width:min(92vw,440px);box-sizing:border-box}
#records-panel,#records-panel *{font-family:system-ui,sans-serif!important;font-style:normal!important;letter-spacing:normal;text-shadow:none!important;-webkit-text-stroke:0}
#records-panel h2{font-size:20px;margin:0 0 4px}#records-panel h3{font-size:12px;margin:22px 0 10px;color:#d2dce3}
#records-panel .record-note{font-size:11px;margin:0 0 18px;line-height:1.4}
.record-best{padding:18px;background:#ffe1b012;border:1px solid #ffe1b066;border-radius:12px;text-align:center}
.record-caption{display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;color:#ffe1b0;font-weight:700}
.record-icon{width:22px;height:22px;object-fit:contain;flex:none;vertical-align:middle}
.record-best-time{display:block;font-size:36px;color:#ffe1b0;font-variant-numeric:tabular-nums;line-height:1.5}
.record-muted{color:#9eb3c3;font-size:11px;font-weight:400}
.record-assisted{display:flex;align-items:center;gap:8px;font-size:12px;padding:12px 2px}.record-assisted b{margin-left:auto;font-variant-numeric:tabular-nums}
.record-run{padding:12px;margin:8px 0;border:1px solid #ffffff18;border-radius:10px;background:#ffffff05}
.record-run-top{display:flex;align-items:center;justify-content:space-between}.record-run-time{font-size:23px;font-variant-numeric:tabular-nums}
.record-run-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:10px;color:#9eb3c3;margin:4px 0 10px}.record-badge{display:inline-flex;align-items:center;gap:3px;color:#ffe1b0}.record-badge .record-icon{width:16px;height:16px}
.record-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.record-metric{display:flex;align-items:center;gap:6px;font-size:13px;font-variant-numeric:tabular-nums}
.record-legend{display:flex;gap:14px;font-size:10px;color:#9eb3c3;margin:12px 0}.record-legend>span{display:flex;align-items:center;gap:4px}.record-legend .record-icon{width:16px;height:16px}
.record-details{margin:20px 0;border-top:1px solid #ffffff20}.record-details summary{font-size:11px;padding:16px 0;cursor:pointer;min-height:44px;box-sizing:border-box}.record-detail-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;font-size:11px;border-bottom:1px solid #ffffff0c}.record-detail-row b{white-space:nowrap;font-variant-numeric:tabular-nums}
#records-panel>button{width:100%;position:sticky;bottom:0;box-shadow:0 -6px 12px #102438}
#records-panel,#records-panel *{font-weight:400!important}#records-panel b,#records-panel strong,#records-panel h2,#records-panel h3,#records-panel button,#records-panel summary{font-weight:700!important}

.record-run-top .finish-grade,.record-assisted .finish-grade{font-size:19px!important;flex:none}.record-best>.finish-grade{margin:5px 0}

#records-panel>.records-clear{position:static;margin-top:14px;background:transparent;color:#ffb7a5;border:1px solid #ffb7a555;box-shadow:none;font-size:12px;white-space:normal}#records-panel>.records-clear-status:empty{display:none}