/* Layout only: existing theme palettes continue to style game cards. */ #topslides { position: relative; } #mygallery[data-arcade-carousel] { overflow-x:auto; overflow-y:hidden; height:auto; scroll-snap-type:x mandatory; scrollbar-width:none; } #mygallery[data-arcade-carousel]::-webkit-scrollbar { display:none; } #mygallery[data-arcade-carousel] .belt { position:static; display:flex; width:max-content; transform:none; } #mygallery[data-arcade-carousel] .panel { float:none; flex:0 0 135px; scroll-snap-align:start; } .arcade-carousel-controls[hidden] { display:none; } #topslides .arcade-carousel-controls button { position:absolute; z-index:2; padding:0; min-width:32px; min-height:44px; cursor:pointer; border:0; background:transparent; color:#171717; font-size:25px; text-shadow:1px 1px white,-1px -1px white; } #topslides .arcade-prev { inset-inline-start:-13px; top:calc(50% - 22px); } #topslides .arcade-next { inset-inline-end:-13px; top:calc(50% - 22px); } #topslides .arcade-carousel-controls .arcade-pause { inset-inline-end:16px; bottom:0; min-height:24px; font-size:15px; background:#fff; border-radius:4px; } #topslides button:focus-visible, .game_tabs_menu a:focus-visible { outline:2px solid currentColor; outline-offset:2px; } #game_tabs_wrapper [role="tabpanel"][hidden], #game_tabs_wrapper_left [role="tabpanel"][hidden] { display:none; } ul.spy.arcade-scrolling-list { overflow-y:auto; overscroll-behavior:contain; scroll-behavior:smooth; } .arcade-list-controls { text-align:end; } .arcade-list-controls button { min-height:32px; cursor:pointer; } @media(prefers-reduced-motion:reduce) { ul.spy.arcade-scrolling-list { scroll-behavior:auto; } } /* Keep the large legacy slider inside its available column. */ :is(#braygames_slider,.rmg-slider) :is(.rmg-slider-left,.braygames_slider_left) { float:none; margin-left:50%; width:50%; box-sizing:border-box; padding-left:10px; } :is(#braygames_slider,.rmg-slider) :is(.rmg-slider-left,.braygames_slider_left) .desc { width:auto; height:auto; min-height:150px; margin-bottom:10px; box-sizing:border-box; overflow-wrap:anywhere; } :is(#braygames_slider,.rmg-slider) :is(.rmg-slider-left,.braygames_slider_left) .desc strong { font-size:clamp(18px,2vw,23px); line-height:1.2; margin-bottom:14px; } :is(#braygames_slider,.rmg-slider) :is(.rmg-slider-right,.braygames_slider_right) { position:absolute; top:0; left:0; float:none; width:48%; height:240px; box-sizing:border-box; } :is(#braygames_slider,.rmg-slider) .ratings_stars { float:none; width:auto; box-sizing:border-box; } :is(#braygames_slider,.rmg-slider) .playnow { display:flow-root; } :is(#braygames_slider,.rmg-slider) .playnow a { max-width:100%; box-sizing:border-box; white-space:normal; } :is(#braygames_slider,.rmg-slider) ol.bjqs-markers { position:relative; top:auto; left:auto; margin:8px 0 0; width:100%; display:flex; flex-wrap:wrap; justify-content:center; gap:5px; } :is(#braygames_slider,.rmg-slider) ol.bjqs-markers li { position:static; float:none; margin:0; } :is(#braygames_slider,.rmg-slider) .bjqs-playback-controls { position:absolute; inset-inline-start:8px; bottom:8px; z-index:4; } :is(#braygames_slider,.rmg-slider) .bjqs-pause { min-height:32px; padding:4px 8px; cursor:pointer; border:1px solid currentColor; border-radius:4px; background:#fff; color:#171717; font-size:13px; } :is(#braygames_slider,.rmg-slider) :is(a.bjqs-prev,a.bjqs-next,.bjqs-pause):focus-visible { outline:2px solid currentColor; outline-offset:2px; } :is(#braygames_slider,.rmg-slider) a.bjqs-next { left:calc(48% - 42px); } :is(#braygames_slider,.rmg-slider).is-compact :is(.rmg-slider-left,.braygames_slider_left) { margin-left:0; width:100%; padding:190px 0 0; } :is(#braygames_slider,.rmg-slider).is-compact :is(.rmg-slider-right,.braygames_slider_right) { width:100%; height:180px; } :is(#braygames_slider,.rmg-slider).is-compact a.bjqs-next { left:auto; right:0; }