.archive-page{justify-content:center;display:flex}.archive-shell{gap:18px;width:min(1120px,100%);display:grid}.archive-header-row{grid-template-columns:auto 1fr auto;align-items:center;gap:18px;display:grid}.archive-header-row:after{content:"";width:148px}.archive-title-block{text-align:center}.archive-title-block h1,.archive-status-bar h2{color:var(--on-surface);font-family:var(--heading-font);margin:0}.archive-title-block h1{font-size:clamp(2.4rem,6vw,3.7rem);line-height:.95}.archive-nav-button{min-width:148px}.archive-status-bar{border:1px solid color-mix(in srgb, var(--primary) 12%, transparent);border-radius:var(--radius-panel);justify-content:space-between;align-items:center;gap:18px;padding:22px 24px;display:flex}.archive-status-bar h2{font-size:1.45rem}.archive-status-copy{gap:6px;display:grid}.archive-mode-toggle{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--white) 4%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--white) 4%, transparent);flex-wrap:wrap;align-items:center;gap:8px;padding:6px;display:inline-flex}.archive-mode-link{border-radius:var(--radius-pill);color:var(--on-surface-variant);letter-spacing:.04em;text-transform:uppercase;text-align:center;background:0 0;border:0;padding:10px 16px;font-size:.9rem;font-weight:800;transition:background .16s,color .16s}.archive-mode-link.is-active{color:var(--surface-base);background:var(--primary)}@media (width<=760px){.archive-header-row{grid-template-columns:1fr}.archive-header-row:after{display:none}.archive-title-block{order:-1}.archive-status-bar{flex-direction:column;align-items:stretch}.archive-mode-toggle{justify-content:stretch;width:100%}.archive-mode-link{flex:130px}}.archive-grid-shell{border:1px solid color-mix(in srgb, var(--primary) 12%, transparent);border-radius:var(--radius-panel);background:linear-gradient(145deg, color-mix(in srgb, var(--surface-container) 80%, transparent), color-mix(in srgb, var(--surface-elevated) 76%, transparent));box-shadow:0 18px 70px color-mix(in srgb, var(--black) 28%, transparent);padding:14px}.archive-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;display:grid}.archive-tile{aspect-ratio:1.48;border:1px solid color-mix(in srgb, var(--white) 4%, transparent);border-radius:var(--radius-soft);color:var(--on-surface);text-align:center;place-items:center;transition:transform .16s,border-color .16s,filter .16s,background .16s;display:grid;position:relative}.archive-tile.is-pending{background:color-mix(in srgb, var(--surface-slate) 90%, transparent)}.archive-tile.is-completed{border-color:color-mix(in srgb, var(--status-success) 36%, transparent);background:linear-gradient(145deg, color-mix(in srgb, var(--status-success) 60%, var(--surface-container-lowest)), color-mix(in srgb, var(--status-success) 48%, var(--surface-container-lowest)))}.archive-tile.is-given-up{border-color:color-mix(in srgb, var(--status-danger) 34%, transparent);background:linear-gradient(145deg, var(--status-danger-strong), var(--status-danger-deep))}.archive-tile.is-hinted-win{border-color:color-mix(in srgb, var(--status-warning) 65%, transparent);background:linear-gradient(145deg, color-mix(in srgb, var(--status-warning) 84%, var(--surface-container-lowest)), color-mix(in srgb, var(--status-warning) 70%, var(--surface-container-lowest)));color:var(--surface-container-lowest)}.archive-tile:hover:not(:disabled){border-color:color-mix(in srgb, var(--primary) 34%, transparent);filter:brightness(1.05);transform:translateY(-2px)}.archive-tile:disabled{cursor:not-allowed}.archive-tile.is-locked:after{content:"";border-radius:inherit;background:linear-gradient(180deg, color-mix(in srgb, var(--black) 8%, transparent), color-mix(in srgb, var(--black) 34%, transparent));position:absolute;inset:0}.archive-tile-lock{z-index:3;border:1px solid color-mix(in srgb, var(--primary) 28%, transparent);background:var(--surface-container-lowest);width:64px;height:64px;color:var(--primary);box-shadow:0 10px 24px color-mix(in srgb, var(--black) 24%, transparent);border-radius:999px;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.archive-tile-lock img{width:34px;height:34px}.archive-tile-number{z-index:1;color:inherit;font-family:var(--body-font);font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:clamp(1.55rem,2.2vw,2.05rem);font-weight:900;position:relative}@media (width<=1020px){.archive-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=760px){.archive-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=520px){.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}