.records-page{max-width:1800px;margin:auto;padding:30px 32px 40px;color:var(--text)}.main-tabs{display:flex;gap:8px;margin-left:auto;margin-right:22px}.main-tabs button{background:transparent;border:0;border-bottom:2px solid transparent;color:var(--muted);padding:12px 18px;font:inherit}.main-tabs button.selected{border-color:var(--accent);color:var(--text)}.records-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:14px}.records-eyebrow{color:#8196a8;font-size:10px;letter-spacing:2px}.records-heading h1{font-size:30px;letter-spacing:-.7px;font-weight:600;margin:10px 0 5px}.records-heading p{color:#8699ab;margin:0;font-size:12px}.records-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.record-live{color:var(--accent);font-size:11px;padding-right:8px}.record-notice:empty{display:none}.record-notice{padding:12px;border:1px solid var(--line);color:#b6cbdf;font-size:12px;border-radius:7px}.records-layout{display:grid;grid-template-columns:215px minmax(0,1fr);gap:24px;margin-top:26px}.record-filters{display:block;background:#101923;border:1px solid var(--line);border-radius:10px;padding:20px;align-self:start}.record-filter-title{display:flex;justify-content:space-between;align-items:center;font-size:13px}.record-filter-title button,.record-rules-filter button{background:none;border:0;color:var(--accent);font-size:11px;cursor:pointer}.record-filters fieldset{border:0;border-top:1px solid var(--line);padding:15px 0 0;margin:20px 0 0;min-width:0}.record-filters legend{color:#8c9fb0;font-size:10px;letter-spacing:1px;padding:0 8px 0 0}.record-filters input[type=date]{width:100%;font-size:12px;padding:8px;margin:0 0 7px;color-scheme:dark}.record-date-presets{display:grid;grid-template-columns:1fr 1fr;gap:5px}.record-date-presets button{background:#182634;border:1px solid #2c4052;color:#9fb5c8;padding:7px 2px;border-radius:5px;font-size:10px;cursor:pointer}.record-date-presets button.selected{color:var(--accent);border-color:#71954d;background:#203127}.record-check{display:flex;align-items:center;gap:8px;margin:0;padding:7px 0;font-size:11px;letter-spacing:0;color:#b3c5d4;cursor:pointer;line-height:1.5}.record-check input{accent-color:var(--accent);padding:0;width:13px;height:13px;flex-shrink:0}.record-map-filters{max-height:230px;overflow:auto}.record-filters select{font-size:11px;padding:9px}.record-rules-filter{color:var(--accent);font-size:11px;margin-top:16px;line-height:1.5}.records-content{min-width:0}.record-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:23px}.record-summary-card{background:linear-gradient(135deg,#172331,#111b26);border:1px solid #2b3b4b;border-radius:10px;padding:20px 22px;display:flex;flex-direction:column;gap:12px}.record-summary-card>span{font-size:10px;letter-spacing:1px;color:#9badbe}.record-summary-card strong{font-size:32px;letter-spacing:-1px;font-weight:500;font-variant-numeric:tabular-nums}.record-summary-card .summary-1{color:#b7e98b}.record-summary-card .summary-3{color:#94b8ee}.record-summary-card small{color:#72889b;font-size:10px}.record-list-panel{background:#101923;border:1px solid var(--line);border-radius:10px;overflow:hidden;min-height:390px}.record-list-toolbar{display:flex;justify-content:space-between;align-items:center;padding:16px 20px}.record-list-toolbar>strong{font-size:13px;font-weight:500}.record-list-toolbar small{color:#72899d;font-size:11px;margin-left:8px}.record-list-toolbar>div{display:flex;gap:6px}.record-list-toolbar select{font-size:11px;padding:6px 32px 6px 9px;width:auto}.record-list-toolbar button{padding:5px 10px}.record-table-scroll{overflow-x:auto}.record-table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}.record-table th{font-size:9px;letter-spacing:1px;color:#7890a6;font-weight:500;padding:12px 16px;background:#14202c;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.record-table td{padding:18px 16px;border-bottom:1px solid #233241;font-size:12px}.record-table tr:last-child td{border-bottom:0}.record-table tr:hover td{background:#15232f}.record-table th:first-child,.record-table td:first-child{width:35px;padding-right:0}.record-table input{accent-color:var(--accent);width:13px;height:13px}.record-class{display:flex;align-items:center;gap:12px}.class-emblem{display:flex;align-items:center;justify-content:center;width:40px;height:46px;border-radius:8px;font-size:14px;font-weight:700;flex-shrink:0;letter-spacing:-.6px;border:1px solid #536c7a;background:#243e47;color:#98d1e0}.shell-1{border-color:#79593c;background:#3d3027;color:#f3b884}.shell-2{border-color:#66507d;background:#2d2943;color:#c0a2f1}.shell-5{border-color:#477965;background:#233c34;color:#9dddba}.record-class b{font-size:12px;font-weight:500}.record-class small{display:block;margin-top:6px;font-size:10px}.result-label{color:#899eb0}.result-label span{color:#6e879d}.result-victory .result-label{color:#b7e98b}.result-defeat .result-label{color:#e99e9e}.result-active .result-label{color:#97bce9}.record-link{border:0;background:none;color:#d6e2ed;padding:0;font:inherit;text-align:left;cursor:pointer;max-width:250px;overflow:hidden;text-overflow:ellipsis;display:block}.record-link:hover{color:var(--accent)}.record-date{display:block;color:#71899d;font-size:10px;margin-top:7px}.record-equipment{display:flex;gap:5px;flex-direction:column;max-width:130px}.record-equipment span{background:#192a36;color:#9db6c9;border:1px solid #2a3e4e;font-size:9px;padding:3px 7px;border-radius:4px;overflow:hidden;text-overflow:ellipsis}.record-number{font-variant-numeric:tabular-nums}.record-number small{display:block;color:#8a9daf;font-size:10px;margin-top:6px}.record-muted{color:#7e94a8;font-size:11px}.record-table .secondary{padding:7px 9px;font-size:10px}.record-footnote{font-size:10px;line-height:1.7;color:#6f879b;margin-top:14px}.record-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:55px 25px 70px}.record-empty>span{color:#617b64;font-size:56px}.record-empty h2{font-size:18px;font-weight:500;color:#b9cad9;margin-top:18px}.record-empty p{font-size:12px;color:#7e95a9;line-height:1.8;max-width:410px}.record-detail-backdrop{position:fixed;inset:0;background:#03080dbb;backdrop-filter:blur(4px);z-index:40;display:flex;justify-content:flex-end}.record-detail{background:#111c27;box-shadow:-20px 0 100px #0008;width:min(930px,95vw);height:100%;padding:30px;overflow:auto;border-left:1px solid #3a4d60}.record-detail-header{display:flex;align-items:center;gap:17px}.record-detail-header>.class-emblem{width:56px;height:64px;font-size:21px}.record-detail-header h2{font-size:23px}.record-detail-header p{color:#7f96a9;font-size:11px;margin:10px 0 0}.record-detail-header>button{margin-left:auto;align-self:flex-start}.record-eyebrow{font-size:11px;color:var(--accent)}.record-detail-actions{display:flex;gap:8px;margin:25px 0;flex-wrap:wrap}.record-detail-actions button{font-size:11px}.records-page button:disabled{opacity:.4;cursor:default}.record-detail-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:8px;overflow:hidden;margin-bottom:28px}.record-detail-metrics>div{padding:16px;background:#14212d;display:flex;flex-direction:column;gap:10px}.record-detail-metrics span{color:#91a8bb;font-size:11px}.record-detail-metrics strong{font-size:25px;font-weight:500}.record-detail h3{font-size:14px;font-weight:500;margin:24px 0 13px}.record-loadout{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.record-loadout article{background:#162531;border:1px solid #2b4254;border-radius:7px;padding:13px}.record-loadout strong{font-size:12px;color:#cfe2ed}.record-loadout small{display:block;font-size:9px;color:#738ca0;margin:5px 0 13px}.record-loadout article div{display:flex;justify-content:space-between;gap:7px;font-size:10px;margin-top:6px;color:#95aec2}.record-loadout article b{color:#c8dc8b;font-weight:400}.record-parameter-groups{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 25px}.record-parameter-groups h3{font-size:12px;color:#9db4c8}.record-parameter-groups dl{margin:0}.record-parameter-groups dl>div{display:flex;justify-content:space-between;gap:15px;padding:9px 0;border-bottom:1px solid #243749;font-size:11px}.record-parameter-groups dt{color:#829eb5}.record-parameter-groups dd{margin:0;color:#d0dfeb;font-variant-numeric:tabular-nums}.record-seed{font-size:10px;color:#708a9f;display:flex;gap:10px;margin-top:20px}.record-detail details{border-top:1px solid var(--line);padding:15px 0}.record-detail summary{cursor:pointer;font-size:12px;color:#9ab1c4}@media(max-width:1100px){.records-page{padding:24px 20px}.records-layout{grid-template-columns:185px minmax(0,1fr);gap:16px}.record-filters{padding:15px}.record-summary{gap:8px}.record-summary-card{padding:15px}.record-summary-card strong{font-size:25px}.records-heading h1{font-size:25px}}@media(max-width:760px){.main-tabs{margin-right:5px;gap:0}.main-tabs button{padding:10px 8px;font-size:11px}.records-heading{align-items:flex-start;flex-direction:column;gap:15px}.records-layout{display:flex;flex-direction:column}.record-filters{display:flex;flex-wrap:wrap;gap:12px;padding:14px}.record-filter-title{width:100%}.record-filters fieldset{width:calc(50% - 6px);margin-top:8px}.record-summary{grid-template-columns:repeat(2,1fr)}.record-loadout{grid-template-columns:repeat(2,1fr)}.record-detail{padding:20px}.record-detail-header h2{font-size:18px}.record-parameter-groups{gap:8px 15px}}
.record-map-picker summary{display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer;padding:10px;border:1px solid #30485b;border-radius:6px;color:#c2d4e1;font-size:11px;background:#132330}.record-map-picker summary::-webkit-details-marker{display:none}.record-map-picker[open] summary{border-color:#88ae66}.record-map-menu{margin-top:8px}.record-map-menu input[type=search]{font-size:11px;padding:9px;width:100%}.record-map-tools{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:10px;color:#819aaf;margin:9px 0}.record-map-tools button{background:transparent;border:0;color:var(--accent);font-size:10px;cursor:pointer;padding:2px}.record-map-filters{max-height:210px;overscroll-behavior:contain;scrollbar-width:thin}.record-map-filters [hidden]{display:none}.record-map-empty{color:#809aaf;font-size:11px}.record-map-empty[hidden]{display:none}.record-map-selection{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.record-map-selection button{display:flex;justify-content:space-between;align-items:center;gap:8px;max-width:100%;background:#1b302b;color:#b6d69a;border:1px solid #38553d;border-radius:5px;font-size:10px;padding:5px 7px;cursor:pointer;text-align:left;overflow-wrap:anywhere}.record-map-selection>span{font-size:10px;color:#a2b4c6;padding:4px}
.record-room-timeline{display:flex;flex-wrap:wrap;gap:10px}.record-room-timeline>div{padding:9px 12px;border:1px solid #2c4052;border-radius:6px;background:#14212d;display:flex;gap:10px;font-size:11px}.record-room-timeline time{color:var(--accent);font-variant-numeric:tabular-nums}.record-room-timeline span{color:#a4bdcf}

.record-turrets{display:block;margin-top:7px;color:#c1d8a4;font-size:12px;font-variant-numeric:tabular-nums;letter-spacing:.4px}.record-gens{color:#b8d69d!important}

.record-detail .record-equipped{margin:0;padding:0;border:1px solid #2b4254;border-radius:8px;background:#162531;align-self:start;overflow:hidden}
.record-equipped>summary{display:flex;align-items:center;gap:12px;min-height:72px;padding:12px;list-style:none}
.record-equipped>summary::-webkit-details-marker{display:none}
.record-equipped>summary::after{content:"▾";margin-left:auto;color:#7f98ac;font-size:12px}
.record-equipped[open]>summary::after{content:"▴"}
.record-equipped>summary>span{min-width:0}
.record-equipped strong{display:block;font-size:12px;color:#d3e3ed;line-height:1.45}
.record-equipped small{display:block;margin-top:4px;color:#819aaf;font-size:10px}
.record-item-icon{flex:none;width:36px;height:36px;image-rendering:pixelated;overflow:hidden}
.record-icon-placeholder{display:grid;place-items:center;color:#7f98ac;font-size:24px}
.record-equipped-stats{padding:0 12px 12px;border-top:1px solid #294054}
.record-equipped-stats>small{margin:10px 0}
.record-equipped-stats>div{display:flex;justify-content:space-between;gap:10px;font-size:11px;line-height:1.5;margin-top:6px;color:#95aec2}
.record-equipped-stats b{color:#c8dc8b;font-weight:400}

.record-code-import,.record-share-result{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px;border:1px solid #344b5c;background:#14212b;border-radius:9px;margin:12px 0}
.record-code-import label,.record-share-result label{margin:0;font-size:12px;letter-spacing:0}
.record-code-import input,.record-share-result input{font-family:ui-monospace,monospace;font-size:15px;letter-spacing:1px;width:220px}
.record-share-result small{color:#8fa7bb;font-size:11px}

.record-loadout-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0 13px;flex-wrap:wrap}
.record-detail .record-loadout-heading h3{margin:0}
.record-loadout-heading>div{display:flex;gap:7px}
.record-loadout-heading button{font-size:10px;padding:7px 10px}

.record-view-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}
.record-view-tabs .selected{border-color:#8cb75d;color:var(--accent);background:#203127}
.record-share-compose{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:16px;border:1px solid #415b40;border-radius:9px;background:#14251f;margin:12px 0}
.record-share-compose label,.record-share-compose small{grid-column:1/-1;color:#a5bac8;font-size:11px;letter-spacing:0}
.record-share-compose input{width:100%;font-size:13px;min-width:0}
.record-share-compose>div{display:flex;gap:8px;align-items:center}
.record-shared-by{color:#b7d98e!important;overflow:hidden;text-overflow:ellipsis;max-width:180px}
@media(max-width:600px){.record-share-compose{grid-template-columns:1fr}.record-share-compose>div{flex-wrap:wrap}}

.record-comments{border-top:1px solid #30434d;margin-top:20px;padding-top:12px}.record-comments label{display:block;margin:10px 0}.record-comments input,.record-comments textarea{display:block;width:100%;box-sizing:border-box;margin-top:6px}.record-comment-list article{border-bottom:1px solid #283e49;padding:12px 0}.record-comment-list article>div{display:flex;justify-content:space-between;gap:12px}.record-comment-list time{font-size:.8em;color:#89a2b1}.record-comment-list p{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0}

/* A centered battle sheet keeps the screenshot-sized overview together. */
.record-detail-backdrop{align-items:center;justify-content:center;padding:24px;box-sizing:border-box}
.record-detail{width:min(1480px,100%);height:auto;max-height:calc(100dvh - 48px);padding:22px 26px;box-sizing:border-box;border:1px solid #415544;border-radius:10px;background:linear-gradient(145deg,#13232b,#0e1922 65%);box-shadow:0 24px 100px #000a;overscroll-behavior:contain;scrollbar-width:thin}
.record-detail-header{gap:14px}.record-detail-header h2{margin:4px 0;font-size:25px;line-height:1.2}.record-detail-header p{margin-top:6px}.record-detail-header>.class-emblem{width:48px;height:56px}.record-detail-header>.record-detail-size{margin-left:auto}.record-detail-header>button:last-child{margin-left:0}.record-detail-header>button{padding:7px 10px;align-self:flex-start}
.record-detail-actions{margin:14px 0 8px;gap:7px}.record-detail-actions button{padding:8px 12px}.record-detail>.record-muted{margin:6px 0 10px;font-size:10px;line-height:1.5}
.record-detail-metrics{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));margin:12px 0 16px;border-color:#314751}.record-detail-metrics>div{padding:10px 12px;gap:5px;min-width:0;background:#14242d}.record-detail-metrics span{font-size:10px;line-height:1.4}.record-detail-metrics strong{font-size:23px;line-height:1.25;font-variant-numeric:tabular-nums}.record-detail-metrics .record-duration{background:#203329}.record-duration strong{color:var(--accent)}
.record-loadout-heading{margin:14px 0 8px}.record-detail h3{font-size:13px;margin:14px 0 8px}.record-loadout{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.record-equipped>summary{min-height:60px;box-sizing:border-box;padding:9px;gap:8px}.record-equipped strong{font-size:11px}.record-equipped small{font-size:9px}.record-item-icon{width:30px;height:32px}
.record-parameter-groups{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px 20px}.record-parameter-groups h3{font-size:11px;margin:5px 0 6px}.record-parameter-groups dl>div{padding:5px 0;font-size:10px;gap:10px}.record-parameter-groups dt{line-height:1.35}.record-parameter-groups dd{flex-shrink:0}.record-speed-parameters{grid-column:1/-1}.record-detail .record-speed-parameters details{padding:7px 0}.record-speed-parameters dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 20px}.record-detail summary{font-size:11px}
.record-detail .record-extra{margin-top:8px;padding:10px 0 0}.record-extra>summary{color:#a6c18f}.record-detail-fullscreen{padding:0}.record-detail-fullscreen .record-detail{width:100vw;height:100dvh;max-height:100dvh;border-radius:0}.record-native-playback{max-width:640px;margin:60px auto;padding:24px;border:1px solid #3a5140;background:#14241e;color:#c5d7be;line-height:1.8}
@media(max-width:1100px){.record-loadout{grid-template-columns:repeat(3,minmax(0,1fr))}.record-parameter-groups{grid-template-columns:repeat(3,minmax(0,1fr))}.record-detail{padding:18px 20px}.record-detail-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.record-detail-backdrop{padding:0}.record-detail{width:100vw;height:100dvh;max-height:100dvh;border-radius:0;padding:16px}.record-detail-header h2{font-size:20px}.record-detail-header{gap:10px}.record-detail-header>div{min-width:0}.record-detail-header p{overflow-wrap:anywhere;line-height:1.5}.record-detail-size{display:none}.record-loadout{grid-template-columns:repeat(2,minmax(0,1fr))}.record-parameter-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px}.record-detail-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.record-speed-parameters dl{grid-template-columns:1fr}.record-detail-actions{gap:6px}.record-detail-actions button{font-size:10px;padding:8px}.record-seed{flex-wrap:wrap;overflow-wrap:anywhere}}
.record-share-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;margin:18px 0}.record-share-filters label{display:flex;flex-direction:column;gap:6px;margin:0;font-size:11px;letter-spacing:0;color:#98b0bd}.record-share-filters select{min-width:160px;max-width:300px;font-size:12px;padding:9px 30px 9px 10px}.record-share-filters input{width:110px;font-size:12px;padding:9px}.record-share-filters button{font-size:11px;padding:9px 12px}.record-share-filters>span{font-size:10px;color:#859eac;padding:10px 0}@media(max-width:700px){.record-share-filters label{flex:1;min-width:110px}.record-share-filters select,.record-share-filters input{width:100%;min-width:0;max-width:none}.record-share-filters>span{width:100%}}

.record-pagination{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px;padding:16px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.record-pagination label{display:flex;align-items:center;gap:6px;margin:0;font-size:12px}.record-pagination select{width:auto;padding:7px 28px 7px 10px}.record-pagination button{padding:8px 12px;font-size:12px}.record-delete{color:#e9a69e!important}.record-pagination button:disabled{opacity:.45;cursor:default}