:root{
  --viewer-width:100vw;
  --viewer-height:100dvh;
  --viewer-center-x:50%;
  --viewer-center-y:50%;
  --background-scale:1;
  --background-x:50%;
  --background-y:50%;
  --machine-scale:1;
  --machine-x:50%;
  --machine-y:50%;
  --nav-width:min(46rem,56vw);
  --nav-x:50%;
  --nav-y:auto;
  --header-height:5.25rem;
  --footer-height:10.5rem;
  --layer-bg:0;
  --layer-atmosphere:10;
  --layer-machine:20;
  --layer-hud:30;
  --layer-controls:40;
  --layer-nav:50;
  --layer-utility:60;
  --layer-modal:70;
}
html.gateway-viewer-root,body.gateway-viewer{
  width:100%;
  height:100%;
  min-height:100%;
  margin:0;
  overflow:hidden;
  overscroll-behavior:none;
}
body.gateway-viewer{position:relative;background:#050506}
.gateway-global-bg{
  position:fixed;inset:0;z-index:var(--layer-bg);pointer-events:none;overflow:hidden;
}
.gateway-global-bg__image{
  position:absolute;left:var(--background-x);top:var(--background-y);
  width:calc(100% * var(--background-scale));height:calc(100% * var(--background-scale));
  transform:translate(-50%,-50%);background-position:center center;background-repeat:no-repeat;background-size:cover;
}
.gateway-global-bg__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,3,5,.14),rgba(3,3,5,.34))}
.gateway-global-shell{position:relative;z-index:var(--layer-hud);width:var(--viewer-width);height:var(--viewer-height);display:grid;grid-template-rows:var(--header-height) minmax(0,1fr) var(--footer-height);overflow:hidden}
.gateway-global-header{position:relative;z-index:var(--layer-hud);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:.45rem 1rem;border-bottom:1px solid rgba(201,162,39,.22);background:rgba(5,5,6,.72);backdrop-filter:blur(8px)}
.gateway-global-header__crumb{position:absolute;left:.8rem;top:.35rem;font-size:.52rem;letter-spacing:.12em;color:#e8c547;text-transform:uppercase}
.gateway-global-cell{text-align:center;min-width:0}
.gateway-global-cell em{display:block;font-style:normal;font-size:.46rem;letter-spacing:.2em;color:#876fa5;text-transform:uppercase}
.gateway-global-cell strong{display:block;margin-top:.12rem;font-size:.78rem;letter-spacing:.12em;color:#e8c547;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gateway-global-cell small{display:block;font-size:.42rem;letter-spacing:.16em;color:#706b63;text-transform:uppercase}
.gateway-global-stage{position:relative;z-index:var(--layer-machine);min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center}
.gateway-global-content{position:relative;z-index:var(--layer-controls);width:100%;height:100%;min-width:0;min-height:0;overflow:hidden}
.gateway-global-footer{position:relative;z-index:var(--layer-utility);min-height:0;border-top:1px solid rgba(201,162,39,.22);background:rgba(5,5,6,.82);backdrop-filter:blur(8px)}
.gateway-global-utility{position:absolute;left:1rem;right:1rem;bottom:.5rem;display:flex;justify-content:space-between;align-items:center;z-index:var(--layer-utility);font-size:.52rem;letter-spacing:.12em;text-transform:uppercase}
.gateway-global-utility a{color:#9d9a91;text-decoration:none}.gateway-global-utility a:hover{color:#e8c547}
.gateway-global-missing{display:grid;place-items:center;width:min(34rem,80vw);min-height:10rem;border:1px dashed rgba(232,197,71,.34);background:rgba(5,5,6,.72);color:#c6b36b;text-align:center;padding:1rem;letter-spacing:.08em}
.gateway-viewer .gw-universal-nav{z-index:var(--layer-nav)}
.gateway-viewer .gw-universal-nav__panel{z-index:var(--layer-nav)}
.gateway-viewer [role="dialog"],.gateway-viewer .modal,.gateway-viewer .overlay{z-index:var(--layer-modal)}
@media(max-width:899px){
  :root{--header-height:4.5rem;--footer-height:4.75rem;--nav-width:calc(100vw - 12px)}
  .gateway-global-header{padding:.35rem .4rem}
  .gateway-global-header__crumb{display:none}
  .gateway-global-cell em,.gateway-global-cell small{font-size:.38rem}
  .gateway-global-cell strong{font-size:.64rem}
  .gateway-global-utility{display:none}
}