/* PEGNIO immersive game player — responsive to physical device rotation. */
#modal-root:has(.game-screen-overlay){position:relative;z-index:9999}
#modal-root .game-screen-overlay{
 position:fixed!important;inset:0!important;z-index:9999!important;
 display:flex!important;flex-direction:column!important;
 width:100vw!important;width:100dvw!important;
 height:100vh!important;height:100dvh!important;
 max-width:none!important;max-height:none!important;
 margin:0!important;padding:0!important;
 background:#09090f!important;color:#f8f7ff!important;
 overflow:hidden!important;overscroll-behavior:contain!important;
 isolation:isolate!important;
}
#modal-root .game-screen-overlay:fullscreen{
 width:100vw!important;height:100vh!important;
 width:100dvw!important;height:100dvh!important;
 background:#08090e!important;
}
#modal-root .game-screen-toolbar{
 flex:0 0 auto!important;
 width:100%!important;min-height:48px!important;
 display:flex!important;align-items:center!important;gap:12px!important;
 padding:env(safe-area-inset-top,0px) 10px 0!important;
 box-sizing:border-box!important;
 background:#15141e!important;
 border:0!important;border-bottom:1px solid #2e2b3b!important;
 user-select:none!important;
}
#modal-root .game-screen-back,
#modal-root .game-screen-fullscreen,
#modal-root .game-screen-outbound{
 flex:0 0 auto;display:grid!important;place-items:center!important;
 width:44px!important;height:44px!important;min-width:44px!important;
 margin:0!important;padding:0!important;
 border:1px solid #423956!important;border-radius:10px!important;
 background:#292337!important;color:#fff!important;
 font:700 26px/1 system-ui!important;
 text-decoration:none!important;cursor:pointer!important;
 touch-action:manipulation!important;
}
#modal-root .game-screen-back:hover,
#modal-root .game-screen-fullscreen:hover,
#modal-root .game-screen-outbound:hover{background:#43345e!important}
#modal-root .game-screen-title{
 flex:1 1 auto!important;min-width:0!important;
 color:#fff!important;font:800 14px/1.25 system-ui!important;
 overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
#modal-root .game-screen-actions{display:flex!important;gap:8px!important;margin-left:auto!important;align-items:center}
#modal-root .game-screen-rotate-hint{
 display:none;max-width:115px;flex:0 0 auto;
 font:600 11px system-ui;color:#c4abd9;
}
#modal-root .game-screen-stage{
 flex:1 1 auto!important;position:relative!important;
 width:100%!important;min-height:0!important;
 display:block!important;overflow:hidden!important;
 margin:0!important;padding:0!important;border:0!important;
 background:#09090e!important;
}
#modal-root .game-screen-frame{
 position:absolute!important;inset:0!important;
 display:block!important;width:100%!important;height:100%!important;
 min-width:0!important;min-height:0!important;
 max-width:none!important;max-height:none!important;
 margin:0!important;padding:0!important;border:0!important;
 border-radius:0!important;background:#09090e!important;
}
#modal-root .game-screen-unsupported{color:#eee;padding:24px;text-align:center}
@media(max-width:760px){
 #modal-root .game-screen-toolbar{gap:8px!important;min-height:46px!important;padding-left:8px!important;padding-right:8px!important}
 #modal-root .game-screen-back,#modal-root .game-screen-fullscreen,#modal-root .game-screen-outbound{
  width:40px!important;height:40px!important;min-width:40px!important;border-radius:9px!important;
 }
 #modal-root .game-screen-title{font-size:13px!important}
 #modal-root .game-screen-actions{gap:6px!important}
 #modal-root .game-screen-overlay.game-landscape .game-screen-rotate-hint{display:block!important}
}
@media(orientation:landscape) and (max-height:600px){
 #modal-root .game-screen-toolbar{min-height:38px!important;gap:5px!important;padding-top:env(safe-area-inset-top,0px)!important}
 #modal-root .game-screen-back,#modal-root .game-screen-fullscreen,#modal-root .game-screen-outbound{
  min-width:36px!important;width:36px!important;height:36px!important;
  font-size:23px!important;border-radius:8px!important;
 }
 #modal-root .game-screen-title{font-size:12px!important}
 #modal-root .game-screen-rotate-hint{display:none!important}
}
@media(orientation:portrait) and (max-width:760px){
 #modal-root .game-screen-overlay.game-landscape .game-screen-rotate-hint{display:block!important}
}
@media(orientation:landscape){
 #modal-root .game-screen-rotate-hint{display:none!important}
}