/* Great Pyramid in 3D inside the site frame: the site header on top, the bottom nav on phones, the model filling the space between */
html,body{height:100%}body.g3site{overflow:hidden;background:#07080b}
.g3site header.top{position:fixed!important;top:0;left:0;right:0;z-index:1000}
.g3site .g3main{top:var(--g3hh,64px);bottom:var(--g3bh,0px)}
.g3site .g3top{position:fixed;top:var(--g3hh,64px);height:52px;z-index:20;background:linear-gradient(rgba(7,8,11,.78),rgba(7,8,11,0))}
.g3site .g3top h1{margin:0;font:600 15px/1 ui-serif,Georgia,serif;letter-spacing:.02em;color:#ece6d8;opacity:.92;white-space:nowrap}
.g3site .g3panel{padding-top:52px}
.g3site .g3toast{bottom:calc(var(--g3bh,0px) + 22px)}
.g3site .g3lost{top:62px}
.g3site .g3pop{z-index:1100}
@media (max-width:899px){
 .g3site .g3top{height:48px}.g3site .g3top h1{font-size:13px;overflow:hidden;text-overflow:ellipsis;min-width:0}
 .g3site .g3panel{padding-top:0;max-height:calc(100% - 56px)}
 .g3site .g3comp{top:56px}.g3site .g3note{top:56px}
}

/* p5: the site Share button crowds the model title on phones; the model keeps its own share in the toolbar */
@media (max-width:899px){.g3site .nsh-btn,.g3site .g3top .nsh-btn,.g3site .nsh-end{display:none!important}}