/* BRPLAYX_UI_R10_SAFE_20260929: scoped presentation only. No checkout/auth changes. */
:root,html,body,body.bpx-h2{
  background-color:#08182e!important;
  background-image:linear-gradient(180deg,rgba(3,12,30,.42),rgba(3,13,26,.68)),url('/bearplayx-r12-preview/media/r10-night-bg.png')!important;
  background-position:center center!important;background-repeat:no-repeat!important;
  background-size:cover!important;background-attachment:fixed!important;
}
/* Same plain, italic, white BearPlayX wordmark on both pages. */
.bpx-h2-header .bpx-h2-brand.bpx-r10-brand,
.bpx-header .brand{
  display:inline-flex;align-items:center;justify-content:center;gap:0;
  flex:none;max-width:none!important;width:auto;height:auto;min-height:42px;
  font-family:Arial,Helvetica,sans-serif;font-size:clamp(23px,2.1vw,32px);
  font-weight:950;font-style:italic;letter-spacing:-.06em;line-height:1;
  color:#fff!important;text-decoration:none;text-shadow:0 2px 15px #45b9ff28;
}
.bpx-h2-header .bpx-h2-brand.bpx-r10-brand>span,
.bpx-header .brand>span{color:#fff!important;font-weight:950;font-style:italic}
.bpx-h2-header .bpx-h2-brand.bpx-r10-brand:hover,.bpx-header .brand:hover{filter:brightness(1.12)}
/* The region page begins at its banners, without the extra introduction. */
.bpx-compact-title{display:none!important}
.bpx-banner-shell{margin-top:clamp(10px,1.1vw,20px)!important}
/* Keep approved card illustration and its blue outer rim, crop ONLY the
   lowest green embedded strip of the decorative frame overlay. */
#sections .card.bpx-skin-card.bpx-exact-card::after{
  clip-path:inset(0 0 2.8% 0)!important;
}
#sections .card.bpx-skin-card.bpx-exact-card::before{
  background:linear-gradient(125deg,#e1ffff,#67c6d1 32%,#1ba9d6 68%,#0e84c9)!important;
}
/* Cart: style the existing functional DOM; preserve the disabled checkout and
   payment controls and the exact wallet figures produced by existing code. */
dialog#bpx-dialog.bpx-dialog.is-cart[open]{
  position:fixed!important;inset:0!important;margin:auto!important;
  width:min(1450px,calc(100vw - 32px))!important;
  max-width:calc(100vw - 32px)!important;
  max-height:min(94dvh,1050px)!important;
  overflow:auto!important;padding:0!important;border:1.5px solid #4db6ff!important;
  border-radius:26px!important;
  background:linear-gradient(145deg,rgba(4,31,74,.97),rgba(3,22,55,.97)),url('/bearplayx-r12-preview/media/r10-night-bg.png') center/cover no-repeat!important;
  color:#fff!important;box-shadow:0 25px 95px #000c,0 0 38px #1479eb70!important;
}
dialog#bpx-dialog.bpx-dialog.is-cart[open] .bpx-cart-shell{min-width:0!important;width:100%!important;border:0!important;background:transparent!important;overflow:visible!important}
dialog#bpx-dialog.bpx-dialog.is-cart[open] .bpx-cart-top{
  position:relative;isolation:isolate;min-height:244px;padding:30px 37px 22px!important;
  display:flex;align-items:flex-start;justify-content:space-between;gap:26px;
  background:linear-gradient(110deg,rgba(2,36,94,.94),rgba(6,35,92,.80));
  border-bottom:1px solid #348dcb!important;overflow:hidden;
}
dialog#bpx-dialog.bpx-dialog.is-cart[open] .bpx-cart-top-left{position:relative;z-index:3;width:min(78%,850px);min-width:0}
dialog#bpx-dialog.bpx-dialog.is-cart[open] .bpx-cart-top-title-row{display:flex;align-items:center;gap:14px;position:relative}
dialog#bpx-dialog.bpx-dialog.is-cart[open] .bpx-cart-top-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:15px;border:1px solid #4ba8ea;background:#0b4286;font-size:32px}
dialog#bpx-dialog.bpx-dialog.is-cart[open] .bpx-cart-top-title{font-size:clamp(38px,4.5vw,70px)!important;line-height:1.03;font-weight:950;color:#fff!important;margin:0;letter-spacing:-.045em}
dialog#bpx-dialog.bpx-dialog.is-cart[open] .bpx-cart-top-lead{font-size:clamp(14px,1.35vw,20px)!important;line-height:1.4!important;color:#eaf4ff!important;max-width:760px;margin:14px 0!important}
dialog#bpx-dialog.bpx-dialog.is-cart[open] .bpx-cart-region{position:relative;display:inline-flex;align-items:center;gap:10px;border:1px solid #5eb7fa;border-radius:13px;padding:11px 14px;background:#092f70da;color:#fff;font-weight:800;max-width:100%}
dialog#bpx-dialog.bpx-dialog.is-cart[open] .bpx-cart-top-mascot{position:absolute;top:-63px;right:80px;width:clamp(170px,24vw,330px);height:350px;max-width:35%;z-index:2;pointer-events:none;background:transparent!important}
dialog#bpx-dialog.bpx-dialog.is-cart[open] .bpx-cart-top-mascot .bpx-cart-top-glow{display:none!important}
dialog#bpx-dialog.bpx-dialog.is-cart[open] .bpx-cart-top-mascot-image{display:block;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain!important;object-position:center top!important;border:0!important;border-radius:0!important;box-shadow:none!important;filter:drop-shadow(0 11px 14px #00142c65)}
dialog#bpx-dialog.bpx-dialog.is-cart[open] .bpx-cart-close{position:absolute;top:12px;right:15px;z-index:5;width:45px;height:45px;border:1px solid #5dbdfb;border-radius:12px;background:#12447a;color:#fff;font-size:28px}
dialog#bpx-dialog.bpx-dialog.is-cart[open] .bpx-cart-content{padding:23px 34px 25px!important;color:#fff!important;background:linear-gradient(180deg,rgba(4,23,56,.75),rgba(3,17,43,.64))!important}
dialog#bpx-dialog.bpx-dialog.is-cart[open] .bpx-cart-items-caption{font-weight:900;font-size:clamp(17px,1.6vw,23px);margin:0 0 15px;color:#fff}
dialog#bpx-dialog.bpx-dialog.is-cart[open] .bpx-cart-layout{display:grid!important;grid-template-columns:minmax(0,1.27fr) minmax(320px,.96fr)!important;align-items:start;gap:18px!important}
dialog#bpx-dialog.bpx-dialog.is-cart[open] .bpx-cart-left,
dialog#bpx-dialog.bpx-dialog.is-cart[open] .bpx-checkout-panel{display:grid;gap:15px;min-width:0}
dialog#bpx-dialog.bpx-dialog.is-cart[open] .bpx-cart-line,
dialog#bpx-dialog.bpx-dialog.is-cart[open] .bpx-cart-wallet-summary,
dialog#bpx-dialog.bpx-dialog.is-cart[open] .bpx-panel-card,
dialog#bpx-dialog.bpx-dialog.is-cart[open] .bpx-panel-total{border:1px solid #448bd5!important;border-radius:20px!important;background:#05234ae8!important;box-shadow:inset 0 0 0 1px #247cd92b!important;color:#fff!important}
dialog#bpx-dialog.bpx-dialog.is-cart[open] .bpx-cart-line{display:flex;align-items:center;gap:15px;padding:15px!important}
dialog#bpx-dialog.bpx-dialog.is-cart[open] .bpx-cart-line-cover{width:94px!important;height:118px!important;max-width:25%;object-fit:cover;border-radius:12px;border:1px solid #69c9ff}
dialog#bpx-dialog.bpx-dialog.is-cart[open] .bpx-cart-line-info{min-width:0;flex:1}
dialog#bpx-dialog.bpx-dialog.is-cart[open] .bpx-cart-line-name{color:#fff;font-weight:900;font-size:clamp(16px,1.4vw,22px);line-height:1.18;margin:0 0 9px}
dialog#bpx-dialog.bpx-dialog.is-cart[open] .bpx-cart-line-meta{display:flex;gap:8px;flex-wrap:wrap}
dialog#bpx-dialog.bpx-dialog.is-cart[open] .bpx-cart-line-badge,
dialog#bpx-dialog.bpx-dialog.is-cart[open] .bpx-cart-line-edition{border-radius:999px;padding:5px 10px;background:#174e89;color:#fff;font-weight:700}
dialog#bpx-dialog.bpx-dialog.is-cart[open] .bpx-cart-wallet-summary{display:grid!important;grid-template-columns:minmax(100px,.35fr) minmax(0,1fr)!important;gap:15px;padding:18px!important}
dialog#bpx-dialog.bpx-dialog.is-cart[open] .bpx-cart-wallet-media{min-width:0}
dialog#bpx-dialog.bpx-dialog.is-cart[open] .bpx-cart-wallet-cover{width:100%!important;max-width:220px;object-fit:contain;border-radius:12px}
dialog#bpx-dialog.bpx-dialog.is-cart[open] .bpx-cart-wallet-kicker{font-weight:950;font-size:clamp(18px,1.55vw,25px);color:#fff}
dialog#bpx-dialog.bpx-dialog.is-cart[open] .bpx-cart-wallet-copy{color:#dcecff!important;line-height:1.45}
dialog#bpx-dialog.bpx-dialog.is-cart[open] .bpx-cart-wallet-chips{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px}
dialog#bpx-dialog.bpx-dialog.is-cart[open] .bpx-cart-chip{padding:12px 9px!important;border:1px solid #367db9;border-radius:13px;background:#092d59;color:#fff;min-width:0}
dialog#bpx-dialog.bpx-dialog.is-cart[open] .bpx-cart-chip span{font-size:13px;color:#d6eaff;display:block}
dialog#bpx-dialog.bpx-dialog.is-cart[open] .bpx-cart-chip strong{display:block;font-size:clamp(16px,1.4vw,23px);color:#fff;overflow-wrap:anywhere}
dialog#bpx-dialog.bpx-dialog.is-cart[open] .bpx-cart-chip.is-soft{background:#0b433f!important;border-color:#31958c!important}
dialog#bpx-dialog.bpx-dialog.is-cart[open] .bpx-panel-card{padding:20px!important}
dialog#bpx-dialog.bpx-dialog.is-cart[open] .bpx-panel-card h3{font-size:clamp(19px,1.7vw,26px);font-weight:900;margin:0 0 14px;color:#fff}
dialog#bpx-dialog.bpx-dialog.is-cart[open] .bpx-promo-row{display:flex;gap:10px}
dialog#bpx-dialog.bpx-dialog.is-cart[open] .bpx-promo-input{min-width:0;flex:1;border-radius:14px;border:1px solid #499be3;background:#0a2f5c;color:#fff;min-height:52px}
dialog#bpx-dialog.bpx-dialog.is-cart[open] .bpx-promo-button{border-radius:14px;background:#185ed8;color:#fff;font-weight:850;padding:0 18px}
dialog#bpx-dialog.bpx-dialog.is-cart[open] .bpx-payment-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}
dialog#bpx-dialog.bpx-dialog.is-cart[open] .bpx-payment-option{min-width:0;padding:13px;border-radius:16px;border:1px solid #458ccc;background:#08284e;color:#fff;text-align:left}
dialog#bpx-dialog.bpx-dialog.is-cart[open] .bpx-payment-option.is-selected{border-color:#48c7ff;box-shadow:0 0 0 1px #2be0ff}
dialog#bpx-dialog.bpx-dialog.is-cart[open] .bpx-panel-total{padding:22px!important}
dialog#bpx-dialog.bpx-dialog.is-cart[open] .bpx-panel-total-label{display:block;font-size:23px;color:#e3f3ff}
dialog#bpx-dialog.bpx-dialog.is-cart[open] .bpx-panel-total-value{display:block;font-size:clamp(33px,3vw,50px);font-weight:950;color:#fff}
dialog#bpx-dialog.bpx-dialog.is-cart[open] .bpx-cart-checkout{width:100%;min-height:63px;border-radius:15px;background:linear-gradient(180deg,#3e9bff,#1460ed);color:#fff;font-size:clamp(18px,1.7vw,25px);font-weight:900}
dialog#bpx-dialog.bpx-dialog.is-cart[open] .bpx-cart-checkout:disabled,
dialog#bpx-dialog.bpx-dialog.is-cart[open] .bpx-promo-button:disabled,
dialog#bpx-dialog.bpx-dialog.is-cart[open] .bpx-payment-option:disabled{opacity:.63!important;cursor:not-allowed!important}
dialog#bpx-dialog.bpx-dialog.is-cart[open] .bpx-panel-legal,
dialog#bpx-dialog.bpx-dialog.is-cart[open] .bpx-cart-preview-warning{font-size:13px!important;color:#d8e8ff!important;text-align:center}
/* The demonstration profile must never be presented as a working login. */
#bpx-dialog[data-view="profile"] .bpx-avatar-grid,
#bpx-dialog[data-view="profile"] .bpx-avatar-label{display:none!important}
@media(max-width:1100px){
  dialog#bpx-dialog.bpx-dialog.is-cart[open] .bpx-cart-layout{grid-template-columns:minmax(0,1fr)!important}
  dialog#bpx-dialog.bpx-dialog.is-cart[open] .bpx-cart-top-mascot{right:50px;top:-15px;width:220px}
}
@media(max-width:700px){
  :root,html,body,body.bpx-h2{background-attachment:scroll!important}
  dialog#bpx-dialog.bpx-dialog.is-cart[open]{width:calc(100vw - 12px)!important;max-width:calc(100vw - 12px)!important;max-height:94dvh!important;border-radius:17px!important}
  dialog#bpx-dialog.bpx-dialog.is-cart[open] .bpx-cart-top{padding:18px!important;min-height:180px}
  dialog#bpx-dialog.bpx-dialog.is-cart[open] .bpx-cart-top-left{width:100%;padding-right:75px}
  dialog#bpx-dialog.bpx-dialog.is-cart[open] .bpx-cart-top-title{font-size:34px!important}
  dialog#bpx-dialog.bpx-dialog.is-cart[open] .bpx-cart-top-lead{font-size:13px!important}
  dialog#bpx-dialog.bpx-dialog.is-cart[open] .bpx-cart-top-mascot{right:25px;top:-5px;width:114px;max-width:35%;height:170px}
  dialog#bpx-dialog.bpx-dialog.is-cart[open] .bpx-cart-content{padding:16px!important}
  dialog#bpx-dialog.bpx-dialog.is-cart[open] .bpx-cart-wallet-summary{grid-template-columns:minmax(0,1fr)!important}
  dialog#bpx-dialog.bpx-dialog.is-cart[open] .bpx-cart-wallet-media{max-width:170px}
  dialog#bpx-dialog.bpx-dialog.is-cart[open] .bpx-cart-wallet-chips{grid-template-columns:minmax(0,1fr)!important}
  dialog#bpx-dialog.bpx-dialog.is-cart[open] .bpx-payment-grid{grid-template-columns:minmax(0,1fr)!important}
}