/* KEYYORA V32 - standalone menu, intentionally no alm-gd* classes */

html.keym32-open,
body.keym32-open{
  overflow:hidden!important;
}

#keyyora-menu-shade-v32{
  position:fixed!important;
  inset:0!important;
  z-index:2147483500!important;
  background:rgba(2,7,16,.66)!important;
  backdrop-filter:blur(5px)!important;
  opacity:0!important;
  pointer-events:none!important;
  transition:opacity .2s ease!important;
}
#keyyora-menu-shade-v32.open{
  opacity:1!important;
  pointer-events:auto!important;
}

#keyyora-menu-v32{
  position:fixed!important;
  z-index:2147483501!important;
  top:0!important;
  left:0!important;
  bottom:0!important;
  width:min(86vw,360px)!important;
  display:flex!important;
  flex-direction:column!important;
  padding:max(18px,env(safe-area-inset-top)) 14px calc(18px + env(safe-area-inset-bottom))!important;
  border-right:1px solid rgba(105,136,197,.14)!important;
  background:
    radial-gradient(circle at 100% 0%,rgba(69,103,174,.12),transparent 30%),
    linear-gradient(180deg,#0b1424,#07101c 70%,#060d17)!important;
  box-shadow:24px 0 65px rgba(0,0,0,.45)!important;
  transform:translateX(-104%)!important;
  visibility:hidden!important;
  transition:transform .24s cubic-bezier(.22,.8,.2,1),visibility .24s!important;
  direction:rtl!important;
}
#keyyora-menu-v32.open{
  transform:translateX(0)!important;
  visibility:visible!important;
}

.keym32-head{
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr)!important;
  gap:11px!important;
  align-items:center!important;
  flex:0 0 auto!important;
}
.keym32-close{
  width:40px!important;
  height:40px!important;
  border-radius:13px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  background:rgba(255,255,255,.025)!important;
  color:#bdc8d8!important;
  font:inherit!important;
  font-size:22px!important;
}
.keym32-brand{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:9px!important;
  min-width:0!important;
}
.keym32-crown{
  color:#f1c45d!important;
  font-size:24px!important;
  text-shadow:0 0 13px rgba(241,196,93,.22)!important;
}
.keym32-brand b{
  display:block!important;
  color:#eff3f8!important;
  font-size:18px!important;
  letter-spacing:1.8px!important;
  line-height:1!important;
}
.keym32-brand small{
  display:block!important;
  margin-top:6px!important;
  color:#65738a!important;
  font-size:8px!important;
}

.keym32-line{
  height:1px!important;
  margin:16px 2px 13px!important;
  background:linear-gradient(90deg,transparent,rgba(108,139,194,.15),transparent)!important;
}

.keym32-nav{
  display:grid!important;
  gap:7px!important;
  overflow:auto!important;
  flex:1 1 auto!important;
  min-height:0!important;
  align-content:start!important;
  padding:0 1px 10px!important;
}

.keym32-item{
  width:100%!important;
  min-height:55px!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  padding:6px 9px 6px 11px!important;
  border:1px solid rgba(100,128,181,.10)!important;
  border-radius:15px!important;
  background:linear-gradient(145deg,rgba(16,27,49,.72),rgba(8,14,27,.82))!important;
  color:#b7c2d2!important;
  text-decoration:none!important;
  font:inherit!important;
  text-align:right!important;
  cursor:pointer!important;
  box-shadow:inset 0 1px rgba(255,255,255,.018)!important;
}
.keym32-item.active{
  color:#f0c45f!important;
  border-color:rgba(240,196,95,.18)!important;
  background:linear-gradient(145deg,rgba(55,45,26,.42),rgba(16,20,31,.88))!important;
}
.keym32-icon{
  width:38px!important;
  height:38px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.025)!important;
  border:1px solid rgba(255,255,255,.045)!important;
  color:inherit!important;
  font-size:15px!important;
}
.keym32-label{
  font-size:12px!important;
  font-weight:800!important;
  color:inherit!important;
}
.keym32-arrow{
  color:#596980!important;
  font-size:20px!important;
}
.keym32-soon{
  padding:4px 7px!important;
  border-radius:999px!important;
  background:rgba(236,190,86,.07)!important;
  color:#b99650!important;
  font-size:7.5px!important;
  font-weight:900!important;
}

.keym32-help{
  display:grid!important;
  gap:6px!important;
}
.keym32-help-main{
  appearance:none!important;
}
.keym32-help-main .keym32-arrow{
  transition:transform .18s ease!important;
}
.keym32-help.open .keym32-help-main .keym32-arrow{
  transform:rotate(-90deg)!important;
}
.keym32-help-sub{
  display:none!important;
  grid-template-columns:1fr 1fr!important;
  gap:6px!important;
  padding:7px!important;
  border:1px solid rgba(101,132,188,.09)!important;
  border-radius:13px!important;
  background:rgba(4,10,20,.48)!important;
}
.keym32-help.open .keym32-help-sub{
  display:grid!important;
}
.keym32-help-sub button{
  min-height:38px!important;
  padding:0 6px!important;
  border:1px solid rgba(105,137,194,.07)!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.018)!important;
  color:#94a2b5!important;
  font:inherit!important;
  font-size:9.5px!important;
  font-weight:700!important;
}

.keym32-foot{
  flex:0 0 auto!important;
  padding-top:12px!important;
  color:#29384e!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:4px!important;
  text-align:center!important;
}

.keym32-toast{
  position:fixed!important;
  z-index:2147483600!important;
  left:50%!important;
  bottom:95px!important;
  transform:translate(-50%,15px)!important;
  opacity:0!important;
  padding:10px 14px!important;
  border-radius:12px!important;
  border:1px solid rgba(109,143,205,.14)!important;
  background:#0d1829!important;
  color:#dbe4f1!important;
  font-size:10px!important;
  transition:.2s ease!important;
}
.keym32-toast.show{
  opacity:1!important;
  transform:translate(-50%,0)!important;
}