.archive-stat-strip{grid-template-columns:repeat(4,1fr);gap:12px;margin:28px 0 36px;display:grid}.archive-stat{background:var(--color-surface-container);padding:18px 18px 18px 22px;position:relative}.archive-stat:before{content:"";background:var(--color-tertiary);width:3px;position:absolute;inset:0 auto 0 0}.archive-stat .label{font-family:var(--font-sans);letter-spacing:.18em;text-transform:uppercase;color:var(--color-muted);margin-bottom:8px;font-size:11px;display:block}.archive-stat .num{font-family:var(--font-display);color:var(--color-warm-white);font-synthesis:none;font-size:28px}.archive-stat .num .of{color:var(--color-muted-light);margin-left:4px;font-size:18px}.archive-section-header{align-items:center;gap:12px;margin:40px 0 18px;display:flex}.archive-section-header .label{font-family:var(--font-sans);letter-spacing:.18em;text-transform:uppercase;color:var(--color-muted);font-size:12px}.archive-section-header .rule{background:var(--color-outline-variant);flex:1;height:1px}.archive-section-header .count{font-family:var(--font-mono);letter-spacing:.12em;color:var(--color-muted-light);text-transform:uppercase;font-size:11px}.super-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;margin-top:12px;display:grid}.super-medal{cursor:default;flex-direction:column;align-items:center;display:flex}.medal-shell{aspect-ratio:1;width:100%;position:relative}.medal-shell svg{z-index:1;width:100%;height:100%;display:block;position:relative}.super-medal .meta{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-muted-light);text-align:center;margin-top:8px;font-size:10px}.super-medal .meta strong{color:var(--color-warm-white);font-weight:600}@keyframes haloRotate{to{transform:rotate(360deg)}}@keyframes haloPulse{0%,to{filter:drop-shadow(0 0 4px #ee9b0073)}50%{filter:drop-shadow(0 0 11px #ffebb4bf)}}.medal-shell.unlocked:before{content:"";pointer-events:none;background:conic-gradient(#7a38008c 0deg,#ca6702d9 40deg,#ee9b00 75deg,#ffebb4 95deg,#ee9b00 115deg,#ca6702d9 150deg,#7a38008c 200deg 360deg);border-radius:50%;animation:5s linear infinite haloRotate,2.6s ease-in-out infinite haloPulse;position:absolute;inset:0;-webkit-mask:radial-gradient(circle closest-side,#0000 82%,#000 85% 89%,#0000 92%);mask:radial-gradient(circle closest-side,#0000 82%,#000 85% 89%,#0000 92%)}@media (prefers-reduced-motion:reduce){.medal-shell.unlocked:before{animation:none}}.archive-toggle-row{gap:8px;margin-bottom:12px;display:flex}.archive-toggle{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--color-warm-white);border:1px solid var(--color-outline-variant);cursor:pointer;background:0 0;min-height:36px;padding:8px 14px;font-size:11px}.archive-toggle.active{background:var(--color-tertiary);color:var(--color-on-primary);border-color:var(--color-tertiary)}.archive-sort-strip{background:var(--color-surface-container-low);border-left:3px solid var(--color-secondary);flex-wrap:wrap;align-items:center;gap:14px;margin:16px 0 18px;padding:12px 14px;display:flex}.archive-sort-strip .lbl{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--color-muted-light);font-size:10px}.archive-sort-strip .opt{font-family:var(--font-sans);letter-spacing:.15em;text-transform:uppercase;color:var(--color-muted);cursor:pointer;background:0 0;border:none;min-height:32px;padding:4px 8px;font-size:12px}.archive-sort-strip .opt:hover{color:var(--color-warm-white)}.archive-sort-strip .opt.active{color:var(--color-warm-white);border-bottom:1px solid var(--color-tertiary);padding-bottom:2px}.patch-wall{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:14px;display:grid}.patch-wrap{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:6px;padding:0;font-family:inherit;display:flex}.patch-frame{width:100%;max-width:110px;position:relative}.patch-frame svg{width:100%;height:auto;display:block}.patch-wrap .meta{font-family:var(--font-mono);letter-spacing:.1em;color:var(--color-muted-light);text-align:center;font-size:9px}.patch-wrap .meta strong{color:var(--color-warm-white);font-weight:600}.patch-wrap .meta strong.next{color:var(--color-tertiary-gold)}.stamp-overlay{color:#bb3e03;font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;text-align:center;pointer-events:none;text-shadow:0 0 1px #bb3e0366;z-index:2;background:#1412108c;border:1.4px solid #bb3e03e6;padding:2px 6px 1px;font-size:7.5px;font-weight:700;line-height:1.2;position:absolute;top:-12%;right:-6%;transform:rotate(-12deg)}.patch-large .stamp-overlay{border-width:1.8px;padding:3px 9px 2px;font-size:10px;top:-10%;right:-3%}.patch-large .patch-frame{max-width:none}.patch-large .patch-frame svg{max-width:200px}.archive-preview-row{grid-template-columns:repeat(3,1fr);gap:16px;margin:14px 0 6px;display:grid}.archive-preview-row-label{font-family:var(--font-sans);letter-spacing:.18em;text-transform:uppercase;color:var(--color-muted);margin:18px 0 8px;font-size:10px}.archive-preview-medal-row{gap:16px;margin-bottom:6px;display:grid}.archive-preview-patch-row{gap:14px;margin-bottom:6px;display:grid}.archive-preview-stats{grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0 18px;display:grid}.archive-preview-stat{background:var(--color-surface-container);border-left:2px solid var(--color-tertiary);padding:12px 14px}.archive-preview-stat .label{font-family:var(--font-sans);letter-spacing:.18em;text-transform:uppercase;color:var(--color-muted);margin-bottom:6px;font-size:10px;display:block}.archive-preview-stat .num{font-family:var(--font-display);color:var(--color-warm-white);font-synthesis:none;font-size:18px}.archive-preview-stat .num .of{color:var(--color-muted-light);margin-left:3px;font-size:13px}.archive-eyebrow{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--color-muted);font-size:11px}.archive-view-all{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--color-tertiary-gold);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;min-height:36px;padding:8px 0;font-size:11px;display:inline-flex}.archive-view-all:hover{color:var(--color-warm-white)}.archive-empty{text-align:center;color:var(--color-muted);font-family:var(--font-sans);max-width:480px;margin:0 auto;padding:32px 16px;font-size:13px;line-height:1.55}