/* Shared menu design; based on PinPointr home menu. */
.pinpointr-shared-menu{--ink:#100522;--gold:#e1b24f;position:fixed;inset:0;margin:auto;width:min(520px,90vw);max-width:90vw;max-height:calc(100dvh - 26px);height:fit-content;overflow-y:auto;box-sizing:border-box;padding:28px;background:#fffdf4!important;border:5px solid #100522!important;outline:0;box-shadow:10px 10px 0 #e1b24f!important;color:#100522!important;z-index:10000;font-family:'Courier New',monospace;font-weight:900;letter-spacing:.015em;color-scheme:light}
.pinpointr-shared-menu::backdrop{background:rgba(4,17,30,.76)}
.pinpointr-shared-menu .dialog-kicker{font-size:10px;letter-spacing:.25em;color:#27b7d1;margin:4px 0 14px}
.pinpointr-shared-menu h2{margin:0 40px 14px 0;font-size:20px;letter-spacing:.08em;color:#100522!important;line-height:1.3;border:0;padding:0}
.pinpointr-shared-menu .menu-option{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;width:100%;margin:20px 0 0!important;padding:18px 48px 18px 18px!important;min-height:68px;text-align:left;background:#fff!important;border:4px solid #100522!important;box-shadow:5px 5px 0 #e1b24f!important;color:#100522!important;text-decoration:none!important;border-radius:0!important;line-height:1.3;letter-spacing:.05em;box-sizing:border-box;cursor:pointer;filter:none!important;transform:none;font:900 12px 'Courier New',monospace}
.pinpointr-shared-menu .menu-option:hover{transform:translate(2px,2px);box-shadow:3px 3px 0 #e1b24f!important}
.pinpointr-shared-menu .menu-option span{font-size:16px!important;font-weight:900;letter-spacing:.1em;color:#100522!important}
.pinpointr-shared-menu .menu-option small{grid-column:1;font-size:8px;color:#71717d!important;margin-top:5px;letter-spacing:.08em;font-weight:800}
.pinpointr-shared-menu .menu-option b{position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:30px;color:#100522}
.pinpointr-shared-menu .pinpointr-menu-close{position:absolute;right:14px;top:14px;width:34px;height:34px;min-width:34px;min-height:34px;padding:0;background:#17354c!important;border:3px solid #7ca4b9!important;box-shadow:3px 3px 0 #100522!important;color:#fff!important;font:800 20px 'Courier New',monospace;cursor:pointer;border-radius:0!important;line-height:1}
/* Same header markup, layout and button on Friends and My PinPointr. */
.pinpointr-subpage-header{width:100%!important;margin:0!important;display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;gap:14px!important;min-height:0!important;padding:14px 16px!important;background:linear-gradient(180deg,#07192b,#061322)!important;border:4px solid #0d1623!important;box-shadow:7px 7px 0 rgba(0,0,0,.28)!important;position:relative;z-index:1}
.pinpointr-subpage-header .logo-wrap{justify-self:center!important}
.pinpointr-subpage-header .logo{width:min(240px,36vw)!important;max-width:100%;height:auto;display:block;image-rendering:pixelated}
.pinpointr-subpage-header .nav-button{justify-self:start;display:inline-block;border:3px solid #6f93a8;background:#163149;box-shadow:3px 3px 0 #050e19;color:#ebf6ff;text-decoration:none;padding:10px 13px;font:800 11px 'Courier New',monospace;letter-spacing:.08em;white-space:nowrap}
.pinpointr-subpage-header .nav-button:hover{background:#214462}
.pinpointr-subpage-header .pinpointr-menu-button{justify-self:end!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:0!important;border:3px solid #7ca4b9!important;background:#17354c!important;box-shadow:3px 3px 0 #071a2e!important;border-radius:0!important;cursor:pointer}
.pinpointr-subpage-header .pinpointr-menu-button span{display:block;width:20px;height:3px;background:#fff;box-shadow:1px 1px 0 #071a2e;flex-shrink:0}
@media(max-width:520px){.pinpointr-shared-menu .menu-option{margin-top:12px!important;padding:12px 38px 12px 13px!important;min-height:60px}.pinpointr-shared-menu .menu-option span{font-size:13px!important}.pinpointr-subpage-header{gap:7px!important;padding:10px 9px!important}.pinpointr-subpage-header .nav-button{font-size:8px;padding:8px 5px}.pinpointr-subpage-header .logo{width:min(145px,31vw)!important}.pinpointr-subpage-header .pinpointr-menu-button{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important}}

/* One shared pixel hamburger button on Home, Account and Friends. */
.pinpointr-menu-button{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:0!important;border:3px solid #7ca4b9!important;background:#17354c!important;box-shadow:3px 3px 0 #071a2e!important;color:#fff!important;border-radius:0!important;cursor:pointer!important;box-sizing:border-box!important}
.pinpointr-menu-button>span{display:block!important;width:20px!important;height:3px!important;min-height:3px!important;flex:0 0 3px!important;background:#fff!important;box-shadow:1px 1px 0 #071a2e!important}
.pinpointr-menu-button:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 #071a2e!important}
@media(max-width:520px){.pinpointr-subpage-header .pinpointr-menu-button{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important}}