/* iPhone safe areas, compact navigation and original-game sizing. */
@media(max-width:700px),(max-width:1120px) and (max-height:500px){
 html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
 html body #root .navbar-container .main-navbar{height:auto!important;min-height:64px!important;padding:8px max(10px,env(safe-area-inset-right)) 8px max(10px,env(safe-area-inset-left))!important}
 html body #root .navbar-container .main-navbar>.content{display:flex!important;flex-wrap:wrap!important;gap:6px!important;width:100%!important;min-width:0!important}
 html body #root .navbar-container .mobile-header-control{width:40px!important;height:44px!important;min-width:40px!important;flex:0 0 40px!important;margin:0!important;padding:10px!important}
 html body #root .navbar-container .logo-wrapper{display:flex!important;flex:1 1 70px!important;min-width:0!important;margin:0!important}
 html body #root .navbar-container .animated-brand-logo{width:clamp(85px,27vw,120px)!important;max-width:100%!important;height:34px!important}
 html body #root .navbar-container .user-container{flex:0 0 auto!important;min-width:0!important;gap:6px!important;margin:0!important;height:44px!important}
 html body #root .navbar-container .user-dropdown-wrapper{width:40px!important;height:44px!important;min-width:40px!important;flex:0 0 40px!important;justify-content:center!important;padding:2px!important}
 html body #root .navbar-container .avatar-wrapper{width:34px!important;height:34px!important;flex:0 0 34px!important}
 html body #root .navbar-container .notification-toggle{width:40px!important;height:44px!important;min-width:40px!important;padding:8px!important}
 html body #root .navbar-container .profile-copy,html body #root .navbar-container .user-dropdown-wrapper>.arrow{display:none!important}
 html body #root .navbar-container .balance-container{position:relative!important;inset:auto!important;transform:none!important;order:10!important;flex:1 0 100%!important;width:100%!important;min-width:0!important;max-width:100%!important;height:44px!important;margin:2px 0 0!important;padding:0 0 0 12px!important;gap:8px!important;overflow:visible!important}
 html body #root .navbar-container .balance-hover{flex:1 1 0%!important;min-width:0!important;width:auto!important;justify-content:flex-start!important;font-size:14px!important}
 html body #root .navbar-container .robux{min-width:0;align-items:center!important;gap:7px!important;font-size:14px!important;white-space:nowrap}
 html body #root .navbar-container .robux p{margin:0!important}
 html body #root .navbar-container .coin{width:19px!important;height:19px!important;flex:0 0 19px!important;object-fit:contain}
 html body #root .navbar-container .deposit-button{height:42px!important;min-width:90px!important;width:auto!important;flex:0 0 90px!important;padding:0 12px!important;font-size:12px!important;box-sizing:border-box}
 html body #root .navbar-container .deposit-button img{width:18px!important;height:18px!important}
 html body #root .navbar-container .navbar-auth-actions{gap:4px!important}
 html body #root .navbar-container .navbar-auth-actions button{min-height:44px!important;padding:0 7px!important;font-size:11px!important}
 html body #root .navbar-container .account-menu,html body #root .navbar-container .notification-dropdown{position:fixed!important;top:62px!important;left:10px!important;right:10px!important;width:auto!important;min-width:0!important;max-width:none!important;max-height:calc(100dvh - 80px)!important;overflow-y:auto!important}
 html body #root :is(.mines-page,.tower-page,.keno-page,.dice-page,.bj-page,.plinko-page,.limbo-page){padding:12px!important;min-width:0!important;max-width:100%!important;box-sizing:border-box}
 html body #root :is(.mines-page,.tower-page,.keno-page,.dice-page,.bj-page,.plinko-page,.limbo-page,.slot-base-container,.wallet-page,.creator-panel,.aff-page,.cb-page) :is(input:not([type=checkbox]):not([type=range]),select,textarea){font-size:16px!important}
 html body #root .chat-shell :is(input,textarea){font-size:16px!important}
 html body #root .casino-home .original-tiles{gap:10px!important}
 html body #root .slot-base-container{padding:12px 10px 28px!important;min-width:0!important;max-width:100%!important;box-sizing:border-box}
 html body #root .slot-screen:not(.bg-slot-fullscreen){aspect-ratio:auto!important;height:min(65svh,600px)!important;min-height:280px!important}
 html body #root .slot-info{min-width:0!important;gap:8px!important;padding:10px!important;flex-wrap:wrap}
 html body #root .slot-info .title-container{flex:1 1 120px!important;min-width:0!important}
 html body #root .slot-info h1{font-size:14px!important;overflow-wrap:anywhere}
 html body #root .slot-info button.fullscreen{min-height:44px!important;font-size:12px!important}
 html body #root .original-game-footer{display:flex!important;flex-wrap:wrap!important;gap:8px!important;min-height:56px!important;padding:10px 12px!important}
 html body #root .original-game-footer .original-game-brand img{max-width:110px!important;height:auto!important}
 html body #root .navigation-sidebar{max-width:calc(100vw - 36px)!important;padding-bottom:env(safe-area-inset-bottom)!important}
 html body #root .sidebar-container{max-width:100vw!important;height:100dvh!important;padding-bottom:env(safe-area-inset-bottom)!important;box-sizing:border-box}
 body .wallet-overlay{padding:10px max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))!important;box-sizing:border-box}
 body .wallet-overlay .wallet-page{max-width:100%!important;max-height:calc(100dvh - 20px)!important;min-width:0!important;overflow-y:auto!important;box-sizing:border-box}
 body .wallet-overlay :is(input,select,textarea){font-size:16px!important}
}
@media(max-width:700px) and (orientation:landscape){html body #root .slot-screen:not(.bg-slot-fullscreen){height:70svh!important;min-height:200px!important}}
/* Keep the SAME iframe in the SAME DOM position: moving it would reload live play. */
html.bg-slot-fullscreen-open,html.bg-slot-fullscreen-open body{overflow:hidden!important;overscroll-behavior:none}
html.bg-slot-fullscreen-open .bg-slot-fullscreen-ancestor{transform:none!important;filter:none!important;backdrop-filter:none!important;perspective:none!important;contain:none!important;content-visibility:visible!important;isolation:auto!important;z-index:auto!important;overflow:visible!important}
html.bg-slot-fullscreen-open :is(.navbar-container,.navigation-sidebar,.sidebar-container,.bg-chat-reopen,.site-footer){visibility:hidden!important;pointer-events:none!important}
html.bg-slot-fullscreen-open body #root .slot-screen.bg-slot-fullscreen{position:fixed!important;z-index:2147483646!important;left:0!important;top:var(--slot-top,0px)!important;width:100%!important;max-width:none!important;height:var(--slot-height,100dvh)!important;min-height:0!important;margin:0!important;padding:calc(44px + env(safe-area-inset-top)) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)!important;aspect-ratio:auto!important;border:0!important;border-radius:0!important;background:#080c14!important;box-sizing:border-box!important;overflow:hidden!important;visibility:visible!important}
html.bg-slot-fullscreen-open .slot-screen.bg-slot-fullscreen>iframe{display:block!important;width:100%!important;height:100%!important;max-width:none!important;border:0!important;transform:none!important}
.bg-slot-fullscreen-exit{position:absolute;right:max(8px,env(safe-area-inset-right));top:env(safe-area-inset-top);height:44px;display:flex;align-items:center;gap:7px;padding:0 10px;border:0;background:#080c14;color:#efc965;font:600 12px Rubik,system-ui,sans-serif;cursor:pointer;z-index:2;touch-action:manipulation}
.bg-slot-fullscreen-exit svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.bg-slot-fullscreen-exit:focus-visible{outline:2px solid #efc965;outline-offset:-3px}