.games-overview-page{min-height:calc(100vh - 64px);background-color:var(--bg-primary);padding:clamp(1rem,3vw,1.5rem) 0 clamp(3rem,6vw,5rem)}.games-overview-container{max-width:1400px;margin:0 auto;padding:0 clamp(1rem,3vw,1.5rem)}.games-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:clamp(1rem,3vw,1.5rem);font-size:clamp(0.8rem,2vw,0.875rem)}.games-breadcrumb a{display:flex;align-items:center;color:var(--text-secondary);text-decoration:none;transition:color 0.2s ease}.games-breadcrumb a:hover{color:var(--accent)}.games-breadcrumb .breadcrumb-current{color:var(--text-primary);font-weight:500}.games-breadcrumb .breadcrumb-separator{color:var(--text-muted)}.games-breadcrumb svg{width:16px;height:16px}.games-page-header{padding-bottom:clamp(1rem,2vw,1.25rem);margin-bottom:clamp(1.25rem,2.5vw,1.5rem);border-bottom:2px solid var(--accent)}.games-page-header .page-title{display:flex;align-items:center;gap:clamp(0.75rem,2vw,1rem);font-size:clamp(1.625rem,3vw + 0.25rem,2.25rem);font-weight:700;color:var(--text-primary);margin:0 0 0.5rem 0;line-height:1.2}.games-page-header .page-title svg{width:clamp(24px,6vw,32px);height:clamp(24px,6vw,32px);color:var(--accent);flex-shrink:0}.games-page-header .page-subtitle{font-size:clamp(0.9375rem,1.5vw + 0.25rem,1.0625rem);color:var(--text-secondary);margin:0;line-height:1.6;max-width:700px}.games-toolbar{display:flex;align-items:center;justify-content:space-between;gap:clamp(1rem,2vw,1.5rem);padding:clamp(0.75rem,1.5vw,1rem) 0;margin-bottom:clamp(1.25rem,2.5vw,1.5rem);border-bottom:1px solid var(--border)}.games-search{flex:1;min-width:min(250px,100%);max-width:400px;position:relative}.games-search input{width:100%;padding:clamp(0.7rem,2vw,1rem) clamp(1rem,2vw,1rem) clamp(0.7rem,2vw,1rem) clamp(2.5rem,4vw,2.75rem);background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:clamp(0.875rem,2vw,0.9375rem);transition:border-color 0.2s ease,box-shadow 0.2s ease}.games-search input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),0.15)}.games-search input::placeholder{color:var(--text-muted)}.games-search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--text-muted);pointer-events:none}.games-sort-tabs{display:flex;gap:4px;background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:clamp(3px,1vw,5px)}.games-sort-tabs button{padding:clamp(0.5rem,2vw,0.75rem) clamp(1rem,3vw,1rem);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:clamp(0.8rem,2vw,0.875rem);font-weight:500;cursor:pointer;transition:all 0.2s ease;white-space:nowrap}.games-sort-tabs button:hover{color:var(--text-primary);background-color:var(--bg-hover)}.games-sort-tabs button.active{color:var(--bg-primary);background-color:var(--accent)}.games-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1rem,3vw,1.5rem);margin-bottom:clamp(1.5rem,4vw,2rem)}.game-card{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all 0.2s ease;display:flex;flex-direction:column}.game-card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:var(--shadow-lg)}.game-card__content{display:flex;gap:clamp(1rem,3vw,1.5rem);padding:clamp(1rem,2vw,1.5rem)}.game-card__image-wrapper{position:relative;flex-shrink:0;width:clamp(80px,15vw,100px);height:clamp(107px,20vw,133px);border-radius:var(--radius-md);overflow:hidden;background-color:var(--bg-tertiary)}.game-card__image{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.game-card:hover .game-card__image{transform:scale(1.05)}.game-card__year-badge{position:absolute;top:6px;left:6px;padding:2px 8px;background-color:var(--bg-secondary);border:1px solid var(--accent);border-radius:var(--radius-sm);font-size:0.75rem;font-weight:600;color:var(--text-primary)}.game-card__info{display:flex;flex-direction:column;flex:1;min-width:0}.game-card__title{font-size:clamp(0.875rem,2vw,1rem);font-weight:600;color:var(--text-primary);margin:0 0 0.5rem 0;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.game-card__rating{display:flex;align-items:center;gap:8px;margin-bottom:4px;cursor:help}.game-card__score{display:flex;align-items:center;justify-content:center;width:clamp(28px,5vw,32px);height:clamp(28px,5vw,32px);border-radius:50%;font-size:clamp(0.65rem,1.5vw,0.75rem);font-weight:700;color:#fff;flex-shrink:0}.game-card__score.score-green{background-color:var(--success)}.game-card__score.score-yellow{background-color:var(--warning)}.game-card__score.score-red{background-color:var(--error)}.game-card__rating-label{font-size:clamp(0.65rem,1.5vw,0.75rem);color:var(--text-secondary);line-height:1.3}.game-card__rating-label span{display:block;color:var(--text-muted);font-size:clamp(0.6rem,1.3vw,0.6875rem)}.game-card__twitch{display:flex;align-items:center;gap:clamp(4px,1vw,6px);margin-top:auto;padding-top:clamp(0.5rem,1vw,0.75rem);font-size:clamp(0.7rem,1.5vw,0.8125rem);color:var(--text-secondary)}.game-card__twitch svg{width:14px;height:14px;color:var(--twitch-purple,#9146ff)}.game-card__twitch-count{color:var(--text-primary);font-weight:500}.game-card__action{padding:clamp(0.75rem,2vw,1rem) clamp(1rem,2vw,1rem);border-top:1px solid var(--border);text-align:center}.game-card__action-link{color:var(--accent);font-size:clamp(0.8rem,2vw,0.875rem);font-weight:500;text-decoration:none;transition:color 0.2s ease}.game-card__action-link:hover{color:var(--accent-hover);text-decoration:underline}.games-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(3rem,10vw,5rem) clamp(1rem,3vw,1.5rem);gap:clamp(1rem,2vw,1.5rem)}.games-loading__spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 0.8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.games-loading__text{color:var(--text-secondary);font-size:clamp(0.875rem,2vw,0.9375rem)}.games-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(3rem,10vw,5rem) clamp(1rem,3vw,1.5rem);text-align:center;background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg)}.games-empty svg{width:clamp(48px,12vw,64px);height:clamp(48px,12vw,64px);color:var(--text-muted);margin-bottom:clamp(1rem,2vw,1.5rem)}.games-empty__title{font-size:clamp(1rem,4vw,1.25rem);font-weight:600;color:var(--text-primary);margin:0 0 0.5rem 0}.games-empty__text{color:var(--text-secondary);margin:0;max-width:400px;font-size:clamp(0.875rem,2vw,1rem)}.games-pagination{display:flex;align-items:center;justify-content:center;gap:clamp(4px,2vw,8px);padding:clamp(1rem,3vw,1.5rem) 0}.games-pagination button{display:flex;align-items:center;justify-content:center;min-width:clamp(36px,8vw,40px);height:clamp(36px,8vw,40px);padding:0 clamp(8px,2vw,12px);background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:clamp(0.8rem,2vw,0.875rem);font-weight:500;cursor:pointer;transition:all 0.2s ease}.games-pagination button:hover:not(:disabled){border-color:var(--accent);color:var(--text-primary)}.games-pagination button:disabled{opacity:0.5;cursor:not-allowed}.games-pagination button.active{background-color:var(--accent);border-color:var(--accent);color:var(--bg-primary)}.games-pagination__ellipsis{color:var(--text-muted);padding:0 4px}.games-pagination__nav{display:flex;align-items:center;gap:4px}.games-pagination__nav svg{width:16px;height:16px}.games-results-count{text-align:center;color:var(--text-secondary);font-size:clamp(0.8rem,2vw,0.875rem);margin-bottom:clamp(1rem,3vw,1.5rem)}.games-results-count strong{color:var(--text-primary)}@media (max-width:992px){.games-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.games-page-header{text-align:left}.games-page-header .page-title{font-size:1.25rem;font-weight:600;gap:0.5rem}.games-page-header .page-title svg{width:20px;height:20px}.games-page-header .page-subtitle{font-size:0.875rem}.games-toolbar{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:0.5rem;padding:0.5rem 0;margin-bottom:1rem;border-bottom:1px solid var(--border)}.games-sort-tabs{display:flex;gap:0.25rem;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-shrink:1;min-width:0;padding:2px}.games-sort-tabs::-webkit-scrollbar{display:none}.games-sort-tabs button{padding:0.375rem 0.625rem;font-size:0.75rem;white-space:nowrap;flex-shrink:0;flex:0 0 auto;min-height:44px;display:flex;align-items:center}.games-search{flex:0 0 auto;min-width:120px;max-width:150px}.games-search input{padding:0.375rem 0.5rem 0.375rem 2.25rem;font-size:0.875rem;min-height:44px}.games-search svg{left:10px;width:16px;height:16px}.games-grid{grid-template-columns:1fr}}.game-card--skeleton .game-card__image-wrapper,.game-card--skeleton .game-card__title,.game-card--skeleton .game-card__rating,.game-card--skeleton .game-card__twitch{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-hover) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--radius-sm)}.game-card--skeleton .game-card__title{height:20px;width:80%}.game-card--skeleton .game-card__rating{height:32px;width:60%}.game-card--skeleton .game-card__twitch{height:16px;width:50%}@keyframes skeleton-loading{0%{background-position:200% 0}100%{background-position:-200% 0}}