/* Complete prepared client interfaces around original player gameplay captures.
   Contain each screenshot: equipment, hotkeys and chat must remain visible. */
body.br-public-site.br-fullsite #browsera-content .brx-home .brx-home-game-previews {width:100%;max-width:760px;min-width:0;margin-inline:auto}
body.br-public-site.br-fullsite #browsera-content .brx-home .brx-game-preview-open {
  appearance:none;display:block;box-sizing:border-box;width:100%;min-width:0;margin:0;padding:0;
  border:0;background:none;color:#29241c !important;box-shadow:none;text-align:left;
  font:600 13px/1.5 'Nunito Sans',sans-serif;cursor:zoom-in;touch-action:manipulation;
}
body.br-public-site.br-fullsite #browsera-content .brx-home .brx-game-preview-open:focus-visible {outline:3px solid #8c5a0c;outline-offset:7px;border-radius:12px}
body.br-public-site.br-fullsite #browsera-content .brx-home .brx-game-preview-composition {position:relative;display:grid;gap:16px;width:100%;padding-bottom:5px;isolation:isolate}
body.br-public-site.br-fullsite #browsera-content .brx-home .brx-preview-desktop {
  position:relative;display:block;box-sizing:border-box;width:100%;margin-left:0;
  border:2px solid #29241c;border-radius:12px 12px 7px 7px;background:#fffdf7;
  box-shadow:3px 4px 0 #29241c;overflow:visible;
}
body.br-public-site.br-fullsite #browsera-content .brx-home .brx-preview-toolbar {
  display:flex;align-items:center;box-sizing:border-box;min-width:0;gap:9px;height:32px;padding:0 10px;
  border-bottom:1px solid #29241c;border-radius:10px 10px 0 0;background:#f7ecd3;color:#29241c;
}
body.br-public-site.br-fullsite #browsera-content .brx-home .brx-preview-layout-label {flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:800 12px/1.25 'Nunito Sans',sans-serif}
body.br-public-site.br-fullsite #browsera-content .brx-home .brx-preview-window-dots {display:flex;flex:none;gap:4px}
body.br-public-site.br-fullsite #browsera-content .brx-home .brx-preview-window-dots i {display:block;width:6px;height:6px;border:1px solid #706654;border-radius:50%;background:#fffdf7}
body.br-public-site.br-fullsite #browsera-content .brx-home .brx-preview-window-dots i:first-child {background:#e4ac34;border-color:#8c5a0c}
body.br-public-site.br-fullsite #browsera-content .brx-home .brx-preview-window-icon {width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.3}
body.br-public-site.br-fullsite #browsera-content .brx-home .brx-game-preview-open .brx-preview-image {display:block!important;max-width:none!important;width:100%!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;image-rendering:pixelated}
body.br-public-site.br-fullsite #browsera-content .brx-home .brx-game-preview-open .brx-preview-desktop-image {height:auto!important;aspect-ratio:1280/720;object-fit:contain;border-radius:0 0 5px 5px!important}
body.br-public-site.br-fullsite #browsera-content .brx-home .brx-preview-desktop-base {
  position:absolute;top:100%;left:-4%;right:-4%;display:block;height:7px;margin-top:2px;
  border:1px solid #29241c;border-radius:0 0 8px 8px;background:#f7ecd3;box-shadow:0 2px 0 #29241c;
}
body.br-public-site.br-fullsite #browsera-content .brx-home .brx-preview-phone {
  position:relative;justify-self:end;z-index:1;display:block;box-sizing:border-box;width:80%;
  padding:5px 6px 6px 13px;border:2px solid #29241c;border-radius:18px;background:#1b211c;
  box-shadow:3px 4px 0 #29241c;
}
body.br-public-site.br-fullsite #browsera-content .brx-home .brx-preview-phone-camera {position:absolute;left:5px;top:50%;width:3px;height:15px;transform:translateY(-50%);border-radius:3px;background:#515a49}
body.br-public-site.br-fullsite #browsera-content .brx-home .brx-preview-phone-toolbar {height:24px;padding:0 5px;gap:5px;border-bottom:1px solid #545c4e;border-radius:6px 6px 0 0;background:#292e28;color:#e3dfcf}
body.br-public-site.br-fullsite #browsera-content .brx-home .brx-preview-phone-toolbar .brx-preview-layout-label {font-size:10px}
body.br-public-site.br-fullsite #browsera-content .brx-home .brx-preview-phone-icon {width:12px;height:15px;flex:none;fill:none;stroke:currentColor;stroke-width:1.4}
body.br-public-site.br-fullsite #browsera-content .brx-home .brx-preview-phone-screen {position:relative;display:block;overflow:hidden;aspect-ratio:844/390;border-radius:0 0 6px 6px;background:#1b211c}
body.br-public-site.br-fullsite #browsera-content .brx-home .brx-game-preview-open .brx-preview-phone-image {position:absolute;inset:0;height:100%!important;object-fit:contain;object-position:center}
body.br-public-site.br-fullsite #browsera-content .brx-home .brx-game-preview-caption {display:flex;align-items:center;justify-content:flex-end;gap:7px;margin-top:11px;padding-right:2px;color:#706654;font:600 12px/1.5 'Nunito Sans',sans-serif;text-align:right}
body.br-public-site.br-fullsite #browsera-content .brx-home .brx-game-preview-caption>span {color:#8c5a0c;font-size:16px}
body.br-public-site.br-fullsite #browsera-content .brx-home .brx-game-preview-open:hover .brx-game-preview-caption {color:#8c5a0c;text-decoration:underline;text-underline-offset:3px}
@media(max-width:560px) {
  body.br-public-site.br-fullsite #browsera-content .brx-home .brx-home-game-previews {max-width:470px}
  body.br-public-site.br-fullsite #browsera-content .brx-home .brx-game-preview-composition {gap:13px;padding-bottom:4px}
  body.br-public-site.br-fullsite #browsera-content .brx-home .brx-preview-toolbar {height:27px;padding-inline:7px;gap:6px}
  body.br-public-site.br-fullsite #browsera-content .brx-home .brx-preview-layout-label {font-size:11px}
  body.br-public-site.br-fullsite #browsera-content .brx-home .brx-preview-window-dots {gap:3px}
  body.br-public-site.br-fullsite #browsera-content .brx-home .brx-preview-window-dots i {width:5px;height:5px}
  body.br-public-site.br-fullsite #browsera-content .brx-home .brx-preview-phone {width:100%;padding:4px 4px 4px 10px;border-radius:13px}
  body.br-public-site.br-fullsite #browsera-content .brx-home .brx-preview-phone-toolbar {height:22px;padding-inline:4px;gap:4px}
  body.br-public-site.br-fullsite #browsera-content .brx-home .brx-preview-phone-toolbar .brx-preview-layout-label {font-size:9px}
  body.br-public-site.br-fullsite #browsera-content .brx-home .brx-preview-phone-camera {left:4px;width:2px;height:12px}
  body.br-public-site.br-fullsite #browsera-content .brx-home .brx-game-preview-caption {font-size:11px;margin-top:10px}
}
@media(prefers-reduced-motion:reduce) {body.br-public-site.br-fullsite #browsera-content .brx-home .brx-game-preview-open * {transition:none!important;animation:none!important}}