/* Czytelny wybór systemu i złoty znak partnerstwa PS Master. */
.topbar{
  z-index:40;
}

.platform-wrap{
  z-index:3;
}

.platform-menu{
  z-index:60;
}

.platform-menu button>span:last-child{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
  gap:3px;
}

.platform-menu button b,
.platform-menu button small{
  display:block;
  width:100%;
  line-height:1.35;
}

.platform-menu button b{
  font-size:1rem;
}

.platform-menu button small{
  white-space:normal;
  overflow-wrap:anywhere;
}

.nav-promise{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  gap:12px;
  min-height:36px;
  padding:5px 15px;
  border-color:#d2a53b;
  background:linear-gradient(120deg,#0a1b31 0%,#162846 48%,#0a1b31 100%);
  box-shadow:inset 0 1px #fff3bd42,inset 0 -1px #7d551a66,0 0 18px #d8aa3930;
}

.nav-promise::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-70% -30%;
  background:linear-gradient(105deg,transparent 42%,#fff5be40 49%,#fffbd875 50%,#fff5be40 51%,transparent 58%);
  transform:translateX(-55%);
  animation:masterEmblemSheen 5.8s ease-in-out infinite;
}

.nav-promise strong{
  color:#f4d878;
  background:linear-gradient(100deg,#aa731b 0%,#e6bd55 26%,#fff3a7 48%,#c98e27 72%,#f2d77d 100%);
  background-size:210% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  text-shadow:0 1px 12px #e8b84433;
  animation:masterTextGold 6.4s ease-in-out infinite;
}

.nav-laurel{
  width:28px;
  height:40px;
  flex:0 0 28px;
  object-fit:contain;
  filter:drop-shadow(0 0 5px #f7dc7b72) drop-shadow(0 2px 2px #4c2d0c99);
}

.nav-laurel-left{
  transform:rotate(-7deg);
}

.nav-laurel-right{
  transform:scaleX(-1) rotate(-7deg);
}

@keyframes masterEmblemSheen{
  0%,58%{transform:translateX(-55%)}
  78%,100%{transform:translateX(55%)}
}

@keyframes masterTextGold{
  0%,100%{background-position:0 50%}
  50%{background-position:100% 50%}
}

@media(max-width:740px){
  .platform-menu{
    max-height:calc(100vh - 92px);
    overflow-y:auto;
  }

  .nav-promise{
    width:min(100%,760px);
    justify-content:center;
    gap:9px;
    text-align:center;
  }
}

@media(max-width:480px){
  .nav-promise{
    padding-inline:10px;
    letter-spacing:.045em;
  }

  .nav-laurel{
    width:22px;
    height:32px;
    flex-basis:22px;
  }
}

@media(prefers-reduced-motion:reduce){
  .nav-promise::before,
  .nav-promise strong{
    animation:none;
  }
}