.newgames-layout .container{max-width:1600px}.newgames-split{grid-template-columns:minmax(180px,25%) minmax(0,1fr);align-items:start;gap:28px;display:grid}.newgames-sidebar{border:1px solid var(--border-color);background-color:var(--light-bg);border-radius:2px;align-self:start;max-height:calc(100dvh - 32px);padding:16px;position:sticky;top:16px;overflow-y:auto}[data-theme=dark] .newgames-sidebar{background-color:var(--dark-bg)}.newgames-sidebar .filter-container{gap:14px;margin-bottom:0}.newgames-sidebar .filter-group{border-top:none;padding-top:0}.newgames-sidebar .search-bar+.filter-group,.newgames-sidebar .filter-group+.filter-group{border-top:1px solid var(--border-color);padding-top:12px}.newgames-sidebar .filter-chips-row{gap:6px}.newgames-sidebar .filter-chip{padding:5px 11px;font-size:.75rem}.newgames-sidebar .search-bar{flex:none;width:100%;min-width:0;max-width:none}.newgames-sidebar .search-bar input{padding:9px 12px 9px 36px;font-size:.9rem}.newgames-sidebar .search-bar .search-icon{width:.85rem;height:.85rem;left:12px}.newgames-main{flex-direction:column;gap:24px;min-width:0;display:flex}.ng-hero{border:1px solid var(--border-color);border-radius:2px;height:300px;position:relative;overflow:hidden}.ng-hero-link{width:100%;height:100%;color:inherit;cursor:pointer;text-decoration:none;display:block;position:relative}.ng-hero-bg{background-position:50%;background-size:cover;transition:transform .45s;position:absolute;inset:0;transform:scale(1.04)}.ng-hero-link:hover .ng-hero-bg{transform:scale(1.07)}.ng-hero-bg:after{content:"";background:linear-gradient(90deg,#125f31eb 0%,#125f318c 42%,#0000 72%),linear-gradient(#0000 60%,#00000073);position:absolute;inset:0}.ng-hero-body{z-index:2;color:#fff;flex-direction:column;justify-content:center;max-width:380px;height:100%;padding:32px 40px;display:flex;position:relative}.ng-hero-body h3{color:#fff;text-shadow:0 1px 3px #00000040;margin:0 0 10px;font-size:2rem;line-height:1.15}.ng-hero-body p{color:#ffffffeb;text-shadow:0 1px 2px #0003;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.95rem;line-height:1.45;display:-webkit-box;overflow:hidden}.ng-hero-pager{z-index:3;flex-direction:column;align-items:stretch;gap:7px;width:62px;display:flex;position:absolute;bottom:14px;right:16px}.ng-hero-pager-btns{justify-content:center;gap:6px;display:flex}.ng-hero-pager-btns button{color:#fff;cursor:pointer;width:28px;height:28px;transition:var(--transition);background:#0000004d;border:1px solid #fff6;border-radius:2px;justify-content:center;align-items:center;font-size:.85rem;line-height:1;display:flex}.ng-hero-pager-btns button:hover{background:var(--secondary-color);color:#1a1a1a;border-color:var(--secondary-color)}.ng-hero-progress{--ng-hero-autoplay:5s;align-items:center;gap:3px;min-height:14px;display:flex}.ng-hero-progress[hidden]{display:none}.ng-hero-progress-seg{cursor:pointer;background:0 0;border:none;border-radius:1px;flex:1;height:14px;margin:0;padding:0;position:relative}.ng-hero-progress-seg:after{content:"";background:#ffffff59;border-radius:1px;height:6px;transition:background-color .2s;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.ng-hero-progress-seg:hover:after{background:#ffffff8c}.ng-hero-progress-seg:focus-visible{outline:2px solid var(--secondary-color);outline-offset:2px}.ng-hero-progress-fill{z-index:1;transform-origin:0;background:var(--secondary-color);pointer-events:none;border-radius:1px;width:100%;height:6px;position:absolute;top:50%;left:0;transform:translateY(-50%)scaleX(0)}.ng-hero-progress-seg.is-active .ng-hero-progress-fill.is-animating{animation:ng-hero-fill var(--ng-hero-autoplay) linear forwards}@keyframes ng-hero-fill{0%{transform:translateY(-50%)scaleX(0)}to{transform:translateY(-50%)scaleX(1)}}[data-theme=dark] .ng-hero-progress-seg:after{background:#ffffff38}[data-theme=dark] .ng-hero-progress-seg:hover:after{background:#fff6}[data-theme=dark] .ng-hero-progress-fill{background:var(--secondary-color)}@media (prefers-reduced-motion:reduce){.ng-hero-progress-seg.is-active .ng-hero-progress-fill.is-animating{animation:none;transform:translateY(-50%)scaleX(1)}}.newgames-main .games-grid,.newgames-main .games-grid--max{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.newgames-main .game-card--max{cursor:default;border:none;gap:8px;overflow:visible}.newgames-main .game-card--max:hover{border:none}.newgames-main .game-card--max .game-card-image{aspect-ratio:16/9;outline:1px solid var(--border-color);outline-offset:-1px;cursor:pointer;border-radius:2px;flex-shrink:0;width:100%;transition:outline-color .2s}.newgames-main .game-card--max:hover .game-card-image{outline-color:var(--primary-color)}.newgames-main .game-card--max .game-card-image:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.newgames-main .game-card--max h4,.newgames-main .game-card--max .game-card-title{color:var(--text-color);text-align:center;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:0 0;border:none;width:100%;margin:0;padding:0 2px;font-family:inherit;font-size:1.1rem;font-weight:600;line-height:1.2;overflow:hidden}.newgames-main .game-card--max:hover h4,.newgames-main .game-card--max:hover .game-card-title,.newgames-main .game-card--max .game-card-title:hover,.newgames-main .game-card--max .game-card-title:focus-visible{color:var(--primary-color)}.newgames-main .game-card--max .game-card-title:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.game-detail-modal[hidden]{display:none}.game-detail-modal{z-index:600;-webkit-backdrop-filter:blur(12px);background:#0000008c;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.game-detail-dialog{border:1px solid var(--border-color);background:var(--light-bg);border-radius:2px;flex-direction:column;width:min(780px,100%);max-height:88vh;padding:clamp(14px,2.5vw,22px);display:flex;position:relative;overflow:auto;box-shadow:0 24px 70px #00000059}[data-theme=dark] .game-detail-dialog{background:var(--dark-bg)}.game-detail-close{z-index:1;width:36px;height:36px;color:var(--text-color);cursor:pointer;transition:var(--transition);background:#ffffffd9;border:1px solid #0000;border-radius:2px;justify-content:center;align-items:center;padding:0;font-size:1.25rem;display:inline-flex;position:absolute;top:8px;right:8px}[data-theme=dark] .game-detail-close{background:#141414d9}.game-detail-close:hover,.game-detail-close:focus-visible{color:var(--primary-color);border-color:var(--border-color);outline:none}.game-detail-body{flex-direction:column;gap:12px;min-width:0;display:flex}.game-detail-image-btn{border:1px solid var(--border-color);cursor:pointer;aspect-ratio:16/9;background:#eee;border-radius:2px;flex-shrink:0;width:100%;margin:0;padding:0;display:block;position:relative;overflow:hidden}.game-detail-image-btn:hover,.game-detail-image-btn:focus-visible{border-color:var(--primary-color);outline:none}.game-detail-image{object-fit:cover;object-position:center;width:100%;height:100%;display:block;position:absolute;inset:0}[data-theme=dark] .game-detail-image-btn{background:#111}.game-detail-title{text-align:center;color:var(--text-color);margin:0;padding:0 2px;font-size:clamp(1.15rem,2.2vw,1.45rem);font-weight:600;line-height:1.2}[data-theme=dark] .game-detail-title{color:var(--light-text,#e0e0e0)}.game-detail-chips{border-block:1px solid var(--border-color);flex-shrink:0;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:0;padding-block:12px;display:grid}.game-detail-chip-column{min-width:0;padding-inline:10px}.game-detail-chip-column+.game-detail-chip-column{border-left:1px solid var(--border-color)}.game-detail-chip-column .game-card-badge-label{margin-bottom:6px}.game-detail-chip-column .chip-row{justify-content:center;gap:5px}.game-detail-chip-column .chip{font-size:.65rem}.game-detail-chips .chip-grade{border:1.5px solid var(--border-color);background-color:var(--light-bg);color:var(--text-color);cursor:default}[data-theme=dark] .game-detail-chips .chip-grade{background-color:var(--dark-bg)}.game-detail-description{min-height:0}.game-detail-description p{color:var(--text-color);text-align:center;margin:0;font-size:.95rem;line-height:1.45}.game-detail-play{background:var(--primary-color);color:#fff;cursor:pointer;transition:var(--transition);border:none;border-radius:2px;flex-shrink:0;align-self:stretch;padding:12px 18px;font-family:inherit;font-size:1rem;font-weight:700}.game-detail-play:hover,.game-detail-play:focus-visible{background:#0e4a26;outline:none}[data-theme=dark] .game-detail-play:hover,[data-theme=dark] .game-detail-play:focus-visible{background:#1a7a42}@media (width<=768px){.game-detail-modal,.game-detail-dialog{padding:12px}.game-detail-body{gap:10px}.game-detail-chips{grid-template-columns:repeat(3,minmax(0,1fr));padding-block:10px}.game-detail-chip-column{padding-inline:8px}}@media (width<=480px){.game-detail-modal,.game-detail-dialog{padding:10px}}@media (width<=1100px){.newgames-split{grid-template-columns:minmax(160px,22%) minmax(0,1fr);gap:20px}.ng-hero{height:260px}.ng-hero-body{max-width:320px;padding:24px 32px}.ng-hero-body h3{font-size:1.65rem}}@media (height<=800px){.newgames-sidebar{max-height:calc(100dvh - 20px);padding:12px;top:10px}.newgames-sidebar .filter-container{gap:10px}.newgames-main{gap:16px}.ng-hero{height:220px}.ng-hero-body h3{font-size:1.5rem}.newgames-layout.games-section{padding:24px 0 40px}}@media (width<=768px){.newgames-split{grid-template-columns:1fr;gap:20px}.newgames-sidebar{max-height:none;position:static;overflow:visible}.ng-hero{height:240px}.ng-hero-body{max-width:100%;padding:24px 28px}.ng-hero-body h3{font-size:1.45rem}.newgames-main .games-grid,.newgames-main .games-grid--max{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}@media (width<=480px){.ng-hero{height:210px}.ng-hero-body{padding:20px}.ng-hero-body h3{font-size:1.3rem}.ng-hero-body p{-webkit-line-clamp:2}.newgames-main .games-grid,.newgames-main .games-grid--max{grid-template-columns:1fr}}