html[data-site-template=night-lobby] .night-home{max-width:1440px}html[data-site-template=night-lobby] .night-catalog-section{--night-visible-cards:3;--night-card-gap:8px;--night-game-card-width:calc((100cqw - (var(--night-visible-cards) - 1) * var(--night-card-gap)) / var(--night-visible-cards));container-type:inline-size}html[data-site-template=night-lobby] .night-game-track{grid-auto-columns:var(--night-game-card-width);gap:var(--night-card-gap)}html[data-site-template=night-lobby] .night-shelf-head>a>svg{flex-shrink:0;width:24px;height:24px}html[data-site-template=night-lobby] .night-shelf-actions>a{letter-spacing:.025em}html[data-site-template=night-lobby] .night-shelf-actions>:is(a,button){transition:background-color .2s,border-color .2s,color .2s}html[data-site-template=night-lobby] .night-shelf-actions>:is(a,button):hover:not(:disabled){border-color:color-mix(in srgb, var(--brand-primary) 50%, transparent)}html[data-site-template=night-lobby] .night-shelf-actions>a:hover{background:color-mix(in srgb, var(--brand-primary) 10%, transparent)}html[data-site-template=night-lobby] .night-shelf-actions>button:hover:not(:disabled){color:#fff}html[data-site-template=night-lobby] .night-catalog-section[data-ranked]{--night-top-visible:3.08;--night-top-gap:6px;--night-top-cover-width:98px;--night-top-cover-height:130px;--night-top-first-width:109px;--night-top-first-height:145px;--night-top-rank-height:65px;--night-top-rank-left:-4px;--night-top-rank-bottom:-14px;--night-top-cell:calc((100cqw - (var(--night-top-visible) - 1) * var(--night-top-gap)) / var(--night-top-visible))}html[data-site-template=night-lobby] .night-catalog-section[data-ranked] .night-game-track{grid-auto-columns:var(--night-top-cell);gap:var(--night-top-gap)}html[data-site-template=night-lobby] .night-catalog-section[data-ranked] .night-catalog-card{align-self:start;align-items:flex-end;padding-left:0;display:flex}html[data-site-template=night-lobby] .night-catalog-section[data-ranked] .night-catalog-cover{width:var(--night-top-cover-width);height:var(--night-top-cover-height);aspect-ratio:auto;flex:none;margin-left:auto}html[data-site-template=night-lobby] .night-catalog-section[data-ranked] .night-catalog-card:first-child .night-catalog-cover{width:var(--night-top-first-width);height:var(--night-top-first-height)}html[data-site-template=night-lobby] .night-catalog-section[data-ranked] .night-catalog-rank{--night-rank-height:var(--night-top-rank-height);min-width:0;left:var(--night-top-rank-left);bottom:var(--night-top-rank-bottom);opacity:.8;flex:none;margin:0;position:absolute}@media (min-width:480px){html[data-site-template=night-lobby] .night-catalog-section[data-ranked]{--night-top-visible:3.4}}@media (min-width:640px){html[data-site-template=night-lobby] .night-catalog-section[data-ranked]{--night-top-visible:4.5;--night-top-gap:8px;--night-top-rank-height:75px;--night-top-rank-bottom:-16px}}@media (min-width:768px){html[data-site-template=night-lobby] .night-catalog-section[data-ranked]{--night-top-visible:5.5;--night-top-rank-height:85px;--night-top-rank-left:-8px;--night-top-rank-bottom:-18px}}@media (min-width:1024px){html[data-site-template=night-lobby] .night-catalog-section[data-ranked]{--night-top-visible:6.5;--night-top-gap:10px;--night-top-cover-width:81px;--night-top-cover-height:108px;--night-top-first-width:90px;--night-top-first-height:120px;--night-top-rank-height:95px;--night-top-rank-bottom:-20px}}@media (min-width:1280px){html[data-site-template=night-lobby] .night-catalog-section[data-ranked]{--night-top-visible:7.5;--night-top-cover-width:123px;--night-top-cover-height:164px;--night-top-first-width:135px;--night-top-first-height:180px}}html[data-site-template=night-lobby] .night-category-strip a{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;gap:8px;height:44px;min-height:44px;padding:0 14px;font-size:13px;font-weight:700;line-height:20px;transition:background-color .2s,border-color .2s}html[data-site-template=night-lobby] .night-category-strip a:hover{border-color:color-mix(in srgb, var(--brand-primary) 60%, transparent);background:color-mix(in srgb, var(--brand-primary) 10%, transparent)}html[data-site-template=night-lobby] .night-category-strip svg{width:16px;height:16px;color:var(--brand-primary)}@media (min-width:640px){html[data-site-template=night-lobby] .night-catalog-section{--night-visible-cards:4;--night-card-gap:10px}}@media (min-width:768px){html[data-site-template=night-lobby] .night-catalog-section{--night-visible-cards:5}}@media (min-width:1024px){html[data-site-template=night-lobby] .night-catalog-section{--night-visible-cards:6}}@media (min-width:1280px){html[data-site-template=night-lobby] .night-catalog-section{--night-visible-cards:7}}@media (min-width:1600px){html[data-site-template=night-lobby] .night-home{padding-inline:48px}}@media (prefers-reduced-motion:reduce){html[data-site-template=night-lobby] :is(.night-category-strip a,.night-shelf-actions>a,.night-shelf-actions>button){transition:none}}html[data-site-template=night-lobby] .night-game-hover{color:#fff;opacity:0;pointer-events:none;background:#0009;justify-content:center;align-items:center;transition:opacity .2s ease-out;display:flex;position:absolute;inset:0}html[data-site-template=night-lobby] .night-game-play{width:64px;height:64px;transition:transform .3s ease-out;transform:translateY(12px)scale(.8)}html[data-site-template=night-lobby] .night-game-play polygon{fill:currentColor}html[data-site-template=night-lobby] .night-game-caption{background:linear-gradient(#0000,#161122);flex-direction:column;gap:4px;padding:24px 12px 12px;display:flex;position:absolute;inset:auto 0 0}html[data-site-template=night-lobby] .night-game-caption strong{text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;font-size:12px;font-weight:800;line-height:16px;overflow:hidden}html[data-site-template=night-lobby] .night-game-caption small{text-transform:uppercase;color:#9ca3af;font-size:10px;line-height:14px}@media (hover:hover){html[data-site-template=night-lobby] .night-catalog-card:hover .night-game-hover{opacity:1}html[data-site-template=night-lobby] .night-catalog-card:hover .night-game-play{transform:none}}html[data-site-template=night-lobby] .night-catalog-card:focus-visible .night-game-hover{opacity:1}html[data-site-template=night-lobby] .night-catalog-card:focus-visible .night-game-play{transform:none}@media (prefers-reduced-motion:reduce){html[data-site-template=night-lobby] :is(.night-game-hover,.night-game-play){transition:none}}