/* Boxed In Studios live portal preview mode.
   This stylesheet is only active inside the non-interactive game preview iframes. */
html.studio-preview-mode,
html.studio-preview-mode body{width:100%!important;height:100%!important;min-height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#050706!important}
html.studio-preview-mode body{position:fixed!important;inset:0!important}
html.studio-preview-mode *{scrollbar-width:none!important}
html.studio-preview-mode *::-webkit-scrollbar{display:none!important}

/* Curb Blast */
html.studio-preview-mode .main-header,
html.studio-preview-mode .studios-hub,
html.studio-preview-mode .rush-hero,
html.studio-preview-mode .rush-world,
html.studio-preview-mode .rush-details,
html.studio-preview-mode .find-your-box,
html.studio-preview-mode .studios-switcher,
html.studio-preview-mode #businessCard,
html.studio-preview-mode #chatbotLauncher,
html.studio-preview-mode #chatbotPanel{display:none!important}
html.studio-preview-mode .rush-main{min-height:100vh!important;background:#090c0a!important}
html.studio-preview-mode #curbBlastGame{display:none!important}
html.studio-preview-mode .game-shell{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;max-width:none!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:hidden!important;background:#090c0a!important}
html.studio-preview-mode .game-shell .game-overlay{display:none!important}
html.studio-preview-mode .game-shell .hud{height:14vh!important;min-height:62px!important;padding:8px 12px!important}
html.studio-preview-mode .game-shell .mission-bar{height:11vh!important;min-height:50px!important;padding:7px 14px!important;grid-template-columns:160px 1fr 120px!important}
html.studio-preview-mode .game-shell .game-stage{height:75vh!important;min-height:0!important;grid-template-columns:minmax(0,1.7fr) minmax(235px,.66fr)!important}
html.studio-preview-mode .game-shell .mine-side{padding:12px 14px!important}
html.studio-preview-mode .game-shell .board-wrap{max-width:min(58vh,540px)!important;padding:7px!important;border-radius:16px!important}
html.studio-preview-mode .game-shell .board{gap:4px!important}
html.studio-preview-mode .game-shell .tile{border-radius:8px!important}
html.studio-preview-mode .game-shell .tap-tip{display:none!important}
html.studio-preview-mode .game-shell .vault-panel{padding:14px!important;overflow:hidden!important}
html.studio-preview-mode .game-shell .vault-panel h2{font-size:20px!important}
html.studio-preview-mode .game-shell .vault-panel>p:not(.panel-kicker),
html.studio-preview-mode .game-shell .power-card p{display:none!important}
html.studio-preview-mode .game-shell .power-card{padding:10px!important}
html.studio-preview-mode .game-shell .vault-list{margin:10px 0!important;gap:6px!important}
html.studio-preview-mode .game-shell .vault-list article{min-height:62px!important;grid-template-columns:58px 1fr!important;padding:5px!important;border-radius:10px!important}
html.studio-preview-mode .game-shell .vault-image{height:52px!important}

/* Mail Run */
html.studio-preview-mode .cr-top,
html.studio-preview-mode .cr-head,
html.studio-preview-mode .cr-switch,
html.studio-preview-mode .cr-mobile-controls,
html.studio-preview-mode .cr-start,
html.studio-preview-mode .cr-gameover,
html.studio-preview-mode .cr-pause,
html.studio-preview-mode .character-roster,
html.studio-preview-mode .courier-creator{display:none!important}
html.studio-preview-mode .cr-page,
html.studio-preview-mode .cr-hero{width:100vw!important;height:100vh!important;min-height:100vh!important;max-width:none!important;margin:0!important;padding:0!important;overflow:hidden!important}
html.studio-preview-mode .cr-stage-wrap{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;min-height:100vh!important;max-height:none!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}
html.studio-preview-mode .cr-live-hud{transform:scale(.78)!important;transform-origin:top left!important}

/* Box Heist */
html.studio-preview-mode .sg-top,
html.studio-preview-mode .sg-hero,
html.studio-preview-mode .sg-hud,
html.studio-preview-mode .mission-strip,
html.studio-preview-mode .heist-note,
html.studio-preview-mode .bh-controls,
html.studio-preview-mode .heist-music-toggle,
html.studio-preview-mode #studioSwitcher,
html.studio-preview-mode .sg-modal{display:none!important}
html.studio-preview-mode .sg-wrap,
html.studio-preview-mode .sg-panel,
html.studio-preview-mode .heist-shell{width:100vw!important;height:100vh!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;background:#07100d!important}
html.studio-preview-mode .heist-stage{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;border-radius:0!important;box-shadow:none!important}
html.studio-preview-mode .heist-stage canvas{width:100vw!important;height:100vh!important;max-height:none!important;object-fit:cover!important}
html.studio-preview-mode .heist-tip{top:10px!important;font-size:10px!important;opacity:.72!important}

/* Moonmail */
html.studio-preview-mode .mm-panel>.sg-hud,
html.studio-preview-mode .mm-start,
html.studio-preview-mode .mm-passport,
html.studio-preview-mode .mm-panel~.studios-switcher,
html.studio-preview-mode .sg-note{display:none!important}
html.studio-preview-mode .mm-panel{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;overflow:hidden!important}
html.studio-preview-mode .mm-stage{position:absolute!important;inset:0!important;width:100vw!important;height:100vh!important;max-height:none!important;min-height:0!important;aspect-ratio:auto!important;border-radius:0!important}
html.studio-preview-mode .mm-stage canvas{width:100vw!important;height:100vh!important}
html.studio-preview-mode .mm-mission{transform:scale(.82)!important;transform-origin:top left!important}
html.studio-preview-mode .mm-powerbar{transform:scale(.82)!important;transform-origin:bottom left!important}

/* Post Flight */
html.studio-preview-mode .pb-top,
html.studio-preview-mode .pb-hero,
html.studio-preview-mode .pb-hud,
html.studio-preview-mode .pb-toolbar,
html.studio-preview-mode .pb-tip,
html.studio-preview-mode .pb-rotate-notice,
html.studio-preview-mode .mobile-flight-help,
html.studio-preview-mode .pb-overlay,
html.studio-preview-mode .launch-guide,
html.studio-preview-mode .music-toggle,
html.studio-preview-mode .studios-switcher,
html.studio-preview-mode .pb-character-studio,
html.studio-preview-mode .pb-character-reveal{display:none!important}
html.studio-preview-mode .pb-wrap,
html.studio-preview-mode .pb-shell{width:100vw!important;height:100vh!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;overflow:hidden!important}
html.studio-preview-mode .pb-stage{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;min-height:0!important;max-height:none!important;border-radius:0!important}
html.studio-preview-mode .region-banner{top:10px!important;left:10px!important;transform:none!important;font-size:9px!important;opacity:.78!important}

/* Mail Dash Racing */
html.studio-preview-mode .rr-rotate-notice,
html.studio-preview-mode .rr-topbar,
html.studio-preview-mode .rr-hero,
html.studio-preview-mode .rr-gamehead,
html.studio-preview-mode .rr-desktop-help,
html.studio-preview-mode .rr-switcher,
html.studio-preview-mode .rr-mobile-controls,
html.studio-preview-mode .rr-game-menu,
html.studio-preview-mode .rr-modal,
html.studio-preview-mode .rr-pausebtn{display:none!important}
html.studio-preview-mode .rr-page,
html.studio-preview-mode .rr-shell,
html.studio-preview-mode .rr-canvaswrap{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;max-width:none!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;overflow:hidden!important;background:#0a0d0b!important}
html.studio-preview-mode #rrCanvas{width:100vw!important;height:100vh!important}
html.studio-preview-mode .rr-start-lights{transform:scale(.72)!important;transform-origin:top center!important}

/* Preview frames should never expose controls or receive direct interaction. */
html.studio-preview-mode button,
html.studio-preview-mode a{pointer-events:none!important}

/* 2026-09-06 — reliable live previews for the Studios portal cards. */
html.studio-preview-mode .game-member-reward,
html.studio-preview-mode .studio-faq,
html.studio-preview-mode .business-card-footer-section,
html.studio-preview-mode .game-business-card-footer,
html.studio-preview-mode .courier-creator,
html.studio-preview-mode .route-cinema,
html.studio-preview-mode .mail-toss-cinema{display:none!important}

/* Curb Blast portal: show the actual board itself, not lower-page promo content. */
html.studio-preview-mode .game-shell .curb-music-toggle,
html.studio-preview-mode .game-shell .mission-bar,
html.studio-preview-mode .game-shell .vault-panel{display:none!important}
html.studio-preview-mode .game-shell .hud{position:absolute!important;z-index:12!important;left:8px!important;right:8px!important;top:8px!important;width:auto!important;height:auto!important;min-height:0!important;padding:6px 8px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:12px!important;background:rgba(6,9,7,.78)!important;backdrop-filter:blur(8px)!important;grid-template-columns:repeat(5,1fr)!important}
html.studio-preview-mode .game-shell .hud small{font-size:6px!important}
html.studio-preview-mode .game-shell .hud strong{font-size:11px!important;margin-top:1px!important}
html.studio-preview-mode .game-shell .game-stage{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;display:block!important}
html.studio-preview-mode .game-shell .mine-side{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;padding:43px 8px 8px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:radial-gradient(circle at 50% 45%,rgba(216,171,85,.11),transparent 31%),linear-gradient(180deg,#17231d,#0c130f 14%,#201a12 14.3%,#130f0b 100%)!important}
html.studio-preview-mode .game-shell .depth-lines{display:none!important}
html.studio-preview-mode .game-shell .board-wrap{width:min(58vw,76vh)!important;max-width:none!important;margin:0!important;padding:5px!important;border-radius:12px!important;box-shadow:0 0 28px rgba(0,0,0,.4),inset 0 0 24px rgba(0,0,0,.34)!important}
html.studio-preview-mode .game-shell .board{gap:3px!important}
html.studio-preview-mode .game-shell .tile{border-radius:6px!important}
html.studio-preview-mode .game-shell .combo-pop{font-size:24px!important}

/* Moonmail portal stays in motion: the preview script continually flies/restarts it. */
html.studio-preview-mode .mm-start{display:none!important}

/* Letter Leap */
html.studio-preview-mode .ll-site-header,
html.studio-preview-mode .ll-hero,
html.studio-preview-mode .ll-levels,
html.studio-preview-mode .ll-switcher{display:none!important}
html.studio-preview-mode .ll-page,html.studio-preview-mode .ll-shell,html.studio-preview-mode .ll-stage{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;max-width:none!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;overflow:hidden!important}
html.studio-preview-mode .ll-topbar{position:absolute!important;z-index:9!important;left:8px!important;right:8px!important;top:8px!important;min-height:0!important;padding:5px 7px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:10px!important;background:rgba(6,9,7,.72)!important;grid-template-columns:auto 1fr!important;gap:8px!important}
html.studio-preview-mode .ll-hud-group span{padding:4px 6px!important;min-width:42px!important}html.studio-preview-mode .ll-hud-group small{font-size:4.5px!important}html.studio-preview-mode .ll-hud-group b{font-size:7px!important}
html.studio-preview-mode .ll-progress-wrap{grid-column:auto!important;grid-row:auto!important;gap:5px!important}.studio-preview-mode .ll-controls{display:none!important}.studio-preview-mode .ll-start,.studio-preview-mode .ll-complete,.studio-preview-mode .ll-paused,.studio-preview-mode .ll-crash,.studio-preview-mode .ll-tap-hint{display:none!important}

/* Parent scrolling owns the compositor for the duration of the gesture. */
html.studio-preview-mode.preview-yielding *,
html.studio-preview-mode.preview-yielding *::before,
html.studio-preview-mode.preview-yielding *::after{
  animation-play-state:paused!important;
  transition:none!important;
}