/* the "keep building with Pro" sheet over the 3D player */
#bw-gate { position: fixed; inset: 0; z-index: 40; display: grid; place-items: end center; background: rgba(0, 0, 0, .55);
  backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); animation: bwfade .25s ease; }
#bw-gate .card { width: 100%; max-width: 460px; background: #121214; border-radius: 24px 24px 0 0; text-align: center;
  padding: 26px 20px calc(env(safe-area-inset-bottom) + 20px); display: grid; gap: 10px; }
@media (min-width: 600px) { #bw-gate { place-items: center; } #bw-gate .card { border-radius: 24px; } }
#bw-gate .star { width: 54px; height: 54px; margin: 0 auto 4px; border-radius: 16px; background: #ffc73d; color: #2b1d00;
  display: grid; place-items: center; font-size: 28px; }
#bw-gate h2 { margin: 0; font: 800 24px/1.2 ui-rounded, "SF Pro Rounded", system-ui, sans-serif; }
#bw-gate p { margin: 0 0 8px; color: #99a3b3; }
#bw-gate a, #bw-gate button { display: grid; place-items: center; height: 50px; border-radius: 999px; font-weight: 700;
  text-decoration: none; font-size: 16px; }
#bw-gate .b1 { background: #3ddb85; color: #053314; }
#bw-gate .b2 { background: #1f1f24; color: #f2f4f7; }
#bw-gate .b3 { background: none; color: #99a3b3; height: 40px; }
@keyframes bwfade { from { opacity: 0; } }