:root{--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--screen-height:100vh;--visible-height:var(--screen-height);--visible-top:0px;--viewport-bottom:0px;--header-height:79px;--nav-height:0px;--banner-height:0px}@supports(height:100dvh){:root{--screen-height:100dvh}}body{padding-inline:var(--safe-left) var(--safe-right)}.topbar{height:calc(74px + var(--safe-top));padding-top:var(--safe-top)}@media(max-width:767px){.topbar{height:calc(100px + var(--safe-top))}}.topbar.match-wizard-topbar,.topbar.welcome-topbar{height:calc(79px + var(--safe-top))}.topbar.player-home-topbar{height:calc(100px + var(--safe-top))}.bottom-nav{bottom:var(--viewport-bottom);padding-bottom:max(18px,var(--safe-bottom));width:calc(100% - var(--safe-left) - var(--safe-right));left:calc(50% + (var(--safe-left) - var(--safe-right))/2)}html{scroll-padding-bottom:calc(var(--nav-height) + var(--viewport-bottom) + 24px);scroll-padding-top:var(--safe-top)}body:has(.bottom-nav) main:not(.positions-main):after{content:"";display:block;height:var(--safe-bottom);flex-shrink:0}body .welcome-positions:not(.positions-embedded),body:has(.positions-editor):has(.view-banner) .positions-editor{height:calc(var(--visible-height) - var(--header-height) - var(--banner-height) - var(--nav-height));min-height:0;margin-bottom:0}.positions-main{min-height:0;padding-bottom:0}body .welcome-positions:not(.positions-embedded) .welcome-positions-scroll{min-height:0;overflow-y:auto}body .welcome-positions:not(.positions-embedded) .positions-action{position:static}.match-wizard-footer,.match-wizard-footer.review-footer,.player-editor-footer,.record-footer,.wizard-footer{bottom:calc(var(--nav-height) + var(--viewport-bottom))}.welcome-action{bottom:var(--viewport-bottom)}.match-result-screen>.notice{bottom:calc(var(--nav-height) + var(--viewport-bottom) + 12px)}dialog{overflow-y:auto;overscroll-behavior:contain;scroll-padding-block:16px}dialog,dialog.generation-dialog,dialog.welcome-dialog{max-height:calc(var(--visible-height) - var(--safe-top) - 24px)}dialog.generation-dialog,dialog.welcome-dialog{bottom:var(--viewport-bottom);max-width:calc(100% - var(--safe-left) - var(--safe-right));padding-bottom:max(24px,var(--safe-bottom))}dialog.pitch-fullscreen{inset:var(--visible-top) 0 auto;height:var(--visible-height);max-height:var(--visible-height);overflow-y:auto}.pitch-close{top:calc(var(--visible-top) + max(8px,var(--safe-top)));right:max(8px,var(--safe-right))}.pitch-fullscreen-content{padding-left:max(8px,var(--safe-left));padding-right:max(8px,var(--safe-right))}.match-result-screen .pitch-fullscreen .result-field{min-height:calc(var(--visible-height) - max(8px,var(--safe-top)) - max(8px,var(--safe-bottom)))}.topbar .account>div{max-height:calc(var(--visible-height) - var(--header-height) - 16px);overflow-y:auto}@supports(height:100svh){.access-main,.admin-home-main,.groups-main,.identity-main,.match-wizard,.ratings-main,.recovery-main,.welcome-identity{min-height:calc(100svh - var(--header-height))}}@media(max-height:550px){body .welcome-positions:not(.positions-embedded),body:has(.positions-editor):has(.view-banner) .positions-editor{height:auto;min-height:0}body .welcome-positions:not(.positions-embedded) .welcome-positions-scroll{overflow:visible}.positions-main{padding-bottom:calc(var(--nav-height) + var(--safe-bottom) + 24px)}}.match-wizard-main .match-wizard{min-height:0;margin-bottom:0}.match-wizard-main .match-wizard-content{min-height:0}.match-wizard-main .match-wizard-footer,.match-wizard-main .match-wizard-footer.review-footer{position:static;bottom:auto;padding-block:8px;margin-top:0}