:root{--card-content-padding:0;--card-title-margin-bottom:2px;--card-desc-margin-bottom:2px;--card-brand-height:1em}.h-container{width:100%;max-width:var(--container-width) !important;margin:0 auto;padding:5px 0}.h-section-title{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:10px;padding-bottom:5px;border-bottom:2px solid #4a6bff;position:relative;display:flex;justify-content:space-between;align-items:center}.h-section-title span{flex-shrink:1}.h-filter-wrapper{display:flex;align-items:center;flex-shrink:0}.h-filter-wrapper:after{content:'≫';color:#4a6bff;margin-left:15px}.h-container .h-section-title .h-game-filter{background-color:#16213e;color:#fff;border:1px solid #4a6bff;border-radius:3px;padding:6px 10px;font-size:.9rem;width:var(--filter-width);margin-left:var(--filter-margin-left);-webkit-appearance:none;-moz-appearance:none;appearance:none}.h-container .h-section-title .h-game-filter option{background-color:#16213e;color:#fff}.h-grid{display:grid;gap:20px}.h-grid[data-cols="5"]{grid-template-columns:repeat(5,1fr)}.h-grid[data-cols="4"]{grid-template-columns:repeat(4,1fr)}.h-card{background:#16213e;border-radius:8px;overflow:hidden;text-decoration:none;color:#e6e6e6;border:1px solid #2d4059;transition:all .3s ease;display:flex;flex-direction:column;position:relative}.h-card:hover{transform:translateY(-5px);border-color:#4a6bff}.h-card-image{width:100%;aspect-ratio:1/1.2;object-fit:cover;display:block;background:#000}.h-card-content{padding:var(--card-content-padding);padding:4px;display:flex;flex-direction:column;justify-content:flex-start}.h-card-title{font-size:var(--card-title-size);font-size:18px;font-weight:600;color:#fff;text-align:center;margin:5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.h-card-description{font-size:var(--card-desc-size);font-size:14px;opacity:.9;text-align:center;color:#defcce;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.2em;padding-bottom:5px}.h-card-brand{font-size:var(--card-brand-size);font-size:14px;color:#02f036;text-align:center;background-color:#000;line-height:1.5em;flex-shrink:0;margin-top:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.h-card p{margin:0}.h-card.status-inactive .h-card-image,.h-card.status-inactive .h-card-content,.h-card.status-inactive .h-card-brand{filter:grayscale(100%);opacity:.6}.h-card.status-inactive{opacity:.9;pinter-events:none}.h-card-status-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:none;flex-direction:column;justify-content:center;align-content:center;text-align:center;padding:10px;z-index:2}.h-card.status-inactive .h-card-status-overlay{display:flex}.h-status-text{font-size:1.5rem;font-weight:700;text-transform:uppercase}.h-status-text.status-detected{color:#f51708 !important}.h-status-text.status-updating{color:#f1fc1c !important}.h-status-time{font-size:.9rem;color:#fff !important;margin-top:10px}@media (max-width:1400px){.h-container{max-width:90vw !important}.h-grid[data-cols="5"]{grid-template-columns:repeat(4,1fr)}}@media (max-width:992px){.h-container{max-width:90vw !important}.h-grid[data-cols="5"]{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.h-container{max-width:95vw !important}.h-grid[data-cols="5"]{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.h-grid{grid-template-columns:1fr}}