

@media (max-width: 767px) {
  html.immersive .bnav, html.immersive .wl-as-bar { display: none !important; }
  html.immersive body, html.immersive[data-wl-tabbar="1"] body { padding-bottom: 0 !important; }
  html.imm-game .subhdr, html.imm-game .gp-info, html.imm-game .gp .seg, html.imm-game .ftr, html.imm-game .seo, html.imm-game .info-acc, html.imm-game .gp-reco, html.imm-game .gp ~ * { display: none !important; }
  html.imm-game .gp.container, html.imm-game .gp.page-pad { padding: 0 !important; margin: 0 !important; max-width: none !important; }
  html.imm-game .gp .gp-wrap { border-radius: 0 !important; border: 0 !important; margin: 0 !important; }
  html.imm-game .gp .gp-bar { display: flex; align-items: center; justify-content: flex-end; gap: 6px; min-height: 0; height: 40px; padding: 3px 8px !important; flex-wrap: nowrap; }
  html.imm-game .gp .gp-bar > .hbtn:first-child { margin-right: auto; }
  html.imm-game .gp .gp-bar .hbtn { width: 34px; height: 34px; min-height: 34px; padding: 0; }
  html.imm-game .gp .gp-stage { aspect-ratio: auto !important; max-height: none !important; min-height: 280px; border-radius: 0 !important;
    height: calc(100vh - var(--imm-top, 96px)) !important; height: calc(100dvh - var(--imm-top, 96px)) !important; }
  
  html.imm-game, html.imm-game body { overflow: hidden !important; overscroll-behavior: none; }
  
  html.imm-game #app, html.imm-game main, html.imm-game .gp { z-index: auto !important; transform: none !important; filter: none !important; contain: none !important; }
  html.imm-game .gp .gp-wrap:not(.pseudo-full):not(:fullscreen) { position: fixed; inset: 0; top: 0; left: 0; right: 0; bottom: 0; z-index: 2147483646; display: flex; flex-direction: column; background: #050a14;
    height: 100vh; height: 100dvh; height: var(--imm-vh, 100dvh); box-sizing: border-box;
    padding: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px); }
  html.imm-game .gp .gp-bar { justify-content: flex-start; height: auto; min-height: 44px; }
  html.imm-game .gp .gp-bar > .hbtn:first-child { margin-right: 0; }
  html.imm-game .gp .gp-title { display: flex; flex-direction: column; justify-content: center; flex: 1 1 auto; min-width: 0; margin: 0 4px; line-height: 1.15; }
  html.imm-game .gp .gp-title b { font-size: 13px; font-weight: 700; white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; display: block; }
  html.imm-game .gp .gp-title small { display: block; font-size: 10px; line-height: 1.2; color: var(--text-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
  html.imm-game .gp .gp-wrap .gp-bar { flex: none; position: relative; z-index: 2; background: var(--bg-elev, #0c1729); }
  html.imm-game .gp .gp-wrap:not(.pseudo-full):not(:fullscreen) .gp-stage { flex: 1 1 auto; height: auto !important; min-height: 0 !important; width: 100%; }
}

@media (min-width: 768px) {
  html.imm-desk, html.imm-desk body { overflow: hidden !important; overscroll-behavior: none; }
  html.imm-desk .subhdr, html.imm-desk .gp-info, html.imm-desk .ftr, html.imm-desk .seo, html.imm-desk .seo-cat, html.imm-desk .info-acc, html.imm-desk .gp-reco, html.imm-desk .gp ~ *, html.imm-desk .wl-as-bar { display: none !important; }
  html.imm-desk .gp.container, html.imm-desk .gp.page-pad { padding: 0 !important; margin: 0 !important; max-width: none !important; width: 100% !important; }
  html.imm-desk .gp .gp-wrap { border-radius: 0 !important; margin: 0 !important; border-left: 0 !important; border-right: 0 !important; }
  html.imm-desk .gp .gp-wrap:not(.pseudo-full):not(:fullscreen) { display: flex; flex-direction: column; height: calc(100vh - var(--imm-dtop, 56px)); height: calc(100dvh - var(--imm-dtop, 56px)); }
  html.imm-desk .gp .gp-bar { flex: none; }
  html.imm-desk .gp .gp-stage { aspect-ratio: auto !important; max-height: none !important; min-height: 300px; border-radius: 0 !important; width: 100% !important; flex: 1 1 auto; height: auto !important; }
  html.imm-desk .gp .gp-wrap.pseudo-full .gp-stage, html.imm-desk .gp .gp-wrap:fullscreen .gp-stage { height: auto !important; flex: 1; }
}
