/* Stage 3.3 overrides only mobile layout and overlays. */
.app-header{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;padding-top:max(22px,env(safe-area-inset-top))}.app-header .brand{grid-column:2;min-width:0}.app-header [data-page=settings]{grid-column:3}.app-header #menuOpen{grid-column:1;grid-row:1;position:relative;z-index:4100}#menuOpen[hidden]{display:none!important}.brand b{font-size:clamp(16px,4.8vw,19px)}
body{padding-bottom:calc(110px + env(safe-area-inset-bottom));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}#enterForm input,#enterForm select,#enterForm button{width:100%;max-width:100%;box-sizing:border-box;min-height:46px}#enterForm select{font:inherit}#enterForm label{line-height:1.6}#channelConnectNotice{margin:24px 0 32px;line-height:1.6;font-size:12px;color:#9ca3af;overflow-wrap:anywhere}#lobbyScreen .room-list-box{margin-top:0}#enterForm{display:flow-root}.bottom-nav{padding-bottom:max(12px,env(safe-area-inset-bottom));box-sizing:border-box}.subpage{padding-bottom:20px}
.menu-overlay{z-index:4000;padding:0;max-width:none}.drawer{box-sizing:border-box;width:min(88vw,365px);height:100dvh;max-height:100dvh;padding:20px max(20px,env(safe-area-inset-left)) max(24px,env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain}.drawer-open{overflow:hidden}.drawer-brand{color:#e14953}.drawer button{min-height:44px}.drawer #menuSOS{color:#ed6d78}.drawer #menuLeave{color:#ed6d78}.drawer>button:not(.icon-button){display:block;width:100%;text-align:left;background:transparent;color:#d0d6dd;border:0;border-radius:8px;padding:17px 12px;font-size:13px}
.nav-dialog{position:fixed;inset:0;margin:auto;width:calc(100% - 28px);max-width:440px;max-height:calc(100dvh - 28px - env(safe-area-inset-top) - env(safe-area-inset-bottom));box-sizing:border-box;overflow-y:auto;background:#101419;color:#f3f3f3;border:1px solid #e14953;border-radius:14px;padding:20px;box-shadow:0 20px 80px #000a}.nav-dialog::backdrop{background:#000b}.nav-dialog h2{margin:0 36px 12px 0;font-size:19px}.nav-dialog label{display:flex;gap:12px;align-items:center;padding:14px 8px;min-height:44px}.nav-dialog input[type=radio]{width:20px;min-height:20px;accent-color:#e14953}.nav-dialog fieldset{border:1px solid #333b43;border-radius:8px;margin:14px 0;padding:6px}.nav-dialog button,.nav-panel button,.nav-panel select{min-height:44px;border-radius:8px;border:1px solid #48505a;background:#1b2027;color:#fff;padding:10px 12px;cursor:pointer;font:inherit}.nav-dialog .nav-primary{background:#c82e40;border-color:#e14953}.nav-close{position:absolute;right:10px;top:10px}.nav-dialog p{overflow-wrap:anywhere;line-height:1.6}.nav-dialog small,.nav-panel small{display:block;color:#a7afb8;line-height:1.6;margin:12px 0}.nav-dialog .nav-actions,.nav-panel .nav-actions{display:flex;gap:12px;flex-wrap:wrap}.nav-dialog a{display:inline-block;color:#f17d87;min-height:44px;padding:12px 0;margin-right:15px}.nav-panel select{width:100%;margin:12px 0}.nav-dialog [hidden]{display:none!important}.nav-dialog :focus-visible,.drawer :focus-visible{outline:2px solid #fff;outline-offset:3px}#navStatus,#navSettingsStatus{font-size:12px;line-height:1.6;color:#f19eaa}.nav-panel label{display:block;margin-top:12px}.nav-panel [hidden]{display:none}
@media(max-height:480px){.nav-dialog{max-height:calc(100dvh - 12px);padding:14px}.drawer{padding-top:8px}.drawer-brand{padding:15px 0}.drawer button[data-page],.drawer>button:not(.icon-button){padding:12px}}

/* STZero 3.3.1 readability and branding */
.app-header .radio-wordmark{display:flex;align-items:center;justify-content:center;gap:8px;color:#e14953;letter-spacing:1px}.radio-brand-mark{width:24px;height:24px;flex:0 0 24px}.panel p,.card p,.subpage p,.nav-panel p{line-height:1.75;margin-top:16px;margin-bottom:20px}.panel-label{line-height:1.6;margin-bottom:16px}.form-group{margin-bottom:24px}#enterForm label{margin-bottom:10px}.nav-dialog p{margin:18px 0 24px;line-height:1.75}.nav-dialog fieldset{margin:24px 0}.nav-dialog .nav-actions{margin:20px 0}.nav-dialog small{margin:20px 0;line-height:1.75}.nav-dialog strong{display:block;margin-top:24px;margin-bottom:12px}.team-command-panel{line-height:1.7}.ptt-btn{touch-action:manipulation}.ptt-btn::before{content:'TAP TO TALK'}.ptt-btn small{max-width:170px;line-height:1.6}
