.record-board{color:#f4f1f8;gap:14px;display:grid}.record-board h3,.record-board p{margin:0}.record-tabs{align-items:center;gap:6px;display:flex}.record-tabs>button:not(.record-refresh){flex:1}.record-refresh{color:#dad3e4;background:#282330;border:0;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.record-rules,.record-settings p,.record-settings small{color:#b9afc6;font-size:12px;line-height:1.7}.record-best{background:#222d1d;border:1px solid #607947;border-radius:16px;gap:8px;padding:18px;display:grid}.record-best>span{color:#ccdfa9;font-size:12px}.record-best>strong{color:#dbfaa6}.record-best>p{font-size:12px;line-height:1.6}.record-list{margin:0;padding:0;list-style:none}.record-count{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.record-count>span{color:#b9afc6;font-size:11px}.record-empty{text-align:center;color:#c6bdcf;justify-items:center;gap:12px;padding:22px 12px;font-size:13px;line-height:1.7;display:grid}.record-empty h3{color:#f4f1f8}.record-empty svg{color:#d9ef9f}.record-settings{border:1px solid #453b51;border-radius:14px;padding:14px}.record-settings summary{cursor:pointer;min-height:36px;font-size:13px;font-weight:700}.record-settings[open]{gap:12px;display:grid}.record-settings>p,.record-settings>label,.record-settings>button,.record-settings>input,.record-settings>small,.record-settings>div{margin-top:12px}.record-public{align-items:center;gap:9px;min-height:44px;font-size:13px;display:flex}.record-public input{accent-color:#c7f66b;width:20px;height:20px}.record-recent{margin:10px 0 0;padding:0;list-style:none}.record-recent li{border-bottom:1px solid #3a3344;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:10px 0;font-size:12px;display:flex}.record-challenge{width:100%;min-height:48px}.record-error{color:#f5b7c6;gap:10px;font-size:13px;display:grid}:is(.record-board button:focus-visible,.record-board summary:focus-visible){outline-offset:3px;outline:3px solid #c7f66b}.record-board{gap:10px}.record-board h3{font-size:13px}.record-game-title{color:#e2f6b5}.record-columns,.record-list li{grid-template-columns:34px minmax(32px,1fr) max-content;align-items:center;gap:8px;display:grid}.record-columns{color:#a89eb5;border-bottom:1px solid #51445e;padding:6px 4px;font-size:10px}.record-columns>span:last-child{text-align:right}.record-list li,.record-list li.is-me{border-radius:0;min-height:34px;padding:6px 4px}.record-list strong{white-space:nowrap;text-overflow:ellipsis;overflow-wrap:normal;font-size:12px;overflow:hidden}.record-list li>span{font-size:11px}.record-list b{white-space:nowrap;font-variant-numeric:tabular-nums;grid-column:auto;font-size:12px;line-height:20px}.record-personal{gap:6px;display:grid}.record-games{border-top:1px solid #453b51;flex-wrap:wrap;gap:6px;padding-top:8px;display:flex}.record-games button{color:#c9c1d3;white-space:nowrap;background:#24202d;border:1px solid #51445e;border-radius:8px;flex:1;min-height:44px;padding:8px;font-size:12px;font-weight:700}.record-games button[aria-pressed=true]{color:#e2f6b5;background:#293621;border-color:#c7f66b}.record-best{border-radius:10px;gap:6px;padding:10px}.record-best>strong{font-size:14px}.record-recent li{flex-wrap:nowrap;padding:6px 0}.record-recent small{display:none}.record-board button:focus-visible{outline-offset:3px;outline:3px solid #c7f66b}@media (max-width:360px){.record-columns,.record-list li{grid-template-columns:28px minmax(24px,1fr) max-content;gap:5px}.record-list li>b{text-align:right;grid-column:auto;font-size:11px}}.record-result-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.record-result-heading h2{margin:0}.record-result-icon{color:#c7f66b;flex-shrink:0;width:44px;height:44px;padding:0}.record-goal{gap:5px;padding:8px 0;display:grid}.record-goal>span{color:#b9afc6;font-size:11px}.record-goal>strong{color:#d9f7aa;font-size:15px}.record-goal>p{color:#c6bdcf;margin:0;font-size:12px;line-height:1.7}