.phone-launcher-heading,.phone-main-actions{display:none}
/* All four modes stay visible in a compact 2-by-2 launcher. */
html[data-view-mode=phone] #mainMenuRoot:has(.main-mode-grid){display:flex;flex-direction:column;gap:10px;overflow:hidden!important;padding:10px 14px 14px!important}
html[data-view-mode=phone] #mainMenuRoot:has(.main-mode-grid)>:not(.phone-launcher-heading):not(.main-mode-grid):not(.phone-main-actions){display:none!important}
html[data-view-mode=phone] .phone-launcher-heading{display:block;flex:none;padding:2px 2px 4px}html[data-view-mode=phone] .phone-launcher-heading>span{color:#c9f864;font-size:10px;font-weight:800;letter-spacing:2.5px}html[data-view-mode=phone] .phone-launcher-heading h1{font-size:27px!important;line-height:1.1!important;letter-spacing:-1px;margin:6px 0 0!important}
html[data-view-mode=phone] #mainMenuRoot .main-mode-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr));gap:10px!important;flex:1 1 0;min-height:0!important;margin:0!important;align-items:stretch}
html[data-view-mode=phone] #mainMenuRoot .main-mode-card{display:flex!important;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:16px 10px!important;gap:8px!important;min-height:0!important;border-radius:18px!important;overflow:hidden;transform:none!important}
html[data-view-mode=phone] #mainMenuRoot .main-mode-card>:is(.menu-eyebrow,p){display:none!important}html[data-view-mode=phone] #mainMenuRoot .main-mode-card>.mode-logo{height:60px!important;width:60px!important;flex:0 1 60px;min-height:26px;object-fit:contain;margin:0!important}html[data-view-mode=phone] #mainMenuRoot .main-mode-card h2{font-size:20px!important;line-height:1.1!important;letter-spacing:-.5px;margin:0!important;flex:none}html[data-view-mode=phone] #mainMenuRoot .main-mode-card>.btn{width:100%;min-height:40px!important;padding:8px 5px!important;font-size:11px!important;line-height:1.25;text-align:center;margin:0!important;flex:none}html[data-view-mode=phone] #mainMenuRoot .main-mode-card>button~button{display:none!important}
html[data-view-mode=phone] .phone-main-actions{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:7px;flex:none}html[data-view-mode=phone] .phone-main-actions .btn{font-size:11px;line-height:1.2;padding:10px 6px;min-height:44px!important;margin:0}
#phoneMainOptions{width:min(460px,calc(100vw - 24px));max-height:calc(100dvh - 32px);box-sizing:border-box;overflow:auto;padding:20px;border-radius:20px;background:#132330;border:1px solid #526d7f;color:#f1f8fb}#phoneMainOptions::backdrop{background:#000b;backdrop-filter:blur(4px)}.phone-options-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.phone-options-heading h2{margin:0;font-size:24px}.phone-options-heading .btn{padding:10px;font-size:12px}.phone-options-list{display:grid;gap:10px}.phone-options-list .btn{text-align:left;min-height:48px;font-size:13px}
@media(max-height:650px){html[data-view-mode=phone] #mainMenuRoot .main-mode-card{padding:10px 8px!important;gap:5px!important}html[data-view-mode=phone] #mainMenuRoot .main-mode-card>.mode-logo{width:40px!important;height:40px!important;flex-basis:40px}html[data-view-mode=phone] #mainMenuRoot .main-mode-card h2{font-size:18px!important}html[data-view-mode=phone] #mainMenuRoot .main-mode-card>.btn{min-height:36px!important;font-size:10px!important;padding:7px 4px!important}}
@media(max-height:450px) and (min-width:600px){html[data-view-mode=phone] #mainMenuRoot .main-mode-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:minmax(0,1fr)}html[data-view-mode=phone] .phone-launcher-heading h1{font-size:23px!important}html[data-view-mode=phone] #mainMenuRoot .main-mode-card h2{font-size:15px!important}}

@media(max-height:550px){html[data-view-mode=phone] .phone-launcher-heading h1{font-size:23px!important}html[data-view-mode=phone] #mainMenuRoot .main-mode-card>.mode-logo{width:32px!important;height:32px!important;flex-basis:32px;min-height:20px}html[data-view-mode=phone] #mainMenuRoot .main-mode-card h2{font-size:16px!important}html[data-view-mode=phone] #mainMenuRoot .main-mode-card>.btn{min-height:34px!important;padding:5px 3px!important}html[data-view-mode=phone] .phone-main-actions .btn{min-height:38px!important;padding:8px 4px;font-size:10px}}
@media(max-height:450px){html[data-view-mode=phone] #mainMenuRoot .main-mode-card>.mode-logo{display:none!important}html[data-view-mode=phone] #mainMenuRoot .main-mode-card{padding:7px!important}html[data-view-mode=phone] #mainMenuRoot .main-mode-card>.btn{min-height:30px!important}}