.sf-archive{flex-direction:column;gap:16px;width:100%;max-width:100%;padding:16px 64px 64px;display:flex}.sf-archive .col{flex-direction:column;display:flex}.sf-archive .row{flex-direction:row;display:flex}.sf-archive .box{border:1px solid var(--box-border);background:var(--box-background);border-radius:12px;gap:8px;width:100%;padding:8px}.sf-archive .archive-stats{grid-template-columns:repeat(6,1fr);gap:12px;width:100%;margin-top:16px;display:grid}.sf-archive .archive-stats .stat{background:color-mix(in srgb, var(--box-border) 22%, transparent);border:1px solid var(--box-border);border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:16px 12px;display:flex}.sf-archive .archive-stats .stat-value{color:var(--text-primary);font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:20px;font-weight:800}.sf-archive .archive-stats .stat-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);font-size:10px;font-weight:700}@media (width<=900px){.sf-archive .archive-stats{grid-template-columns:repeat(3,1fr)}}@media (width<=640px){.sf-archive .archive-stats{grid-template-columns:repeat(2,1fr)}}.sf-archive .search-hero h1{color:var(--text-primary);margin:0;padding:16px 16px 4px;font-size:28px;font-weight:800}.sf-archive .search-hero p{color:var(--text-secondary);margin:0;padding:0 16px 8px;font-size:14px}.sf-archive .search-form{gap:8px;padding:8px 16px 16px;display:flex}.sf-archive .search-field-wrap{flex:1;position:relative}.sf-archive .search-field-wrap input{background:color-mix(in srgb, var(--box-border) 25%, transparent);border:1px solid var(--box-border);width:100%;color:var(--text-primary);border-radius:10px;outline:none;padding:12px 16px 12px 44px;font-family:inherit;font-size:14px}.sf-archive .search-field-wrap input:focus{border-color:var(--brand-primary)}.sf-archive .search-btn{background:var(--brand-primary);color:#fff;border:1px solid var(--brand-primary);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;border-radius:10px;padding:12px 18px;font-family:inherit;font-size:12px;font-weight:700}.sf-archive .search-btn:disabled{opacity:.5;cursor:not-allowed}.sf-archive .search-error{background:color-mix(in srgb, var(--data-cheater) 12%, transparent);border:1px solid color-mix(in srgb, var(--data-cheater) 35%, transparent);color:var(--data-cheater);border-radius:8px;margin:0 16px 16px;padding:10px 14px;font-size:13px}.sf-archive .recent-section{padding:20px 24px}.sf-archive .recent-header{margin-bottom:16px}.sf-archive .recent-header h2{color:var(--text-primary);align-items:center;gap:10px;margin:0;font-size:18px;font-weight:700;display:flex}.sf-archive .recent-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;display:grid}.sf-archive .recent-card{background:color-mix(in srgb, var(--box-border) 18%, transparent);border:1px solid var(--box-border);color:inherit;border-radius:10px;align-items:center;gap:12px;padding:10px 14px;text-decoration:none;transition:all .125s;display:flex}.sf-archive .recent-card:hover{background:color-mix(in srgb, var(--box-border) 40%, transparent);border-color:var(--text-tertiary)}.sf-archive .recent-card img{background:#0e0e0e;border-radius:50%;flex-shrink:0;width:36px;height:36px}.sf-archive .recent-info{flex-direction:column;gap:2px;min-width:0;display:flex}.sf-archive .recent-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.sf-archive .recent-time{color:var(--text-tertiary);font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:11px}.sf-archive .page-header{flex-direction:column;gap:4px;padding:20px 24px;display:flex}.sf-archive .page-header .back{letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);align-items:center;gap:6px;width:fit-content;margin-bottom:6px;font-size:11px;font-weight:600;text-decoration:none;display:inline-flex}.sf-archive .page-header .back:hover{color:var(--brand-primary)}.sf-archive .page-header h1{color:var(--text-primary);align-items:center;gap:12px;margin:0;font-size:28px;font-weight:700;display:flex}.sf-archive .page-header .count{color:var(--text-secondary);font-size:14px;font-weight:400}.sf-archive .page-header .subtitle{color:var(--text-secondary);margin-top:2px;font-size:13px}.sf-archive .list-box{padding:20px 24px}.sf-archive .names-list{flex-direction:column;gap:4px;display:flex}.sf-archive .names-list .name-entry{border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;transition:background .125s;display:flex}.sf-archive .names-list .name-entry:hover{background:color-mix(in srgb, var(--box-border) 40%, transparent);border-color:var(--box-border)}.sf-archive .names-list .name-entry .name{color:var(--text-primary);font-size:14px}.sf-archive .names-list .name-entry .date{color:var(--text-secondary);font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:12px}.sf-archive .avatar-grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:12px;display:grid}.sf-archive .avatar-grid .item{flex-direction:column;align-items:center;gap:8px;display:flex}.sf-archive .avatar-grid .item img{aspect-ratio:1;border:1px solid var(--box-border);object-fit:cover;background:#0e0e0e;border-radius:10px;width:100%}.sf-archive .avatar-grid .item .ts{color:var(--text-tertiary);font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:11px}.sf-archive .comments-full{flex-direction:column;gap:10px;display:flex}.sf-archive .comments-full .entry{background:color-mix(in srgb, var(--box-border) 18%, transparent);border:1px solid var(--box-border);border-radius:10px;gap:12px;padding:14px;display:flex}.sf-archive .comments-full .entry img{background:#0e0e0e;border-radius:8px;flex-shrink:0;width:44px;height:44px}.sf-archive .comments-full .content{flex:1;min-width:0}.sf-archive .comments-full .head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.sf-archive .comments-full .user-row{align-items:center;gap:8px;display:flex}.sf-archive .comments-full .username{color:var(--text-primary);font-size:14px;font-weight:600;text-decoration:none}.sf-archive .comments-full .username:hover{color:var(--brand-primary);text-decoration:underline}.sf-archive .comments-full .date{color:var(--text-secondary);font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:11px}.sf-archive .comments-full .text{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.5}.sf-archive .friends-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;display:grid}.sf-archive .friends-grid .friend{background:color-mix(in srgb, var(--box-border) 18%, transparent);border:1px solid var(--box-border);border-radius:10px;align-items:center;gap:12px;padding:12px;text-decoration:none;transition:all .125s;display:flex}.sf-archive .friends-grid .friend:hover{background:color-mix(in srgb, var(--box-border) 40%, transparent);border-color:var(--text-tertiary)}.sf-archive .friends-grid .friend img{background:#0e0e0e;border-radius:8px;flex-shrink:0;width:44px;height:44px}.sf-archive .friends-grid .info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.sf-archive .friends-grid .name-row{align-items:center;gap:8px;display:flex}.sf-archive .friends-grid .name{color:var(--text-primary);font-size:14px;font-weight:600}.sf-archive .friends-grid .since{color:var(--text-secondary);font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:11px}.sf-archive .status-label{text-transform:uppercase;letter-spacing:.3px;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:700}.sf-archive .status-label.cheater{color:var(--data-cheater);background:color-mix(in srgb, var(--data-cheater) 15%, transparent)}.sf-archive .pagination{border-top:1px solid var(--box-border);justify-content:center;align-items:center;gap:12px;margin-top:16px;padding:20px 8px 8px;display:flex}.sf-archive .pagination button{border:1px solid var(--box-border);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;background:0 0;border-radius:8px;padding:8px 16px;font-family:inherit;font-size:12px;font-weight:600;transition:all .125s}.sf-archive .pagination button:hover:not(:disabled){background:var(--box-border);color:var(--text-primary)}.sf-archive .pagination button:disabled{opacity:.4;cursor:not-allowed}.sf-archive .pagination .page-indicator{color:var(--text-secondary);font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:13px}.sf-archive .search-results{flex-direction:column;gap:12px;padding:20px 24px;display:flex}.sf-archive .search-hero{background:radial-gradient(circle at 30% 0%, color-mix(in srgb, var(--brand-primary) 14%, transparent), transparent 55%), var(--box-background);padding:28px 32px 20px}.sf-archive .search-hero h1{letter-spacing:-.01em;color:var(--text-primary);margin:0 0 6px;font-size:32px;font-weight:800}.sf-archive .search-hero p{color:var(--text-secondary);margin:0;font-size:14px}.sf-archive .result-table{border:1px solid var(--box-border);border-radius:10px;overflow:hidden}.sf-archive .result-table .head{background:color-mix(in srgb, var(--box-border) 40%, transparent);border-bottom:1px solid var(--box-border);text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);grid-template-columns:52px 1fr 260px 140px;gap:16px;padding:12px 20px;font-size:10px;font-weight:700;display:grid}.sf-archive .result-table .entry{border-bottom:1px solid color-mix(in srgb, var(--box-border) 55%, transparent);grid-template-columns:52px 1fr 260px 140px;align-items:center;gap:16px;padding:14px 20px;text-decoration:none;transition:background .125s;display:grid}.sf-archive .result-table .entry:last-child{border-bottom:0}.sf-archive .result-table .entry:hover{background:color-mix(in srgb, var(--box-border) 35%, transparent)}.sf-archive .result-table .entry img{background:#0e0e0e;border-radius:8px;width:40px;height:40px}.sf-archive .result-table .alias{color:var(--text-primary);align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.sf-archive .result-table .steamid{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:12px;overflow:hidden}.sf-archive .result-table .date{color:var(--text-tertiary);text-align:right;font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:12px}.sf-archive .result-table .empty{text-align:center;color:var(--text-tertiary);padding:40px 20px;font-size:13px}@media (width<=768px){.sf-archive{padding:16px 16px 48px}.sf-archive .result-table .head,.sf-archive .result-table .entry{grid-template-columns:52px 1fr}.sf-archive .result-table .col-steamid,.sf-archive .result-table .col-date{display:none}}