.archive{flex-direction:column;gap:1rem;display:flex}.archive-list{grid-template-columns:repeat(auto-fill,minmax(min(20rem,100%),1fr));gap:clamp(1rem,1.5vw,1.5rem);margin:0;padding:0;list-style:none;display:grid;position:relative}.archive-list-item{min-width:0;display:block}@supports (content-visibility:auto){.archive-list-item{content-visibility:auto;contain-intrinsic-size:auto 26rem}}.archive-card{height:100%;color:inherit;background:color-mix(in oklch, var(--color-surface-subtle) 38%, transparent);border:1px solid color-mix(in oklch, var(--color-text) 6%, transparent);transition:background-color .22s var(--ease-out), border-color .22s var(--ease-out), transform .22s var(--ease-out), box-shadow .22s var(--ease-out);isolation:isolate;border-radius:14px;flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}@media (hover:hover){.archive-card:hover{background:color-mix(in oklch, var(--color-surface-subtle) 58%, transparent);border-color:color-mix(in oklch, var(--color-text) 14%, transparent);box-shadow:0 6px 18px #00000052, 0 1px 0 color-mix(in oklch, var(--color-text) 8%, transparent) inset;transform:translateY(-3px)}}.archive-card:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:3px}.archive-card-art{aspect-ratio:16/9;background:var(--color-surface-raised);position:relative;overflow:hidden}.archive-card-art-image,.archive-card-art img,.archive-card-art .game-cover,.archive-card-art>span{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease-out);display:block}@media (hover:hover){.archive-card:hover .archive-card-art-image,.archive-card:hover .archive-card-art img,.archive-card:hover .archive-card-art .game-cover,.archive-card:hover .archive-card-art>span{transform:scale(1.04)}}.archive-card-art:after{content:"";background:linear-gradient(180deg, transparent 60%, color-mix(in oklch, var(--color-page) 26%, transparent) 100%);pointer-events:none;position:absolute;inset:0}.archive-card-art-badge{color:#fff;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);z-index:1;background:#000000b8;border:1px solid #ffffff1a;border-radius:4px;padding:.25rem .5rem;font-size:.55rem;font-weight:700;position:absolute;bottom:.55rem;right:.55rem}.archive-card-body{flex-direction:column;flex:1;gap:.55rem;min-width:0;padding:1rem 1.1rem 1.05rem;display:flex}.archive-card-game{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:color-mix(in oklch, var(--color-text) 62%, transparent);text-overflow:ellipsis;white-space:nowrap;font-size:.66rem;font-weight:600;overflow:hidden}.archive-card-title{font-family:var(--font-display);letter-spacing:-.018em;color:var(--color-text);-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;min-width:0;margin:0;font-size:1.075rem;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.archive-card-excerpt{color:color-mix(in oklch, var(--color-text) 70%, transparent);-webkit-line-clamp:3;line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;min-width:0;margin:0;font-size:.86rem;line-height:1.5;display:-webkit-box;overflow:hidden}.archive-card-enrichment{margin-top:.15rem}.archive-card-meta{font-family:var(--font-mono);letter-spacing:.02em;color:color-mix(in oklch, var(--color-text) 55%, transparent);font-variant-numeric:tabular-nums;align-items:center;gap:.45rem;min-width:0;margin-top:auto;padding-top:.5rem;font-size:.72rem;font-weight:500;display:flex}.archive-card-date{color:var(--color-text);font-weight:600}.archive-card-dot{color:color-mix(in oklch, var(--color-text) 30%, transparent)}.archive-card-source{color:color-mix(in oklch, var(--color-text) 80%, transparent);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.archive-card-cta{color:color-mix(in oklch, var(--color-text) 60%, transparent);transition:transform .2s var(--ease-out);flex-shrink:0;justify-content:center;align-items:center;margin-inline-start:auto;display:inline-flex}@media (hover:hover){.archive-card:hover .archive-card-cta{color:var(--color-text);transform:translate(2px)}}@media (prefers-reduced-motion:reduce){.archive-card,.archive-card-art-image,.archive-card-art img,.archive-card-art .game-cover,.archive-card-art>span,.archive-card-cta{transition:none}.archive-card:hover,.archive-card:hover .archive-card-art-image,.archive-card:hover .archive-card-art img,.archive-card:hover .archive-card-art .game-cover,.archive-card:hover .archive-card-art>span{transform:none}}.update-enrichment-meta{min-width:0;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-subtle);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:.65rem;font-weight:600;line-height:1.5;display:block}.update-enrichment-meta__item{color:inherit;background:0 0;border:0;margin:0;padding:0;display:inline}.update-enrichment-meta__item+.update-enrichment-meta__item:before{content:"·";color:color-mix(in oklch, var(--color-text-subtle) 65%, transparent);margin:0 .45em;font-weight:400}.update-enrichment-meta__item[data-tone=impact]{color:var(--color-text-muted)}.archive-empty{border-radius:var(--radius-md);border:1px dashed var(--color-divider-strong);background:var(--color-surface-subtle);text-align:center;flex-direction:column;align-items:center;gap:.4rem;padding:4rem 1.5rem;display:flex}.archive-empty-title{color:var(--color-text);margin:0;font-size:1rem;font-weight:600}.archive-empty-hint{font-size:var(--text-body-sm);color:var(--color-text-muted);margin:0}.archive-empty-reset{background:var(--color-link);color:#000;cursor:pointer;transition:transform .16s var(--ease-out);border:none;border-radius:999px;margin-top:1rem;padding:.5rem 1.25rem;font-size:.8125rem;font-weight:700}@media (hover:hover){.archive-empty-reset:hover{transform:translateY(-1px)}}.archive-load-more-wrap{justify-content:center;padding-top:1.5rem;display:flex;position:relative}.archive-load-more{border:1px solid var(--color-divider-strong);background:var(--color-surface-subtle);min-height:2.75rem;color:var(--color-text);font-family:var(--font-sans);cursor:pointer;transition:background-color .16s var(--ease-out), border-color .16s var(--ease-out), transform .16s var(--ease-out);border-radius:999px;padding:0 1.5rem;font-size:.875rem;font-weight:600}@media (hover:hover){.archive-load-more:hover:not(:disabled){transform:translateY(-1px)}}.archive-load-more:hover:not(:disabled){background:var(--color-hover-surface);border-color:var(--color-text-subtle)}.archive-load-more:disabled{cursor:progress;opacity:.7}.archive-autoload-sentinel{inset-inline:0;pointer-events:none;height:1px;position:absolute;bottom:0}