.gw-universal-nav{position:fixed;left:50%;bottom:max(10px,env(safe-area-inset-bottom));z-index:10000;transform:translate3d(-50%,0,0);width:max-content;max-width:calc(100vw - 12px);font-family:ui-monospace,Menlo,Consolas,system-ui,sans-serif;isolation:isolate;pointer-events:auto}
.gw-universal-nav__toggle{display:block;margin:0 auto;padding:.4rem .8rem;border:1px solid rgba(201,162,39,.45);border-radius:999px;background:rgba(7,7,8,.92);color:#e8c547;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.35)}
.gw-universal-nav__panel{display:none;width:min(46rem,calc(100vw - 16px));margin:.4rem auto 0;padding:.45rem;border:1px solid rgba(201,162,39,.34);border-radius:16px;background:rgba(6,6,8,.97);box-shadow:0 18px 60px rgba(0,0,0,.72);backdrop-filter:blur(18px);position:relative;left:50%;transform:translateX(-50%)}
.gw-universal-nav.open .gw-universal-nav__panel{display:block}
.gw-universal-nav__grid{position:relative;width:100%;aspect-ratio:12/5.2;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));overflow:visible}
.gw-universal-nav__grid>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}
.gw-universal-nav__grid>a{position:relative;z-index:1;display:block;min-width:0;min-height:0;text-decoration:none}
.gw-universal-nav__grid>a::before{content:"";position:absolute;inset:8%;border:1px solid transparent;border-radius:50%;transition:.16s}
.gw-universal-nav__grid>a::after{content:attr(data-label);position:absolute;left:50%;bottom:2%;transform:translate(-50%,6px);max-width:95%;padding:.12rem .28rem;border:1px solid rgba(201,162,39,.25);background:rgba(4,4,6,.94);color:#e8c547;font-size:.44rem;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;opacity:0;transition:.16s}
.gw-universal-nav__grid>a:hover::before,.gw-universal-nav__grid>a:focus-visible::before{border-color:rgba(232,197,71,.72);background:rgba(232,197,71,.07);box-shadow:0 0 18px rgba(201,162,39,.22)}
.gw-universal-nav__grid>a:hover::after,.gw-universal-nav__grid>a:focus-visible::after{opacity:1;transform:translate(-50%,0)}
.gw-universal-nav__grid>a:focus-visible{outline:2px solid #e8c547;outline-offset:-2px}
.gw-universal-nav__readout{padding:.35rem .3rem 0;text-align:center;color:#9a968c;font-size:.56rem;letter-spacing:.1em;text-transform:uppercase}
body{padding-bottom:max(72px,env(safe-area-inset-bottom))}
@media(max-width:720px){.gw-universal-nav{bottom:max(6px,env(safe-area-inset-bottom))}.gw-universal-nav__panel{width:calc(100vw - 10px);padding:.25rem}.gw-universal-nav__readout{font-size:.5rem}}