/* Mobile composition: fixed two-row utility header and one bottom navigation. */
.wv-mobile-nav{display:none}
/* The U10 header has no horizontal padding; the earlier full-bleed offset
   would otherwise add 48px outside its width on desktop. */
html body .wv-shell .wv-top-navigation{width:100%;max-width:100%;margin-left:0;margin-right:0;box-sizing:border-box}
@media(max-width:650px),(max-width:1000px) and (max-height:500px){
 html body.wv-mobile-shell-ready{padding-top:var(--wv-shell-height,106px)!important;padding-bottom:calc(66px + env(safe-area-inset-bottom,0px))!important}
 html body.wv-mobile-shell-ready .wv-shell{position:fixed!important;inset:0 0 auto!important;display:block!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;padding:env(safe-area-inset-top,0px) 8px 4px!important;margin:0!important;z-index:1200!important;background:#fff!important;color:#292033!important;border-bottom:1px solid #e4ddec!important;box-shadow:0 3px 16px #24172f0c!important}
 html body.wv-mobile-shell-ready .wv-shell-top{display:grid!important;grid-template-columns:minmax(44px,1fr) repeat(4,44px)!important;grid-template-rows:44px 44px!important;gap:4px!important;padding:0!important;margin:0!important;width:100%!important;max-width:none!important;min-width:0!important;flex-wrap:nowrap!important}
 html body.wv-mobile-shell-ready .wv-shell-tools{display:contents!important}
 html body.wv-mobile-shell-ready .wv-shell-brand{grid-area:1/1;justify-self:start;margin:0!important;gap:4px!important;min-width:0!important;font-size:14px!important;letter-spacing:0!important}
 html body.wv-mobile-shell-ready .wv-shell-brand img{width:28px!important;height:28px!important;flex-basis:28px!important}
 html body.wv-mobile-shell-ready .wv-shell-brand .wv-brand-name{display:inline!important}
 html body.wv-mobile-shell-ready .wv-shell-top button{height:44px!important;min-height:44px!important;min-width:44px!important;max-width:100%!important;padding:8px!important;box-sizing:border-box!important}
 html body.wv-mobile-shell-ready .wv-mobile-search{grid-area:1/2;max-width:44px!important;background:#f7f4fb!important}
 html body.wv-mobile-shell-ready .wv-mobile-messages{grid-area:1/3}
 html body.wv-mobile-shell-ready .wv-mobile-notices{grid-area:1/4}
 html body.wv-mobile-shell-ready .wv-mobile-account{grid-area:1/5;width:44px!important;min-width:44px!important;font-size:11px!important;line-height:1.1!important;white-space:normal!important;padding:4px!important}
 html body.wv-mobile-shell-ready .wv-shell-search-label{display:none!important}
 html body.wv-mobile-shell-ready .wv-shell-voice{grid-area:2/1/3/3;width:100%!important;height:44px!important;justify-content:flex-start!important;padding:8px 10px!important;background:#f2eafb!important;border:1px solid #e3d6f2!important;border-radius:14px!important;font-size:12px!important}
 html body.wv-mobile-shell-ready .wv-shell-voice strong{display:inline!important;font-size:12px!important;font-weight:650!important}
 html body.wv-mobile-shell-ready .wv-shell-voice small{display:none!important}
 html body.wv-mobile-shell-ready .wv-u10-broadcasts{grid-area:2/3/3/6;display:grid!important;grid-template-columns:1fr 1fr!important;gap:5px!important;width:100%!important}
 html body.wv-mobile-shell-ready .wv-u10-broadcasts a{height:44px!important;min-height:44px!important;min-width:0!important;padding:6px!important;font-size:11px!important;justify-content:center!important}
 html body.wv-mobile-shell-ready .wv-shell .wv-top-navigation{display:none!important}
 html body.wv-mobile-shell-ready .wv-mobile-nav{position:fixed;inset:auto 0 0;z-index:1200;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;height:calc(66px + env(safe-area-inset-bottom,0px));padding:4px max(6px,env(safe-area-inset-right,0px)) max(4px,env(safe-area-inset-bottom,0px)) max(6px,env(safe-area-inset-left,0px));background:#fff;border-top:1px solid #dfd6e8;box-shadow:0 -3px 16px #24172f0a;box-sizing:border-box}
 .wv-mobile-nav a,.wv-mobile-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;min-height:48px;margin:0;padding:4px 1px;border:0;border-radius:12px;text-decoration:none;background:transparent;color:#51465e;font:500 10px/1.2 system-ui;cursor:pointer}
 .wv-mobile-nav svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
 .wv-mobile-nav [aria-current=page]{color:#ad244c;background:#fff0f5}
 .wv-mobile-nav a[href='/social-web']{background:#7651b6;color:white;margin:1px 4px}
 .wv-mobile-nav :focus-visible{outline:3px solid #9167ce;outline-offset:-3px}
 html body.wv-mobile-shell-ready.wv-keyboard-open .wv-mobile-nav{display:none}
 html body.wv-mobile-shell-ready .wv-shell-panel{z-index:1701}
 html body.wv-mobile-shell-ready .wv-shell-panel .wv-shell-panel-body>a{display:flex;align-items:center;gap:10px}
 html body.wv-mobile-shell-ready .wv-shell-panel .wv-shell-panel-body>a svg{width:22px;height:22px}
 html body.wv-mobile-shell-ready .wv-shell-panel .wv-top-links{display:grid;grid-template-columns:1fr 1fr;overflow:visible;gap:8px}
 html body.wv-mobile-shell-ready .wv-shell-panel .wv-top-link{white-space:normal;justify-content:flex-start;padding:12px;font-size:13px;min-height:52px;background:#f6f1fb;border:1px solid #e2d8ee}
 html body.wv-mobile-shell-ready .wv-shell-panel .wv-nav-icon{width:22px;height:22px;flex:0 0 22px;padding:0}
 html body.wv-mobile-shell-ready.stage-focus{padding-top:0!important}
 /* The fixed header is outside the studio grid. Keep main and status in
    their own rows inside the space between the two navigation bars. */
 html body.wv-mobile-shell-ready.studio-page{box-sizing:border-box;grid-template-rows:minmax(0,1fr) 42px!important}
 html body.wv-mobile-shell-ready.studio-page>main{grid-row:1;height:100%!important;min-height:0}
 html body.wv-mobile-shell-ready.studio-page>#status{grid-row:2;height:42px!important;position:static;overflow:auto}
}
@media(max-width:359px){html body.wv-mobile-shell-ready .wv-shell-brand .wv-brand-name{display:none!important}}

/* Main menu now opens from the upper left; the last dock item opens chats. */
.wv-main-menu[hidden]{display:none!important}
@media(max-width:650px),(max-width:1000px) and (max-height:500px){
html body.wv-mobile-shell-ready .wv-shell-top{grid-template-columns:40px minmax(36px,1fr) repeat(4,40px)!important;gap:2px!important}
html body.wv-mobile-shell-ready .wv-main-menu{grid-area:1/1;min-width:40px!important;background:transparent!important;color:inherit!important;border:0!important}
html body.wv-mobile-shell-ready .wv-main-menu svg{width:22px;height:22px}
html body.wv-mobile-shell-ready .wv-shell-brand{grid-area:1/2}
html body.wv-mobile-shell-ready .wv-mobile-search{grid-area:1/3}
html body.wv-mobile-shell-ready .wv-mobile-messages{grid-area:1/4}
html body.wv-mobile-shell-ready .wv-mobile-notices{grid-area:1/5}
html body.wv-mobile-shell-ready .wv-mobile-account{grid-area:1/6;min-width:40px!important;width:40px!important}
html body.wv-mobile-shell-ready .wv-shell-voice{grid-area:2/1/3/4}
html body.wv-mobile-shell-ready .wv-u10-broadcasts{grid-area:2/4/3/7}
}
@media(max-width:410px){html body.wv-mobile-shell-ready .wv-shell-brand .wv-brand-name{display:none!important}}

/* A story studio shortcut replaces My World in the mobile dock. */
.wv-u10-broadcasts .wv-mobile-world{display:none}
@media(max-width:650px),(max-width:1000px) and (max-height:500px){
 html body.wv-mobile-shell-ready .wv-shell-voice{grid-area:2/1/3/3}
 html body.wv-mobile-shell-ready .wv-u10-broadcasts{grid-area:2/3/3/7;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:3px!important}
 html body.wv-mobile-shell-ready .wv-u10-broadcasts a{flex-direction:column;gap:2px!important;padding:4px 2px!important;font-size:10px!important;white-space:nowrap}
 html body.wv-mobile-shell-ready .wv-u10-broadcasts svg{width:16px;height:16px}
 html body.wv-mobile-shell-ready .wv-u10-broadcasts .wv-mobile-world{display:flex;background:#f1eafb;color:#64418b;border-color:#d5c3ea}
 html body:is(.meydan-page,.wv-world-mobile).wv-mobile-shell-ready .wv-u10-broadcasts .wv-mobile-world{background:#262039;color:#dfc8ff;border-color:#514468}
}

/* R3: fixed dimensions also when a page/theme changes button positioning. */
html body .wv-shell .wv-shell-account{position:relative!important;isolation:isolate;overflow:hidden!important;max-width:44px!important;height:44px;min-height:44px;padding:3px!important;flex:none!important}
html body .wv-shell .wv-shell-account>img{position:static!important;display:block!important;inset:auto!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:cover!important;border-radius:50%!important}
@media(max-width:650px),(max-width:1000px) and (max-height:500px){
 html body.wv-mobile-shell-ready :is(#shell,#writing-header,#u10-header,#meydan-header).wv-shell{background:#20283c!important;border-color:#455371!important;box-shadow:0 4px 18px #0f172321!important;color:#f8faff!important}
 html body.wv-mobile-shell-ready :is(#shell,#writing-header,#u10-header,#meydan-header).wv-shell .wv-shell-top{grid-template-columns:44px minmax(36px,1fr) repeat(4,44px)!important;grid-template-rows:44px 44px!important;gap:4px!important;background:transparent!important}
 html body.wv-mobile-shell-ready :is(#shell,#writing-header,#u10-header,#meydan-header).wv-shell .wv-shell-top button{width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;min-height:44px!important;padding:9px!important;border:1px solid #4c5a78!important;background:#303c55!important;color:#f3f6ff!important;transform:none!important}
 html body.wv-mobile-shell-ready :is(#shell,#writing-header,#u10-header,#meydan-header).wv-shell .wv-shell-top .wv-main-menu{background:transparent!important;border-color:transparent!important}
 html body.wv-mobile-shell-ready :is(#shell,#writing-header,#u10-header,#meydan-header).wv-shell .wv-shell-brand{color:#fff!important;align-self:center;max-width:100%;overflow:hidden}
 html body.wv-mobile-shell-ready :is(#shell,#writing-header,#u10-header,#meydan-header).wv-shell .wv-shell-brand img{flex:0 0 28px!important;width:28px!important;height:28px!important;object-fit:contain}
 html body.wv-mobile-shell-ready :is(#shell,#writing-header,#u10-header,#meydan-header).wv-shell .wv-shell-brand .wv-brand-name{font-size:12px!important;letter-spacing:0!important}
 html body.wv-mobile-shell-ready :is(#shell,#writing-header,#u10-header,#meydan-header).wv-shell .wv-shell-top .wv-shell-voice{width:100%!important;max-width:none!important;padding:8px!important;font-size:11px!important;background:#383c61!important;border-color:#656b9e!important;gap:5px!important}
 html body.wv-mobile-shell-ready :is(#shell,#writing-header,#u10-header,#meydan-header).wv-shell .wv-shell-voice strong{font-size:11px!important;color:#f5f1ff!important}
 html body.wv-mobile-shell-ready :is(#shell,#writing-header,#u10-header,#meydan-header).wv-shell .wv-shell-voice svg{color:#c6b5ff!important;width:18px!important}
 html body.wv-mobile-shell-ready .wv-shell .wv-u10-broadcasts a{background:#303c55!important;color:#f4f5ff!important;border:1px solid #4c5a78!important;border-radius:12px!important}
 html body.wv-mobile-shell-ready .wv-shell .wv-u10-broadcasts a[aria-current=page]{background:#584592!important;border-color:#b39ae9!important}
 html body.wv-mobile-shell-ready .wv-shell .wv-u10-broadcasts a:not(.wv-mobile-world) svg{color:#ff9dbb!important}
 html body.wv-mobile-shell-ready.wv-mobile-shell-ready .wv-mobile-nav{background:#20283cf8!important;border-color:#455371!important;color:#e6eaf6!important}
 html body.wv-mobile-shell-ready.wv-mobile-shell-ready .wv-mobile-nav a{color:#e0e5f2!important}
 html body.wv-mobile-shell-ready.wv-mobile-shell-ready .wv-mobile-nav a[aria-current=page]{background:#514579!important;color:#fff!important}
 html body.wv-mobile-shell-ready.wv-mobile-shell-ready .wv-mobile-nav a[href='/social-web']{background:#7552bd!important;color:#fff!important}
 html body.wv-mobile-shell-ready :is(#shell,#writing-header,#u10-header,#meydan-header).wv-shell .wv-shell-account{width:44px!important;min-width:44px!important;padding:3px!important}
}