:root{
  --nirvana-light:#ffd45f;
  --nirvana-dark:#9986ff;
}

body[data-page="nirvana-simulator"] .footer{
  margin-top:15px;
}

#nirvana-items-section{
  scroll-margin-top:90px;
}

.nirvana-catalog-heading{
  align-items:center;
}

.nirvana-side-switch{
  display:flex;
  gap:5px;
  padding:4px;
  border:1px solid rgba(120,169,255,.2);
  border-radius:999px;
  background:rgba(8,14,24,.78);
}

.nirvana-side-btn{
  min-width:105px;
  padding:8px 16px;
  border:0;
  border-radius:999px;
  background:transparent;
  color:#9daac0;
  cursor:pointer;
  font:inherit;
  font-size:12px;
  font-weight:850;
  transition:background .16s ease,color .16s ease,box-shadow .16s ease;
}

.nirvana-side-btn:hover,
.nirvana-side-btn:focus-visible{
  color:#fff;
  outline:none;
}

.nirvana-side-btn.is-selected[data-side-id="light"]{
  background:linear-gradient(135deg,#d79925,#ffca4e);
  color:#1b1305;
  box-shadow:0 0 16px rgba(255,193,61,.26);
}

.nirvana-side-btn.is-selected[data-side-id="dark"]{
  background:linear-gradient(135deg,#5840b8,#846eff);
  color:#fff;
  box-shadow:0 0 16px rgba(125,101,255,.3);
}

.nirvana-side-btn:disabled{
  cursor:wait;
  opacity:.55;
}

.nirvana-item-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(60px,72px));
  justify-content:start;
  gap:10px;
}

.nirvana-item-wrap{
  position:relative;
  min-width:0;
}

.nirvana-item-card{
  display:grid;
  width:100%;
  aspect-ratio:1;
  place-items:center;
  padding:10px;
  border:1px solid #30364d;
  border-radius:13px;
  background:linear-gradient(160deg,#1b2231,#121724);
  color:var(--text);
  cursor:pointer;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}

.nirvana-item-card:hover,
.nirvana-item-card:focus-visible{
  transform:translateY(-2px);
  border-color:rgba(120,169,255,.9);
  box-shadow:0 9px 24px rgba(0,0,0,.3),0 0 18px rgba(120,169,255,.16);
  outline:none;
}

.nirvana-item-card.is-selected{
  border-color:var(--r8-stat);
  box-shadow:0 0 0 2px rgba(120,169,255,.2),0 9px 24px rgba(0,0,0,.28);
}

.nirvana-item-card:disabled{
  cursor:wait;
  opacity:.62;
}

.nirvana-item-card img{
  display:block;
  width:42px;
  height:42px;
  image-rendering:auto;
}

.nirvana-item-wrap .r8-info-btn{
  top:auto;
  right:4px;
  bottom:4px;
  width:23px;
  height:23px;
  transform:none;
  font-size:11px;
}

.nirvana-current-layout{
  display:grid;
  min-height:556px;
  padding:16px;
  place-items:center;
}

.nirvana-current-layout .r8-gear-option{
  width:min(430px,100%);
  height:auto;
}

.r8-result-panel.is-compact-single{
  min-height:0;
}

.r8-result-panel.is-compact-single .nirvana-current-layout{
  min-height:0;
  place-items:start center;
}

.r8-result-panel.is-compact-single .r8-initial-item-layout{
  min-height:0;
}

.r8-result-panel.is-compact-single .r8-initial-craft-loading{
  min-height:374px;
}

@media(max-width:560px){
  .nirvana-catalog-heading{
    display:flex;
    align-items:flex-start;
  }

  .nirvana-side-switch{
    width:100%;
    margin-top:12px;
  }

  .nirvana-side-btn{
    min-width:0;
    flex:1;
  }

  .nirvana-item-grid{
    grid-template-columns:repeat(auto-fill,minmax(50px,1fr));
    gap:7px;
  }

  .nirvana-item-card{
    max-width:62px;
    padding:7px;
  }

  .r8-result-panel.is-compact-single .r8-initial-craft-loading{
    min-height:366px;
  }

  .nirvana-item-card img{
    width:38px;
    height:38px;
  }

  .nirvana-current-layout{
    min-height:438px;
    padding:12px;
  }
}

@media(prefers-reduced-motion:reduce){
  .nirvana-item-card,
  .nirvana-side-btn{
    transition:none;
  }
}