@import url("/assets/6501f190ecdec1ca8052184627d04908328282ae69f0837af5e3d07187c1ef49/kit.css");
@import url("/assets/a29dc8fc27f05cb656bd53cd0eeb44e559acff2bbe2e2b3eec1d8b1ea73e190c/menu.css");
body { overflow:auto; }
.record-page { display:block; overflow:visible; max-width:1180px; margin:auto; padding:24px; min-height:100svh; font-size:16px; }
.record-nav { display:flex; gap:20px; align-items:center; border-bottom:1px solid var(--border); padding:0 0 14px; margin-bottom:24px; flex-wrap:wrap; font-size:14px; }
/* The logo keeps the look it has on every page (menu.css, field.css) and the
   green Solo Play its own colours (solo-button.css); these are for the nav's
   other links, and no stronger than `.record-nav a`. */
.record-nav a:where(:not(.site-brand, .menu-solo)) { color:var(--muted); text-decoration:none; }
.record-nav > .site-brand { margin-right:auto; }
.record-nav a:where(:not(.site-brand, .menu-solo)):is([aria-current], :hover) { color:var(--text); text-decoration:underline; text-underline-offset:5px; }
.record-page h1 { font-size:clamp(28px,4vw,44px); margin:0 0 10px; letter-spacing:-.04em; }
.record-page h2 { font-size:20px; margin:0 0 14px; }
.record-page p { line-height:1.55; color:var(--muted); }
.record-page .intro { max-width:70ch; margin:0 0 22px; }
.record-toolbar { display:flex; align-items:end; flex-wrap:wrap; gap:12px; margin:18px 0; }
.record-page label { display:block; font-size:14px; line-height:1.5; }
.record-page select,.record-page input:not([type=checkbox]),.record-page button,.record-page .button { font:inherit; border:1px solid var(--border); border-radius:0; background:var(--panel); color:var(--text); padding:10px 14px; min-height:42px; }
.record-page select { display:block; max-width:100%; margin-top:5px; }
.record-page button,.record-page .button { cursor:pointer; text-decoration:none; display:inline-flex; align-items:center; justify-content:center; }
.record-page .primary { background:var(--text); color:var(--bg); border-color:var(--text); }
.record-page button:disabled { opacity:.5; cursor:not-allowed; }
.record-page :focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
.record-banner { padding:14px 18px; border:1px solid var(--border); background:var(--panel); margin:18px 0; font-size:14px; line-height:1.5; }
.record-banner a { color:var(--green); font-weight:600; }
.record-cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(155px,1fr)); gap:10px; margin:18px 0; }
.record-card { border:1px solid var(--border); padding:16px; background:var(--panel); }
.record-card strong { display:block; font-size:26px; letter-spacing:-.03em; margin:8px 0 0; }
.record-card { min-width:0; }
.record-card strong { overflow-wrap:anywhere; font-variant-numeric:tabular-nums; }
.record-card span { color:var(--muted); font-size:13px; }
.record-chart { border:1px solid var(--border); background:var(--panel); padding:16px; margin:20px 0; }
.record-chart svg { display:block; width:100%; height:215px; }
.record-chart text { font:12px var(--mono); fill:var(--muted); }
.record-chart p { margin:0; font-size:13px; }
.record-table-wrap { overflow:auto; max-height:320px; border:1px solid var(--border); }
.record-page table { width:100%; border-collapse:collapse; font-size:14px; text-align:left; }
.record-page th,.record-page td { padding:12px 14px; border-bottom:1px solid var(--border); }
.record-page th { position:sticky; top:0; z-index:2; background:var(--panel-2); font-weight:600; }
.record-page td:last-child,.record-page th:last-child { text-align:right; }
.record-breakdown { max-height:none; margin:16px 0 24px; }
.record-breakdown td:not(:first-child),.record-breakdown th:not(:first-child) { text-align:right; }
.record-breakdown tbody th { position:static; background:var(--panel); font-weight:500; }
.record-page .record-explanation { max-width:85ch; font-size:14px; }
#recent-section { margin-top:24px; }
.record-page [hidden] { display:none !important; }
.record-empty { padding:30px 12px; text-align:center; color:var(--muted); }
.record-split { display:grid; grid-template-columns:1.25fr 1fr; gap:24px; }
.record-box { border:1px solid var(--border); background:var(--panel); padding:24px; }
.record-box input:not([type=checkbox]) { width:100%; margin:6px 0 18px; }
.record-box .check { display:flex; align-items:flex-start; gap:10px; margin:12px 0 20px; }
.record-box .check input { margin-top:5px; }
.record-box .actions { display:flex; gap:10px; flex-wrap:wrap; margin-top:18px; }
.record-page details { border-top:1px solid var(--border); padding-top:14px; margin-top:22px; font-size:14px; line-height:1.6; }
.record-page summary { cursor:pointer; font-weight:600; }
#notice { min-height:22px; font-size:14px; color:var(--green); }
#notice.error { color:var(--red); }
.account-page [hidden] { display:none !important; }
.account-page #notice:empty { display:none; }
.account-page .is-signed-out { grid-template-columns:minmax(0,440px); justify-content:center; }
.account-signup h1 { font-size:30px; margin-bottom:24px; }
.account-signup .signup-status { margin:0 0 24px; border-left:3px solid var(--text); }
.signup-status strong,.signup-status span { display:block; }
.signup-status span { margin-top:4px; color:var(--muted); }
.account-signup fieldset { border:0; padding:0; margin:0; min-width:0; }
.account-signup input:disabled { color:var(--muted); cursor:not-allowed; opacity:.75; }
.account-signup .signup-submit { width:100%; }
.account-signup .signup-existing { text-align:center; font-size:14px; margin:18px 0; }
.account-signup .signup-link { padding:0; min-height:0; border:0; background:none; text-decoration:underline; font-size:inherit; }
.account-signup .signup-guest { display:block; text-align:center; margin-top:18px; font-size:14px; color:var(--text); }
@media(max-width:640px) { .record-page{padding:16px 12px}.record-nav{gap:13px;font-size:12px;margin-bottom:18px}.record-split{grid-template-columns:1fr}.record-box{padding:18px}.record-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.record-card{padding:12px}.record-card strong{font-size:22px}.record-toolbar label{flex:1;min-width:120px}.record-toolbar select{width:100%}.record-chart{padding:8px}.record-page td,.record-page th{padding:8px 6px;font-size:12px}.record-table-wrap{max-height:none!important} }