.archive-page{padding:var(--spacing-2xl) 0;min-height:60vh}.archive-header{text-align:center;margin-bottom:var(--spacing-2xl)}.archive-title{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-md)}.archive-description{max-width:600px;margin:0 auto var(--spacing-lg);color:var(--color-text-secondary)}.archive-filters{display:flex;gap:var(--spacing-lg);justify-content:center;flex-wrap:wrap;padding:var(--spacing-lg);background:var(--color-bg-secondary);border-radius:var(--radius-lg);max-width:600px;margin:0 auto}.filter-group{display:flex;align-items:center;gap:var(--spacing-sm)}.filter-group label{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.filter-group select{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-family:var(--font-family-primary);color:var(--color-text-primary);background-color:var(--color-bg-tertiary);border:1px solid var(--color-bg-tertiary);border-radius:var(--radius-md);cursor:pointer}.filter-group select:focus{outline:0;border-color:var(--color-accent-primary)}.archive-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg)}.archive-item{background:var(--color-bg-secondary);border-radius:var(--radius-lg);overflow:hidden;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.archive-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.archive-item-link{display:block;color:inherit;text-decoration:none}.item-thumbnail{position:relative;height:180px;overflow:hidden}.item-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-base)}.archive-item:hover .item-thumbnail img{transform:scale(1.05)}.item-thumbnail.placeholder{display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);color:var(--color-text-tertiary)}.premium-overlay{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:600;background:linear-gradient(135deg,var(--color-star),var(--color-warning));color:#000;border-radius:var(--radius-sm)}.item-content{padding:var(--spacing-lg)}.item-title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm);color:var(--color-text-primary)}.item-meta{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;margin-bottom:var(--spacing-sm)}.difficulty-badge,.play-count,.vote-count,.completion-count{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);color:var(--color-text-secondary)}.item-excerpt{font-size:var(--font-size-sm);color:var(--color-text-tertiary);line-height:1.5}.pagination{margin-top:var(--spacing-2xl);display:flex;justify-content:center}.pagination .nav-links{display:flex;gap:var(--spacing-sm)}.pagination a,.pagination span{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);color:var(--color-text-secondary);transition:all var(--transition-fast)}.pagination a:hover{background:var(--color-accent-primary);color:white}.pagination .current{background:var(--color-accent-primary);color:white}.no-posts{text-align:center;padding:var(--spacing-3xl) 0}.no-posts p{font-size:var(--font-size-lg);margin-bottom:var(--spacing-xl)}.btn{display:inline-block;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);font-weight:600;text-decoration:none;transition:all var(--transition-fast)}.btn-primary{background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));color:white}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow);color:white}@media(max-width:640px){.archive-filters{flex-direction:column;align-items:stretch}.filter-group{justify-content:space-between}.filter-group select{flex:1}}