.mobile-menu-toggle{display:none}.mobile-navigation{position:fixed;inset:0 0 0 auto;margin:0;height:100dvh;max-height:100dvh;width:min(340px,88vw);max-width:100vw;overflow-y:auto;overscroll-behavior:contain;padding:28px 24px;border:0;border-left:1px solid #6cff9544;background:#081810;color:#edfff3;box-shadow:-20px 0 80px #0009}.mobile-navigation[open]{display:flex;flex-direction:column;gap:20px;animation:nav-slide .23s ease-out}.mobile-navigation::backdrop{background:#0009}.mobile-navigation img{width:115px;margin:10px 0 24px;flex-shrink:0}.mobile-navigation a{flex-shrink:0;color:#edfff3;text-decoration:none;border-bottom:1px solid #aaff6922;padding:15px 0;font:700 15px/1.5 "Segoe UI",sans-serif}.menu-close{align-self:flex-end;flex-shrink:0;background:#173322;border:1px solid #6cff9544;color:white;border-radius:6px;padding:9px 13px;cursor:pointer}@keyframes nav-slide{from{transform:translateX(100%)}to{transform:translateX(0)}}@media(max-width:850px),(pointer:coarse){.mobile-menu-toggle{display:block;position:fixed;right:max(12px,env(safe-area-inset-right));top:max(14px,env(safe-area-inset-top));z-index:40;width:42px;height:42px;padding:0;border:1px solid #6cff9566;border-radius:7px;background:#11271f;color:white;font-size:23px;cursor:pointer}.site-header nav,.site-header>.staff-link{display:none}.site-header{height:115px!important}.toolbar{margin-right:52px}.brand img{max-width:68px}body{overflow-x:hidden}.public-standings td:nth-child(2){max-width:initial;white-space:normal;overflow-wrap:anywhere}.public-groups{align-items:start}.public-round{min-width:225px}}
body.app-fullscreen{min-height:100dvh}body.app-fullscreen .intro,body.app-fullscreen .privacy,body.app-fullscreen details{display:none}body.app-fullscreen main{padding-top:8px}body.app-fullscreen header{padding-top:max(6px,env(safe-area-inset-top));padding-bottom:6px}body.app-fullscreen .arena{min-height:65dvh}body.app-fullscreen #screen-note{font-size:10px}body.app-fullscreen .brand img{height:32px!important}
@media(orientation:landscape) and (max-height:600px){.mobile-menu-toggle{top:5px;width:34px;height:34px}.toolbar{margin-right:44px}.brand img{height:30px!important}body.app-fullscreen .arena{min-height:0}.mobile-navigation{padding:12px 25px;gap:4px}.mobile-navigation img{width:65px;margin:0}.mobile-navigation a{padding:9px 0}}
@media(prefers-reduced-motion:reduce){.mobile-navigation[open]{animation:none}}

/* Scoreboard focus mode: keep controls within the safe screen area. */
#exit-fullscreen{position:fixed;z-index:200;right:max(8px,env(safe-area-inset-right));top:max(8px,env(safe-area-inset-top));width:44px;height:44px;padding:0;border:1px solid #ffffff70;border-radius:50%;background:#101725df;color:white;font-size:27px;line-height:1}
#exit-fullscreen[hidden]{display:none}
body.app-fullscreen header,body.app-fullscreen .mobile-menu-toggle,body.app-fullscreen #screen-note{display:none}
body.app-fullscreen main{min-height:100dvh;max-width:none;padding:max(52px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));display:flex;flex-direction:column;justify-content:center}
body.app-fullscreen .arena{flex:1;min-height:0}
body.app-fullscreen .match-controls{flex-shrink:0}
#install-help{max-width:720px;margin:16px auto;color:#c0d4e4;line-height:1.6}
@media(orientation:landscape) and (max-height:600px){body.app-fullscreen main{padding-top:max(8px,env(safe-area-inset-top));padding-right:max(54px,env(safe-area-inset-right))}body.app-fullscreen .player output{font-size:clamp(72px,44dvh,220px)}body.app-fullscreen .player{min-width:0}}

.mobile-navigation .menu-social{display:flex;gap:10px;align-items:center}.mobile-navigation .menu-social a{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;padding:0;border:1px solid #579fe280;border-radius:9px;background:#111d33;color:#dcefff}.menu-social svg{width:22px;height:22px}.mobile-navigation .menu-social a:hover,.mobile-navigation .menu-social a:focus-visible{color:#83cbff;border-color:#55bdff;outline-offset:3px}
