/** Shopify CDN: Minification failed

Line 8:18 Unexpected "{"
Line 8:27 Expected ":"
Line 8:34 Unexpected "{"

**/
#shopify-section-{{ section.id }} {
  margin: 0;
}

#MainContent {
  margin-top: 0;
}

#nw-pack-den,
#nw-pack-den * {
  box-sizing: border-box;
}

.nw-pack-den {
  position: relative;
  min-height: calc(100vh - 88px);
  padding: clamp(16px, 3vw, 34px) 14px 48px;
  overflow: hidden;
  isolation: isolate;
  color: #f6f4ea;
  font-family: Arial, Helvetica, sans-serif;
}

.nw-pack-den__video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -3;
  pointer-events: none;
}

.nw-pack-den__overlay {
  position: absolute;
  inset: 0;
  z-index: -2;
  background:
    radial-gradient(circle at 14% 10%, rgba(166, 216, 137, .16), transparent 30%),
    radial-gradient(circle at 88% 18%, rgba(255, 255, 255, .14), transparent 24%),
    linear-gradient(180deg, rgba(7, 16, 11, .24), rgba(5, 13, 9, .68));
}

.nw-pack-den__inner {
  width: min(1180px, 100%);
  margin: 0 auto;
  display: grid;
  gap: 18px;
}

#nw-pack-den.nw-pack-den--checking-auth .nw-pack-den__inner {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

#nw-pack-den .nw-den-auth-loading {
  width: min(520px, calc(100% - 40px));
  min-height: 220px;
  margin: clamp(80px, 16vh, 180px) auto;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 10px;
  padding: 34px;
  border-radius: 30px;
  background:
    radial-gradient(circle at 100% 0%, rgba(150,236,108,.15), transparent 34%),
    linear-gradient(180deg, rgba(250,248,241,.96), rgba(237,233,222,.96));
  border: 1px solid rgba(19,32,24,.10);
  box-shadow: 0 26px 80px rgba(13,24,18,.16);
  color: #132018;
  text-align: center;
}

#nw-pack-den .nw-den-auth-loading span {
  color: #9b7b43;
  font-family: Arial, Helvetica, sans-serif;
  font-size: .72rem;
  font-weight: 950;
  letter-spacing: .18em;
  line-height: 1;
  text-transform: uppercase;
}

#nw-pack-den .nw-den-auth-loading strong {
  color: #132018;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2rem, 5vw, 3.25rem);
  line-height: .98;
  letter-spacing: -.055em;
}

#nw-pack-den:not(.nw-pack-den--checking-auth) .nw-den-auth-loading {
  display: none;
}
.nw-combined-modal-card {
  max-width: 1180px;
}

.nw-combined-modal-card > .nw-modal-head h3 {
  color: #18221c;
}

.nw-combined-modal-card > #nw-combined-panel-wolves > .nw-modal-copy,
.nw-combined-modal-card .nw-owned-panel > .nw-modal-copy {
  color: #4b6053;
}

.nw-combined-modal-card > #nw-combined-panel-shop .nw-shop-head .nw-modal-copy {
  color: #ffffff;
}

.nw-combined-modal-card .nw-wolf-list-panel h4,
.nw-combined-modal-card .nw-owned-panel h4 {
  color: #18221c;
}

.nw-combined-tabs {
  margin: 4px 0 18px;
}

.nw-modal-head--combined {
  align-items: flex-start;
  gap: 18px;
}

.nw-combined-modal-head-right {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 14px;
}

.nw-den-summary__inventory--modal {
  display: grid;
  grid-template-columns: repeat(2, minmax(118px, 1fr));
  gap: 10px;
}

.nw-den-summary__inventory--modal .nw-den-summary__inventory-pill {
  padding: 12px 14px;
  border-radius: 18px;
  background: rgba(18,32,25,.08);
  border: 1px solid rgba(18,32,25,.14);
}

.nw-den-summary__inventory--modal .nw-den-summary__inventory-label {
  display: block;
  color: #4b6053;
  font-size: .66rem;
  font-weight: 950;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.nw-den-summary__inventory--modal .nw-den-summary__inventory-value {
  display: block;
  margin-top: 8px;
  color: #18221c;
  font-size: 1.2rem;
  line-height: 1;
  font-weight: 950;
}

.nw-store-owned-copy {
  margin-top: 10px;
  font-size: .88rem;
  font-weight: 700;
  color: #4b6053;
}

.nw-wolf-shop-stats {
  margin: 12px 0 14px;
  padding: 12px;
  border-radius: 16px;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(16,27,20,.12);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.55);
}

.nw-wolf-shop-stats__title {
  margin-bottom: 10px;
  color: #101b14;
  font-size: .72rem;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .09em;
}

.nw-wolf-shop-stat {
  display: grid;
  gap: 5px;
  margin-bottom: 8px;
}

.nw-wolf-shop-stat__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  color: #18221c;
  font-size: .76rem;
  font-weight: 800;
}

.nw-wolf-shop-stat__top span {
  color: rgba(16,27,20,.72);
}

.nw-wolf-shop-stat__top strong {
  color: #101b14 !important;
  font-size: .8rem;
  font-weight: 950;
}

.nw-wolf-shop-stat__bar {
  height: 6px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(16,27,20,.14);
}

.nw-wolf-shop-stat__bar span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #5f8f19, #96ec6c);
  box-shadow: 0 0 12px rgba(150,236,108,.36);
}

.nw-wolf-shop-stat-pair {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  margin-top: 10px;
}

.nw-wolf-shop-stat-pair span,
.nw-wolf-shop-stat-note,
.nw-wolf-shop-stats-empty {
  color: rgba(16,27,20,.76) !important;
  font-size: .72rem;
  font-weight: 800;
  line-height: 1.35;
}

.nw-wolf-shop-stat-pair span {
  padding: 7px 8px;
  border-radius: 10px;
  background: rgba(16,27,20,.07);
  text-align: center;
}

.nw-wolf-shop-stat-note {
  margin-top: 8px;
  font-style: italic;
}

.nw-wolf-shop-card.is-locked {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,255,255,.22), transparent 46%),
    linear-gradient(180deg, rgba(20,29,24,.94), rgba(7,12,9,.96)) !important;
  border-color: rgba(255,255,255,.13) !important;
  box-shadow: 0 18px 38px rgba(0,0,0,.28);
}

.nw-wolf-shop-card.is-locked > strong {
  color: rgba(255,255,255,.92) !important;
  letter-spacing: .02em;
}

.nw-wolf-shop-card.is-locked .nw-slot,
.nw-wolf-shop-card.is-locked .nw-store-owned-copy,
.nw-wolf-shop-card.is-locked .nw-price {
  color: rgba(255,255,255,.72) !important;
}

.nw-wolf-shop-locked-preview {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 180px;
  margin-bottom: 12px;
  border-radius: 18px;
  overflow: hidden;
  background:
    radial-gradient(circle at center, rgba(150,236,108,.18), transparent 52%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  border: 1px solid rgba(255,255,255,.1);
}

.nw-wolf-shop-locked-preview::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, transparent, rgba(255,255,255,.08), transparent);
  transform: translateX(-120%);
  animation: nwLockedWolfSweep 3.4s ease-in-out infinite;
}

.nw-wolf-shop-locked-preview img {
  width: min(72%, 190px);
  max-height: 170px;
  object-fit: contain;
  filter: brightness(0) contrast(1.35) drop-shadow(0 16px 24px rgba(0,0,0,.55));
  opacity: .58;
  transform: scale(.94);
}

.nw-wolf-shop-lock-badge {
  position: absolute;
  top: 12px;
  left: 12px;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(0,0,0,.48);
  border: 1px solid rgba(255,255,255,.16);
  color: #fff;
  font-size: .72rem;
  font-weight: 950;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.nw-wolf-shop-lock-copy {
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  padding: 10px;
  border-radius: 14px;
  background: rgba(0,0,0,.48);
  border: 1px solid rgba(255,255,255,.12);
  text-align: center;
}

.nw-wolf-shop-lock-copy strong,
.nw-wolf-shop-lock-copy span {
  display: block;
  color: #fff !important;
}

.nw-wolf-shop-lock-copy strong {
  font-size: .8rem;
  font-weight: 950;
}

.nw-wolf-shop-lock-copy span {
  margin-top: 3px;
  font-size: .72rem;
  color: rgba(255,255,255,.72) !important;
  font-weight: 750;
}

.nw-wolf-shop-locked-stats {
  margin: 12px 0 14px;
  padding: 14px;
  border-radius: 16px;
  background: rgba(255,255,255,.07);
  border: 1px dashed rgba(255,255,255,.18);
  color: rgba(255,255,255,.76) !important;
  font-size: .78rem;
  font-weight: 900;
  text-align: center;
  letter-spacing: .04em;
  text-transform: uppercase;
}

@keyframes nwLockedWolfSweep {
  0% { transform: translateX(-120%); }
  42%, 100% { transform: translateX(120%); }
}
.nw-stat--rank-with-progress {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.nw-rank-progress-inline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  flex-wrap: wrap;
}
.nw-rank-progress-inline__text {
  flex: 1 1 260px;
  min-width: 0;
  text-align: right;
  font-size: 1rem;
  line-height: 1.35;
  color: rgba(242,246,240,.88);
}
.nw-glass {
  border: 1px solid rgba(205,255,219,.14);
  background:
    linear-gradient(115deg, rgba(19,45,28,.74) 0%, rgba(8,24,17,.60) 36%, rgba(30,53,40,.44) 100%);
  border-radius: 30px;
  box-shadow:
    0 24px 60px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.06);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
.nw-pack-den__hero {
  padding: 22px 26px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
}

#nw-den-hero[hidden] {
  display: none !important;
}
.nw-pack-den__hero h1 {
  margin: 0 0 6px;
  font-size: 3rem;
  line-height: 1;
  color: #fff;
}
.nw-pack-den__hero p {
  margin: 0;
  font-size: 1.05rem;
  color: #d3dfd2;
}
.nw-pack-den__pill {
  border-radius: 999px;
  padding: 14px 20px;
  border: 1px solid rgba(205,255,219,.16);
  background: rgba(11,28,20,.46);
  color: #dce9dc;
  white-space: nowrap;
}
.nw-archive-shell {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto 20px;
}

.nw-archive-toggle {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 14px;
  justify-content: space-between;
  border: 1px solid rgba(255,255,255,.12);
  background:
    linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,.04)),
    rgba(10, 16, 14, .72);
  color: #f2f6f0;
  border-radius: 22px;
  padding: 16px 18px;
  cursor: pointer;
  box-shadow: 0 18px 60px rgba(0,0,0,.28);
  backdrop-filter: blur(16px);
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.nw-archive-toggle:hover {
  transform: translateY(-1px);
  border-color: rgba(255,255,255,.2);
  box-shadow: 0 22px 70px rgba(0,0,0,.34);
}

.nw-archive-toggle__icon {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  flex: 0 0 42px;
  font-size: 18px;
  background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.22), rgba(255,255,255,.06));
  border: 1px solid rgba(255,255,255,.14);
}

.nw-archive-toggle__text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 1 auto;
  text-align: left;
}

.nw-archive-toggle__text strong {
  font-size: 1rem;
  line-height: 1.2;
}

.nw-archive-toggle__text small {
  color: rgba(242,246,240,.72);
  font-size: .82rem;
  margin-top: 3px;
}

.nw-archive-toggle__chevron {
  font-size: 18px;
  opacity: .88;
  transition: transform .18s ease;
}

.nw-archive-toggle.is-open .nw-archive-toggle__chevron {
  transform: rotate(180deg);
}

.nw-archive-panel {
  margin-top: 0;
  border-radius: 34px;
  padding: clamp(22px, 3vw, 36px);
  border: 1px solid rgba(255,255,255,.12);
  background:
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.04)),
    rgba(8, 13, 11, .82);
  box-shadow: 0 18px 60px rgba(0,0,0,.28);
}

.nw-archive-panel__head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 18px;
  margin-bottom: 18px;
}

.nw-archive-panel__eyebrow {
  display: inline-block;
  margin-bottom: 12px;
  color: rgba(255,255,255,.82);
  font-family: Arial, Helvetica, sans-serif;
  font-size: .72rem;
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.nw-archive-panel__head h3 {
  margin: 0 0 10px;
  color: #ffffff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2rem, 3.4vw, 3.4rem);
  line-height: .95;
  letter-spacing: -.045em;
}

.nw-archive-panel__head p {
  max-width: 980px;
  margin: 0;
  color: #ffffff !important;
  font-size: clamp(1rem, 1.2vw, 1.13rem);
  line-height: 1.55;
  font-weight: 400;
}

.nw-archive-panel__head p strong {
  color: #ffffff;
  font-weight: 950;
}

.nw-archive-panel__note {
  margin-top: 10px;
  color: #ffffff !important;
  font-size: .96rem;
}

.nw-archive-toolbar {
  margin-bottom: 14px;
}

#nw-archive-search {
  width: 100%;
  min-height: 48px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  color: #f2f6f0;
  padding: 0 14px;
  outline: none;
}
.nw-inline-field-error{
  margin-top:8px;
  color:#ff4d4f;
  font-size:13px;
  line-height:1.35;
  font-weight:700;
}
#nw-archive-search::placeholder {
  color: rgba(242,246,240,.48);
}

#nw-archive-search:focus {
  border-color: rgba(188, 215, 188, .55);
  box-shadow: 0 0 0 4px rgba(188, 215, 188, .10);
}

.nw-archive-status {
  color: rgba(66,83,72,.82);
  font-size: .92rem;
  font-weight: 700;
  margin-bottom: 10px;
}

.nw-archive-list {
  display: grid;
  gap: 18px;
}

.nw-archive-item {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  gap: 18px;
  align-items: stretch;
  border: 1px solid rgba(170, 214, 166, .16);
  background:
    linear-gradient(135deg, rgba(255,255,255,.05), rgba(255,255,255,.03)),
    rgba(255,255,255,.04);
  border-radius: 24px;
  padding: 16px;
  overflow: hidden;
  transition: border-color .18s ease, background .18s ease, transform .18s ease, box-shadow .18s ease;
}

.nw-archive-item:hover {
  border-color: rgba(170, 214, 166, .28);
  background:
    linear-gradient(135deg, rgba(255,255,255,.07), rgba(255,255,255,.04)),
    rgba(255,255,255,.05);
  transform: translateY(-2px);
  box-shadow: 0 18px 40px rgba(0,0,0,.14);
}

.nw-archive-item__media-wrap {
  min-width: 0;
}

.nw-archive-item__media-link {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
}

.nw-archive-item__media {
  width: 100%;
  height: 100%;
  min-height: 190px;
  max-height: 220px;
  object-fit: cover;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.05);
  box-shadow:
    0 14px 28px rgba(0,0,0,.18),
    0 0 0 1px rgba(255,255,255,.03) inset;
}

.nw-archive-item__media--fallback {
  background:
    radial-gradient(circle at top left, rgba(122, 214, 141, .20), transparent 25%),
    linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
}

.nw-archive-item__content {
  display: grid;
  align-content: start;
  gap: 10px;
  min-width: 0;
  padding: 6px 2px 4px 0;
}

.nw-archive-item__topline {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.nw-archive-item__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  font-size: .78rem;
  color: #425348;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 900;
}

.nw-archive-item__label {
  display: inline-flex;
  align-items: center;
  padding: 6px 10px;
  border-radius: 999px;
  background: #18221c;
  color: #ffffff;
  font-size: .68rem;
  font-weight: 950;
  letter-spacing: .12em;
  line-height: 1;
  text-transform: uppercase;
}

.nw-archive-item__pill-wrap {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.nw-archive-item__pill--trivia {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-color: rgba(15, 23, 42, .22);
  background: rgba(255,255,255,.92);
  color: #111827;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 950;
  letter-spacing: .04em;
}

.nw-archive-item__pill--trivia.is-complete {
  border-color: rgba(34, 197, 94, .34);
  background: rgba(240, 253, 244, .96);
  color: #416a4f;
}

.nw-archive-item__pill--trivia .nw-archive-item__pill-check {
  display: inline-grid;
  place-items: center;
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  border-radius: 999px;
  background: rgba(34, 197, 94, .14);
  color: #16a34a;
  font-family: Arial, Helvetica, sans-serif;
  font-size: .88rem;
  font-weight: 950;
  line-height: 1;
}

.nw-archive-item__pill {
  flex-shrink: 0;
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid rgba(80,112,90,.16);
  background: rgba(80,112,90,.08);
  color: #50705a;
  font-size: .8rem;
  font-weight: 800;
}

.nw-archive-item__title {
  margin: 0;
  font-size: 1.45rem;
  line-height: 1.28;
}

.nw-archive-item__title a {
  color: #315141;
  text-decoration: none;
}

.nw-archive-item__title a:hover {
  color: #18221c;
  text-decoration: underline;
}

.nw-archive-item__excerpt {
  margin: 0;
  color: rgba(66,83,72,.86);
  font-size: .98rem;
  line-height: 1.65;
  max-width: 90ch;
}

.nw-archive-item__actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 6px;
}

.nw-archive-item__share {
  min-width: 118px;
}

.nw-share-explainer {
  display: grid;
  gap: 6px;
  margin: 0 0 16px;
  padding: 15px 16px;
  border-radius: 18px;
  border: 1px solid rgba(150,236,108,.20);
  background:
    radial-gradient(circle at 0% 0%, rgba(150,236,108,.14), transparent 34%),
    rgba(7,18,12,.52);
  color: #f4fff6;
}

.nw-share-explainer strong {
  color: #ffffff;
  font-size: .96rem;
  font-weight: 950;
}

.nw-share-explainer span {
  color: rgba(244,255,246,.78);
  font-size: .92rem;
  line-height: 1.45;
}

.nw-share-modal-card {
  width: min(680px, 100%);
}

#nw-pack-den .nw-share-modal-card {
  color: #18221c !important;
}

#nw-pack-den .nw-share-modal-card .nw-modal-kicker {
  color: #243229 !important;
  opacity: 1 !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.72);
}

#nw-pack-den .nw-share-modal-card .nw-modal-head h3,
#nw-pack-den .nw-share-modal-card #nw-share-title {
  color: #18221c !important;
  opacity: 1 !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.68);
}

#nw-pack-den .nw-share-modal-card .nw-modal-copy {
  color: rgba(24,34,28,.82) !important;
  opacity: 1 !important;
}

#nw-pack-den .nw-share-modal-card .nw-share-link-label {
  color: #243229 !important;
  opacity: 1 !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.72);
}

.nw-share-link-label {
  display: block;
  margin: 18px 0 8px;
  color: rgba(16,27,20,.78);
  font-size: .72rem;
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.nw-share-link-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
}

.nw-share-link-input {
  min-height: 46px;
  border-radius: 15px;
  border: 1px solid rgba(16,27,20,.16);
  background: rgba(255,255,255,.78);
  color: #101b14;
  padding: 0 12px;
  font-size: .9rem;
  outline: none;
}

.nw-share-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 16px;
}

.nw-share-option {
  min-height: 44px;
  border-radius: 15px;
  border: 1px solid rgba(16,27,20,.12);
  background: rgba(255,255,255,.70);
  color: #101b14;
  cursor: pointer;
  font-weight: 900;
  transition: transform .16s ease, border-color .16s ease, background .16s ease;
}

.nw-share-option:hover {
  transform: translateY(-1px);
  border-color: rgba(95,143,25,.35);
  background: rgba(245,255,239,.92);
}

.nw-share-status {
  margin-top: 14px;
  padding: 13px 14px;
  border-radius: 16px;
  border: 1px solid rgba(16,27,20,.10);
  background: rgba(255,255,255,.68);
  color: rgba(16,27,20,.74);
  font-size: .92rem;
  font-weight: 850;
  line-height: 1.4;
}

.nw-share-status.is-success {
  border-color: rgba(95,143,25,.24);
  background: rgba(227,255,218,.86);
  color: #163018;
}

.nw-gc-select {
  min-height: 48px;
  border-radius: 999px;
  border: 1px solid rgba(205,227,210,.12);
  background: rgba(255,255,255,.05);
  color: #f5fff7;
  padding: 0 14px;
  font-weight: 850;
}

.nw-gc-select option {
  color: #101b14;
}

.nw-archive-item__cta {
  min-width: 168px;
}

.nw-archive-toolbar--sectioned {
  display: grid;
  gap: 16px;
}

.nw-archive-search-label {
  margin: 0 !important;
  color: var(--nw-forest-900) !important;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.nw-archive-section-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

#nw-pack-den .nw-archive-mode-switcher {
  display: grid !important;
  grid-template-columns: minmax(220px, .9fr) minmax(360px, 2fr) minmax(160px, .7fr);
  gap: 12px;
  align-items: stretch;
}

#nw-pack-den .nw-archive-filter-group {
  display: grid;
  align-content: start;
  gap: 9px;
  min-width: 0;
  padding: 12px;
  border-radius: 22px;
  border: 1px solid rgba(21,36,29,.10);
  background: rgba(255,255,255,.48);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.48);
}

#nw-pack-den .nw-archive-filter-group--primary {
  background:
    radial-gradient(circle at 12% 16%, rgba(121,150,122,.18), transparent 42%),
    rgba(248,247,242,.82);
  border-color: rgba(21,36,29,.16);
}

#nw-pack-den .nw-archive-filter-group--sections {
  background: rgba(255,255,255,.38);
}

#nw-pack-den .nw-archive-filter-group--deeper {
  background:
    radial-gradient(circle at 12% 16%, rgba(205,168,109,.18), transparent 42%),
    rgba(248,247,242,.70);
}

#nw-pack-den .nw-archive-mode-switcher .nw-archive-filter-group__label {
  display: block;
  padding: 0 4px;
  color: #18221c !important;
  opacity: 1 !important;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .16em;
  line-height: 1;
  text-transform: uppercase;
  text-shadow: 0 1px 0 rgba(255,255,255,.72);
}

#nw-pack-den .nw-archive-filter-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

#nw-pack-den .nw-archive-type-filter {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  border: 1px solid rgba(21,36,29,.12);
  background: rgba(248,247,242,.74);
  color: var(--nw-forest-800);
  border-radius: 999px;
  padding: 10px 14px;
  cursor: pointer;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .04em;
  line-height: 1;
  text-align: center;
  transition: transform .16s ease, background .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease;
}

#nw-pack-den .nw-archive-type-filter:hover {
  transform: translateY(-1px);
  border-color: rgba(49,81,65,.24);
  box-shadow: 0 10px 20px rgba(13,24,18,.08);
}

#nw-pack-den .nw-archive-type-filter.is-active {
  background: #18221c;
  border-color: rgba(24,34,28,.88);
  color: #ffffff;
  box-shadow: 0 12px 24px rgba(13,24,18,.14);
}

#nw-pack-den .nw-archive-type-filter--primary {
  width: 100%;
  min-height: 62px;
  justify-content: flex-start;
  gap: 6px;
  flex-direction: column;
  align-items: flex-start;
  padding: 14px 16px;
  border-radius: 18px;
  text-align: left;
}

#nw-pack-den .nw-archive-type-filter--primary span {
  display: block;
  font-size: 13px;
  line-height: 1;
  color: inherit;
}

#nw-pack-den .nw-archive-type-filter--primary small {
  display: block;
  margin-top: 2px;
  color: rgba(24,34,28,.72);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .12em;
  line-height: 1;
  text-transform: uppercase;
}

#nw-pack-den .nw-archive-type-filter--primary:not(.is-active) {
  color: #18221c !important;
}

#nw-pack-den .nw-archive-type-filter--primary:not(.is-active) span {
  color: #18221c !important;
}

#nw-pack-den .nw-archive-type-filter--primary:not(.is-active) small {
  color: rgba(24,34,28,.76) !important;
}

#nw-pack-den .nw-archive-type-filter--primary.is-active span {
  color: #ffffff !important;
}

#nw-pack-den .nw-archive-type-filter--primary.is-active small {
  color: rgba(255,255,255,.68) !important;
}

.nw-archive-section-note {
  display: none;
}

.nw-archive-item--section-dispatch {
  border-left: 5px solid #79967a !important;
}

.nw-archive-item--section-wisdom {
  border-left: 5px solid #cda86d !important;
}

.nw-archive-item--section-phenomenon {
  border-left: 5px solid #5f836f !important;
}

.nw-archive-item--section-den {
  border-left: 5px solid #315141 !important;
}

.nw-archive-item--section-full_letter {
  border-left: 5px solid rgba(21,36,29,.18) !important;
}



@media (max-width: 640px) {
  .nw-share-link-row,
  .nw-share-options {
    grid-template-columns: 1fr;
  }

  .nw-share-link-row .nw-btn,
  .nw-share-option {
    width: 100%;
  }
}

.nw-archive-footer {
  margin-top: 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}

.nw-archive-page-copy {
  color: rgba(66,83,72,.78);
  font-size: .92rem;
  font-weight: 700;
  text-align: center;
  min-width: 80px;
}

@media (max-width: 700px) {
  .nw-archive-panel__head,
  .nw-archive-footer {
    flex-direction: column;
    align-items: stretch;
  }

  .nw-archive-page-copy {
    min-width: 0;
  }
}
.nw-auth-card {
  padding: 28px;
}
.nw-auth-card h2,
.nw-panel-head h2,
.nw-modal-head h3 {
  margin: 0;
  color: #fff;
  font-size: 2rem;
}
.nw-auth-card p,
.nw-modal-copy {
  color: #d6e3d5;
  font-size: 1rem;
  margin: 10px 0 18px;
}
.nw-pack-den label {
  display: block;
  margin: 16px 0 8px;
  color: #eff6ee;
  font-size: .95rem;
}
.nw-pack-den input {
  width: 100%;
  box-sizing: border-box;
  padding: 18px 18px;
  border-radius: 18px;
  border: 1px solid rgba(205,255,219,.14);
  background: rgba(2,12,8,.84);
  color: #ffffff;
  font-size: 1.05rem;
  outline: none;
}
.nw-pack-den input::placeholder {
  color: rgba(236,245,236,.44);
}
.nw-pack-den input:focus {
  border-color: rgba(126,255,155,.58);
  box-shadow: 0 0 0 3px rgba(126,255,155,.14);
}
.nw-btn {
  appearance: none;
  border: 0;
  cursor: pointer;
  border-radius: 18px;
  padding: 14px 18px;
  font-weight: 700;
  font-size: 1rem;
  transition: transform .16s ease, opacity .16s ease, background .16s ease;
}
.nw-btn:hover {
  transform: translateY(-1px);
}
.nw-btn--primary {
  background: linear-gradient(135deg, #96ec6c, #69d6a8);
  color: #08120b;
}
.nw-btn--ghost {
  background: rgba(9,23,16,.40);
  color: #f1f6ef;
  border: 1px solid rgba(205,255,219,.18);
}

.nw-btn--alert {
  position: relative;
  background: rgba(27,66,30,.88);
  color: #f6fff2;
  border: 1px solid rgba(150,236,108,.55);
  box-shadow:
    0 0 0 1px rgba(150,236,108,.16) inset,
    0 0 18px rgba(150,236,108,.24),
    0 0 34px rgba(150,236,108,.16);
  animation: nwGoalsPulse 1.6s ease-in-out infinite;
}

.nw-btn--alert::after {
  content: '';
  position: absolute;
  top: 6px;
  right: 6px;
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: #96ec6c;
  box-shadow: 0 0 0 4px rgba(150,236,108,.16);
}

.nw-rank-unlock-card {
  position: relative;
  overflow: hidden;
  max-width: 640px;
  text-align: center;
  border: 1px solid rgba(150,236,108,.35);
  box-shadow:
    0 26px 90px rgba(0,0,0,.42),
    0 0 0 1px rgba(150,236,108,.16) inset,
    0 0 50px rgba(150,236,108,.18);
}

.nw-rank-unlock-kicker {
  font-size: .82rem;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #96ec6c;
  margin-bottom: 10px;
}

.nw-rank-unlock-stage {
  position: relative;
  width: 240px;
  height: 240px;
  margin: 18px auto 14px;
  display: grid;
  place-items: center;
}

.nw-rank-unlock-ring {
  position: absolute;
  inset: 14px;
  border-radius: 999px;
  border: 2px solid rgba(150,236,108,.28);
  box-shadow:
    0 0 0 12px rgba(150,236,108,.06),
    0 0 45px rgba(150,236,108,.18);
  animation: nwRankUnlockPulse 2s ease-in-out infinite;
}

.nw-rank-unlock-image {
  position: relative;
  width: 76%;
  max-height: 76%;
  object-fit: contain;
  filter: drop-shadow(0 18px 34px rgba(0,0,0,.40));
  animation: nwRankUnlockRise .75s ease;
}

.nw-rank-unlock-stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin: 18px 0 20px;
}

.nw-rank-unlock-stat {
  border-radius: 18px;
  padding: 14px;
  background: rgba(8,24,17,.46);
  border: 1px solid rgba(205,255,219,.12);
}

.nw-rank-unlock-stat span {
  display: block;
  color: #b8cdb9;
  font-size: .82rem;
  margin-bottom: 6px;
}

.nw-rank-unlock-stat strong {
  color: #fff;
  font-size: 1.08rem;
}

.nw-rank-unlock-burst {
  position: absolute;
  inset: -30%;
  pointer-events: none;
  background:
    radial-gradient(circle, rgba(150,236,108,.22) 0 2px, transparent 3px) 12% 18% / 110px 110px,
    radial-gradient(circle, rgba(255,255,255,.18) 0 2px, transparent 3px) 78% 22% / 120px 120px,
    radial-gradient(circle, rgba(150,236,108,.18) 0 2px, transparent 3px) 28% 78% / 140px 140px,
    radial-gradient(circle, rgba(255,255,255,.14) 0 2px, transparent 3px) 72% 74% / 130px 130px;
  animation: nwRankUnlockSpark 5s linear infinite;
  opacity: .85;
}

@keyframes nwRankUnlockRise {
  0% { opacity: 0; transform: translateY(18px) scale(.92); }
  100% { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes nwRankUnlockPulse {
  0%, 100% { transform: scale(1); opacity: .86; }
  50% { transform: scale(1.05); opacity: 1; }
}

@keyframes nwRankUnlockSpark {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
@keyframes nwGoalsPulse {
  0%, 100% {
    transform: translateY(0);
    box-shadow:
      0 0 0 1px rgba(150,236,108,.16) inset,
      0 0 18px rgba(150,236,108,.24),
      0 0 34px rgba(150,236,108,.16);
  }
  50% {
    transform: translateY(-1px);
    box-shadow:
      0 0 0 1px rgba(150,236,108,.22) inset,
      0 0 24px rgba(150,236,108,.34),
      0 0 44px rgba(150,236,108,.24);
  }
}
.nw-icon-btn {
  appearance: none;
  border: 0;
  width: 40px;
  height: 40px;
  border-radius: 999px;
  cursor: pointer;
  background: rgba(10,26,18,.58);
  color: #fff;
  font-size: 18px;
}
.nw-row {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  align-items: center;
}
.nw-alert {
  padding: 14px 16px;
  border-radius: 16px;
  margin-bottom: 18px;
  background: rgba(9,23,16,.68);
  border: 1px solid rgba(205,255,219,.18);
  color: #fff;
}
.nw-app {
  display: grid;
  gap: 20px;
}
.nw-top-grid {
  display: grid;
  gap: 20px;
  grid-template-columns: 1.15fr .85fr;
}
.nw-profile-card,
.nw-pack-card {
  padding: 24px;
}
.nw-panel-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}
.nw-panel-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.nw-main-shortcuts {
  margin-bottom: 18px;
  padding: 18px;
  border-radius: 24px;
  border: 1px solid rgba(205,255,219,.14);
  background:
    linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.02)),
    rgba(7,18,13,.42);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 16px 36px rgba(0,0,0,.18);
}

.nw-main-shortcuts__head {
  margin-bottom: 14px;
}

.nw-main-shortcuts__kicker {
  font-size: .76rem;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #96ec6c;
  margin-bottom: 6px;
  font-weight: 800;
}



.nw-main-shortcuts__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.nw-main-shortcuts--toprow {
  margin-bottom: 0;
}

.nw-main-shortcuts__grid--toprow {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.nw-main-shortcut {
  appearance: none;
  width: 100%;
  border: 1px solid rgba(205,255,219,.14);
  border-radius: 22px;
  padding: 18px 16px;
  text-align: left;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 14px;
  color: #f4f8f2;
  background:
    linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.02)),
    rgba(10,24,17,.55);
  box-shadow:
    0 12px 28px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.04);
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease, background .16s ease;
}

.nw-main-shortcut:hover {
  transform: translateY(-2px);
  border-color: rgba(150,236,108,.34);
  box-shadow:
    0 16px 32px rgba(0,0,0,.24),
    0 0 0 1px rgba(150,236,108,.10) inset;
}

.nw-main-shortcut__icon {
  width: 92px;
  height: 92px;
  min-width: 92px;
  border-radius: 24px;
  display: grid;
  place-items: center;
  font-size: 3.6rem;
  line-height: 1;
  background: rgba(150,236,108,.12);
  border: 1px solid rgba(150,236,108,.18);
}

.nw-main-shortcut__text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  min-height: 46px;
  gap: 4px;
  min-width: 0;
}

.nw-main-shortcut__text strong {
  color: #fff;
  font-size: 1.28rem;
  line-height: 1.05;
  font-weight: 900;
  letter-spacing: -.02em;
}

.nw-main-shortcut__text strong.is-complete {
  color: #8fff9c;
  text-shadow: 0 0 10px rgba(116,255,146,.22);
}

.nw-main-shortcut__text small {
  display: block;
  font-size: .82rem;
  line-height: 1.2;
  color: rgba(255,255,255,.82);
  white-space: nowrap;
}

.nw-main-shortcut__text small.is-complete {
  color: #8fff9c;
}

.nw-main-shortcut {
  position: relative;
}

.nw-main-shortcut__badge {
  position: absolute;
  top: 12px;
  right: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  min-width: auto;
  height: auto;
  background: transparent;
  color: #96ec6c;
  font-size: .82rem;
  line-height: 1;
  font-weight: 1000;
  letter-spacing: .08em;
  text-transform: uppercase;
  border: 0;
  box-shadow: none;
  z-index: 3;
  pointer-events: none;
  text-shadow:
    0 0 8px rgba(150,236,108,.45),
    0 0 18px rgba(150,236,108,.28);
  animation: nwNewBadgePulse 1.15s ease-in-out infinite;
  transform-origin: center;
}

.nw-main-shortcut--achievements.has-notification {
  border-color: rgba(145,255,166,.28);
  box-shadow:
    0 16px 32px rgba(0,0,0,.24),
    0 0 0 1px rgba(145,255,166,.12) inset;
}

@media (max-width: 749px) {
  .nw-main-shortcut__text {
    min-height: 42px;
    gap: 3px;
  }

  .nw-main-shortcut__text strong {
    font-size: 1.12rem;
  }

  .nw-main-shortcut__text small {
    font-size: .74rem;
  }

  .nw-main-shortcut__badge {
    top: 10px;
    right: 10px;
    min-width: auto;
    height: auto;
    font-size: .72rem;
    padding: 0;
  }
  
}

.nw-main-shortcut--wolves {
  background:
    linear-gradient(135deg, rgba(140,210,255,.12), rgba(255,255,255,.03)),
    rgba(10,24,17,.58);
}

.nw-main-shortcut--store {
  background:
    linear-gradient(135deg, rgba(255,214,92,.12), rgba(255,255,255,.03)),
    rgba(10,24,17,.58);
}

.nw-main-shortcut--trivia {
  background:
    linear-gradient(135deg, rgba(150,236,108,.12), rgba(255,255,255,.03)),
    rgba(10,24,17,.58);
}

.nw-main-shortcut--achievements {
  background:
    linear-gradient(135deg, rgba(105,214,168,.12), rgba(255,255,255,.03)),
    rgba(10,24,17,.58);
}

@media (max-width: 749px) {
  .nw-main-shortcuts {
    padding: 16px;
    border-radius: 20px;
  }

  .nw-main-shortcuts__grid {
    grid-template-columns: 1fr;
  }

  .nw-main-shortcuts__grid--toprow {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .nw-main-shortcut {
    padding: 16px 14px;
    border-radius: 18px;
  }

  .nw-main-shortcut__icon {
    width: 42px;
    height: 42px;
    min-width: 42px;
    border-radius: 14px;
    font-size: 2.15rem;
  }
}

.nw-store-modal-card {
  position: relative;
  overflow: visible;
}

.nw-store-close-side {
  position: absolute;
  top: 18px;
  right: -52px;
  width: 44px;
  min-height: 154px;
  border: 0;
  border-radius: 0 18px 18px 0;
  background: linear-gradient(180deg, #96ec6c 0%, #5dcf82 100%);
  color: #07110c;
  font-weight: 900;
  font-size: .84rem;
  letter-spacing: .24em;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  transform: rotate(180deg);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 18px 32px rgba(0,0,0,.30);
  z-index: 4;
}

.nw-store-close-side:hover {
  filter: brightness(1.04);
  box-shadow: 0 20px 36px rgba(0,0,0,.34);
}

.nw-store-close-side:active {
  transform: rotate(180deg) translateX(1px);
}

@media (max-width: 749px) {
  .nw-store-close-side {
    right: -40px;
    width: 34px;
    min-height: 126px;
    border-radius: 0 14px 14px 0;
    font-size: .70rem;
    letter-spacing: .18em;
  }
}

/*
  The stage wrap previously used a two-column grid with the wolf graphic
  and profile details side by side. After restructuring the markup,
  the stage wrap now only contains the wolf graphic. To center the
  graphic on its own row and provide breathing room between it and the
  profile details, switch the layout to flex. This centers the wolf
  graphic horizontally and adds a bottom margin for separation.
*/
.nw-stage-wrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
}

.nw-stage-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
  height: 72px;
  border: 1px solid rgba(205,255,219,.18);
  background: rgba(8,20,14,.72);
  color: #f4f8f2;
  font-size: 1.9rem;
  font-weight: 900;
  line-height: 1;
  border-radius: 18px;
  cursor: pointer;
  z-index: 6;
  display: grid;
  place-items: center;
  box-shadow: 0 18px 30px rgba(0,0,0,.22);
  transition: transform .16s ease, opacity .16s ease, background .16s ease, border-color .16s ease;
}

.nw-stage-nav:hover:not(:disabled) {
  background: rgba(16,36,25,.86);
  border-color: rgba(150,236,108,.34);
}

.nw-stage-nav:active:not(:disabled) {
  transform: translateY(-50%) scale(.98);
}

.nw-stage-nav:disabled {
  opacity: .32;
  cursor: default;
  pointer-events: none;
}

.nw-stage-nav--prev {
  left: -14px;
}

.nw-stage-nav--next {
  right: -14px;
}

.nw-stage {
  position: relative;
  width: 100%;
  cursor: pointer;
  aspect-ratio: 1 / 1;
  border-radius: 24px;
  overflow: hidden;
  border: 1px solid rgba(205,255,219,.12);
  background:
    radial-gradient(circle at top, rgba(150,236,108,.12), transparent 36%),
    linear-gradient(180deg, rgba(8,20,14,.90), rgba(5,14,10,.98));
}
.nw-stage--editor {
  max-width: 520px;
}
.nw-base-wolf {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  box-sizing: border-box;
  padding: 7.25%;
  user-select: none;
  pointer-events: none;
  z-index: 1;
}

@media (max-width: 749px) {
  .nw-stage-nav {
    width: 40px;
    height: 58px;
    font-size: 1.45rem;
    border-radius: 14px;
  }

  .nw-stage-nav--prev {
    left: -8px;
  }

  .nw-stage-nav--next {
    right: -8px;
  }
}
.nw-stage-grid {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
  background-size: 26px 26px;
  opacity: .26;
  pointer-events: none;
  z-index: 2;
}
.nw-swag-layer,
.nw-swag-layer-editor {
  position: absolute;
  cursor: grab;
  touch-action: none;
  transform-origin: center center;
  user-select: none;
  overflow: visible;
  z-index: 20;
}

.nw-swag-layer-editor {
  background: transparent;
}
.nw-swag-layer img {
  width: 100%;
  height: 100%;
  object-fit: fill;
  display: block;
  pointer-events: none;
  user-select: none;
}
.nw-swag-layer-editor.is-selected {
  outline: 2px solid rgba(150,236,108,.92);
  outline-offset: 4px;
  box-shadow:
    0 0 0 3px rgba(150,236,108,.18),
    0 0 28px rgba(150,236,108,.18),
    inset 0 0 0 1px rgba(255,255,255,.22);
  border-radius: 10px;
}

.nw-resize-handle,
.nw-resize-handle-x,
.nw-resize-handle-y,
.nw-remove-handle,
.nw-rotate-handle {
  position: absolute;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  border: 2px solid #08120b;
  display: grid;
  place-items: center;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  padding: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity .14s ease;
}

.nw-swag-layer-editor.is-selected .nw-resize-handle,
.nw-swag-layer-editor.is-selected .nw-resize-handle-x,
.nw-swag-layer-editor.is-selected .nw-resize-handle-y,
.nw-swag-layer-editor.is-selected .nw-remove-handle,
.nw-swag-layer-editor.is-selected .nw-rotate-handle {
  opacity: 1;
  pointer-events: auto;
}
.nw-resize-handle {
  right: -10px;
  bottom: -10px;
  background: #96ec6c;
  cursor: nwse-resize;
}
.nw-resize-handle-x {
  right: -10px;
  top: 50%;
  transform: translateY(-50%);
  background: #69d6a8;
  cursor: ew-resize;
}
.nw-resize-handle-y {
  left: 50%;
  bottom: -10px;
  transform: translateX(-50%);
  background: #69d6a8;
  cursor: ns-resize;
}
.nw-remove-handle {
  top: -10px;
  right: -10px;
  background: #ff7a7a;
  color: #08120b;
  cursor: pointer;
}
.nw-rotate-handle {
  top: -10px;
  left: -10px;
  background: #ffd65c;
  color: #08120b;
  cursor: grab;
}
.nw-editor-autosave-note {
  margin-left: auto;
  color: rgba(214,227,213,.82);
  font-size: .92rem;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(205,255,219,.12);
  background: rgba(9,23,16,.34);
}
.nw-editor-autosave-note.is-saving {
  color: #fff;
  border-color: rgba(150,236,108,.36);
  background: rgba(24,58,31,.52);
}
.nw-profile-name {
  font-size: 2rem;
  line-height: 1.1;
  color: #fff;
  font-weight: 800;
}

.nw-panel-head--profile {
  align-items: flex-start;
}

.nw-profile-hero {
  display: grid;
  gap: 6px;
}

.nw-profile-hero__kicker {
  margin-bottom: 10px;
  font-size: 13px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #9fe7d0;
}

.nw-profile-welcome {
  margin: 0;
  font-size: clamp(42px, 6vw, 72px);
  line-height: 0.95;
  font-weight: 1000;
  letter-spacing: -0.04em;
  color: #f7fbf3;
  text-shadow:
    0 8px 28px rgba(0, 0, 0, 0.28),
    0 0 22px rgba(170, 255, 205, 0.08);
}

.nw-profile-row {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: start;
}

.nw-profile-top {
  display: grid;
  gap: 14px;
  margin: 18px 0 18px;
}

.nw-profile-group {
  border-radius: 26px;
  padding: 18px;
  border: 1px solid rgba(205,255,219,.12);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}

.nw-profile-group--inventory {
  background: linear-gradient(180deg, rgba(7,20,15,.62), rgba(8,22,16,.42));
}

.nw-profile-group--rankstars {
  background: linear-gradient(180deg, rgba(20,16,7,.44), rgba(18,24,12,.50));
}

.nw-profile-group--rankstars-top {
  max-width: 560px;
}

.nw-profile-group--inventory-bottom {
  margin-top: 18px;
}

.nw-profile-group__title {
  font-size: .82rem;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-weight: 800;
  margin-bottom: 12px;
}

.nw-profile-group--inventory .nw-profile-group__title {
  color: #9fe7c7;
}

.nw-profile-group--rankstars .nw-profile-group__title {
  color: #f0d37a;
}

.nw-stars-pill {
  display: flex;
  gap: 24px;
  border-radius: 999px;
  padding: 12px 18px;
  background: rgba(10,26,18,.58);
  border: 1px solid rgba(205,255,219,.16);
  font-weight: normal;
}

.nw-stars-pill--grouped {
  margin-top: 12px;
  width: fit-content;
  max-width: 100%;
}

.nw-rank-stars-row {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  align-items: stretch;
}

.nw-stars-pill--inventory {
  background: rgba(9,23,16,.42);
  border: 1px solid rgba(240,211,122,.16);
}

.nw-stars-pill--inventory .nw-star-number {
  color: #fff0ba;
}

.nw-stars-pill--inventory .nw-star-label {
  color: #d8e6d8;
}

.nw-star-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.nw-star-number-row {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.nw-star-emoji {
  font-size: 1rem;
  line-height: 1;
  filter: drop-shadow(0 1px 4px rgba(0,0,0,.22));
}

.nw-star-number {
  font-size: 1.5rem;
  font-weight: 700;
  color: #ffffff;
  line-height: 1;
}

.nw-star-label {
  font-size: 0.75rem;
  margin-top: 4px;
  color: #cfe0cf;
}

.nw-star-block + .nw-star-block {
  border-left: 1px solid rgba(205,255,219,16);
  padding-left: 20px;
  margin-left: 20px;
}

.nw-stat-grid {
  display: grid;
  gap: 12px;
}

.nw-stat-grid--inventory {
  grid-template-columns: repeat(2,1fr);
}

.nw-stat-grid--rankstars {
  grid-template-columns: 1fr;
}

.nw-stat {
  border-radius: 18px;
  padding: 14px;
  border: 1px solid rgba(205,255,219,10);
  background: rgba(9,20,15,42);
}

.nw-profile-group--inventory .nw-stat {
  border-color: rgba(120,227,187,.16);
  background: rgba(7,22,18,.54);
}

.nw-profile-group--rankstars .nw-stat {
  border-color: rgba(240,211,122,.18);
  background: rgba(29,24,10,.42);
}

.nw-stat-label {
  display: block;
  font-size: .85rem;
  margin-bottom: 6px;
}

.nw-profile-group--inventory .nw-stat-label {
  color: #b8ead3;
}

.nw-profile-group--rankstars .nw-stat-label {
  color: #efd892;
}

.nw-stat strong {
  color: #fff;
}

.nw-profile-group--inventory .nw-stat strong {
  color: #e9fff6;
}

.nw-profile-group--rankstars .nw-stat strong,
.nw-profile-group--rankstars .nw-star-number {
  color: #fff0ba;
}

@media (max-width: 860px) {
  .nw-profile-groups {
    grid-template-columns: 1fr;
  }

  .nw-stat-grid--inventory {
    grid-template-columns: 1fr;
  }

  .nw-rank-stars-row {
    flex-direction: column;
    align-items: stretch;
  }

  .nw-rank-progress-inline {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
  }

  .nw-rank-progress-inline__text {
    text-align: left;
    flex: 1 1 auto;
  }

  .nw-stars-pill--grouped {
    width: 100%;
    justify-content: center;
  }
}
.nw-progress-copy {
  color: #d1dfd1;
  margin-bottom: 8px;
  font-size: .92rem;
}
.nw-progress {
  height: 12px;
  border-radius: 999px;
  background: rgba(7,16,12,.72);
  border: 1px solid rgba(205,255,219,.10);
  overflow: hidden;
}
.nw-progress-bar {
  height: 100%;
  width: 0;
  background: linear-gradient(90deg, #96ec6c, #69d6a8);
  border-radius: 999px;
}
.nw-pack-preview-head {
  color: #cfe0cf;
  font-size: .92rem;
  margin-bottom: 12px;
}

.nw-pack-modal-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin: 8px 0 18px;
  flex-wrap: wrap;
}

.nw-pack-page-copy {
  color: #284234;
  font-size: .95rem;
  font-weight: 850;
}

.nw-pack-list {
  display: grid;
  gap: 12px;
}
.nw-pack-item {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  padding: 14px 0;
  border-bottom: 1px solid rgba(21,36,29,.10);
}
.nw-pack-item:last-child {
  border-bottom: 0;
}
.nw-pack-item strong {
  color: #15241d;
}
.nw-pack-member-trigger {
  appearance: none;
  border: 0;
  background: transparent;
  padding: 0;
  margin: 0;
  color: #15241d;
  font: inherit;
  font-weight: 900;
  text-align: left;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.nw-pack-member-trigger:hover {
  color: #2f6547;
}
.nw-pack-member-trigger:focus-visible {
  outline: 2px solid rgba(47,101,71,.55);
  outline-offset: 4px;
  border-radius: 6px;
}
.nw-pack-item .nw-meta {
  color: rgba(21,36,29,.68);
  font-size: .9rem;
  margin-top: 5px;
  font-weight: 700;
}
.nw-pack-item__member {
  min-width: 0;
}

.nw-pack-score {
  display: grid;
  justify-items: end;
  align-content: center;
  gap: 3px;
  white-space: nowrap;
  color: #15241d;
  text-align: right;
}

.nw-pack-score strong {
  color: #15241d;
  font-size: 1.08rem;
  line-height: 1;
  font-weight: 950;
  font-variant-numeric: tabular-nums;
}

.nw-pack-score span {
  color: rgba(21,36,29,.62);
  font-size: .68rem;
  line-height: 1;
  font-weight: 950;
  letter-spacing: .09em;
  text-transform: uppercase;
}
#nw-pack-modal .nw-modal-card{
  background:rgba(250,249,243,.96);
  color:#15241d;
}
#nw-pack-modal .nw-modal-head h3{
  color:#15241d;
}
#nw-pack-modal .nw-modal-copy{
  color:rgba(21,36,29,.72);
}
#nw-pack-modal .nw-pack-list{
  background:rgba(255,255,255,.62);
  border:1px solid rgba(21,36,29,.08);
  border-radius:22px;
  padding:8px 16px;
}
#nw-pack-modal .nw-btn--ghost{
  background:#fff;
  color:#15241d;
  border-color:rgba(21,36,29,.12);
  box-shadow:0 8px 22px rgba(13,24,18,.08);
}
#nw-pack-modal .nw-btn--ghost:hover{
  background:#f4f2e9;
}

.nw-pack-member-wolves {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: 16px;
}
.nw-pack-member-wolf-card {
  border-radius: 24px;
  border: 1px solid rgba(205,255,219,.12);
  background: rgba(8,20,14,.40);
  padding: 16px;
}
.nw-pack-member-wolf-head {
  margin-bottom: 10px;
}
.nw-pack-member-wolf-head strong {
  display: block;
  color: #101b14 !important;
  margin-bottom: 4px;
}
.nw-pack-member-wolf-head .nw-meta {
  color: #101b14 !important;
  font-size: .9rem;
}
.nw-pack-member-wolf-stage {
  aspect-ratio: 1 / 1;
  margin-bottom: 10px;
}
@media (max-width: 980px) {
  .nw-pack-member-wolves {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 640px) {
  .nw-pack-member-wolves {
    grid-template-columns: 1fr;
  }
}
.nw-modal-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(1,6,4,.55);
  z-index: 1998;
}
.nw-modal {
  position: fixed;
  inset: 0;
  padding: 24px 16px;
  display: grid;
  place-items: center;
  z-index: 1999;
}

.nw-modal[hidden],
.nw-modal-backdrop[hidden],
#nw-step-verify[hidden],
#nw-app[hidden] {
  display: none !important;
}
.nw-modal-card {
  width: min(1180px, 100%);
  max-height: calc(100vh - 48px);
  overflow: auto;
  padding: 24px;
}
.nw-modal-card--wide {
  width: min(1260px, 100%);
}
.nw-modal-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}
.nw-your-wolves-shell {
  display: grid;
  gap: 18px;
}

.nw-wolf-list-panel {
  border-radius: 24px;
  border: 1px solid rgba(205,255,219,.12);
  background: rgba(8,20,14,.40);
  padding: 18px;
}

.nw-wolf-list-panel h4 {
  margin: 0 0 14px;
  color: #fff;
  font-size: 1.2rem;
}

.nw-wolf-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.nw-wolf-card {
  border-radius: 20px;
  border: 1px solid rgba(205,255,219,.12);
  background: rgba(7,17,12,.60);
  padding: 12px;
  cursor: pointer;
  text-align: left;
  display: flex;
  flex-direction: column;
}

.nw-wolf-card.is-active {
  border-color: rgba(150,236,108,.50);
  box-shadow: 0 0 0 1px rgba(150,236,108,.18) inset;
}

.nw-wolf-card__preview,
.nw-home-pack-card__preview {
  width: 100%;
  flex: 1 1 auto;
  display: flex;
  align-items: stretch;
  justify-content: center;
  min-width: 0;
}

.nw-wolf-card-preview {
  width: 100%;
  aspect-ratio: 1 / 1;
  margin-bottom: 8px;
  flex: 0 0 auto;
  display: grid;
  place-items: stretch;
  min-width: 0;
}

.nw-wolf-card-preview .nw-stage {
  width: 100%;
  height: auto;
  min-height: 0;
  aspect-ratio: 1 / 1;
  border-radius: 18px;
  overflow: hidden;
  background: rgba(5,16,10,.55);
  position: relative;
}

.nw-wolf-card-preview .nw-base-wolf,
.nw-wolf-card-preview .nw-swag-layer img {
  margin: 0;
  aspect-ratio: auto;
}

.nw-wolf-card > img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: contain;
  display: block;
  margin-bottom: 8px;
}

.nw-wolf-card strong {
  display: block;
  color: #fff;
  margin-bottom: 4px;
}

.nw-wolf-card .nw-slot {
  color: #bdd0be;
  font-size: .85rem;
}

.nw-customize-grid {
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 18px;
  align-items: start;
}
.nw-editor-layer-panel {
  margin-top: 14px;
  border-radius: 20px;
  border: 1px solid rgba(205,255,219,.12);
  background: rgba(8,20,14,.44);
  padding: 14px;
}

.nw-editor-layer-panel__head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  margin-bottom: 12px;
  flex-wrap: wrap;
}

.nw-editor-layer-panel__head strong {
  color: #fff;
  font-size: .98rem;
}

.nw-editor-layer-panel__head span {
  color: #cfe0cf;
  font-size: .84rem;
}

.nw-editor-layer-strip {
  display: block;
}

.nw-editor-layer-rail {
  min-height: 78px;
  border-radius: 18px;
  border: 1px dashed rgba(205,255,219,.18);
  background: rgba(5,13,9,.54);
  padding: 10px;
  display: flex;
  gap: 10px;
  align-items: center;
  overflow-x: auto;
  overflow-y: hidden;
}

.nw-editor-layer-rail.is-drop-target {
  border-color: rgba(150,236,108,.55);
  box-shadow: inset 0 0 0 1px rgba(150,236,108,.20);
}

.nw-editor-layer-rail--behind {
  justify-content: flex-start;
}

.nw-editor-layer-rail--front {
  justify-content: flex-start;
}

.nw-editor-layer-wolf-divider {
  display: none;
}

.nw-editor-layer-chip {
  flex: 0 0 68px;
  width: 68px;
  border-radius: 16px;
  border: 1px solid rgba(205,255,219,.16);
  background: rgba(7,17,12,.74);
  padding: 8px;
  cursor: grab;
  text-align: center;
  color: #fff;
}

.nw-editor-layer-chip.is-selected {
  border-color: rgba(150,236,108,.58);
  box-shadow: 0 0 0 1px rgba(150,236,108,.18) inset, 0 0 18px rgba(150,236,108,.16);
}

.nw-editor-layer-chip img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: contain;
  display: block;
  margin-bottom: 6px;
  pointer-events: none;
}

.nw-editor-layer-chip span {
  display: block;
  font-size: .72rem;
  color: #d7e4d6;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.nw-editor-layer-empty {
  color: #9fb29f;
  font-size: .82rem;
  white-space: nowrap;
}

.nw-editor-actions {
  margin-top: 14px;
}
.nw-owned-panel {
  border-radius: 24px;
  border: 1px solid rgba(205,255,219,.12);
  background: rgba(8,20,14,.40);
  padding: 18px;
}
.nw-owned-panel h4 {
  margin: 0 0 14px;
  color: #fff;
  font-size: 1.2rem;
}
.nw-owned-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.nw-owned-item,
.nw-store-card {
  border-radius: 20px;
  border: 1px solid rgba(205,255,219,.12);
  background: rgba(7,17,12,.60);
  padding: 14px;
}
.nw-owned-item {
  cursor: pointer;
}
.nw-owned-item:hover {
  border-color: rgba(150,236,108,.30);
}

.nw-owned-item.is-in-use {
  opacity: .6;
  cursor: not-allowed;
  border-color: rgba(255,214,92,.18);
}

.nw-owned-item.is-on-current {
  border-color: rgba(150,236,108,.34);
  box-shadow: inset 0 0 0 1px rgba(150,236,108,.10);
}

.nw-owned-meta {
  margin-top: 10px;
}
.nw-owned-item img,
.nw-store-card img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: contain;
  display: block;
  margin-bottom: 10px;
}
.nw-owned-item strong,
.nw-store-card strong {
  display: block;
  color: #fff;
  margin-bottom: 6px;
}
.nw-owned-item .nw-slot,
.nw-store-card .nw-slot {
  color: #bdd0be;
  font-size: .85rem;
}
.nw-store-tabs {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin: 14px 0 18px;
}

.nw-store-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
.nw-store-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 12px;
}
.nw-price {
  font-weight: 700;
  color: #fff;
}
.nw-badge {
  display: inline-flex;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: .8rem;
  border: 1px solid rgba(205,255,219,.16);
  background: rgba(11,28,20,.46);
  color: #dce9dc;
}
.nw-empty {
  color: #cfdbcf;
  font-size: .95rem;
}

.nw-wolf-card--locked {
  cursor: default;
  border-style: dashed;
  border-color: rgba(205,255,219,.16);
  background:
    linear-gradient(180deg, rgba(8,18,12,.92), rgba(6,14,10,.84));
  box-shadow: inset 0 0 0 1px rgba(205,255,219,.04);
}

.nw-wolf-card--locked:hover {
  transform: none;
}

.nw-wolf-card--locked img {
  filter: brightness(0) saturate(0) contrast(1.15);
  opacity: .42;
}

.nw-wolf-card--locked strong {
  color: rgba(255,255,255,.78);
}

.nw-wolf-card--locked .nw-slot {
  color: #96ec6c;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.35;
}
.nw-treasure-chest-row {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 16px;
  flex-wrap: nowrap;
  width: 100%;
  margin: 14px auto 6px;
}

.nw-treasure-chest-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  width: min(180px, calc(50vw - 28px));
  max-width: 180px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  text-align: center;
  min-width: 0;
}

.nw-treasure-chest-button {
  position: relative;
  appearance: none;
  border: 0;
  background: transparent;
  padding: 0;
  width: 78px;
  height: 78px;
  cursor: pointer;
  border-radius: 18px;
  display: grid;
  place-items: center;
  animation: nwChestFloat 3.2s ease-in-out infinite;
}

.nw-treasure-chest-button:disabled {
  cursor: not-allowed;
  opacity: .82;
}

.nw-treasure-chest-glow {
  position: absolute;
  inset: 8px;
  border-radius: 999px;
  background:
    radial-gradient(circle, rgba(255,223,90,.28) 0%, rgba(255,223,90,.12) 44%, transparent 74%);
  filter: blur(6px);
  transform: scale(1);
  animation: nwChestGlow 2.3s ease-in-out infinite;
}

.nw-treasure-chest-button.is-ready .nw-treasure-chest-glow {
  background:
    radial-gradient(circle, rgba(255,223,90,.48) 0%, rgba(255,223,90,.2) 42%, transparent 72%);
}

.nw-treasure-chest-image {
  position: relative;
  width: 100%;
  max-width: 72px;
  height: auto;
  display: block;
  filter: drop-shadow(0 8px 16px rgba(0,0,0,.28));
  transition: transform .2s ease, filter .2s ease;
}

.nw-treasure-chest-button:hover .nw-treasure-chest-image {
  transform: scale(1.04);
}

.nw-treasure-chest-button.is-ready .nw-treasure-chest-image {
  filter:
    drop-shadow(0 0 16px rgba(255,223,90,.28))
    drop-shadow(0 14px 24px rgba(0,0,0,.34));
}

.nw-treasure-chest-copy {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  min-width: 0;
  width: 100%;
}

.nw-treasure-chest-copy strong {
  display: block;
  color: #fff;
  font-size: 1rem;
  line-height: 1.05;
  margin: 0;
}

.nw-treasure-chest-timer {
  font-size: 1.25rem;
  line-height: 1;
  font-weight: 900;
  letter-spacing: .03em;
  color: #fff;
}

.nw-treasure-chest-status {
  margin-top: 0;
  color: rgba(255,255,255,.74);
  font-size: .82rem;
  line-height: 1.15;
}

.nw-treasure-chest-modal-card {
  max-width: 760px;
}

.nw-treasure-chest-video-wrap {
  position: relative;
  width: 100%;
  border-radius: 24px;
  overflow: hidden;
  background: #000;
  min-height: 320px;
}

.nw-treasure-chest-video {
  width: 100%;
  height: min(74vh, 620px);
  object-fit: cover;
  display: block;
  background: #000;
}


.nw-treasure-chest-reward {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  pointer-events: none;
  opacity: 0;
  z-index: 2;
}

.nw-treasure-chest-reward.is-live {
  opacity: 1;
}

.nw-treasure-chest-reward-icon {
  width: min(52vw, 340px);
  height: min(52vw, 340px);
  max-width: 340px;
  max-height: 340px;
  display: grid;
  place-items: center;
  font-size: clamp(7rem, 18vw, 15rem);
  line-height: 1;
  text-align: center;
  transform: translateY(0) scale(.08);
  opacity: 0;
  filter:
    drop-shadow(0 0 18px rgba(255, 214, 92, .28))
    drop-shadow(0 0 42px rgba(255, 196, 64, .26));
}

.nw-treasure-chest-reward-icon.is-heart {
  filter:
    drop-shadow(0 0 18px rgba(255, 120, 160, .34))
    drop-shadow(0 0 42px rgba(255, 70, 120, .28));
}

.nw-treasure-chest-reward.is-live .nw-treasure-chest-reward-icon {
  animation: nwChestRewardStar 1.25s cubic-bezier(.18,.88,.2,1.2) forwards;
}

.nw-treasure-chest-reward-text {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, 34px) scale(.72);
  opacity: 0;
  color: #fff7cf;
  font-weight: 1000;
  font-size: clamp(28px, 5vw, 56px);
  letter-spacing: .02em;
  text-align: center;
  text-shadow:
    0 0 10px rgba(255, 206, 84, .35),
    0 0 28px rgba(255, 185, 64, .3),
    0 10px 28px rgba(0,0,0,.45);
  white-space: nowrap;
}

.nw-treasure-chest-reward.is-live .nw-treasure-chest-reward-text {
  animation: nwChestRewardText 1s cubic-bezier(.2,.9,.2,1) .18s forwards, nwChestRewardTextFloat 2.2s ease-in-out 1.2s infinite;
}

.nw-treasure-chest-burst {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 280px;
  height: 280px;
  border-radius: 999px;
  opacity: 0;
  transform: translate(-50%, -50%) scale(.2);
  pointer-events: none;
  mix-blend-mode: screen;
}

.nw-treasure-chest-burst--1 {
  background: radial-gradient(circle, rgba(255,214,92,.44) 0%, rgba(255,214,92,.12) 38%, transparent 72%);
}

.nw-treasure-chest-burst--2 {
  background: radial-gradient(circle, rgba(255,255,255,.26) 0%, rgba(255,255,255,.08) 32%, transparent 68%);
}

.nw-treasure-chest-burst--3 {
  background: radial-gradient(circle, rgba(255,170,64,.22) 0%, rgba(255,170,64,.08) 30%, transparent 66%);
}

.nw-treasure-chest-reward.is-live .nw-treasure-chest-burst--1 {
  animation: nwChestBurst 1.2s ease-out .02s forwards;
}

.nw-treasure-chest-reward.is-live .nw-treasure-chest-burst--2 {
  animation: nwChestBurst 1.35s ease-out .12s forwards;
}

.nw-treasure-chest-reward.is-live .nw-treasure-chest-burst--3 {
  animation: nwChestBurst 1.5s ease-out .22s forwards;
}

.nw-treasure-chest-sparkles {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.nw-treasure-chest-sparkle {
  position: absolute;
  width: 14px;
  height: 14px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(255,255,255,.98) 0%, rgba(255,226,120,.95) 28%, rgba(255,190,70,.5) 58%, transparent 76%);
  opacity: 0;
  filter: blur(.2px) drop-shadow(0 0 10px rgba(255,215,115,.5));
}

.nw-treasure-chest-sparkle--1 { left: 34%; top: 38%; }
.nw-treasure-chest-sparkle--2 { left: 42%; top: 30%; }
.nw-treasure-chest-sparkle--3 { left: 58%; top: 31%; }
.nw-treasure-chest-sparkle--4 { left: 65%; top: 40%; }
.nw-treasure-chest-sparkle--5 { left: 39%; top: 56%; }
.nw-treasure-chest-sparkle--6 { left: 61%; top: 57%; }

.nw-treasure-chest-reward.is-live .nw-treasure-chest-sparkle--1 {
  animation: nwChestSparkle 1.8s ease-out .08s infinite;
}
.nw-treasure-chest-reward.is-live .nw-treasure-chest-sparkle--2 {
  animation: nwChestSparkle 2s ease-out .34s infinite;
}
.nw-treasure-chest-reward.is-live .nw-treasure-chest-sparkle--3 {
  animation: nwChestSparkle 1.7s ease-out .18s infinite;
}
.nw-treasure-chest-reward.is-live .nw-treasure-chest-sparkle--4 {
  animation: nwChestSparkle 2.1s ease-out .5s infinite;
}
.nw-treasure-chest-reward.is-live .nw-treasure-chest-sparkle--5 {
  animation: nwChestSparkle 1.9s ease-out .24s infinite;
}
.nw-treasure-chest-reward.is-live .nw-treasure-chest-sparkle--6 {
  animation: nwChestSparkle 2.15s ease-out .42s infinite;
}

.nw-treasure-chest-reward-text {
  position: absolute;
  top: 50%;
  left: 50%;
  width: min(78%, 560px);
  text-align: center;
  transform: translate(-50%, 44px) scale(.72);
  opacity: 0;
  color: #fff6c9;
  font-size: clamp(2rem, 5.8vw, 4.2rem);
  line-height: .92;
  font-weight: 1000;
  font-family: Impact, Haettenschweiler, "Arial Black", "Segoe UI", sans-serif;
  text-transform: uppercase;
  text-shadow:
    0 3px 0 rgba(80, 42, 0, .55),
    0 0 18px rgba(255, 214, 92, .35),
    0 14px 34px rgba(0,0,0,.48);
  letter-spacing: .06em;
  -webkit-text-stroke: 1px rgba(90, 54, 0, .42);
  filter: drop-shadow(0 0 14px rgba(255, 231, 147, .24));
}

.nw-treasure-chest-reward.is-live .nw-treasure-chest-reward-text {
  animation: nwChestRewardText .7s ease-out .18s forwards;
}

@keyframes nwChestFloat {
  0%, 100% { transform: translateY(0px) rotate(-1deg); }
  50% { transform: translateY(-10px) rotate(1deg); }
}

@keyframes nwChestGlow {
  0%, 100% { transform: scale(1); opacity: .75; }
  50% { transform: scale(1.08); opacity: 1; }
}

@keyframes nwChestRewardStar {
  0% {
    transform: translateY(0) scale(.08) rotate(0deg);
    opacity: 0;
    filter: brightness(1);
  }
  35% {
    transform: translateY(-8px) scale(1.12) rotate(8deg);
    opacity: 1;
    filter: brightness(1.15);
  }
  70% {
    transform: translateY(0) scale(.96) rotate(-4deg);
    opacity: 1;
  }
  100% {
    transform: translateY(0) scale(1) rotate(0deg);
    opacity: 1;
  }
}

@keyframes nwChestRewardStar {
  0% {
    transform: translateY(24px) scale(.08) rotate(-10deg);
    opacity: 0;
  }
  55% {
    opacity: 1;
  }
  100% {
    transform: translateY(0) scale(1) rotate(0deg);
    opacity: 1;
  }
}

@keyframes nwChestRewardText {
  0% {
    transform: translate(-50%, 74px) scale(.58);
    opacity: 0;
  }
  65% {
    opacity: 1;
  }
  100% {
    transform: translate(-50%, 50px) scale(1);
    opacity: 1;
  }
}

@keyframes nwChestRewardTextFloat {
  0% {
    transform: translate(-50%, 34px) scale(1);
  }
  50% {
    transform: translate(-50%, 26px) scale(1.03);
  }
  100% {
    transform: translate(-50%, 34px) scale(1);
  }
}

@keyframes nwChestBurst {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(.2);
  }
  18% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1.28);
  }
}

@keyframes nwChestSparkle {
  0% {
    opacity: 0;
    transform: translateY(12px) scale(.2);
  }
  25% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
  60% {
    opacity: 1;
    transform: translateY(-10px) scale(.92);
  }
  100% {
    opacity: 0;
    transform: translateY(-24px) scale(.24);
  }
}

.nw-archive-shell {
  width: min(100%, 1200px);
  margin: 18px auto 22px;
  position: relative;
}

.nw-archive-toggle {
  position: relative;
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  width: 100%;
  padding: 24px 28px;
  border-radius: 30px;
  border: 1px solid rgba(185, 214, 191, 0.16);
  background:
    linear-gradient(135deg, rgba(20, 32, 24, 0.86), rgba(56, 66, 62, 0.78)),
    radial-gradient(circle at 18% 50%, rgba(115, 228, 120, 0.14), transparent 36%);
  box-shadow:
    0 18px 50px rgba(0, 0, 0, 0.24),
    inset 0 1px 0 rgba(255,255,255,0.07);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  cursor: pointer;
  overflow: hidden;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease;
}

.nw-archive-toggle:hover {
  transform: translateY(-2px);
  border-color: rgba(145, 231, 137, 0.28);
  box-shadow:
    0 24px 60px rgba(0, 0, 0, 0.28),
    0 0 0 1px rgba(145, 231, 137, 0.08) inset;
}

.nw-archive-toggle.is-open {
  border-bottom-left-radius: 22px;
  border-bottom-right-radius: 22px;
  box-shadow:
    0 20px 60px rgba(0, 0, 0, 0.28),
    0 0 0 1px rgba(145, 231, 137, 0.08) inset;
}

.nw-archive-toggle__glow {
  position: absolute;
  inset: -40% auto auto -10%;
  width: 240px;
  height: 240px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(124, 255, 145, 0.16), transparent 68%);
  pointer-events: none;
}

.nw-archive-toggle__icon-wrap {
  position: relative;
  z-index: 1;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: linear-gradient(180deg, rgba(255,255,255,0.10), rgba(255,255,255,0.03));
  border: 1px solid rgba(255,255,255,0.12);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.10);
}

.nw-archive-toggle__icon {
  font-size: 1.45rem;
  line-height: 1;
  color: #f2f6ef;
  text-shadow: 0 0 16px rgba(255,255,255,0.18);
}

.nw-archive-toggle__text {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 4px;
  text-align: left;
}

.nw-archive-toggle__eyebrow {
  font-size: .72rem;
  text-transform: uppercase;
  letter-spacing: .18em;
  color: #9cf17f;
  font-weight: 800;
}

.nw-archive-toggle__text strong {
  display: block;
  font-size: clamp(1.2rem, 2vw, 1.6rem);
  line-height: 1.05;
  color: #f4f8f1;
}

.nw-archive-toggle__text small {
  display: block;
  font-size: .98rem;
  line-height: 1.45;
  color: rgba(236, 243, 236, 0.78);
}

.nw-archive-toggle__side {
  position: relative;
  z-index: 1;
  display: grid;
  justify-items: end;
  align-items: center;
  gap: 10px;
}

.nw-archive-toggle__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 14px;
  border-radius: 999px;
  background: rgba(140, 235, 126, 0.12);
  border: 1px solid rgba(140, 235, 126, 0.22);
  color: #dff7d9;
  font-size: .82rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.nw-archive-toggle__chevron {
  font-size: 1.25rem;
  color: rgba(244, 248, 241, 0.92);
  transition: transform .22s ease, opacity .22s ease;
}

.nw-archive-toggle.is-open .nw-archive-toggle__chevron {
  transform: rotate(180deg);
}

.nw-archive-panel {
  margin-top: 14px;
  padding: 26px;
  border-radius: 30px;
  border: 1px solid rgba(185, 214, 191, 0.14);
  background:
    linear-gradient(180deg, rgba(40, 48, 45, 0.88), rgba(28, 35, 32, 0.86)),
    radial-gradient(circle at top left, rgba(110, 227, 129, 0.08), transparent 28%);
  box-shadow:
    0 24px 70px rgba(0, 0, 0, 0.24),
    inset 0 1px 0 rgba(255,255,255,0.05);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.nw-archive-panel__head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 18px;
  margin-bottom: 18px;
}

.nw-archive-panel__head h3 {
  margin: 0 0 6px;
  font-size: 1.28rem;
  color: #f5f8f2;
}

.nw-archive-panel__head p {
  margin: 0;
  color: rgba(236,243,236,0.78);
  line-height: 1.5;
}

.nw-archive-toolbar {
  margin-bottom: 14px;
}

.nw-archive-toolbar input {
  width: 100%;
  min-height: 58px;
  padding: 0 20px;
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,0.10);
  background: rgba(255,255,255,0.05);
  color: #f3f7f1;
  font-size: 1rem;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);
}

.nw-archive-toolbar input::placeholder {
  color: rgba(233, 239, 233, 0.52);
}

.nw-archive-toolbar input:focus {
  outline: none;
  border-color: rgba(144, 235, 132, 0.34);
  box-shadow:
    0 0 0 3px rgba(144, 235, 132, 0.10),
    inset 0 1px 0 rgba(255,255,255,0.04);
}

.nw-archive-status {
  margin: 12px 0 18px;
  font-size: .98rem;
  color: rgba(241, 246, 239, 0.82);
}

.nw-archive-list {
  display: grid;
  gap: 16px;
}

.nw-archive-item {
  position: relative;
  padding: 22px 22px 20px;
  border-radius: 26px;
  border: 1px solid rgba(255,255,255,0.10);
  background:
    linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.025)),
    radial-gradient(circle at left center, rgba(110, 227, 129, 0.07), transparent 32%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.05),
    0 10px 30px rgba(0,0,0,0.14);
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.nw-archive-item:hover {
  transform: translateY(-2px);
  border-color: rgba(145, 231, 137, 0.22);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.05),
    0 16px 34px rgba(0,0,0,0.18);
}

.nw-archive-item__topline {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 12px;
}

.nw-archive-item__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 14px;
  align-items: center;
}

.nw-archive-item__label {
  display: inline-flex;
  align-items: center;
  padding: 6px 10px;
  border-radius: 999px;
  background: #18221c;
  color: #ffffff;
  font-size: .68rem;
  font-weight: 950;
  letter-spacing: .12em;
  line-height: 1;
  text-transform: uppercase;
}

.nw-archive-item__date {
  font-size: .82rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: rgba(50,67,58,0.72);
}

.nw-archive-item__pill {
  flex: 0 0 auto;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(80,112,90,0.08);
  border: 1px solid rgba(80,112,90,0.14);
  color: #50705a;
  font-size: .78rem;
  font-weight: 700;
}

.nw-archive-item__title {
  margin: 0 0 10px;
  font-size: 1.28rem;
  line-height: 1.3;
}

.nw-archive-item__title a {
  color: #f5f8f2;
  text-decoration: none;
}

.nw-archive-item__title a:hover {
  color: #baf59d;
}

.nw-archive-item__excerpt {
  margin: 0;
  color: rgba(235,242,235,0.76);
  line-height: 1.65;
  font-size: .98rem;
}

.nw-archive-item__actions {
  margin-top: 18px;
}

.nw-archive-item__cta {
  min-width: 170px;
}

.nw-archive-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-top: 18px;
  padding-top: 6px;
}

.nw-archive-page-copy {
  color: rgba(240,245,240,0.76);
  font-weight: 700;
}

@media (max-width: 749px) {
  .nw-archive-toggle {
    grid-template-columns: 56px minmax(0, 1fr) 20px;
    padding: 18px 18px;
    gap: 14px;
    border-radius: 24px;
  }

  .nw-archive-toggle__badge {
    display: none;
  }

  .nw-archive-toggle__text strong {
    font-size: 1.08rem;
  }

  .nw-archive-toggle__text small {
    font-size: .9rem;
  }

  .nw-archive-panel {
    padding: 18px;
    border-radius: 24px;
  }

  .nw-archive-item {
    padding: 18px;
    border-radius: 22px;
  }

  .nw-archive-item__topline {
    flex-direction: column;
    align-items: flex-start;
  }

  .nw-archive-item__title {
    font-size: 1.08rem;
  }
}

@media (max-width: 999px) {
  .nw-top-grid,
  .nw-customize-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .nw-customize-grid > div,
  .nw-owned-panel {
    min-width: 0;
  }

  .nw-store-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .nw-wolf-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 749px) {
  .nw-pack-den {
    padding: 16px 12px 28px;
    min-height: calc(100vh - 70px);
    overflow-x: clip;
  }

  .nw-pack-den__inner,
  .nw-app,
  .nw-top-grid,
  .nw-profile-card,
  .nw-pack-card,
  .nw-panel-head,
  .nw-panel-actions,
  .nw-stage-wrap,
  .nw-profile-info,
  .nw-profile-row,
  .nw-stat-grid,
  .nw-progress-wrap,
  .nw-archive-shell,
  .nw-archive-toggle,
  .nw-archive-panel,
  .nw-archive-panel__head,
  .nw-archive-footer,
  .nw-modal,
  .nw-modal-card,
  .nw-combined-modal-card,
  #nw-combined-panel-wolves,
  .nw-your-wolves-shell,
  .nw-customize-grid,
  .nw-customize-grid > div,
  .nw-owned-panel,
  .nw-wolf-list-panel,
  .nw-store-grid,
  .nw-owned-list,
  .nw-wolf-list,
  .nw-editor-actions,
  .nw-editor-layer-panel,
  .nw-modal-copy {
    min-width: 0;
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
  }

  .nw-pack-den__hero {
    flex-direction: column;
    align-items: flex-start;
    padding: 20px;
  }

  .nw-treasure-chest-row {
    gap: 12px;
    margin: 12px auto 4px;
  }

  .nw-treasure-chest-wrap {
    width: min(170px, calc(50vw - 24px));
    max-width: 170px;
    gap: 7px;
    text-align: center;
    padding: 0;
  }

  .nw-treasure-chest-button {
    width: 68px;
    height: 68px;
  }

  .nw-treasure-chest-image {
    max-width: 62px;
  }

  .nw-treasure-chest-copy strong {
    font-size: .94rem;
  }

  .nw-treasure-chest-timer {
    font-size: 1.08rem;
  }

  .nw-treasure-chest-status {
    font-size: .74rem;
  }

  .nw-pack-den__hero h1 {
    font-size: 2.35rem;
  }
.nw-progress-wrap--text-only {
  gap: 0;
}
  .nw-pack-den__pill {
    width: 100%;
    max-width: 100%;
    white-space: normal;
    text-align: center;
    box-sizing: border-box;
  }

  .nw-auth-card,
  .nw-profile-card,
  .nw-pack-card,
  .nw-modal-card {
    padding: 18px;
  }

  .nw-panel-head {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }

  .nw-panel-head > * {
    min-width: 0;
    max-width: 100%;
  }

  .nw-panel-actions {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    align-items: stretch;
  }

  .nw-panel-actions .nw-btn {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    justify-content: center;
    box-sizing: border-box;
  }

  .nw-profile-row {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .nw-profile-welcome {
    font-size: clamp(2.2rem, 8vw, 3.2rem);
    line-height: 0.98;
    letter-spacing: 0.01em;
  }

  .nw-profile-group--rankstars-top {
    max-width: 100%;
  }

  .nw-stage-wrap {
    width: 100%;
  }

  .nw-stage {
    width: 100%;
    max-width: 100%;
  }

  .nw-stat-grid {
    grid-template-columns: 1fr;
  }

  .nw-store-grid {
    grid-template-columns: 1fr;
  }

  .nw-archive-toggle {
    grid-template-columns: 56px minmax(0, 1fr) 20px;
    align-items: center;
  }

  .nw-archive-toggle__text,
  .nw-archive-toggle__text strong,
  .nw-archive-toggle__text small,
  .nw-archive-toggle__eyebrow {
    min-width: 0;
  }

  .nw-archive-toggle__icon-wrap {
    width: 50px;
    height: 50px;
  }

  .nw-archive-panel__head,
  .nw-archive-footer {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    align-items: stretch;
  }
  .nw-combined-modal-card {
    overflow-x: hidden;
  }

  .nw-combined-modal-card h3,
  .nw-combined-modal-card h4,
  .nw-combined-modal-card p,
  .nw-combined-modal-card strong,
  .nw-combined-modal-card span,
  .nw-modal-copy {
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  .nw-your-wolves-shell,
  .nw-customize-grid,
  .nw-customize-grid > div,
  .nw-wolf-list-panel,
  .nw-owned-panel {
    overflow-x: hidden;
  }

  .nw-wolf-list-panel,
  .nw-owned-panel {
    padding: 16px;
  }

  .nw-modal-copy {
    font-size: 1rem;
    line-height: 1.6;
  }
  .nw-archive-panel__head .nw-btn,
  .nw-archive-footer .nw-btn {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }

  .nw-customize-grid > div:first-child {
    order: 2;
    min-width: 0;
  }

  .nw-owned-panel {
    order: 1;
    min-width: 0;
  }

  .nw-editor-actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    align-items: stretch;
  }

  .nw-editor-actions .nw-btn,
  .nw-editor-autosave-note {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }

  .nw-editor-autosave-note {
    text-align: center;
  }

  .nw-owned-list,
  .nw-wolf-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .nw-wolf-card,
  .nw-owned-item {
    padding: 10px;
    min-width: 0;
  }

  .nw-wolf-card {
    display: flex;
    flex-direction: column;
  }

  .nw-wolf-card img,
  .nw-owned-item img {
    width: 100%;
    margin: 0 auto 8px;
  }

  .nw-wolf-card__preview {
    width: 100%;
    flex: 1 1 auto;
    display: flex;
    align-items: stretch;
  }

  .nw-wolf-card-preview {
    width: 100%;
    margin-bottom: 8px;
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .nw-wolf-card-preview .nw-stage {
    width: 100%;
    min-height: 0;
    aspect-ratio: 1 / 1;
    border-radius: 18px;
    overflow: hidden;
    background: rgba(5,16,10,.55);
    position: relative;
  }

  .nw-wolf-card strong,
  .nw-owned-item strong {
    font-size: .95rem;
  }

  .nw-wolf-card .nw-slot,
  .nw-owned-item .nw-slot {
    font-size: .92rem;
  }

  .nw-wolf-card--locked .nw-slot {
    font-size: 1.02rem;
  }

  .nw-editor-layer-strip {
    display: block;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }

  .nw-editor-layer-wolf-divider {
    display: none;
  }

  .nw-profile-name {
    font-size: 1.55rem;
  }

  .nw-profile-welcome {
  margin: 0;
  font-family: "Cinzel", "Trajan Pro", "Cormorant Garamond", "Georgia", serif;
  font-size: clamp(2.4rem, 5vw, 4.8rem);
  line-height: 0.95;
  font-weight: 800;
  letter-spacing: 0.01em;
  text-transform: none;
  color: #f7f3df;
  text-shadow:
    0 2px 0 rgba(255,255,255,0.04),
    0 10px 26px rgba(0,0,0,0.34),
    0 0 18px rgba(184, 255, 211, 0.08);
}

  .nw-modal {
    padding: 10px 8px;
  }

  .nw-modal-card,
  .nw-modal-card--wide,
  .nw-combined-modal-card {
    width: 100%;
    max-width: 100%;
  }

  .nw-combined-modal-card {
    padding: 16px;
    border-radius: 22px;
  }

  .nw-combined-tabs,
  .nw-store-tabs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .nw-combined-tabs .nw-btn,
  .nw-store-tabs .nw-btn {
    min-width: 0;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }
}

/*
  Responsive tweaks for the star pill: on smaller screens, use a
  vertical orientation for star blocks to ensure readability. The
  default style defined above displays the blocks horizontally; this
  media query stacks them when space is limited.
*/
@media (max-width: 749px) {
  .nw-stars-pill {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
  .nw-star-block + .nw-star-block {
    border-left: none;
    margin-left: 0;
    padding-left: 0;
    border-top: 1px solid rgba(205,255,219,.16);
    padding-top: 12px;
    margin-top: 12px;
  }
  .nw-star-number-row {
    gap: 7px;
  }
  .nw-star-emoji {
    font-size: .95rem;
  }
  .nw-star-number {
    font-size: 1.35rem;
  }
  .nw-star-label {
    font-size: 0.8rem;
  }
}


.nw-home-pack-shell{
  margin-top:18px;
  padding:16px 16px 14px;
  border-radius:24px;
  border:1px solid rgba(205,255,219,.14);
  background:
    linear-gradient(135deg, rgba(10,27,17,.72) 0%, rgba(20,46,31,.58) 52%, rgba(8,19,13,.76) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 14px 34px rgba(0,0,0,.18);
  position:relative;
  overflow:hidden;
}

.nw-home-pack-shell::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at top left, rgba(188,255,208,.10), transparent 34%),
    radial-gradient(circle at bottom right, rgba(116,255,162,.08), transparent 28%);
  pointer-events:none;
}

.nw-home-pack-head{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:12px;
}

.nw-home-pack-kicker{
  font-size:.74rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:rgba(210,243,219,.72);
  font-weight:800;
}

.nw-home-pack-title{
  font-size:1.02rem;
  font-weight:800;
  color:#f4fff6;
}

.nw-home-pack-note{
  font-size:.82rem;
  color:rgba(226,244,232,.74);
  text-align:right;
}

.nw-home-pack-rail{
  position:relative;
  z-index:1;
  display:flex;
  gap:12px;
  overflow-x:auto;
  overflow-y:hidden;
  padding:2px 2px 6px;
  scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch;
}

.nw-home-pack-rail::-webkit-scrollbar{
  height:10px;
}

.nw-home-pack-rail::-webkit-scrollbar-track{
  background:rgba(255,255,255,.06);
  border-radius:999px;
}

.nw-home-pack-rail::-webkit-scrollbar-thumb{
  background:rgba(186,255,205,.28);
  border-radius:999px;
}

.nw-home-pack-card{
  flex:0 0 auto;
  width:118px;
  border:0;
  background:transparent;
  padding:0;
  cursor:pointer;
  text-align:center;
  transition:transform .18s ease, filter .18s ease;
}

.nw-home-pack-card:hover{
  transform:translateY(-4px) scale(1.02);
  filter:brightness(1.05);
}

.nw-home-pack-card__frame{
  aspect-ratio:1 / 1;
  border-radius:22px;
  padding:10px;
  background:
    linear-gradient(145deg, rgba(228,255,236,.14), rgba(68,108,78,.20)),
    linear-gradient(180deg, rgba(16,37,25,.95), rgba(8,18,12,.98));
  border:1px solid rgba(205,255,219,.18);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 14px 26px rgba(0,0,0,.22);
  position:relative;
}

.nw-home-pack-card__frame::after{
  content:"";
  position:absolute;
  inset:6px;
  border-radius:17px;
  border:1px solid rgba(205,255,219,.08);
  pointer-events:none;
}

.nw-home-pack-card__image-wrap{
  width:100%;
  height:100%;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:
    radial-gradient(circle at 50% 32%, rgba(189,255,205,.18), transparent 40%),
    linear-gradient(180deg, rgba(16,34,23,.94), rgba(8,15,11,.98));
  overflow:hidden;
}

.nw-home-pack-card__image-wrap{
  width:100%;
  height:100%;
  display:flex;
  align-items:stretch;
  justify-content:stretch;
}

.nw-home-pack-card__image-wrap .nw-wolf-card-preview{
  width:100%;
  height:100%;
  margin:0;
  align-items:center;
  justify-content:center;
}

.nw-home-pack-card__image-wrap .nw-wolf-card-preview .nw-stage{
  width:100%;
  min-height:0;
  height:100%;
  aspect-ratio:1 / 1;
  border-radius:18px;
  overflow:hidden;
  background:rgba(5,16,10,.55);
  position:relative;
}

.nw-home-pack-card__image-wrap img{
  display:block;
  filter:drop-shadow(0 8px 16px rgba(0,0,0,.34));
}

.nw-home-pack-card__meta{
  margin-top:9px;
  display:grid;
  gap:3px;
}

.nw-home-pack-card__meta strong{
  font-size:.92rem;
  line-height:1.15;
  color:#f4fff6;
}

.nw-home-pack-card__meta span{
  font-size:.72rem;
  color:rgba(220,244,228,.72);
  text-transform:uppercase;
  letter-spacing:.08em;
}

.nw-home-pack-card.is-current .nw-home-pack-card__frame{
  border-color:rgba(192,255,147,.44);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 0 0 1px rgba(192,255,147,.18),
    0 16px 32px rgba(0,0,0,.26),
    0 0 26px rgba(164,255,122,.16);
}

@media (max-width: 749px) {
  .nw-home-pack-shell{
    padding:14px 12px 12px;
    border-radius:20px;
  }

  .nw-home-pack-head{
    align-items:flex-start;
    flex-direction:column;
    gap:8px;
  }

  .nw-home-pack-note{
    text-align:left;
    font-size:.78rem;
  }

  .nw-home-pack-card{
    width:148px;
  }

  .nw-home-pack-card__frame{
    aspect-ratio:1 / 1;
  }

  .nw-home-pack-card__meta strong{
    font-size:.92rem;
  }

  .nw-home-pack-card__meta span{
    font-size:.7rem;
  }
}

/* Games & Challenges modal styles */
.nw-gc-modal-card {
  max-width: 1180px;
  border: 1px solid rgba(205,255,219,.14);
  box-shadow: 0 28px 80px rgba(0,0,0,.42);
}

.nw-modal-kicker {
  font-size: .78rem;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #9fc89f;
  margin-bottom: 8px;
}

.nw-modal-head--gc {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 18px;
  margin-bottom: 10px;
}

.nw-gc-head-right {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.nw-goals-balance {
  margin-bottom: 14px;
  display: flex;
  justify-content: flex-end;
}

.nw-stars-pill--goals {
  gap: 18px;
  padding: 10px 16px;
  background: rgba(7,17,12,.54);
  border: 1px solid rgba(205,255,219,.14);
}

.nw-star-animation--goals {
  height: 22px;
  margin-bottom: 6px;
}

.nw-gc-tabs {
  display: flex;
  gap: 10px;
  margin: 10px 0 18px;
  flex-wrap: wrap;
}

.nw-gc-tab {
  min-width: 130px;
}

.nw-gc-tab.is-active {
  background: linear-gradient(135deg, #96ec6c, #69d6a8);
  color: #08120b;
  border-color: transparent;
}

.nw-gc-toolbar {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 14px;
}

.nw-gc-toggle {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #dfeadd;
  font-size: .95rem;
}

.nw-goals-list {
  display: grid;
  gap: 16px;
}


.nw-trivia-challenge-shell {
  margin: 0 0 24px;
  padding: 18px;
  border-radius: 26px;
  background: rgba(6, 19, 12, 0.78);
  border: 1px solid rgba(140, 214, 162, 0.18);
}

.nw-trivia-challenge-shell__head {
  margin-bottom: 14px;
}

.nw-trivia-challenge-shell__head h3 {
  margin: 0 0 6px;
}

.nw-trivia-challenge-shell__head p,
.nw-trivia-completed-shell__head p {
  margin: 0;
  opacity: 0.9;
  line-height: 1.45;
  max-width: 720px;
}

.nw-trivia-challenge-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.nw-trivia-challenge-card {
  padding: 18px;
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(10,24,16,0.96), rgba(4,16,10,0.92));
  border: 1px solid rgba(154, 228, 176, 0.16);
  box-shadow: 0 18px 38px rgba(0,0,0,0.18);
  color: #f4fff6;
}

.nw-trivia-challenge-card--multiple_choice {
  background:
    radial-gradient(circle at top right, rgba(105,214,168,.10), transparent 28%),
    linear-gradient(180deg, rgba(10,24,16,0.96), rgba(4,16,10,0.92));
}


.nw-trivia-challenge-card__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}

.nw-trivia-challenge-card__head-main {
  min-width: 0;
}

.nw-trivia-challenge-card__eyebrow {
  font-size: .75rem;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  opacity: 0.82;
  margin-bottom: 6px;
  color: #9fc89f;
}

.nw-trivia-challenge-card h3 {
  margin: 0;
  font-size: 1.28rem;
  line-height: 1.15;
  color: #f4fff6;
}

.nw-trivia-challenge-card__head-status {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 7px 11px;
  border-radius: 999px;
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  border: 1px solid rgba(205,255,219,.14);
  background: rgba(255,255,255,.04);
  color: #e8f3e8;
  white-space: nowrap;
}

.nw-trivia-challenge-card__head-status--ready {
  border-color: rgba(105,214,168,.36);
  color: #effff8;
}

.nw-trivia-challenge-card__head-status--in_progress {
  border-color: rgba(255,214,92,.42);
  color: #fff3be;
}

.nw-trivia-challenge-card__head-status--completed {
  border-color: rgba(125, 255, 169, 0.62);
  color: #95ffba;
  background: rgba(12, 38, 20, 0.72);
}

.nw-trivia-challenge-card__head-status--locked {
  border-color: rgba(255,255,255,.10);
  color: rgba(255,255,255,.72);
}

.nw-trivia-challenge-card__subtitle {
  margin: 0 0 12px;
  color: #d6e3d5;
  line-height: 1.45;
}

.nw-trivia-challenge-card__stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.nw-trivia-challenge-stat {
  padding: 10px 12px;
  border-radius: 18px;
  background: rgba(255,255,255,.035);
  border: 1px solid rgba(255,255,255,.07);
  min-width: 0;
}

.nw-trivia-challenge-stat__label {
  display: block;
  font-size: .68rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #9fc89f;
  margin-bottom: 6px;
}

.nw-trivia-challenge-stat__value {
  display: block;
  font-size: 1.02rem;
  line-height: 1.2;
  color: #fff;
  overflow-wrap: anywhere;
}

.nw-trivia-challenge-card__footer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 220px;
  gap: 12px;
  align-items: center;
}

.nw-trivia-challenge-card__note {
  min-width: 0;
  padding: 10px 12px;
  border-radius: 16px;
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.06);
  color: #d9e6d9;
  line-height: 1.4;
  font-size: .95rem;
}

.nw-trivia-challenge-card__cta {
  width: 100%;
  min-height: 50px;
  font-size: 1rem;
  font-weight: 900;
}

.nw-trivia-completed-shell {
  margin-top: 16px;
  padding: 18px;
  border-radius: 24px;
  background: rgba(6, 19, 12, 0.72);
  border: 1px solid rgba(140, 214, 162, 0.14);
}

.nw-trivia-completed-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.nw-trivia-completed-card {
  padding: 18px;
  border-radius: 22px;
  border: 1px solid rgba(150,236,108,.18);
  background: linear-gradient(180deg, rgba(18,42,25,.76), rgba(8,24,14,.72));
  box-shadow: inset 0 0 0 1px rgba(150,236,108,.04);
}

.nw-trivia-completed-card--multiple_choice {
  background:
    radial-gradient(circle at top right, rgba(105,214,168,.08), transparent 28%),
    linear-gradient(180deg, rgba(18,42,25,.76), rgba(8,24,14,.72));
}


.nw-trivia-completed-card__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}

.nw-trivia-completed-card__head-main {
  min-width: 0;
}

.nw-trivia-completed-card__eyebrow {
  font-size: .74rem;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #9fc89f;
  margin-bottom: 6px;
}

.nw-trivia-completed-card h4 {
  margin: 0;
  font-size: 1.12rem;
  line-height: 1.2;
  color: #fff;
}

.nw-trivia-completed-card__status {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: .74rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #95ffba;
  border: 1px solid rgba(125,255,169,.42);
  background: rgba(12, 38, 20, 0.72);
}

.nw-trivia-completed-card__stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.nw-trivia-completed-stat {
  padding: 10px 12px;
  border-radius: 16px;
  background: rgba(255,255,255,.035);
  border: 1px solid rgba(255,255,255,.06);
  min-width: 0;
}

.nw-trivia-completed-stat__label {
  display: block;
  font-size: .67rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #9fc89f;
  margin-bottom: 6px;
}

.nw-trivia-completed-stat__value {
  display: block;
  font-size: .98rem;
  line-height: 1.25;
  color: #fff;
  overflow-wrap: anywhere;
}

.nw-trivia-completed-card__footer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 190px;
  gap: 12px;
  align-items: center;
}

.nw-trivia-completed-card__note {
  min-width: 0;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.05);
  color: #d9e6d9;
  line-height: 1.4;
  font-size: .92rem;
}

.nw-trivia-completed-card__cta {
  width: 100%;
  min-height: 48px;
  font-size: .98rem;
  font-weight: 900;
}

.nw-shop-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 16px;
}

.nw-shop-balance-pill {
  min-width: 180px;
  padding: 12px 16px;
  border-radius: 18px;
  background: rgba(8, 24, 14, 0.9);
  border: 1px solid rgba(255,255,255,0.08);
  color: #ffffff;
  text-align: right;
}

.nw-shop-balance-pill span {
  display: block;
  color: rgba(255,255,255,.78);
  font-size: 12px;
  opacity: 1;
  margin-bottom: 4px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.nw-shop-balance-pill strong {
  color: #ffffff;
  font-size: 1.2rem;
}

@media (max-width: 900px) {
  .nw-trivia-summary-grid,
  .nw-trivia-challenge-grid,
  .nw-trivia-completed-grid {
    grid-template-columns: 1fr;
  }

  .nw-trivia-challenge-card__stats,
  .nw-trivia-completed-card__stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .nw-trivia-challenge-card__footer,
  .nw-trivia-completed-card__footer {
    grid-template-columns: 1fr;
  }

  .nw-shop-head {
    flex-direction: column;
    align-items: stretch;
  }

  .nw-shop-balance-pill {
    text-align: left;
  }
}

@media (max-width: 640px) {
  .nw-trivia-summary-shell,
  .nw-trivia-challenge-shell,
  .nw-trivia-completed-shell {
    padding: 14px;
  }

  .nw-trivia-summary-card,
  .nw-trivia-challenge-card,
  .nw-trivia-completed-card {
    padding: 14px;
    border-radius: 20px;
  }

  .nw-trivia-challenge-card__head,
  .nw-trivia-completed-card__head {
    flex-direction: column;
    align-items: flex-start;
  }

  .nw-trivia-challenge-card__subtitle {
    margin-bottom: 10px;
    font-size: .98rem;
  }

  .nw-trivia-challenge-card__stats,
  .nw-trivia-completed-card__stats {
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }

  .nw-trivia-challenge-stat,
  .nw-trivia-completed-stat {
    padding: 9px 10px;
    border-radius: 15px;
  }

  .nw-trivia-challenge-stat__value,
  .nw-trivia-completed-stat__value {
    font-size: .96rem;
  }

  .nw-trivia-summary-card__value {
    font-size: 1.58rem;
  }

  .nw-trivia-challenge-card__note,
  .nw-trivia-completed-card__note {
    font-size: .9rem;
  }

  .nw-trivia-challenge-card__cta,
  .nw-trivia-completed-card__cta {
    min-height: 48px;
  }
}
.nw-trivia-hub {
  margin-bottom: 16px;
}

.nw-trivia-hub-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.nw-trivia-hub-card {
  border-radius: 22px;
  border: 1px solid rgba(205,255,219,.12);
  background: linear-gradient(180deg, rgba(7,17,12,.78), rgba(5,13,9,.70));
  padding: 18px;
}

.nw-trivia-hub-card--next {
  background: linear-gradient(180deg, rgba(24,38,20,.88), rgba(10,20,12,.80));
}

.nw-trivia-hub-label {
  font-size: .78rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #9fc89f;
  margin-bottom: 8px;
}

.nw-trivia-hub-value {
  font-size: 1.9rem;
  font-weight: 800;
  color: #fff;
  line-height: 1.05;
}

.nw-trivia-hub-value--sm {
  font-size: 1.2rem;
  line-height: 1.2;
}

.nw-trivia-hub-sub {
  margin-top: 8px;
  color: #d6e3d5;
  font-size: .92rem;
  line-height: 1.4;
}

.nw-trivia-leaderboards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 16px;
}

.nw-trivia-board-card {
  border-radius: 22px;
  border: 1px solid rgba(205,255,219,.12);
  background: linear-gradient(180deg, rgba(7,17,12,.78), rgba(5,13,9,.70));
  padding: 18px;
}

.nw-trivia-board-head {
  margin-bottom: 12px;
}

.nw-trivia-board-head h4 {
  margin: 0 0 4px;
  color: #fff;
  font-size: 1.05rem;
}

.nw-trivia-board-head span {
  color: #c7d5c6;
  font-size: .9rem;
}

.nw-trivia-board-list {
  display: grid;
  gap: 10px;
}

.nw-trivia-board-row {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.nw-trivia-board-row:last-child {
  border-bottom: 0;
}

.nw-trivia-board-rank {
  font-weight: 800;
  color: #96ec6c;
}

.nw-trivia-board-main strong {
  display: block;
  color: #fff;
}

.nw-trivia-board-main span {
  color: #c7d5c6;
  font-size: .88rem;
}

.nw-trivia-board-score {
  white-space: nowrap;
  font-weight: 800;
  color: #fff;
}

.nw-trivia-board-head--toggle {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.nw-trivia-board-toggle {
  min-width: 84px;
  flex-shrink: 0;
}

.nw-trivia-board-card.is-collapsed {
  padding-bottom: 16px;
}

.nw-trivia-board-pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid rgba(255,255,255,.08);
}

.nw-trivia-board-page-copy {
  color: #c7d5c6;
  font-size: .9rem;
  min-width: 96px;
}

.nw-trivia-board-page-btn[disabled] {
  opacity: .45;
  cursor: default;
}

@media (max-width: 640px) {
  .nw-trivia-board-head--toggle {
    flex-direction: column;
    align-items: stretch;
  }

  .nw-trivia-board-toggle {
    width: 100%;
  }

  .nw-trivia-board-pagination {
    flex-direction: column;
    align-items: stretch;
  }

  .nw-trivia-board-page-copy {
    min-width: 0;
    text-align: center;
  }
}

.nw-game-structure-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 14px 0 16px;
}

.nw-game-structure-chip {
  border-radius: 16px;
  border: 1px solid rgba(205,255,219,.10);
  background: rgba(8,20,14,.44);
  padding: 12px;
}

.nw-game-structure-label {
  display: block;
  font-size: .72rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #9fc89f;
  margin-bottom: 6px;
}

.nw-game-structure-chip strong {
  color: #fff;
  font-size: .96rem;
  line-height: 1.35;
}

@media (max-width: 980px) {
  .nw-trivia-hub-grid,
  .nw-trivia-leaderboards,
  .nw-game-structure-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 640px) {
  .nw-trivia-hub-grid,
  .nw-trivia-leaderboards,
  .nw-game-structure-grid {
    grid-template-columns: 1fr;
  }
}

.nw-goal-item {
  border-radius: 22px;
  border: 1px solid rgba(205,255,219,.12);
  background: linear-gradient(180deg, rgba(7,17,12,.74), rgba(5,13,9,.68));
  padding: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}

.nw-goal-item .nw-goal-info {
  color: #f2f6f0;
  max-width: 72%;
}

.nw-goal-item .nw-goal-info strong {
  display: block;
  margin-bottom: 6px;
  font-size: 1.05rem;
}

.nw-goal-item .nw-goal-reward {
  font-weight: 700;
  color: #96ec6c;
  margin-top: 8px;
}

.nw-goal-item .nw-meta + .nw-meta {
  margin-top: 4px;
}

.nw-goal-item .nw-goal-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
}

.nw-goal-actions .nw-goal-claim-btn {
  background: linear-gradient(135deg, #b7ff91, #84efa5) !important;
  color: #07120b !important;
  border: 1px solid rgba(205,255,180,.48) !important;
  box-shadow:
    0 12px 26px rgba(132,239,165,.18),
    inset 0 1px 0 rgba(255,255,255,.45);
  font-weight: 950;
}

.nw-goal-actions .nw-goal-claim-btn:hover {
  background: linear-gradient(135deg, #c7ffad, #91f7b2) !important;
  box-shadow:
    0 16px 34px rgba(132,239,165,.26),
    inset 0 1px 0 rgba(255,255,255,.55);
}

.nw-goal-status {
  display: inline-flex;
  align-items: center;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: .78rem;
  border: 1px solid rgba(205,255,219,.16);
  background: rgba(11,28,20,.46);
  color: #dce9dc;
}

.nw-goal-status--available {
  border-color: rgba(150,236,108,.50);
  color: #efffe8;
  background: rgba(32,70,29,.55);
}

.nw-goal-status--completed {
  opacity: .85;
}

.nw-goal-item--completed {
  border-color: rgba(150,236,108,.30);
  background: linear-gradient(180deg, rgba(20,42,26,.82), rgba(10,24,14,.76));
  box-shadow: inset 0 0 0 1px rgba(150,236,108,.08);
}

.nw-goal-item--available {
  border-color: rgba(255,214,92,.28);
}

.nw-game-card {
  border-radius: 24px;
  border: 1px solid rgba(205,255,219,.14);
  background: linear-gradient(180deg, rgba(8,20,14,.78), rgba(5,13,9,.74));
  padding: 24px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
}

.nw-game-card__head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 10px;
}

.nw-trivia-hub-card--next,
.nw-game-card--featured {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

.nw-trivia-hub-card--next {
  border: 1px solid rgba(255, 214, 92, .34);
  background:
    radial-gradient(circle at top right, rgba(255, 220, 110, .14), transparent 34%),
    radial-gradient(circle at bottom left, rgba(126, 255, 169, .12), transparent 38%),
    linear-gradient(180deg, rgba(32, 24, 8, .90), rgba(10, 20, 12, .86));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 10px 30px rgba(0,0,0,.18);
}

.nw-trivia-hub-card--next.is-clickable {
  cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.nw-trivia-hub-card--next.is-clickable:hover,
.nw-trivia-hub-card--next.is-clickable:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(255, 225, 120, .58);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 14px 38px rgba(0,0,0,.24),
    0 0 24px rgba(255, 220, 110, .12);
  outline: none;
}

.nw-trivia-hub-card--next::before,
.nw-game-card--featured::before {
  content: '';
  position: absolute;
  inset: 0;
  padding: 1.5px;
  border-radius: inherit;
  background: linear-gradient(115deg, rgba(255,220,110,.88), rgba(126,255,169,.78), rgba(255,220,110,.88));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: .88;
  animation: nwTriviaFramePulse 3.2s linear infinite;
  pointer-events: none;
}

.nw-trivia-hub-card--next::after,
.nw-game-card--featured::after {
  content: '';
  position: absolute;
  inset: -35%;
  background: linear-gradient(120deg, transparent 30%, rgba(255,255,255,.16) 50%, transparent 70%);
  transform: translateX(-55%) rotate(8deg);
  animation: nwTriviaSweep 4.8s ease-in-out infinite;
  pointer-events: none;
  z-index: -1;
}

.nw-game-card--featured {
  border: 1px solid rgba(255, 214, 92, .34);
  background:
    radial-gradient(circle at top right, rgba(255, 214, 92, .12), transparent 26%),
    radial-gradient(circle at bottom left, rgba(126, 255, 169, .10), transparent 34%),
    linear-gradient(180deg, rgba(22, 19, 8, .94), rgba(6, 16, 10, .90));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 16px 44px rgba(0,0,0,.28),
    0 0 0 1px rgba(255,214,92,.05);
}

.nw-game-card--featured.is-clickable {
  cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.nw-game-card--featured.is-clickable:hover,
.nw-game-card--featured.is-clickable:focus-visible {
  transform: translateY(-3px) scale(1.005);
  border-color: rgba(255, 225, 120, .58);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 20px 50px rgba(0,0,0,.32),
    0 0 28px rgba(255, 220, 110, .16);
  outline: none;
}

.nw-game-card--featured .nw-game-card__eyebrow,
.nw-trivia-hub-card--next .nw-trivia-hub-label {
  color: #ffe79b;
}

.nw-game-card--featured .nw-game-status,
.nw-trivia-hub-card--next .nw-trivia-hub-value--sm {
  text-shadow: 0 0 12px rgba(255, 220, 110, .18);
}

@keyframes nwTriviaFramePulse {
  0% { filter: brightness(.95); opacity: .72; }
  50% { filter: brightness(1.18); opacity: 1; }
  100% { filter: brightness(.95); opacity: .72; }
}

@keyframes nwTriviaSweep {
  0% { transform: translateX(-62%) rotate(8deg); opacity: 0; }
  18% { opacity: .22; }
  50% { opacity: .12; }
  100% { transform: translateX(62%) rotate(8deg); opacity: 0; }
}

.nw-game-card__eyebrow {
  font-size: .76rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #9fc89f;
  margin-bottom: 6px;
}

.nw-game-card h4 {
  margin: 0;
  color: #fff;
  font-size: 1.28rem;
}

.nw-game-card p {
  margin: 0 0 14px;
  color: #d6e3d5;
  font-size: 1rem;
  line-height: 1.5;
  max-width: 780px;
}

.nw-game-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 18px;
}

.nw-game-status {
  display: inline-flex;
  align-items: center;
  padding: 8px 12px;
  border-radius: 999px;
  font-size: .8rem;
  border: 1px solid rgba(205,255,219,.16);
  background: rgba(11,28,20,.46);
  color: #dce9dc;
  white-space: nowrap;
}

.nw-game-status--ready {
  border-color: rgba(105,214,168,.38);
  color: #effff8;
}

.nw-game-status--completed {
  opacity: 1;
  color: #8dffb1;
  border-color: rgba(125, 255, 169, 0.7);
  background: rgba(12, 38, 20, 0.88);
  box-shadow: 0 0 10px rgba(125, 255, 169, 0.28), 0 0 18px rgba(125, 255, 169, 0.16), inset 0 0 10px rgba(125, 255, 169, 0.08);
  text-shadow: 0 0 8px rgba(141, 255, 177, 0.55);
}

.nw-game-card--completed {
  border-color: rgba(150,236,108,.30);
  background: linear-gradient(180deg, rgba(18,42,25,.84), rgba(8,24,14,.78));
  box-shadow: inset 0 0 0 1px rgba(150,236,108,.08);
}

.nw-game-card--failed {
  border-color: rgba(255,130,130,.18);
  background: linear-gradient(180deg, rgba(30,14,14,.78), rgba(16,8,8,.74));
}

.nw-game-status--failed {
  border-color: rgba(255,130,130,.28);
}

.nw-btn--large {
  min-width: 190px;
  min-height: 48px;
  font-size: 1rem;
}

.nw-game-result {
  margin-top: 12px;
  color: #dce9dc;
  font-size: .92rem;
}

.nw-trivia-modal-card {
  width: min(1400px, 96vw);
  max-width: 1400px;
  max-height: calc(100vh - 32px);
  padding: 22px 22px 26px;
}

.nw-trivia-review-wrap {
  margin-top: 14px;
}

.nw-trivia-review-list {
  display: grid;
  gap: 12px;
  max-height: 460px;
  overflow: auto;
  padding-right: 4px;
}

.nw-trivia-review-item {
  border-radius: 18px;
  border: 1px solid rgba(205,255,219,.12);
  background: rgba(7,17,12,.56);
  padding: 14px;
}

.nw-trivia-review-item.is-correct {
  border-color: rgba(150,236,108,.22);
}

.nw-trivia-review-item.is-wrong {
  border-color: rgba(255,130,130,.16);
}

.nw-trivia-review-top {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 8px;
}

.nw-trivia-review-prompt {
  color: #fff;
  font-weight: 600;
  margin-bottom: 10px;
  line-height: 1.45;
}

.nw-trivia-review-answer,
.nw-trivia-review-fact {
  color: #d6e3d5;
  font-size: .94rem;
  line-height: 1.45;
}

.nw-trivia-review-answer + .nw-trivia-review-answer,
.nw-trivia-review-answer + .nw-trivia-review-fact {
  margin-top: 6px;
}

.nw-trivia-shell {
  width: 100%;
}

.nw-trivia-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}

.nw-trivia-brand {
  display: flex;
  align-items: center;
  gap: 10px;
}

.nw-trivia-brand-icon {
  width: 36px;
  height: 36px;
  border-radius: 14px;
  background: radial-gradient(circle at 30% 20%, #ffd75c 0, #ff6b35 35%, #25161a 80%);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.nw-trivia-brand-icon span {
  font-size: 22px;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.6));
}

.nw-trivia-brand-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.nw-trivia-brand-title {
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-size: 15px;
  color: #fff;
}

.nw-trivia-brand-subtitle {
  color: #a7b2c5;
  font-size: 11px;
}

.nw-trivia-header-right {
  display: flex;
  align-items: center;
  gap: 14px;
}

.nw-trivia-stat-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: 999px;
  background: rgba(6, 14, 22, 0.9);
  border: 1px solid rgba(255, 255, 255, 0.04);
  padding: 6px 12px;
  font-size: 11px;
  color: #a7b2c5;
}

.nw-trivia-stat-pill strong {
  color: #96ec6c;
  font-weight: 600;
}

.nw-trivia-screen {
  display: none;
}

.nw-trivia-screen--active {
  display: block;
}

.nw-trivia-main-layout {
  display: grid;
  grid-template-columns: minmax(0, 2.2fr) minmax(0, 1.4fr);
  gap: 14px;
}

.nw-trivia-card {
  background: radial-gradient(circle at top left, rgba(69, 118, 169, 0.18), rgba(10, 18, 28, 0.88));
  border-radius: 24px;
  border: 1px solid rgba(205,255,219,.12);
  padding: 16px 16px 18px;
  position: relative;
  overflow: hidden;
}

.nw-trivia-card::before {
  content: "";
  position: absolute;
  inset: -40%;
  background: radial-gradient(circle at 0 0, rgba(76, 180, 130, 0.14), transparent 55%);
  opacity: 0.7;
  pointer-events: none;
}

.nw-trivia-card--secondary {
  background: radial-gradient(circle at top right, rgba(103, 97, 196, 0.18), rgba(10, 14, 21, 0.92));
}

.nw-trivia-card--focus {
  background: radial-gradient(circle at top left, rgba(63, 214, 132, 0.22), rgba(8, 24, 14, 0.96));
  border: 1px solid rgba(105, 255, 178, 0.34);
  box-shadow: 0 0 0 1px rgba(105, 255, 178, 0.08), 0 18px 50px rgba(0, 0, 0, 0.32);
}

.nw-trivia-card--focus::before {
  background: radial-gradient(circle at 0 0, rgba(122, 255, 170, 0.18), transparent 55%);
  opacity: 0.95;
}

.nw-trivia-card-inner {
  position: relative;
  z-index: 1;
}

.nw-trivia-start-title {
  font-size: 22px;
  margin-bottom: 6px;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #fff;
}

.nw-trivia-start-tagline {
  font-size: 13px;
  color: #a7b2c5;
  margin-bottom: 14px;
  max-width: 520px;
}

.nw-trivia-start-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 12px;
}

.nw-trivia-start-badge {
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(7, 15, 25, 0.75);
  padding: 10px 9px;
  font-size: 11px;
  color: #a7b2c5;
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.nw-trivia-start-badge .icon {
  font-size: 16px;
}

.nw-trivia-start-badge strong {
  font-size: 12px;
  color: #f5f7fb;
}

.nw-trivia-start-footer {
  margin-top: 12px;
  font-size: 11px;
  color: #a7b2c5;
}

.nw-trivia-hud-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
  font-size: 12px;
}

.nw-trivia-hud-left,
.nw-trivia-hud-right {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.nw-trivia-hud-pill {
  border-radius: 999px;
  padding: 4px 10px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(2, 9, 18, 0.6);
  display: inline-flex;
  align-items: baseline;
  gap: 4px;
  font-size: 11px;
  color: #a7b2c5;
}

.nw-trivia-hud-pill strong {
  color: #f5f7fb;
}

.nw-trivia-category-pill {
  border-radius: 999px;
  padding: 4px 9px;
  font-size: 11px;
  background: rgba(57, 197, 107, 0.12);
  border: 1px solid rgba(57, 197, 107, 0.35);
  color: #c0f2d7;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.nw-trivia-hearts {
  display: inline-flex;
  gap: 2px;
  align-items: center;
}

.nw-trivia-heart {
  font-size: 15px;
  filter: drop-shadow(0 0 4px rgba(255, 91, 91, 0.7));
  opacity: 0.3;
  transform: translateY(1px);
}

.nw-trivia-heart.active {
  opacity: 1;
  transform: translateY(0);
}

.nw-trivia-timer-bar-wrapper {
  margin-bottom: 10px;
  border-radius: 999px;
  background: rgba(3, 9, 17, 0.9);
  border: 1px solid rgba(255, 255, 255, 0.06);
  overflow: hidden;
  height: 8px;
  position: relative;
}

.nw-trivia-timer-bar {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #ff5b5b, #ffbe3d, #39c56b);
  transform-origin: left center;
  width: 100%;
}

.nw-trivia-question-text {
  font-size: 18px;
  line-height: 1.35;
  margin-bottom: 14px;
  color: #fff;
}

.nw-trivia-question-meta {
  font-size: 11px;
  color: #a7b2c5;
  margin-bottom: 10px;
}

.nw-trivia-options-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-bottom: 10px;
}

.nw-trivia-answer {
  border-radius: 12px;
  padding: 10px 11px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(6, 15, 25, 0.9);
  color: #f5f7fb;
  text-align: left;
  font-size: 13px;
  display: flex;
  gap: 10px;
  align-items: center;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: transform .18s ease-out, box-shadow .18s ease-out, border-color .18s ease-out, background .18s ease-out;
}

.nw-trivia-answer::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at top left, rgba(255, 255, 255, 0.16), transparent 60%);
  opacity: 0;
  transition: opacity .18s ease-out;
}

.nw-trivia-answer:hover:not(.disabled) {
  transform: translateY(-1px);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.55);
  border-color: rgba(255, 255, 255, 0.18);
  background: rgba(10, 22, 37, 0.98);
}

.nw-trivia-answer:hover:not(.disabled)::before {
  opacity: 0.45;
}

.nw-trivia-answer.disabled {
  cursor: default;
  opacity: 0.8;
}

.nw-trivia-answer.correct {
  border-color: rgba(165, 255, 126, 0.95);
  background: linear-gradient(135deg, rgba(112, 201, 78, 0.32), rgba(174, 255, 111, 0.18));
  box-shadow:
    0 0 0 1px rgba(165, 255, 126, 0.35),
    0 0 22px rgba(165, 255, 126, 0.35),
    0 10px 28px rgba(0, 0, 0, 0.85),
    inset 0 0 26px rgba(214, 255, 175, 0.14);
  color: #f8fff4;
}

.nw-trivia-answer.incorrect {
  border-color: rgba(255, 108, 108, 0.95);
  background: linear-gradient(135deg, rgba(170, 38, 38, 0.34), rgba(255, 93, 93, 0.12));
  box-shadow:
    0 0 0 1px rgba(255, 108, 108, 0.25),
    0 0 18px rgba(255, 91, 91, 0.22),
    0 10px 28px rgba(0, 0, 0, 0.9),
    inset 0 0 20px rgba(255, 130, 130, 0.1);
  color: #fff2f2;
}

.nw-trivia-answer.reveal-pop {
  animation: nwTriviaCorrectPop .7s ease;
}

.nw-trivia-answer.reveal-shake {
  animation: nwTriviaWrongShake .42s ease;
}

@keyframes nwTriviaCorrectPop {
  0% { transform: scale(1); }
  30% { transform: scale(1.03); }
  60% { transform: scale(0.995); }
  100% { transform: scale(1); }
}

@keyframes nwTriviaWrongShake {
  0% { transform: translateX(0); }
  20% { transform: translateX(-6px); }
  40% { transform: translateX(6px); }
  60% { transform: translateX(-4px); }
  80% { transform: translateX(4px); }
  100% { transform: translateX(0); }
}

.nw-trivia-answer-label {
  font-size: 11px;
  text-transform: uppercase;
  color: #a7b2c5;
  letter-spacing: 0.08em;
}

.nw-trivia-answer-text {
  flex: 1;
}

.nw-trivia-feedback-row {
  margin-top: 8px;
  font-size: 12px;
  color: #a7b2c5;
  min-height: 34px;
}

.nw-trivia-feedback-row strong {
  color: #96ec6c;
}

.nw-trivia-side-title-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  font-size: 13px;
}

.nw-trivia-side-title-row h2 {
  margin: 0;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.09em;
  color: #a7b2c5;
}

.nw-trivia-side-section {
  margin-bottom: 10px;
  font-size: 12px;
}

.nw-trivia-side-label {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #a7b2c5;
  margin-bottom: 4px;
}

.nw-trivia-side-value {
  font-size: 23px;
  font-weight: 700;
  color: #fff;
}

.nw-trivia-side-value .unit {
  font-size: 13px;
  color: #a7b2c5;
  font-weight: 500;
  margin-left: 4px;
}

.nw-trivia-streak-bar-wrap {
  margin-top: 5px;
  height: 6px;
  border-radius: 999px;
  background: rgba(5, 11, 19, 0.95);
  border: 1px solid rgba(255, 255, 255, 0.04);
  overflow: hidden;
}

.nw-trivia-streak-bar {
  height: 100%;
  width: 0%;
  background: linear-gradient(90deg, #4be28d, #ffbe3d, #ff5b5b);
  transition: width 0.18s ease-out;
}

.nw-trivia-side-note {
  font-size: 11px;
  color: #a7b2c5;
  margin-top: 4px;
}

.nw-trivia-side-fact-box {
  margin-top: 10px;
  padding: 10px;
  border-radius: 10px;
  background: rgba(4, 16, 28, 0.96);
  border: 1px solid rgba(255, 255, 255, 0.06);
  font-size: 11px;
  color: #a7b2c5;
  min-height: 60px;
}

.nw-trivia-side-fact-box strong {
  color: #96ec6c;
  font-weight: 600;
}

.nw-trivia-mini-divider {
  margin: 8px 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.18), transparent);
  opacity: 0.25;
}

.nw-trivia-game-over-title {
  font-size: 20px;
  margin-bottom: 6px;
  color: #fff;
}

.nw-trivia-game-over-sub {
  font-size: 12px;
  color: #a7b2c5;
  margin-bottom: 14px;
}

@media (max-width: 980px) {
  .nw-trivia-modal-card {
    width: min(96vw, 96vw);
    max-width: 96vw;
    max-height: calc(100vh - 20px);
    padding: 16px 16px 20px;
  }

  .nw-trivia-main-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 600px) {
  .nw-trivia-start-grid,
  .nw-trivia-options-grid {
    grid-template-columns: 1fr;
  }
}

.nw-award-popup-body {
  text-align: center;
  margin-bottom: 12px;
}

.nw-star-animation {
  position: relative;
  width: 100%;
  height: 80px;
  pointer-events: none;
  overflow: visible;
}

.nw-star-animation .nw-star,
.nw-flying-star,
.nw-flying-paw {
  position: absolute;
  font-size: 24px;
  opacity: 0;
  pointer-events: none;
  z-index: 20;
  will-change: transform, opacity;
}

.nw-star-animation .nw-star,
.nw-flying-star {
  color: #ffe066;
  filter: drop-shadow(0 6px 10px rgba(255,224,102,.28));
}

.nw-flying-paw {
  color: #b7ff91;
  filter: drop-shadow(0 6px 12px rgba(132,239,165,.34));
}

@keyframes starFly {
  0% { transform: translate(0, 0) scale(1); opacity: 1; }
  100% { transform: translate(150px, -60px) scale(0.4); opacity: 0; }
}

@keyframes pulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.06); }
}
/* =========================
   Nature Wolf Trivia Trails
   ========================= */
html.nw-modal-open,
body.nw-modal-open{
  overflow:hidden;
  height:100%;
}

.nw-trails-modal-card{
  max-width:1280px;
  max-height:calc(100dvh - 20px);
  padding:0;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  border:1px solid rgba(205,255,219,.14);
  box-shadow:0 28px 80px rgba(0,0,0,.42);
}

.nw-trails-shell{
  min-height:0;
  height:min(82vh, calc(100dvh - 20px));
  position:relative;
  background:
    radial-gradient(circle at top right, rgba(150,236,108,.10), transparent 28%),
    radial-gradient(circle at left center, rgba(93,207,130,.10), transparent 24%),
    linear-gradient(180deg, rgba(7,18,12,.96), rgba(4,12,8,.94));
  display:flex;
  flex-direction:column;
  overflow-y:auto;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  touch-action:pan-y;
}

.nw-trails-header{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
  padding:26px 28px 18px;
  border-bottom:1px solid rgba(205,255,219,.10);
}

.nw-trails-brand{
  display:flex;
  align-items:center;
  gap:14px;
}

.nw-trails-brand__icon{
  width:54px;
  height:54px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:1.8rem;
  background:linear-gradient(135deg, rgba(150,236,108,.22), rgba(105,214,168,.16));
  border:1px solid rgba(205,255,219,.16);
}

.nw-trails-brand__title{
  font-size:1.28rem;
  font-weight:900;
  color:#f1f8ef;
}

.nw-trails-brand__sub{
  margin-top:4px;
  font-size:.95rem;
  color:#c9d8c9;
}

.nw-trails-header__right{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

.nw-trails-head-pill{
  min-height:42px;
  padding:10px 14px;
  border-radius:999px;
  display:flex;
  align-items:center;
  gap:8px;
  background:rgba(7,17,12,.56);
  border:1px solid rgba(205,255,219,.12);
  color:#dfeadd;
}

.nw-trails-screen{
  display:none;
  flex:1;
}

.nw-trails-screen--active{
  display:block;
}

.nw-trails-menu{
  padding:28px;
}

.nw-trails-menu__hero{
  margin-bottom:22px;
}

.nw-trails-menu__copy{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(205,255,219,.14);
  border-radius:30px;
  padding:clamp(22px, 3vw, 30px);
  background:
    radial-gradient(circle at 0% 0%, rgba(150,236,108,.16), transparent 34%),
    radial-gradient(circle at 100% 0%, rgba(125,220,255,.10), transparent 30%),
    linear-gradient(180deg, rgba(8,24,14,.82), rgba(4,13,8,.90));
  box-shadow:
    0 22px 54px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.055);
}

.nw-trails-menu__copy::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(120deg, rgba(255,255,255,.06), transparent 34%, transparent 70%, rgba(150,236,108,.06));
  opacity:.78;
}

.nw-trails-menu__copy > *{
  position:relative;
  z-index:1;
}

.nw-trails-menu__copy h2{
  margin:0 0 10px;
  font-size:clamp(2rem, 4vw, 3.35rem);
  line-height:.95;
  color:#f8fff6;
  letter-spacing:-.035em;
}

.nw-trails-menu__copy p{
  max-width:920px;
  margin:0 0 18px;
  color:rgba(230,242,227,.86);
  font-size:1.05rem;
  line-height:1.65;
}

.nw-trails-menu-essentials{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:10px;
  margin:18px 0 14px;
}

.nw-trails-menu-essentials div{
  min-height:78px;
  padding:13px 14px;
  border-radius:18px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(205,255,219,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}

.nw-trails-menu-essentials span{
  display:block;
  margin-bottom:7px;
  color:#a9dca8;
  font-size:.68rem;
  font-weight:950;
  letter-spacing:.13em;
  text-transform:uppercase;
}

.nw-trails-menu-essentials strong{
  display:block;
  color:#ffffff;
  font-size:1.02rem;
  line-height:1.15;
  font-weight:950;
}

.nw-trails-reward-guide{
  margin-top:14px;
  border-radius:22px;
  border:1px solid rgba(205,255,219,.14);
  background:
    radial-gradient(circle at 100% 0%, rgba(150,236,108,.12), transparent 34%),
    linear-gradient(180deg, rgba(4,13,8,.72), rgba(3,9,6,.84));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  overflow:hidden;
}

.nw-trails-reward-guide summary{
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:16px 18px;
  cursor:pointer;
  user-select:none;
}

.nw-trails-reward-guide summary::-webkit-details-marker{
  display:none;
}

.nw-trails-reward-guide summary span{
  display:grid;
  gap:4px;
}

.nw-trails-reward-guide summary small{
  color:#96ec6c;
  font-size:.68rem;
  font-weight:950;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.nw-trails-reward-guide summary strong{
  color:#f4fff0;
  font-size:1.02rem;
  line-height:1.25;
}

.nw-trails-reward-guide summary em{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(205,255,219,.12);
  color:#e9f7e6;
  font-style:normal;
  transition:transform .18s ease;
}

.nw-trails-reward-guide[open] summary em{
  transform:rotate(180deg);
}

.nw-trails-reward-guide__table{
  display:grid;
  gap:0;
  padding:0 14px 14px;
}

.nw-trails-reward-guide__row{
  display:grid;
  grid-template-columns:minmax(0, 1.4fr) minmax(95px, .55fr) minmax(88px, .55fr);
  gap:12px;
  align-items:center;
  padding:12px 4px;
  border-top:1px solid rgba(205,255,219,.10);
}

.nw-trails-reward-guide__row--head{
  color:#a9dca8;
  font-size:.67rem;
  font-weight:950;
  letter-spacing:.13em;
  text-transform:uppercase;
}

.nw-trails-reward-guide__row span{
  color:#f4fff0;
  font-size:.88rem;
  font-weight:900;
  line-height:1.25;
}

.nw-trails-reward-guide__row span:first-child{
  display:grid;
  gap:3px;
}

.nw-trails-reward-guide__row strong{
  color:#ffffff;
  font-size:.92rem;
  line-height:1.15;
}

.nw-trails-reward-guide__row small{
  color:rgba(214,227,213,.68);
  font-size:.72rem;
  font-weight:800;
  line-height:1.2;
}

.nw-trails-reward-guide__note{
  margin:0;
  padding:13px 18px 16px;
  border-top:1px solid rgba(205,255,219,.10);
  color:rgba(222,236,220,.76);
  font-size:.84rem;
  line-height:1.45;
}

@media (max-width: 749px){
  .nw-trails-menu-essentials{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .nw-trails-reward-guide summary{
    padding:14px;
  }

  .nw-trails-reward-guide__table{
    padding:0 12px 12px;
  }

  .nw-trails-reward-guide__row{
    grid-template-columns:1fr;
    gap:5px;
    padding:12px 2px;
  }

  .nw-trails-reward-guide__row--head{
    display:none;
  }

  .nw-trails-reward-guide__row span:nth-child(2)::before{
    content:"Pack XP: ";
    color:#a9dca8;
  }

  .nw-trails-reward-guide__row span:nth-child(3)::before{
    content:"Swag: ";
    color:#a9dca8;
  }
}

.nw-trails-route-shell{
  position:relative;
  margin-bottom:20px;
}

.nw-trails-route-head,
.nw-trails-best-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:14px;
  margin-bottom:12px;
}

.nw-trails-route-kicker{
  font-size:.72rem;
  text-transform:uppercase;
  letter-spacing:.14em;
  color:#9fc89f;
  margin-bottom:4px;
}

.nw-trails-route-title{
  font-size:1.08rem;
  font-weight:800;
  color:#f3f8f2;
}

.nw-trails-route-copy{
  font-size:.92rem;
  color:#cfe0cd;
}

.nw-trails-route-line{
  position:relative;
  height:18px;
  margin:0 10px 14px;
}

.nw-trails-route-line__track,
.nw-trails-route-line__fill{
  position:absolute;
  left:0;
  top:50%;
  height:6px;
  border-radius:999px;
  transform:translateY(-50%);
}

.nw-trails-route-line__track{
  width:100%;
  background:linear-gradient(90deg, rgba(255,255,255,.09), rgba(255,255,255,.03));
  border:1px solid rgba(205,255,219,.08);
}

.nw-trails-route-line__fill{
  width:0%;
  background:linear-gradient(90deg, rgba(150,236,108,.88), rgba(193,107,255,.88));
  box-shadow:0 0 18px rgba(150,236,108,.22);
  transition:width .28s ease;
}

.nw-trails-biome-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:16px;
  margin-bottom:18px;
}

.nw-trails-biome-card{
  position:relative;
  overflow:hidden;
  min-height:154px;
  border-radius:24px;
  padding:18px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  background-size:cover;
  background-position:center;
  border:1px solid rgba(205,255,219,.14);
  box-shadow:0 18px 38px rgba(0,0,0,.22);
}

.nw-trails-biome-card.is-cleared{
  border-color:rgba(150,236,108,.34);
  box-shadow:
    0 18px 38px rgba(0,0,0,.22),
    0 0 0 1px rgba(150,236,108,.14) inset,
    0 0 28px rgba(150,236,108,.10);
}

.nw-trails-biome-card.is-next{
  border-color:rgba(193,107,255,.28);
}

.nw-trails-biome-card__route-dot{
  position:absolute;
  top:14px;
  right:14px;
  width:14px;
  height:14px;
  border-radius:999px;
  background:rgba(255,255,255,.22);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 0 0 6px rgba(255,255,255,.03);
}

.nw-trails-biome-card.is-cleared .nw-trails-biome-card__route-dot{
  background:#96ec6c;
  box-shadow:0 0 0 6px rgba(150,236,108,.10), 0 0 20px rgba(150,236,108,.26);
}

.nw-trails-biome-card.is-current .nw-trails-biome-card__route-dot{
  background:#c16bff;
  box-shadow:0 0 0 6px rgba(193,107,255,.10), 0 0 20px rgba(193,107,255,.24);
}

.nw-trails-menu-lower{
  display:grid;
  grid-template-columns:minmax(0, 1.05fr) minmax(0, .95fr);
  gap:16px;
  margin-bottom:18px;
}

.nw-trails-best-shell,
.nw-trails-board-shell{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(205,255,219,.14);
  border-radius:28px;
  padding:18px;
  background:
    radial-gradient(circle at 0% 0%, rgba(150,236,108,.10), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.022)),
    rgba(5,16,10,.62);
  box-shadow:
    0 22px 54px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.055);
}

.nw-trails-best-shell::before,
.nw-trails-board-shell::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(120deg, rgba(255,255,255,.055), transparent 28%, transparent 72%, rgba(150,236,108,.055));
  opacity:.82;
}

.nw-trails-best-head,
.nw-trails-best-grid,
.nw-trails-board-list{
  position:relative;
  z-index:1;
}

.nw-trails-best-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
}

.nw-trails-best-card{
  position:relative;
  overflow:hidden;
  min-height:118px;
  border-radius:20px;
  padding:15px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.026)),
    rgba(6,18,11,.46);
  border:1px solid rgba(205,255,219,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}

.nw-trails-best-card::after{
  content:"";
  position:absolute;
  left:14px;
  right:14px;
  bottom:0;
  height:3px;
  border-radius:999px 999px 0 0;
  background:linear-gradient(90deg, rgba(150,236,108,.72), rgba(125,220,255,.34));
  opacity:.52;
}

.nw-trails-best-card--current{
  grid-column:1 / -1;
  min-height:132px;
  background:
    radial-gradient(circle at 100% 0%, rgba(150,236,108,.18), transparent 36%),
    linear-gradient(135deg, rgba(31,77,43,.84), rgba(6,22,13,.62));
  border-color:rgba(150,236,108,.24);
}

.nw-trails-best-card span{
  display:block;
  margin-bottom:8px;
  color:#a9dca8;
  font-size:.69rem;
  font-weight:950;
  letter-spacing:.13em;
  line-height:1.2;
  text-transform:uppercase;
}

.nw-trails-best-card strong{
  display:block;
  color:#f8fff6;
  font-size:1.08rem;
  line-height:1.25;
  font-weight:950;
}

.nw-trails-best-card small{
  display:block;
  margin-top:8px;
  color:rgba(229,242,226,.76);
  font-size:.78rem;
  line-height:1.35;
  font-weight:750;
}

.nw-trails-board-list{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.nw-trails-board-row{
  display:grid;
  grid-template-columns:54px minmax(0, 1fr) minmax(96px, auto);
  gap:12px;
  align-items:center;
  border-radius:20px;
  padding:13px 14px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.026)),
    rgba(6,18,11,.44);
  border:1px solid rgba(205,255,219,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}

.nw-trails-board-row:first-child{
  border-color:rgba(255,227,138,.28);
  background:
    radial-gradient(circle at 100% 0%, rgba(255,227,138,.14), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.028)),
    rgba(6,18,11,.48);
}

.nw-trails-board-rank{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:rgba(255,227,138,.10);
  border:1px solid rgba(255,227,138,.18);
  color:#ffe38a;
  font-size:.92rem;
  font-weight:950;
}

.nw-trails-board-name{
  min-width:0;
}

.nw-trails-board-name strong{
  display:block;
  color:#f8fff6;
  font-size:1rem;
  font-weight:950;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.nw-trails-board-name small{
  display:block;
  margin-top:4px;
  color:rgba(224,238,221,.76);
  font-size:.78rem;
  line-height:1.35;
}

.nw-trails-board-stat{
  display:grid;
  justify-items:end;
  gap:3px;
  color:#f8fff6;
  text-align:right;
}

.nw-trails-board-stat strong{
  color:#9ff0b1;
  font-size:1.02rem;
  line-height:1;
  font-weight:950;
}

.nw-trails-board-stat span{
  color:rgba(224,238,221,.68);
  font-size:.65rem;
  font-weight:900;
  letter-spacing:.09em;
  line-height:1;
  text-transform:uppercase;
}

.nw-trails-empty-board{
  min-height:auto;
}

.nw-trails-round-complete--mini{
  z-index:35;
}

.nw-trails-biome-complete__card{
  max-width:720px;
}

.nw-trails-biome-card.is-clickable{
  cursor:pointer;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.nw-trails-biome-card.is-clickable:hover{
  transform:translateY(-2px);
  border-color:rgba(193,107,255,.45);
  box-shadow:
    0 20px 42px rgba(0,0,0,.24),
    0 0 0 1px rgba(193,107,255,.18) inset,
    0 0 20px rgba(132,76,255,.16);
}

.nw-trails-biome-card.is-clickable:focus-visible{
  outline:2px solid rgba(193,107,255,.7);
  outline-offset:4px;
}

.nw-trails-biome-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(2,8,4,.08), rgba(2,8,4,.74));
}

.nw-trails-biome-card > *{
  position:relative;
  z-index:1;
}

.nw-trails-biome-card__tag{
  display:inline-flex;
  align-self:flex-start;
  padding:6px 10px;
  border-radius:999px;
  font-size:.72rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
  background:rgba(7,17,12,.62);
  color:#eff7ed;
  border:1px solid rgba(205,255,219,.14);
  margin-bottom:auto;
}

.nw-trails-biome-card__tag.is-current{
  background:linear-gradient(135deg, #96ec6c, #69d6a8);
  color:#08120b;
  border-color:transparent;
}

.nw-trails-biome-card__steps{
  display:grid;
  grid-template-columns:repeat(5, minmax(0, 1fr));
  gap:6px;
  margin:0 0 14px;
}

.nw-trails-biome-card__step{
  min-height:32px;
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 4px;
  font-size:.72rem;
  font-weight:900;
  line-height:1;
  color:#f5fbf4;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(205,255,219,.14);
  backdrop-filter:blur(4px);
}

.nw-trails-biome-card__step.is-current-step{
  background:linear-gradient(135deg, rgba(193,107,255,.96), rgba(132,76,255,.92));
  color:#fff;
  border-color:transparent;
  box-shadow:
    0 0 0 2px rgba(193,107,255,.28),
    0 0 18px rgba(132,76,255,.26);
}

.nw-trails-biome-card__step.is-correct{
  background:rgba(68, 190, 117, .92);
  border-color:rgba(128,255,178,.38);
  color:#08120b;
}

.nw-trails-biome-card__step.is-wrong{
  background:rgba(205, 74, 74, .92);
  border-color:rgba(255,156,156,.30);
  color:#fff5f5;
}

.nw-trails-biome-card__name{
  font-size:1.2rem;
  font-weight:900;
  color:#fff;
}

.nw-trails-biome-card__meta{
  margin-top:4px;
  color:#dce8db;
  font-size:.9rem;
}

.nw-trails-biome-card__earned{
  margin-top:6px;
  color:#fff1b0;
  font-size:.84rem;
  font-weight:800;
}

.nw-trails-menu-note{
  display:flex;
  align-items:flex-start;
  gap:12px;
  margin:0 0 18px;
  padding:16px 18px;
  border-radius:22px;
  border:1px solid rgba(205,255,219,.13);
  background:
    radial-gradient(circle at 0% 0%, rgba(150,236,108,.10), transparent 32%),
    linear-gradient(180deg, rgba(255,255,255,.052), rgba(255,255,255,.024)),
    rgba(5,16,10,.62);
  color:#dce8db;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 16px 34px rgba(0,0,0,.16);
}

.nw-trails-menu-note__mark{
  width:34px;
  height:34px;
  flex:0 0 34px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:rgba(150,236,108,.12);
  border:1px solid rgba(150,236,108,.20);
  color:#a8f59a;
  font-weight:950;
}

.nw-trails-menu-note__copy{
  display:grid;
  gap:4px;
  min-width:0;
}

.nw-trails-menu-note__copy strong{
  color:#ffffff;
  font-weight:950;
}

.nw-trails-menu-note__copy span{
  color:rgba(220,232,219,.82);
  font-size:.94rem;
  line-height:1.45;
}

.nw-trails-lifetime-shell{
  margin:0 0 18px;
}

.nw-trails-lifetime-toggle{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:18px 20px;
  border-radius:24px;
  border:1px solid rgba(205,255,219,.12);
  background:
    radial-gradient(circle at top left, rgba(150,236,108,.08), transparent 34%),
    linear-gradient(180deg, rgba(8,20,13,.78), rgba(5,14,9,.88));
  color:#eef6ec;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 18px 40px rgba(0,0,0,.18);
  cursor:pointer;
  text-align:left;
}

.nw-trails-lifetime-toggle:hover{
  border-color:rgba(150,236,108,.24);
}

.nw-trails-lifetime-toggle__copy{
  display:flex;
  flex-direction:column;
  gap:4px;
}

.nw-trails-lifetime-toggle__copy strong{
  font-size:1.06rem;
  color:#fff;
}

.nw-trails-lifetime-toggle__copy small{
  color:#bfd3bf;
  font-size:.9rem;
}

.nw-trails-lifetime-toggle__chevron{
  font-size:1.2rem;
  color:#dff2d7;
  flex:0 0 auto;
}

.nw-trails-lifetime-panel{
  margin-top:14px;
  padding:18px;
  border-radius:24px;
  border:1px solid rgba(205,255,219,.10);
  background:rgba(7,17,12,.44);
  box-shadow:0 18px 40px rgba(0,0,0,.16);
}

.nw-trails-lifetime-summary{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(170px, 1fr));
  gap:12px;
  margin-bottom:14px;
}

.nw-trails-lifetime-stat{
  padding:14px 14px 12px;
  border-radius:20px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(205,255,219,.08);
}

.nw-trails-lifetime-stat span{
  display:block;
  margin-bottom:8px;
  font-size:.72rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#9fc89f;
}

.nw-trails-lifetime-stat strong{
  display:block;
  font-size:1.08rem;
  line-height:1.35;
  color:#f5fbf4;
}

.nw-trails-lifetime-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));
  gap:14px;
}

.nw-trails-record-card{
  padding:16px;
  border-radius:22px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
  border:1px solid rgba(205,255,219,.10);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 14px 30px rgba(0,0,0,.14);
}

.nw-trails-record-card.is-active{
  border-color:rgba(150,236,108,.18);
}

.nw-trails-record-card__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  margin-bottom:12px;
}

.nw-trails-record-card__title{
  font-size:1.04rem;
  font-weight:900;
  color:#fff;
}

.nw-trails-record-card__pill{
  padding:6px 10px;
  border-radius:999px;
  font-size:.76rem;
  font-weight:800;
  color:#eff9ec;
  background:rgba(150,236,108,.10);
  border:1px solid rgba(150,236,108,.16);
  white-space:nowrap;
}

.nw-trails-record-card__stats{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:10px;
}

.nw-trails-record-stat{
  padding:10px 10px 9px;
  border-radius:16px;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(205,255,219,.08);
}

.nw-trails-record-stat span{
  display:block;
  margin-bottom:6px;
  font-size:.69rem;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:#98bb98;
}

.nw-trails-record-stat strong{
  display:block;
  color:#f4faf2;
  font-size:.98rem;
  line-height:1.25;
}

.nw-trails-record-card__footer{
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid rgba(205,255,219,.08);
  display:grid;
  gap:8px;
}

.nw-trails-record-foot{
  color:#d2dfd0;
  font-size:.88rem;
  line-height:1.45;
}

.nw-trails-record-foot strong{
  color:#fff;
}

.nw-trails-stage{
  position:relative;
  min-height:calc(82vh - 108px);
  background-size:cover;
  background-position:center;
  overflow:hidden;
}

.nw-trails-stage__scrim{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 18% 8%, rgba(190,255,183,.20), transparent 30%),
    radial-gradient(circle at 82% 18%, rgba(255,255,255,.13), transparent 28%),
    linear-gradient(90deg, rgba(1,7,4,.92), rgba(4,18,10,.62) 44%, rgba(1,7,4,.90)),
    linear-gradient(180deg, rgba(0,0,0,.18), rgba(0,0,0,.62));
}

.nw-trails-stage__content{
  position:relative;
  z-index:1;
  width:min(1180px, 100%);
  margin:0 auto;
  padding:clamp(18px, 3vw, 34px);
  padding-bottom:128px;
}

.nw-trails-game-shell{
  display:grid;
  gap:18px;
}

.nw-trails-game-hud{
  display:grid;
  grid-template-columns:.75fr 1.15fr 1fr 1.25fr;
  gap:12px;
  align-items:stretch;
}

.nw-trails-hud-card{
  min-width:0;
  position:relative;
  overflow:hidden;
  padding:14px 16px;
  border-radius:22px;
  background:
    linear-gradient(145deg, rgba(255,255,255,.16), rgba(255,255,255,.055)),
    rgba(5,18,11,.78);
  border:1px solid rgba(219,255,221,.18);
  box-shadow:
    0 18px 44px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.10);
  backdrop-filter:blur(16px);
}

.nw-trails-hud-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.08), transparent);
  transform:translateX(-120%);
  transition:transform .5s ease;
}

.nw-trails-hud-card:hover::before{
  transform:translateX(120%);
}

.nw-trails-hud-card span{
  display:block;
  margin-bottom:7px;
  color:rgba(228,246,224,.72);
  font-family:Arial, Helvetica, sans-serif;
  font-size:.68rem;
  font-weight:950;
  letter-spacing:.11em;
  text-transform:uppercase;
}

.nw-trails-hud-card strong{
  display:block;
  color:#fff;
  font-size:clamp(.9rem, 1.4vw, 1.08rem);
  line-height:1.22;
  font-weight:950;
  letter-spacing:-.02em;
}

.nw-trails-play-card{
  position:relative;
  overflow:hidden;
  border-radius:34px;
  padding:clamp(18px, 3vw, 30px);
  background:
    radial-gradient(circle at 10% 0%, rgba(176,255,157,.18), transparent 28%),
    radial-gradient(circle at 92% 18%, rgba(255,255,255,.12), transparent 28%),
    linear-gradient(145deg, rgba(250,255,246,.16), rgba(250,255,246,.055)),
    rgba(5,17,10,.84);
  border:1px solid rgba(224,255,226,.18);
  box-shadow:
    0 34px 90px rgba(0,0,0,.38),
    inset 0 1px 0 rgba(255,255,255,.10);
  backdrop-filter:blur(18px);
}

.nw-trails-play-card::after{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  top:0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(214,255,205,.70), transparent);
  opacity:.72;
}

.nw-trails-play-card__top{
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(250px, 360px);
  gap:18px;
  align-items:start;
  margin-bottom:22px;
}

.nw-trails-play-card__eyebrow{
  margin-bottom:8px;
  color:#b6f3aa;
  font-family:Arial, Helvetica, sans-serif;
  font-size:.72rem;
  font-weight:950;
  letter-spacing:.13em;
  text-transform:uppercase;
}

.nw-trails-play-card h3{
  margin:0;
  max-width:680px;
  color:#fff;
  font-size:clamp(1.45rem, 2.8vw, 2.55rem);
  line-height:1.02;
  letter-spacing:-.045em;
}

.nw-trails-timer-shell{
  margin:0;
  padding:14px;
  border-radius:24px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.13), rgba(255,255,255,.045)),
    rgba(3,14,8,.82);
  border:1px solid rgba(219,255,221,.16);
  box-shadow:
    0 18px 42px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(16px);
}

.nw-trails-timer-shell__top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  color:#eef6ec;
  margin-bottom:0;
}

.nw-trails-timer-shell__top span{
  color:rgba(229,247,225,.76);
  font-family:Arial, Helvetica, sans-serif;
  font-size:.68rem;
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.nw-trails-timer-shell__top strong{
  color:#fff;
  font-size:1.25rem;
  line-height:1;
  font-weight:950;
  font-variant-numeric:tabular-nums;
  text-shadow:0 0 18px rgba(179,255,143,.22);
}


.nw-trails-question-wrap{
  padding:22px;
  border-radius:28px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.035)),
    rgba(2,10,6,.56);
  border:1px solid rgba(219,255,221,.13);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
  margin-bottom:16px;
}

.nw-trails-question-kicker{
  margin-bottom:10px;
  color:#b8d8b7;
  font-family:Arial, Helvetica, sans-serif;
  font-size:.7rem;
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.nw-trails-question{
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  color:#fff;
  font-size:clamp(1.35rem, 2.15vw, 2rem);
  font-weight:950;
  line-height:1.25;
  letter-spacing:-.018em;
}

.nw-trails-answers{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:14px;
}

#nw-pack-den .nw-trails-answers .nw-trivia-answer.nw-trails-answer{
  min-height:74px;
  padding:16px 18px;
  border-radius:22px;
  display:flex;
  align-items:center;
  gap:14px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.13), rgba(255,255,255,.045)),
    rgba(3,16,9,.76);
  border:1px solid rgba(219,255,221,.14);
  color:#fff;
  box-shadow:
    0 16px 34px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(14px);
  transition:transform .16s ease, border-color .16s ease, box-shadow .16s ease, background .16s ease;
}

#nw-pack-den .nw-trails-answers .nw-trivia-answer.nw-trails-answer:hover:not(.disabled){
  transform:translateY(-3px);
  border-color:rgba(196,255,174,.36);
  background:
    linear-gradient(135deg, rgba(202,255,140,.18), rgba(255,255,255,.05)),
    rgba(8,28,15,.88);
  box-shadow:
    0 22px 48px rgba(0,0,0,.30),
    0 0 0 1px rgba(196,255,174,.10),
    inset 0 1px 0 rgba(255,255,255,.10);
}

#nw-pack-den .nw-trails-answers .nw-trivia-answer.nw-trails-answer.disabled{
  opacity:.92;
}

#nw-pack-den .nw-trails-answers .nw-trivia-answer.nw-trails-answer.correct{
  border-color:rgba(176,255,133,.95);
  background:
    linear-gradient(135deg, rgba(118,222,82,.46), rgba(162,255,111,.20)),
    rgba(6,32,13,.92);
  box-shadow:
    0 0 0 1px rgba(176,255,133,.35),
    0 0 34px rgba(153,255,113,.34),
    0 20px 42px rgba(0,0,0,.36);
}

#nw-pack-den .nw-trails-answers .nw-trivia-answer.nw-trails-answer.incorrect{
  border-color:rgba(255,118,118,.95);
  background:
    linear-gradient(135deg, rgba(176,45,45,.48), rgba(255,104,104,.16)),
    rgba(35,8,8,.92);
  box-shadow:
    0 0 0 1px rgba(255,118,118,.26),
    0 0 30px rgba(255,74,74,.24),
    0 20px 42px rgba(0,0,0,.36);
}

#nw-pack-den .nw-trails-answers .nw-trivia-answer-label{
  width:40px;
  height:40px;
  border-radius:14px;
  display:grid;
  place-items:center;
  flex:0 0 40px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.12);
  color:#dff6dc;
  font-size:.96rem;
  font-weight:950;
  letter-spacing:.06em;
}

#nw-pack-den .nw-trails-answers .nw-trivia-answer-text{
  flex:1;
  min-width:0;
  color:#fff;
  font-size:1.22rem;
  font-weight:900;
  line-height:1.32;
  letter-spacing:-.01em;
}

.nw-trails-feedback{
  margin-top:18px;
  padding:22px 24px;
  border-radius:26px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.13), rgba(255,255,255,.045)),
    rgba(3,14,8,.84);
  border:1px solid rgba(219,255,221,.15);
  color:#eef5eb;
  line-height:1.55;
  box-shadow:
    0 18px 42px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.08);
}

.nw-trails-feedback__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:14px;
}

.nw-trails-feedback__head strong{
  color:#fff;
  font-size:1.5rem;
  line-height:1.1;
  font-weight:950;
  letter-spacing:-.02em;
}

.nw-trails-feedback__head span{
  flex:0 0 auto;
  padding:9px 13px;
  border-radius:999px;
  background:rgba(196,255,174,.12);
  border:1px solid rgba(196,255,174,.18);
  color:#d9ffd2;
  font-size:.95rem;
  font-weight:950;
}

.nw-trails-feedback__body{
  display:grid;
  gap:10px;
}

.nw-trails-feedback__body p{
  margin:0;
  color:rgba(244,252,241,.92);
  font-size:1.14rem;
  line-height:1.5;
  font-weight:750;
}

.nw-trails-feedback__body strong{
  color:#fff;
  font-weight:950;
}

.nw-trails-feedback__meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:16px;
}

.nw-trails-feedback__meta span{
  padding:9px 13px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.10);
  color:rgba(244,252,241,.90);
  font-size:.98rem;
  font-weight:950;
}

.nw-trails-actions{
  position:fixed;
  left:50%;
  bottom:max(18px, env(safe-area-inset-bottom));
  z-index:30;
  width:min(760px, calc(100vw - 32px));
  transform:translateX(-50%);
  display:flex;
  justify-content:center;
  gap:10px;
  padding:10px;
  border-radius:24px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.18), rgba(255,255,255,.07)),
    rgba(4,16,9,.82);
  border:1px solid rgba(219,255,221,.18);
  box-shadow:
    0 24px 70px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.12);
  backdrop-filter:blur(18px);
}

.nw-trails-actions .nw-btn{
  min-height:48px;
  border-radius:16px;
}

#nw-trails-next-btn:not([hidden]){
  flex:1 1 auto;
  font-size:1rem;
  font-weight:950;
  box-shadow:
    0 14px 34px rgba(128,255,162,.24),
    0 0 0 1px rgba(255,255,255,.08) inset;
}

#nw-trails-menu-btn{
  flex:0 0 auto;
}

.nw-trails-stage.is-time-urgent .nw-trails-play-card{
  border-color:rgba(255,118,118,.26);
  box-shadow:
    0 34px 90px rgba(0,0,0,.40),
    0 0 44px rgba(255,74,74,.10),
    inset 0 1px 0 rgba(255,255,255,.10);
}

.nw-trails-stage.is-answer-correct .nw-trails-play-card{
  border-color:rgba(176,255,133,.28);
}

.nw-trails-stage.is-answer-wrong .nw-trails-play-card{
  border-color:rgba(255,118,118,.24);
}

.nw-trails-round-complete{
  position:absolute;
  inset:0;
  z-index:5;
  align-items:center;
  justify-content:center;
  padding:28px;
  background:rgba(2,7,4,.68);
  backdrop-filter:blur(10px);
}

.nw-trails-round-complete[hidden]{
  display:none !important;
}

.nw-trails-round-complete:not([hidden]){
  display:flex;
}

.nw-trails-round-complete__card{
  width:min(760px, 100%);
  padding:30px;
  border-radius:30px;
  border:1px solid rgba(205,255,219,.16);
  background:
    radial-gradient(circle at top, rgba(150,236,108,.14), transparent 34%),
    linear-gradient(180deg, rgba(10,24,16,.96), rgba(5,13,9,.96));
  box-shadow:0 32px 88px rgba(0,0,0,.42);
  text-align:center;
}

.nw-trails-round-complete__eyebrow{
  font-size:.82rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#98c598;
  margin-bottom:10px;
}

.nw-trails-round-complete__card h3{
  margin:0;
  font-size:2.2rem;
  color:#f7fbf5;
}

.nw-trails-round-complete__label{
  margin:10px 0 22px;
  font-size:1rem;
  font-weight:800;
  color:#9ff0b1;
}

.nw-trails-round-complete__stats{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:14px;
  margin-bottom:22px;
}

.nw-trails-round-complete__stat{
  padding:18px;
  border-radius:22px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(205,255,219,.10);
}

.nw-trails-round-complete__stat span{
  display:block;
  font-size:.78rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#98c598;
  margin-bottom:6px;
}

.nw-trails-round-complete__stat strong{
  font-size:1.35rem;
  color:#fff;
}

.nw-trails-round-complete__actions{
  justify-content:center;
}

@media (max-width: 980px){
  .nw-trails-menu__hero{
    grid-template-columns:1fr;
  }

  .nw-trails-biome-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .nw-trails-answers{
    grid-template-columns:1fr;
  }

  .nw-trails-round-complete__stats{
    grid-template-columns:1fr 1fr;
  }
}

@media (max-width: 749px){
  .nw-trails-header,
  .nw-trails-menu,
  .nw-trails-stage__content{
    padding:18px;
  }

  .nw-trails-header{
    flex-direction:column;
  }

  .nw-trails-header__right{
    width:100%;
  }

  .nw-trails-biome-grid{
    grid-template-columns:1fr;
  }

  .nw-trails-menu__stats{
    grid-template-columns:1fr;
  }

  .nw-trails-menu-lower{
    grid-template-columns:1fr;
  }

  .nw-trails-best-grid{
    grid-template-columns:1fr;
  }

  .nw-trails-question{
    font-size:1.24rem;
    padding:18px;
  }

  .nw-trails-round-complete{
    padding:16px;
  }

  .nw-trails-round-complete__card{
    padding:22px 18px;
  }

  .nw-trails-round-complete__stats{
    grid-template-columns:1fr;
  }
}

@media (max-width: 1100px){
  .nw-trails-game-hud{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .nw-trails-play-card__top{
    grid-template-columns:1fr;
  }

  .nw-trails-timer-shell{
    max-width:none;
  }
}

@media (max-width: 749px){
  .nw-trails-stage{
    min-height:calc(100dvh - 92px);
  }

  .nw-trails-stage__content{
    padding:14px;
    padding-bottom:118px;
  }

  .nw-trails-game-shell{
    gap:12px;
  }

  .nw-trails-game-hud{
    grid-template-columns:1fr 1fr;
    gap:8px;
  }

  .nw-trails-hud-card{
    padding:11px 12px;
    border-radius:18px;
  }

  .nw-trails-hud-card span{
    margin-bottom:5px;
    font-size:.58rem;
  }

  .nw-trails-hud-card strong{
    font-size:.82rem;
    line-height:1.18;
  }

  .nw-trails-hud-card--score{
    grid-column:1 / -1;
  }

  .nw-trails-play-card{
    border-radius:26px;
    padding:15px;
  }

  .nw-trails-play-card__top{
    gap:12px;
    margin-bottom:14px;
  }

  .nw-trails-play-card h3{
    font-size:1.35rem;
    line-height:1.05;
  }

  .nw-trails-timer-shell{
    padding:12px;
    border-radius:20px;
  }

  .nw-trails-question-wrap{
    padding:16px;
    border-radius:22px;
    margin-bottom:12px;
  }

  .nw-trails-question{
    font-size:1.18rem;
    line-height:1.26;
  }

  .nw-trails-answers{
    grid-template-columns:1fr;
    gap:9px;
  }

  #nw-pack-den .nw-trails-answers .nw-trivia-answer.nw-trails-answer{
    min-height:58px;
    padding:12px;
    border-radius:18px;
  }

  #nw-pack-den .nw-trails-answers .nw-trivia-answer-label{
    width:34px;
    height:34px;
    border-radius:11px;
    font-size:.84rem;
  }

  #nw-pack-den .nw-trails-answers .nw-trivia-answer-text{
    font-size:1.04rem;
    line-height:1.28;
  }

  .nw-trails-feedback{
    padding:17px;
    border-radius:21px;
  }

  .nw-trails-feedback__head{
    align-items:flex-start;
    flex-direction:column;
    gap:9px;
    margin-bottom:12px;
  }

  .nw-trails-feedback__head strong{
    font-size:1.28rem;
  }

  .nw-trails-feedback__head span{
    font-size:.88rem;
    padding:8px 11px;
  }

  .nw-trails-feedback__body p{
    font-size:1.02rem;
    line-height:1.45;
  }

  .nw-trails-feedback__meta span{
    font-size:.9rem;
    padding:8px 11px;
  }

  .nw-trails-actions{
    width:calc(100vw - 22px);
    bottom:max(10px, env(safe-area-inset-bottom));
    border-radius:20px;
    padding:8px;
  }

  .nw-trails-actions .nw-btn{
    min-height:46px;
    padding:10px 12px;
    font-size:.86rem;
  }

  #nw-trails-menu-btn{
    max-width:118px;
  }
}

:root{
  --nw-bg:#eef1eb;
  --nw-paper:#f8f7f2;
  --nw-ink:#18221c;
  --nw-muted:#5e6a63;
  --nw-forest-950:#0f1a15;
  --nw-forest-900:#15241d;
  --nw-forest-800:#22362c;
  --nw-forest-700:#315141;
  --nw-forest-600:#476a58;
  --nw-forest-500:#5f836f;
  --nw-forest-300:#9eb4a7;
  --nw-forest-200:#c8d3cb;
  --nw-moss:#79967a;
  --nw-sage:#cbd5c9;
  --nw-gold:#cda86d;
  --nw-line:rgba(21,36,29,.12);
  --nw-shadow:0 20px 60px rgba(13,24,18,.12);
  --nw-radius-xl:28px;
  --nw-radius-lg:20px;
  --nw-radius-md:14px;
}

.nw-pack-den{
  color:var(--nw-ink);
  background:
    radial-gradient(circle at top left, rgba(121,150,122,.16), transparent 28%),
    linear-gradient(180deg, #f3f5ef 0%, #e8ede6 100%);
  min-height:calc(100vh - 88px);
}

.nw-pack-den__video{
  opacity:0;
  pointer-events:none;
}

.nw-pack-den__overlay{
  background:
    linear-gradient(180deg, rgba(248,247,242,.72), rgba(238,241,235,.94));
}

.nw-pack-den__inner{
  max-width:1180px;
  gap:24px;
}

.nw-den-intro-shell{
  display:grid;
  grid-template-columns:1fr;
  gap:22px;
  align-items:stretch;
}

.nw-den-masthead,
.nw-auth-card,
.nw-main-shortcuts,
.nw-profile-card,
.nw-pack-card,
.nw-archive-panel,
.nw-modal-card,
.nw-combined-modal-card{
  border:1px solid var(--nw-line) !important;
  background:rgba(248,247,242,.88) !important;
  color:var(--nw-ink) !important;
  border-radius:var(--nw-radius-xl) !important;
  box-shadow:var(--nw-shadow) !important;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

.nw-den-masthead{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(240px,.5fr);
  gap:24px;
  padding:34px 34px 32px;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at top left, rgba(205,168,109,.10), transparent 24%),
    radial-gradient(circle at bottom right, rgba(158,180,167,.12), transparent 30%),
    linear-gradient(135deg, #5d665d 0%, #6f786c 34%, #667163 68%, #5a6558 100%) !important;
  color:#f7f6f2 !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:0 28px 70px rgba(13,24,18,.16) !important;
}

.nw-den-masthead::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, rgba(12,18,15,.34) 0%, rgba(12,18,15,.18) 42%, rgba(12,18,15,.08) 100%);
  pointer-events:none;
}

.nw-den-masthead > *{
  position:relative;
  z-index:1;
}

.nw-den-masthead__eyebrow,
.nw-auth-card__eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-family:Arial, Helvetica, sans-serif;
  text-transform:uppercase;
  letter-spacing:.18em;
  font-size:11px;
  margin-bottom:12px;
}

.nw-den-masthead__eyebrow{
  color:rgba(255,255,255,.78);
}

.nw-auth-card__eyebrow{
  color:var(--nw-muted);
}

.nw-den-masthead h1,
.nw-auth-card h2,
.nw-profile-welcome,
.nw-pack-card h2,
.nw-archive-panel__head h3{
  font-family:Georgia, "Times New Roman", serif;
  letter-spacing:-.03em;
}

.nw-den-masthead h1{
  margin:0 0 18px;
  font-size:clamp(38px, 4.8vw, 68px);
  line-height:.92;
  color:#f7f6f2;
}

.nw-den-masthead p{
  margin:0;
  max-width:46ch;
  font-size:18px;
  line-height:1.6;
  color:rgba(255,255,255,.86);
}

.nw-den-masthead__meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:24px;
}

.nw-den-masthead__meta span{
  display:inline-flex;
  align-items:center;
  padding:10px 15px;
  border-radius:999px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#fff;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.16);
}

.nw-den-masthead__aside{
  display:flex;
  align-items:stretch;
}

.nw-den-masthead__card{
  width:100%;
  border-radius:26px;
  padding:22px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}

.nw-den-masthead__card-kicker{
  margin-bottom:12px;
  font-family:Arial, Helvetica, sans-serif;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:12px;
  color:rgba(255,255,255,.8);
}

.nw-den-masthead__card strong{
  display:block;
  margin-bottom:10px;
  font-size:1.16rem;
  color:#fff;
}

.nw-den-masthead__card p{
  font-size:.96rem;
  line-height:1.55;
}

.nw-auth-card{
  padding:28px 28px 26px !important;
  align-self:stretch;
}

.nw-auth-card h2{
  margin:0 0 8px;
  font-size:2rem;
  color:var(--nw-forest-900);
}

.nw-auth-card > p{
  margin:0 0 18px;
  color:var(--nw-muted);
}

.nw-auth-card label,
.nw-auth-card input,
.nw-auth-card p,
.nw-profile-card,
.nw-pack-card,
.nw-main-shortcut,
.nw-archive-toggle,
.nw-archive-panel,
.nw-archive-item,
.nw-star-label,
.nw-stat-label,
.nw-progress-copy,
.nw-home-pack-kicker,
.nw-home-pack-title,
.nw-home-pack-note{
  font-family:Arial, Helvetica, sans-serif;
}

.nw-auth-card input,
#nw-archive-search{
  background:#fff !important;
  color:var(--nw-ink) !important;
  border:1px solid rgba(21,36,29,.12) !important;
  border-radius:16px !important;
}

.nw-auth-card input::placeholder,
#nw-archive-search::placeholder{
  color:rgba(24,34,28,.44) !important;
}

.nw-btn--primary{
  background:var(--nw-forest-900) !important;
  color:#fff !important;
  border-color:var(--nw-forest-900) !important;
  box-shadow:0 12px 24px rgba(21,36,29,.18) !important;
}

.nw-btn--ghost{
  background:rgba(255,255,255,.74) !important;
  color:var(--nw-forest-900) !important;
  border:1px solid rgba(21,36,29,.12) !important;
}

.nw-archive-shell{
  width:100%;
  margin:0;
}

.nw-archive-toggle{
  border:1px solid var(--nw-line) !important;
  background:rgba(248,247,242,.88) !important;
  color:var(--nw-ink) !important;
  border-radius:26px !important;
  box-shadow:var(--nw-shadow) !important;
  padding:22px 24px !important;
}

.nw-archive-toggle__icon-wrap,
.nw-archive-toggle__icon{
  background:rgba(121,150,122,.10) !important;
  border:1px solid rgba(21,36,29,.08) !important;
  color:var(--nw-forest-700) !important;
}

.nw-archive-toggle__eyebrow,
.nw-main-shortcuts__kicker,
.nw-home-pack-kicker,
.nw-profile-hero__kicker{
  font-size:11px !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
  color:var(--nw-muted) !important;
  font-weight:700 !important;
}

.nw-archive-toggle__text strong{
  font-family:Georgia, "Times New Roman", serif;
  font-size:1.4rem !important;
  color:var(--nw-forest-900);
}

.nw-archive-toggle__text small{
  color:var(--nw-muted) !important;
  font-size:.94rem !important;
  margin-top:6px !important;
}

.nw-archive-toggle__badge{
  background:rgba(21,36,29,.06) !important;
  color:var(--nw-forest-800) !important;
  border:1px solid rgba(21,36,29,.08) !important;
}

.nw-archive-panel{
  margin-top:16px !important;
  padding:24px !important;
}

.nw-archive-panel__head h3{
  font-size:1.65rem;
  margin:0 0 6px;
  color:var(--nw-forest-900);
}

#nw-pack-den #nw-archive-panel .nw-archive-panel__head > div > p,
#nw-pack-den #nw-archive-panel .nw-archive-panel__head > div > p.nw-archive-panel__note {
  color: #102015 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

#nw-pack-den #nw-archive-panel .nw-archive-panel__head > div > p *,
#nw-pack-den #nw-archive-panel .nw-archive-panel__head > div > p.nw-archive-panel__note * {
  color: #102015 !important;
  opacity: 1 !important;
}

.nw-archive-status,
.nw-archive-page-copy{
  color:var(--nw-muted) !important;
}

.nw-archive-item{
  border:1px solid rgba(21,36,29,.08) !important;
  background:#fff !important;
  border-radius:22px !important;
  box-shadow:0 12px 28px rgba(13,24,18,.06) !important;
}

.nw-archive-item__label,
.nw-archive-item__date,
.nw-archive-item__pill{
  font-family:Arial, Helvetica, sans-serif;
}

.nw-archive-item__title a{
  font-family:Georgia, "Times New Roman", serif;
  color:var(--nw-forest-900) !important;
}

.nw-archive-item__excerpt{
  color:var(--nw-muted) !important;
}

.nw-public-preview-shell{
  display:grid;
  gap:18px;
}

.nw-den-preview-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:16px;
}

.nw-den-preview-card{
  appearance:none;
  width:100%;
  text-align:left;
  border:1px solid var(--nw-line);
  background:rgba(248,247,242,.88);
  border-radius:24px;
  padding:22px 20px;
  cursor:pointer;
  color:var(--nw-ink);
  box-shadow:var(--nw-shadow);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.nw-den-preview-card:hover,
.nw-main-shortcut:hover,
.nw-archive-item:hover{
  transform:translateY(-2px);
  box-shadow:0 22px 44px rgba(13,24,18,.12) !important;
  border-color:rgba(21,36,29,.16) !important;
}

.nw-den-preview-card__eyebrow,
.nw-main-shortcut__eyebrow{
  display:block;
  margin-bottom:10px;
  font-family:Arial, Helvetica, sans-serif;
  text-transform:uppercase;
  letter-spacing:.18em;
  font-size:11px;
  color:var(--nw-muted);
}

.nw-den-preview-card strong,
.nw-main-shortcut strong{
  display:block;
  font-family:Georgia, "Times New Roman", serif;
  font-size:1.45rem;
  line-height:1.05;
  color:var(--nw-forest-900);
}

.nw-den-preview-card small,
.nw-main-shortcut small{
  display:block;
  margin-top:10px;
  font-size:.95rem;
  line-height:1.5;
  color:var(--nw-muted);
}

.nw-main-shortcuts{
  padding:22px !important;
  margin-bottom:0 !important;
}

.nw-main-shortcuts--editorial{
  background:rgba(248,247,242,.82) !important;
}

.nw-main-shortcuts__head{
  margin-bottom:16px !important;
}

.nw-main-shortcuts__grid--toprow{
  grid-template-columns:repeat(4, minmax(0,1fr)) !important;
  gap:14px !important;
}

.nw-main-shortcut{
  align-items:flex-start !important;
  gap:0 !important;
  padding:22px 20px !important;
  border-radius:24px !important;
  border:1px solid rgba(21,36,29,.12) !important;
  background:#fff !important;
  box-shadow:0 12px 28px rgba(13,24,18,.06) !important;
  color:var(--nw-ink) !important;
}

.nw-main-shortcut__icon{
  display:none !important;
}

.nw-main-shortcut__text{
  gap:0 !important;
  min-height:auto !important;
}

.nw-main-shortcut__badge{
  background:var(--nw-gold) !important;
  color:#fff !important;
  border-radius:999px !important;
  padding:7px 10px !important;
  font-size:11px !important;
  align-self:flex-start;
}

.nw-app{
  display:grid;
  gap:22px;
}

.nw-treasure-chest-row{
  margin:2px 0 0 !important;
  justify-content:flex-start !important;
  gap:18px !important;
}

.nw-treasure-chest-row--preview{
  margin-top:0 !important;
}

.nw-treasure-chest-row .nw-treasure-chest-wrap {
  width: auto;
  max-width: none;
  padding: 16px 18px;
  border: 1px solid var(--nw-line);
  border-radius: 22px;
  background: rgba(248,247,242,.78);
  box-shadow: 0 12px 28px rgba(13,24,18,.06);
}

.nw-treasure-chest-row .nw-treasure-chest-copy strong {
  color: var(--nw-forest-900);
}

.nw-treasure-chest-row .nw-treasure-chest-timer,
.nw-treasure-chest-row .nw-treasure-chest-status {
  color: var(--nw-muted);
}

.nw-top-grid{
  align-items:start;
  gap:22px !important;
}

.nw-profile-card,
.nw-pack-card{
  padding:28px !important;
}

.nw-profile-welcome{
  font-size:2.2rem !important;
  color:var(--nw-forest-900) !important;
  margin:0;
}

.nw-panel-head h2,
.nw-home-pack-title{
  color:var(--nw-forest-900) !important;
}

.nw-panel-head{
  margin-bottom:20px !important;
}

.nw-progress-copy,
.nw-rank-progress-inline__text,
.nw-pack-preview-head,
.nw-home-pack-note{
  color:var(--nw-muted) !important;
}

.nw-stars-pill{
  background:#fff !important;
  border:1px solid rgba(21,36,29,.08) !important;
  box-shadow:0 12px 28px rgba(13,24,18,.04) !important;
}

.nw-star-number{
  color:var(--nw-forest-900) !important;
}

.nw-star-label,
.nw-stat-label{
  color:var(--nw-muted) !important;
}

.nw-pack-list,
.nw-home-pack-rail{
  gap:14px !important;
}

@media (max-width: 999px){
  .nw-den-intro-shell,
  .nw-den-masthead,
  .nw-den-preview-grid,
  .nw-main-shortcuts__grid--toprow,
  .nw-top-grid{
    grid-template-columns:1fr !important;
  }

  .nw-den-masthead__aside{
    display:block;
  }

  .nw-treasure-chest-row{
    flex-wrap:wrap;
  }
}

@media (max-width: 749px){
  .nw-pack-den{
    padding:16px 12px 28px;
  }

  .nw-den-masthead,
  .nw-auth-card,
  .nw-main-shortcuts,
  .nw-profile-card,
  .nw-pack-card,
  .nw-archive-toggle,
  .nw-archive-panel,
  .nw-den-preview-card,
  .nw-main-shortcut,
  .nw-treasure-chest-wrap{
    border-radius:22px !important;
  }

  .nw-den-masthead{
    padding:24px 22px 22px;
  }

  .nw-den-masthead h1{
    font-size:clamp(34px, 12vw, 52px);
  }

  .nw-auth-card{
    padding:22px !important;
  }

  .nw-profile-welcome{
    font-size:1.9rem !important;
  }

  .nw-main-shortcut,
  .nw-den-preview-card{
    padding:18px 16px !important;
  }

  .nw-archive-toggle{
    padding:18px !important;
  }

  .nw-archive-panel{
    padding:18px !important;
  }
}

.nw-pack-den__inner{
  display:grid;
  gap:20px;
}

#nw-app{
  order:1;
}

#nw-archive-shell{
  order:2;
}

#nw-public-preview-shell{
  order:3;
}

.nw-den-summary{
  padding:0 !important;
  overflow:hidden;
  background:#f8f7f2 !important;
  color:#18221c !important;
  border:1px solid rgba(21,36,29,.10) !important;
  box-shadow:0 20px 60px rgba(13,24,18,.10) !important;
}

.nw-den-summary__toggle{
  width:100%;
  border:0;
  background:
    linear-gradient(135deg, #5d665d 0%, #6f786c 34%, #667163 68%, #5a6558 100%);
  color:#fff;
  text-align:left;
  cursor:pointer;
  padding:28px 30px 24px;
  display:block;
}

.nw-den-summary__top{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:24px;
  align-items:flex-start;
}

.nw-den-summary__hero-copy{
  display:grid;
  gap:22px;
  min-width:0;
}

.nw-den-summary__intro{
  min-width:0;
}

.nw-den-summary__eyebrow,
.nw-den-summary__kicker{
  font-family:Arial, Helvetica, sans-serif;
  text-transform:uppercase;
  letter-spacing:.18em;
  font-size:11px;
  font-weight:700;
}

.nw-den-summary__eyebrow{
  color:rgba(255,255,255,.76);
  margin-bottom:10px;
}

.nw-den-summary__title{
  margin:0;
  font-family:Georgia, "Times New Roman", serif;
  font-size:clamp(2rem, 4vw, 3.8rem);
  line-height:.95;
  color:#fff;
}

.nw-den-summary__name{
  color:#fff;
}

.nw-den-summary__sub{
  margin:10px 0 0;
  max-width:760px;
  color:rgba(255,255,255,.84);
  font-size:1rem;
  line-height:1.55;
}

.nw-den-summary__actions{
  display:flex;
  align-items:center;
  gap:12px;
  flex-shrink:0;
  align-self:flex-start;
}

.nw-den-summary__chevron{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:38px;
  height:38px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.08);
  color:#fff;
  font-size:1.1rem;
  transition:transform .18s ease;
}

.nw-den-summary.is-open .nw-den-summary__chevron{
  transform:rotate(180deg);
}

.nw-den-summary .nw-btn--ghost{
  background:rgba(255,255,255,.92);
  color:#18221c;
  border:1px solid rgba(21,36,29,.10);
}

.nw-den-summary__stats{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:14px;
  margin-top:0;
}

.nw-den-summary__stat{
  min-width:0;
  padding:16px 16px 14px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.08);
}

.nw-den-summary__stat-label{
  display:block;
  margin-bottom:8px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:.78rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:rgba(255,255,255,.74);
}

.nw-den-summary__stat strong,
.nw-den-summary__stat #nw-progress-copy{
  color:#fff;
  font-size:1.15rem;
  line-height:1.25;
}

.nw-den-summary__body{
  padding:26px 28px 28px;
  background:#f8f7f2;
  color:#18221c;
}

.nw-den-summary__body-grid{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);
  gap:22px;
  align-items:start;
}

.nw-den-summary__section-head{
  margin-bottom:16px;
}

.nw-den-summary__section-head h3{
  margin:4px 0 0;
  font-family:Georgia, "Times New Roman", serif;
  font-size:2rem;
  color:#18221c;
}

.nw-den-summary__cards{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:14px;
  margin-bottom:16px;
}

.nw-den-summary-card{
  position:relative;
  width:100%;
  text-align:left;
  border:1px solid rgba(21,36,29,.10);
  background:#fff;
  color:#18221c;
  border-radius:22px;
  padding:18px 18px 16px;
  cursor:pointer;
  box-shadow:0 12px 28px rgba(13,24,18,.05);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.nw-den-summary-card:hover{
  transform:translateY(-2px);
  box-shadow:0 20px 38px rgba(13,24,18,.09);
  border-color:rgba(21,36,29,.18);
}

.nw-den-summary-card__eyebrow{
  display:block;
  margin-bottom:8px;
  font-family:Arial, Helvetica, sans-serif;
  text-transform:uppercase;
  letter-spacing:.18em;
  font-size:11px;
  color:#5e6a63;
}

.nw-den-summary-card strong{
  display:block;
  font-family:Georgia, "Times New Roman", serif;
  font-size:1.4rem;
  line-height:1.02;
  color:#18221c;
}

.nw-den-summary-card small{
  display:block;
  margin-top:8px;
  color:#5e6a63;
  font-size:.95rem;
  line-height:1.48;
}

.nw-den-summary__inventory{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:12px;
  margin-bottom:16px;
}

.nw-den-summary__inventory-pill{
  border:1px solid rgba(21,36,29,.08);
  background:#fff;
  border-radius:18px;
  padding:14px 16px;
}

.nw-den-summary__inventory-label{
  display:block;
  margin-bottom:6px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:.8rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#5e6a63;
}

.nw-den-summary__inventory-value{
  font-size:1.2rem;
  color:#18221c;
}

.nw-den-summary__side-card{
  border:1px solid rgba(21,36,29,.10);
  background:#fff;
  border-radius:24px;
  padding:20px;
  box-shadow:0 12px 28px rgba(13,24,18,.05);
}

.nw-den-summary__side-actions{
  margin-top:18px;
}

.nw-den-summary__body .nw-pack-preview-head,
.nw-den-summary__body .nw-home-pack-kicker,
.nw-den-summary__body .nw-home-pack-note,
.nw-den-summary__body .nw-star-label,
.nw-den-summary__body .nw-stat-label,
.nw-den-summary__body .nw-rank-progress-inline__text,
.nw-den-summary__body .nw-treasure-chest-timer,
.nw-den-summary__body .nw-treasure-chest-status{
  color:#5e6a63 !important;
}

.nw-den-summary__body .nw-home-pack-title,
.nw-den-summary__body .nw-panel-head h2,
.nw-den-summary__body .nw-star-number,
.nw-den-summary__body #nw-next-rank,
.nw-den-summary__body .nw-pack-item .nw-stars,
.nw-den-summary__body .nw-pack-member-trigger{
  color:#18221c !important;
}

.nw-den-summary__body .nw-pack-item .nw-meta{
  color:#5e6a63 !important;
}

.nw-den-summary__body .nw-home-pack-shell{
  border:1px solid rgba(21,36,29,.10);
  background:linear-gradient(135deg, #5c6b61 0%, #718175 52%, #4d6255 100%);
  border-radius:24px;
  padding:18px;
  box-shadow:0 16px 34px rgba(13,24,18,.10);
}

.nw-den-summary__body .nw-home-pack-kicker,
.nw-den-summary__body .nw-home-pack-title,
.nw-den-summary__body .nw-home-pack-note{
  color:#fff !important;
}

.nw-den-summary__body .nw-home-pack-note{
  opacity:.82;
}

.nw-den-summary__body .nw-treasure-chest-row{
  justify-content:flex-start !important;
  margin-top:16px !important;
}

.nw-den-summary__body .nw-treasure-chest-wrap{
  border:1px solid rgba(21,36,29,.10);
  background:#fff;
  box-shadow:0 12px 28px rgba(13,24,18,.05);
}

.nw-den-summary__body .nw-treasure-chest-copy strong{
  color:#18221c !important;
}

.nw-archive-shell{
  width:100% !important;
  margin:0 !important;
}

.nw-archive-toggle,
.nw-archive-panel{
  background:#f8f7f2 !important;
  color:#18221c !important;
}

.nw-archive-toggle__text strong,
.nw-archive-panel__head h3,
.nw-archive-item__title a{
  color:#18221c !important;
}

.nw-archive-toggle__text small,
.nw-archive-panel__head p,
.nw-archive-status,
.nw-archive-page-copy,
.nw-archive-item__excerpt{
  color:#5e6a63 !important;
}

.nw-archive-panel a{
  color:#315141 !important;
}

.nw-pack-card,
.nw-profile-card,
.nw-main-shortcuts{
  display:none !important;
}

#nw-den-hero{
  display:none !important;
}

@media (max-width: 999px){
  .nw-den-summary__body-grid{
    grid-template-columns:1fr;
  }

  .nw-den-summary__stats{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }
}

@media (max-width: 749px){
  .nw-den-summary__toggle{
    padding:22px 18px 18px;
  }

  .nw-den-summary__top{
    grid-template-columns:1fr;
    gap:18px;
  }

  .nw-den-summary__actions{
    width:100%;
    justify-content:space-between;
  }

  .nw-den-summary__stats{
    grid-template-columns:1fr;
  }

  .nw-den-summary__body{
    padding:18px;
  }

  .nw-den-summary__cards{
    grid-template-columns:1fr;
  }

  .nw-den-summary__inventory{
    grid-template-columns:1fr;
  }

  .nw-den-summary__title{
    font-size:2.2rem;
  }
}




/* Games & Challenges modal remake */
#nw-goals-modal #nw-goals-modal.nw-modal{
  align-items:start;
  justify-items:center;
  overflow-y:auto;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}

.nw-gc-modal-card{
  width:min(1280px,96vw);
  max-height:calc(100dvh - 28px);
  padding:26px;
  border-radius:32px;
  border:1px solid rgba(181,223,190,.16);
  background:
    radial-gradient(circle at top left, rgba(126,168,131,.18), transparent 28%),
    radial-gradient(circle at top right, rgba(255,255,255,.08), transparent 18%),
    linear-gradient(180deg, rgba(22,31,27,.96), rgba(7,12,10,.98));
  box-shadow:0 34px 95px rgba(0,0,0,.45);
  overflow-y:auto;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}

#nw-goals-modal .nw-gc-modal-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(135deg, rgba(255,255,255,.05), transparent 28%),
    linear-gradient(180deg, transparent 0%, rgba(0,0,0,.08) 100%);
  opacity:.9;
}

#nw-goals-modal .nw-gc-hero{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1.3fr) auto;
  gap:24px;
  align-items:start;
  margin-bottom:18px;
}

#nw-goals-modal .nw-gc-hero__eyebrow{
  font-size:.78rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#a6c8ae;
  margin-bottom:10px;
}

#nw-goals-modal .nw-gc-hero h3{
  margin:0 0 10px;
  font-size:2.25rem;
  line-height:1.02;
  color:#f8fff9;
}

#nw-goals-modal .nw-gc-hero .nw-modal-copy{
  margin:0;
  max-width:760px;
  color:rgba(238,247,240,.82);
  font-size:1rem;
  line-height:1.55;
}

#nw-goals-modal .nw-gc-hero__side{
  display:flex;
  align-items:center;
  gap:12px;
}

#nw-goals-modal .nw-gc-balance-rail{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  padding:8px;
  border-radius:22px;
  background:rgba(245,248,243,.96);
  border:1px solid rgba(255,255,255,.25);
  box-shadow:0 18px 34px rgba(0,0,0,.16);
}

#nw-goals-modal .nw-gc-balance-chip{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:4px;
  padding:10px 12px;
  border-radius:16px;
  background:linear-gradient(180deg, rgba(255,255,255,.94), rgba(239,243,237,.94));
  border:1px solid rgba(23,38,30,.08);
}

#nw-goals-modal .nw-gc-balance-label{
  display:block;
  font-size:.66rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#587061;
  line-height:1.1;
}

#nw-goals-modal .nw-gc-balance-value{
  display:flex;
  align-items:center;
  gap:7px;
  color:#1a251f;
  min-width:0;
}

#nw-goals-modal .nw-gc-balance-value span{
  font-size:1rem;
  line-height:1;
  flex:0 0 auto;
}

#nw-goals-modal .nw-gc-balance-value strong{
  font-size:1.5rem;
  line-height:1;
  color:#16211c;
  white-space:nowrap;
}

#nw-goals-modal .nw-gc-close{
  width:54px;
  height:54px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(14,24,19,.72);
  color:#f6fff8;
  box-shadow:0 12px 28px rgba(0,0,0,.22);
  flex:0 0 auto;
}

#nw-goals-modal .nw-gc-close:hover{
  background:rgba(20,34,27,.9);
}

#nw-goals-modal .nw-gc-nav-row{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:10px;
}

#nw-goals-modal .nw-gc-nav-copy{
  color:rgba(232,242,234,.7);
  font-size:.95rem;
  text-align:right;
}

#nw-goals-modal .nw-gc-tabs{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.10);
  backdrop-filter:blur(12px);
}

#nw-goals-modal .nw-gc-tab{
  min-width:140px;
  border-radius:999px;
  border:1px solid transparent;
  background:transparent;
  color:#dce9df;
  font-weight:900;
}

#nw-goals-modal .nw-gc-tab:hover{
  background:rgba(255,255,255,.06);
  color:#ffffff;
}

#nw-goals-modal .nw-gc-tab.is-active{
  background:linear-gradient(135deg, #f1f5ee, #dfe8de);
  color:#142019;
  border-color:rgba(20,32,25,.08);
  box-shadow:0 8px 20px rgba(0,0,0,.14);
}

#nw-goals-modal .nw-star-animation--goals{
  position:relative;
  z-index:1;
  height:20px;
  margin-bottom:12px;
}

#nw-goals-modal .nw-gc-panel{
  position:relative;
  z-index:1;
}

#nw-goals-modal .nw-arcade-shell{
  display:grid;
  gap:18px;
}

#nw-goals-modal .nw-arcade-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) 360px;
  gap:18px;
  padding:20px 22px;
  border-radius:28px;
  border:1px solid rgba(189,221,196,.12);
  background:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.03));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}

#nw-goals-modal .nw-arcade-hero__eyebrow{
  font-size:.76rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#9fbea6;
  margin-bottom:8px;
}

#nw-goals-modal .nw-arcade-hero__copy h3{
  margin:0 0 8px;
  font-size:1.65rem;
  color:#f6fff8;
}

#nw-goals-modal .nw-arcade-hero__copy p{
  margin:0;
  color:rgba(229,240,232,.8);
  line-height:1.55;
}


#nw-goals-modal .nw-arcade-hero-stat{
  padding:14px;
  border-radius:20px;
  background:rgba(7,18,13,.46);
  border:1px solid rgba(193,225,200,.12);
}

#nw-goals-modal .nw-arcade-hero-stat span{
  display:block;
  margin-bottom:8px;
  font-size:.7rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#91b198;
}

#nw-goals-modal .nw-arcade-hero-stat strong{
  display:block;
  font-size:1.1rem;
  color:#ffffff;
}

#nw-goals-modal .nw-arcade-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}

#nw-goals-modal .nw-arcade-card{
  position:relative;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  gap:14px;
  padding:22px;
  border-radius:28px;
  border:1px solid rgba(201,228,206,.14);
  background:linear-gradient(180deg, rgba(9,18,14,.84), rgba(6,12,10,.92));
  box-shadow:0 18px 42px rgba(0,0,0,.18);
}

#nw-goals-modal .nw-arcade-card--trails{
  background:
    radial-gradient(circle at top right, rgba(105,161,125,.16), transparent 34%),
    linear-gradient(180deg, rgba(10,23,17,.88), rgba(7,13,10,.94));
}

#nw-goals-modal .nw-arcade-card--sim{
  background:
    radial-gradient(circle at top right, rgba(168,198,122,.14), transparent 34%),
    linear-gradient(180deg, rgba(12,23,15,.88), rgba(8,13,10,.94));
}

#nw-goals-modal .nw-arcade-card__glow{
  position:absolute;
  inset:auto -40px -40px auto;
  width:180px;
  height:180px;
  border-radius:999px;
  background:radial-gradient(circle, rgba(173,214,158,.13), transparent 68%);
  pointer-events:none;
}

#nw-goals-modal .nw-arcade-card__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

#nw-goals-modal .nw-arcade-card__icon{
  width:48px;
  height:48px;
  border-radius:16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(245,250,244,.95);
  color:#15211a;
  font-size:.95rem;
  font-weight:900;
  letter-spacing:.08em;
  box-shadow:0 10px 24px rgba(0,0,0,.18);
}

#nw-goals-modal .nw-arcade-card__status{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:7px 12px;
  border-radius:999px;
  border:1px solid rgba(205,227,210,.18);
  background:rgba(255,255,255,.06);
  color:#edf7ef;
  font-size:.74rem;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}

#nw-goals-modal .nw-arcade-card__eyebrow{
  font-size:.75rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#97b49c;
}

#nw-goals-modal .nw-arcade-card h3{
  margin:0;
  font-size:1.45rem;
  line-height:1.08;
  color:#f8fff9;
}

#nw-goals-modal .nw-arcade-card__desc{
  margin:0;
  color:rgba(230,240,233,.8);
  line-height:1.56;
}



#nw-goals-modal .nw-arcade-chip{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:6px 11px;
  border-radius:999px;
  border:1px solid rgba(205,227,210,.12);
  background:rgba(255,255,255,.045);
  color:#dceadf;
  font-size:.8rem;
}

#nw-goals-modal .nw-arcade-metric-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}

#nw-goals-modal .nw-arcade-metric{
  padding:13px 14px;
  border-radius:18px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
}

#nw-goals-modal .nw-arcade-metric span{
  display:block;
  margin-bottom:6px;
  font-size:.68rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#93b19a;
}

#nw-goals-modal .nw-arcade-metric strong{
  display:block;
  color:#ffffff;
  font-size:1rem;
  line-height:1.25;
  overflow-wrap:anywhere;
}

#nw-goals-modal .nw-arcade-card__cta{
  width:100%;
  min-height:54px;
  margin-top:auto;
  font-size:1rem;
  font-weight:900;
  border-radius:18px;
  box-shadow:0 16px 30px rgba(0,0,0,.16);
}

#nw-goals-modal .nw-gc-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  margin-bottom:16px;
  padding:6px 2px 2px;
}

#nw-goals-modal .nw-gc-section-head__eyebrow{
  font-size:.76rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#9bb7a1;
  margin-bottom:8px;
}

#nw-goals-modal .nw-gc-section-head h4{
  margin:0 0 6px;
  font-size:1.45rem;
  color:#f8fff9;
}

#nw-goals-modal .nw-gc-section-head p{
  margin:0;
  color:rgba(227,239,230,.78);
}

#nw-goals-modal .nw-gc-toolbar{
  margin:0;
}

#nw-goals-modal .nw-gc-toggle{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:48px;
  padding:0 16px;
  border-radius:999px;
  border:1px solid rgba(205,227,210,.12);
  background:rgba(255,255,255,.05);
  color:#f5fff7;
}

#nw-goals-modal .nw-gc-toggle input{
  accent-color:#bfe6c7;
}

#nw-goals-modal .nw-goals-list{
  display:grid;
  gap:10px;
}

#nw-goals-modal .nw-achievement-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(205,227,210,.10);
  background:linear-gradient(180deg, rgba(12,21,16,.72), rgba(7,12,10,.78));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}

#nw-goals-modal .nw-achievement-card__info{
  min-width:0;
}

#nw-goals-modal .nw-achievement-card__top{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
}

#nw-goals-modal .nw-achievement-card__main{
  min-width:0;
}

#nw-goals-modal .nw-achievement-card__eyebrow{
  margin-bottom:3px;
  font-size:.62rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#91ad97;
}

#nw-goals-modal .nw-achievement-card__title{
  display:block;
  color:#ffffff;
  font-size:.94rem;
  line-height:1.18;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

#nw-goals-modal .nw-achievement-card__desc{
  display:block;
  margin-top:4px;
  color:rgba(228,239,231,.68);
  font-size:.78rem;
  line-height:1.25;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

#nw-goals-modal .nw-achievement-card__compact-meta{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:8px;
}

#nw-goals-modal .nw-achievement-card__compact-meta span{
  display:inline-flex;
  align-items:center;
  max-width:100%;
  min-height:24px;
  padding:4px 8px;
  border-radius:999px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.06);
  color:rgba(238,248,240,.78);
  font-size:.72rem;
  line-height:1.1;
  font-weight:800;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

#nw-goals-modal .nw-achievement-card__pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:26px;
  padding:5px 9px;
  border-radius:999px;
  border:1px solid rgba(205,227,210,.14);
  background:rgba(255,255,255,.05);
  color:#e8f3ea;
  font-size:.64rem;
  font-weight:950;
  letter-spacing:.1em;
  text-transform:uppercase;
  white-space:nowrap;
}

#nw-goals-modal .nw-achievement-card__pill--available{
  background:rgba(91,130,76,.34);
  border-color:rgba(175,223,142,.28);
  color:#ddffd2;
}

#nw-goals-modal .nw-achievement-card__pill--completed{
  background:rgba(44,69,53,.42);
  border-color:rgba(184,214,191,.16);
}

#nw-goals-modal .nw-achievement-card__pill--in_progress{
  background:rgba(255,255,255,.05);
}

#nw-goals-modal .nw-achievement-card__actions,
#nw-goals-modal .nw-goal-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  min-width:118px;
  margin-left:auto;
}

#nw-goals-modal .nw-goal-claim-btn{
  min-height:34px;
  padding:7px 11px;
  border-radius:999px;
  font-size:.72rem;
  font-weight:950;
  white-space:nowrap;
  box-shadow:0 10px 22px rgba(0,0,0,.14);
}

#nw-goals-modal .nw-goal-status{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:28px;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(205,227,210,.16);
  background:rgba(255,255,255,.05);
  color:#f3fff5;
  font-size:.66rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  white-space:nowrap;
}

#nw-goals-modal .nw-goal-status--available{
  background:rgba(91,130,76,.34);
  border-color:rgba(175,223,142,.28);
  color:#ddffd2;
}

#nw-goals-modal .nw-goal-status--completed{
  background:rgba(44,69,53,.42);
  border-color:rgba(184,214,191,.16);
}

#nw-goals-modal .nw-goal-item--completed{
  border-color:rgba(182,213,189,.14);
}

#nw-goals-modal .nw-goal-item--available{
  border-color:rgba(204,233,165,.24);
}

#nw-goals-modal .nw-gc-empty{
  display:grid;
  gap:8px;
  padding:26px;
  border-radius:24px;
  border:1px solid rgba(205,227,210,.12);
  background:linear-gradient(180deg, rgba(10,18,14,.72), rgba(7,12,10,.78));
  color:#eef8f0;
}

#nw-goals-modal .nw-gc-empty__eyebrow{
  font-size:.75rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#96b39b;
}

#nw-goals-modal .nw-gc-empty strong{
  color:#ffffff;
  font-size:1.05rem;
}

#nw-goals-modal .nw-gc-empty span{
  color:rgba(228,239,231,.78);
  line-height:1.55;
}

@media (max-width: 1180px){
  #nw-goals-modal .nw-gc-hero{
    grid-template-columns:1fr;
  }

  #nw-goals-modal .nw-gc-hero__side{
    flex-direction:column;
    align-items:stretch;
  }

  #nw-goals-modal .nw-gc-close{
    align-self:flex-end;
  }

  #nw-goals-modal .nw-arcade-hero{
    grid-template-columns:1fr;
  }

  #nw-goals-modal .nw-arcade-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width: 900px){
  #nw-goals-modal .nw-gc-balance-rail{
    grid-template-columns:repeat(2,minmax(0,1fr));
    width:100%;
  }

  #nw-goals-modal .nw-gc-nav-row{
    flex-direction:column;
    align-items:flex-start;
  }

  #nw-goals-modal .nw-gc-nav-copy{
    text-align:left;
  }

  #nw-goals-modal .nw-achievement-card{
    grid-template-columns:1fr;
  }

  #nw-goals-modal .nw-achievement-card__actions,
  #nw-goals-modal .nw-goal-actions{
    min-width:0;
    width:100%;
    justify-content:flex-start;
  }
}

@media (max-width: 640px){
  #nw-goals-modal {
    padding: 8px 6px;
    place-items: stretch;
  }

  #nw-goals-modal .nw-gc-modal-card{
    width: calc(100vw - 12px);
    max-height: calc(100vh - 16px);
    padding: 10px;
    border-radius: 20px;
  }

  #nw-goals-modal .nw-gc-hero{
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    margin-bottom: 10px;
  }

  #nw-goals-modal .nw-gc-hero__main{
    display: none;
  }

  #nw-goals-modal .nw-gc-hero__side{
    display: grid;
    grid-template-columns: minmax(0, 1fr) 44px;
    align-items: center;
    gap: 8px;
    width: 100%;
  }

  #nw-goals-modal .nw-gc-balance-rail{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%;
    padding: 6px;
    gap: 6px;
    border-radius: 20px;
  }

  #nw-goals-modal .nw-gc-balance-chip{
    min-height: 54px;
    padding: 8px 6px;
    border-radius: 16px;
  }

  #nw-goals-modal .nw-gc-balance-value{
    gap: 5px;
  }

  #nw-goals-modal .nw-gc-balance-value span{
    font-size: 1rem;
  }

  #nw-goals-modal .nw-gc-balance-value strong{
    font-size: 1.25rem;
    line-height: .95;
  }

  #nw-goals-modal .nw-gc-balance-label{
    margin-top: 4px;
    font-size: .52rem;
    letter-spacing: .09em;
    line-height: 1;
  }

  #nw-goals-modal .nw-gc-close{
    width: 44px;
    height: 44px;
    align-self: center;
    justify-self: end;
    font-size: 1.45rem;
  }

  #nw-goals-modal .nw-gc-nav-row{
    gap: 8px;
    margin: 0 0 10px;
  }

  #nw-goals-modal .nw-gc-tabs{
    width: 100%;
    padding: 5px;
    gap: 6px;
    border-radius: 18px;
  }

  #nw-goals-modal .nw-gc-tab{
    flex: 1 1 0;
    min-width: 0;
    min-height: 44px;
    padding: 11px 9px;
    border-radius: 15px;
    font-size: 1rem;
    font-weight: 900;
  }

  #nw-goals-modal .nw-gc-nav-copy{
    display: none;
  }

  #nw-goals-modal .nw-gc-panel{
    gap: 10px;
  }

  #nw-goals-modal .nw-arcade-shell{
    gap: 10px;
  }

  #nw-goals-modal .nw-arcade-hero{
    padding: 14px;
    border-radius: 20px;
  }

  #nw-goals-modal .nw-arcade-hero__eyebrow{
    margin-bottom: 7px;
    font-size: .72rem;
    letter-spacing: .14em;
  }

  #nw-goals-modal .nw-arcade-hero__copy h3{
    margin-bottom: 7px;
    font-size: 1.45rem;
    line-height: 1.08;
  }

  #nw-goals-modal .nw-arcade-hero__copy p{
    font-size: 1.02rem;
    line-height: 1.42;
  }

  #nw-goals-modal .nw-arcade-grid{
    grid-template-columns: 1fr;
    gap: 10px;
  }

  #nw-goals-modal .nw-arcade-card{
    gap: 9px;
    padding: 14px;
    border-radius: 20px;
  }

  #nw-goals-modal .nw-arcade-card__top{
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }

  #nw-goals-modal .nw-arcade-card__icon{
    width: 48px;
    height: 48px;
    border-radius: 16px;
    font-size: .9rem;
  }

  #nw-goals-modal .nw-arcade-card__status{
    padding: 7px 11px;
    border-radius: 999px;
    font-size: .66rem;
  }

  #nw-goals-modal .nw-arcade-card__eyebrow{
    font-size: .72rem;
    letter-spacing: .14em;
  }

  #nw-goals-modal .nw-arcade-card h3{
    font-size: 1.35rem;
    line-height: 1.12;
  }

  #nw-goals-modal .nw-arcade-card__desc{
    font-size: 1.04rem;
    line-height: 1.44;
  }

  #nw-goals-modal .nw-arcade-metric-grid{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
  }

  #nw-goals-modal .nw-arcade-metric{
    min-height: 48px;
    padding: 8px 6px;
    border-radius: 14px;
    text-align: center;
  }

  #nw-goals-modal .nw-arcade-metric span{
    font-size: .55rem;
    letter-spacing: .09em;
  }

  #nw-goals-modal .nw-arcade-metric strong{
    margin-top: 4px;
    font-size: .78rem;
    line-height: 1.05;
  }

  #nw-goals-modal .nw-arcade-card__cta{
    min-height: 42px;
    padding: 10px 12px;
    border-radius: 15px;
    font-size: .9rem;
  }

  #nw-goals-modal .nw-achievement-card__meta-grid{
    grid-template-columns:1fr;
  }

  #nw-goals-modal .nw-achievement-card{
    grid-template-columns:1fr;
    padding:14px 14px;
  }

  #nw-goals-modal .nw-achievement-card__eyebrow,
  #nw-goals-modal .nw-goal-item .nw-modal-kicker{
    font-size:.72rem;
    letter-spacing:.14em;
  }

  #nw-goals-modal .nw-achievement-card h4,
  #nw-goals-modal .nw-goal-item h4{
    font-size:1.2rem;
    line-height:1.18;
  }

  #nw-goals-modal .nw-achievement-card p,
  #nw-goals-modal .nw-goal-item p{
    font-size:1rem;
    line-height:1.42;
  }

  #nw-goals-modal .nw-achievement-card__meta span,
  #nw-goals-modal .nw-goal-meta span,
  #nw-goals-modal .nw-goal-status,
  #nw-goals-modal .nw-goal-claim-btn{
    font-size:.86rem;
  }

  #nw-goals-modal .nw-achievement-card__top{
    grid-template-columns:1fr;
    align-items:flex-start;
  }

  #nw-goals-modal .nw-achievement-card__actions,
  #nw-goals-modal .nw-goal-actions{
    width:100%;
    min-width:0;
    justify-content:flex-start;
  }

  #nw-goals-modal .nw-goal-claim-btn,
  #nw-goals-modal .nw-goal-status{
    width:100%;
  }
}

/* ============ NATURE WOLF PACK SIMULATOR ============ */
.nw-trivia-challenge-card--simulator{
  background:linear-gradient(160deg,rgba(20,40,18,.55),rgba(8,16,8,.65));
  border:1px solid rgba(168,208,72,.35);
  color:#f4fff6;
}
.nw-trivia-challenge-card--simulator h3,
.nw-trivia-challenge-card--simulator strong,
.nw-trivia-challenge-card--simulator span{
  color:#f4fff6;
}
.nw-trivia-challenge-card--simulator .nw-trivia-challenge-card__eyebrow,
.nw-trivia-challenge-card--simulator .nw-trivia-challenge-stat__label{
  color:#9fc89f;
}
#nw-sim-modal .nw-modal-card{
  width:min(1100px,96vw);
  max-height:94vh;
  display:flex;flex-direction:column;
  padding:18px;
}
.nw-sim-header{
  display:flex;align-items:center;justify-content:space-between;
  gap:12px;margin-bottom:12px;
}
.nw-sim-header h2{margin:0;font-size:20px;color:#101b14;}
.nw-sim-header__pills{display:flex;gap:8px;flex-wrap:wrap;}
.nw-sim-pill{
  background:rgba(255,255,255,.78);border:1px solid rgba(16,27,20,.16);
  border-radius:999px;padding:6px 12px;color:#101b14;font-size:13px;
}
.nw-sim-pill strong{color:#5f8f19;margin-left:4px;}
.nw-sim-screen{display:flex;flex-direction:column;gap:14px;}
.nw-sim-screen[hidden]{display:none;}
.nw-sim-menu-card{
  background:rgba(255,255,255,.76);
  border:1px solid rgba(16,27,20,.12);
  border-radius:14px;padding:18px;color:#101b14;
}
.nw-sim-menu-card h3{margin:0 0 6px 0;color:#101b14;font-size:18px;}
.nw-sim-menu-card p{margin:0 0 12px 0;color:rgba(16,27,20,.82);font-size:14px;line-height:1.5;}
.nw-sim-menu-card__stats{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
  gap:10px;margin-bottom:14px;
}
.nw-sim-menu-card__stat{
  background:rgba(255,255,255,.82);border:1px solid rgba(16,27,20,.14);
  border-radius:10px;padding:10px;
}
.nw-sim-menu-card__stat span{display:block;color:rgba(16,27,20,.62);font-size:12px;text-transform:uppercase;letter-spacing:.06em;}
.nw-sim-menu-card__stat strong{display:block;color:#101b14;font-size:16px;margin-top:4px;}
.nw-sim-menu-actions{display:flex;gap:10px;flex-wrap:wrap;}
.nw-sim-level-list{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:12px;
  margin:14px 0;
}
.nw-sim-level-card{
  appearance:none;
  border:1px solid rgba(16,27,20,18);
  background:rgba(255,255,255,86);
  border-radius:14px;
  padding:14px;
  text-align:left;
  color:#101b14;
  cursor:pointer;
  box-shadow:0 10px 24px rgba(16,27,20,10);
  transition:transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}
.nw-sim-level-card:hover{
  transform:translateY(-2px);
  border-color:rgba(95,143,25,55);
  box-shadow:0 16px 34px rgba(16,27,20,16);
}
.nw-sim-level-card:disabled{
  opacity:.5;
  cursor:not-allowed;
  transform:none;
}
.nw-sim-level-card span{
  display:block;
  color:rgba(16,27,20,62);
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:800;
}
.nw-sim-level-card strong{
  display:block;
  margin-top:4px;
  color:#101b14;
  font-size:17px;
}
.nw-sim-level-card small{
  display:block;
  margin-top:7px;
  color:rgba(16,27,20,72);
  font-size:12px;
  line-height:1.4;
}
.nw-sim-stage{
  position:relative;background:#0b1208;border-radius:14px;overflow:hidden;
  border:1px solid rgba(168,208,72,.25);
  aspect-ratio: 5 / 3; width:100%;
}
#nw-sim-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;}
.nw-sim-hud{
  position:absolute;top:10px;left:10px;right:10px;
  display:flex;justify-content:space-between;gap:10px;pointer-events:none;
}
.nw-sim-hud .nw-sim-pill{background:rgba(0,0,0,.55);color:#f4fff6;border-color:rgba(244,255,246,.18);}
.nw-sim-hud .nw-sim-pill strong{color:#a8d048;}
.nw-sim-result-card{
  background:rgba(255,255,255,.80);border:1px solid rgba(16,27,20,.14);
  border-radius:14px;padding:18px;color:#101b14;
}
.nw-sim-result-card h3{margin:0 0 10px 0;color:#101b14;font-size:18px;}
.nw-sim-result-card .nw-sim-result-body div{padding:4px 0;color:rgba(16,27,20,.82);}
/* Alpha Dev Den Command Center */
.nw-den-summary--clean{
  background:#f7f5ee;
  border-radius:34px;
  overflow:hidden;
}
.nw-den-command-hero--clean{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:20px;
  align-items:start;
  padding:clamp(24px,3.8vw,40px);
  background:
    radial-gradient(circle at 86% 12%, rgba(197,255,160,.12), transparent 24%),
    linear-gradient(135deg,#223429 0%,#4f6251 58%,#33473a 100%);
  color:#fff;
  cursor:default;
}
.nw-den-command-hero--clean .nw-den-command-hero__title{
  max-width:860px;
  margin:0 0 10px;
}
.nw-den-command-hero--clean .nw-den-command-hero__sub{
  max-width:820px;
  font-size:clamp(.98rem,1.1vw,1.08rem);
  line-height:1.5;
  color:rgba(255,255,255,.78);
}
.nw-den-account-mini{
  display:flex;
  justify-content:flex-end;
  align-items:flex-start;
}
.nw-den-account-mini .nw-den-command-logout{
  min-width:96px;
  min-height:38px;
  padding:0 14px;
  background:rgba(255,255,255,.10);
  color:#fff;
  border:1px solid rgba(255,255,255,.16);
  box-shadow:none;
}
.nw-den-command-body--clean{
  padding:clamp(16px,2.6vw,26px);
  background:radial-gradient(circle at 100% 12%, rgba(150,236,108,.08), transparent 26%),#f7f5ee;
}
.nw-den-status-strip{
  display:grid;
  grid-template-columns:minmax(0,1.65fr) minmax(300px,.85fr);
  gap:14px;
  align-items:stretch;
  margin-bottom:18px;
}
.nw-den-overview-card,
.nw-den-overview-actions{
  min-width:0;
  border-radius:26px;
}
.nw-den-overview-card{
  padding:16px;
  background:linear-gradient(145deg,#1f3529,#314f3e);
  border:1px solid rgba(205,255,219,.18);
  box-shadow:0 12px 34px rgba(13,24,18,.12);
  color:#fff;
}
.nw-den-overview-card__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}
.nw-den-overview-card__kicker{
  display:block;
  color:rgba(255,255,255,.76);
  font-family:Arial,Helvetica,sans-serif;
  font-size:.78rem;
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
  margin-bottom:4px;
}
.nw-den-overview-card__title{
  display:block;
  color:#fff;
  font-size:1.06rem;
  line-height:1.1;
}
.nw-den-overview-grid{
  display:grid;
  grid-template-columns:112px minmax(130px,.9fr) minmax(130px,.95fr) minmax(110px,.75fr) minmax(220px,1.45fr);
  gap:10px;
}
.nw-den-overview-stat{
  min-width:0;
  min-height:86px;
  padding:14px 15px;
  display:grid;
  align-content:center;
  gap:6px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.10);
  border-radius:18px;
}
.nw-den-overview-stat span{
  display:block;
  color:rgba(255,255,255,.72);
  font-family:Arial,Helvetica,sans-serif;
  font-size:.74rem;
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.nw-den-overview-stat strong{
  color:#fff;
  font-size:1.22rem;
  line-height:1.08;
}
.nw-den-overview-stat small{
  color:rgba(255,255,255,.70);
  font-size:.78rem;
  line-height:1.1;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.nw-den-overview-stat--rank strong{
  font-size:1.72rem;
}
.nw-den-overview-stat--goal strong{
  max-width:22ch;
  font-size:1.05rem;
  white-space:normal;
}

.nw-den-overview-actions{
  padding:16px;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(21,36,29,.08);
  box-shadow:0 12px 34px rgba(13,24,18,.055);
  display:grid;
  align-content:start;
  gap:12px;
}
.nw-den-overview-actions__kicker{
  display:block;
  color:rgba(21,36,29,.62);
  font-family:Arial,Helvetica,sans-serif;
  font-size:.78rem;
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.nw-den-overview-actions__row{
  display:grid;
  grid-template-columns:1fr 1fr;
  overflow:hidden;
  border-radius:20px;
  border:1px solid rgba(21,36,29,.08);
  background:#f7f5ee;
}
.nw-den-overview-action{
  appearance:none;
  min-width:0;
  min-height:132px;
  padding:18px 14px;
  border:0;
  background:transparent;
  color:#15241d;
  font-family:Arial,Helvetica,sans-serif;
  cursor:pointer;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  text-align:center;
}
.nw-den-overview-action + .nw-den-overview-action{
  border-left:1px solid rgba(21,36,29,.08);
}
.nw-den-overview-action:hover{
  background:#fff;
}
.nw-den-overview-action strong{
  display:block;
  color:#15241d;
  font-size:1.02rem;
  line-height:1.08;
}
.nw-den-overview-action small{
  display:block;
  color:rgba(21,36,29,.64);
  font-size:.78rem;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.nw-den-overview-action.has-notification{
  background:#fffdf5;
}
.nw-den-overview-action .nw-main-shortcut__badge{
  position:static;
  margin-top:4px;
}

.nw-stat-help{
  position:relative;
  width:28px;
  height:28px;
  display:inline-grid;
  place-items:center;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.10);
  color:#fff;
  font-size:.82rem;
  font-weight:950;
  line-height:1;
  cursor:help;
  padding:0;
  z-index:5;
  flex:0 0 auto;
}
.nw-stat-help--section{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.nw-stat-help::after{
  content:attr(data-tip);
  position:absolute;
  left:50%;
  bottom:calc(100% + 10px);
  transform:translateX(-50%) translateY(4px);
  width:min(260px,72vw);
  padding:12px 14px;
  border-radius:14px;
  background:#15241d;
  color:#fff;
  font-family:Arial,Helvetica,sans-serif;
  font-size:.86rem;
  font-weight:750;
  letter-spacing:0;
  line-height:1.35;
  text-transform:none;
  box-shadow:0 18px 42px rgba(0,0,0,.20);
  opacity:0;
  pointer-events:none;
  transition:opacity .16s ease, transform .16s ease;
  z-index:30;
}
.nw-stat-help:hover::after,
.nw-stat-help:focus-visible::after{
  opacity:1;
  transform:translateX(-50%) translateY(0);
}
.nw-den-soft-link{
  appearance:none;
  border:1px solid rgba(21,36,29,.12);
  background:#fff;
  color:#15241d;
  border-radius:999px;
  padding:11px 16px;
  font-family:Arial,Helvetica,sans-serif;
  font-weight:950;
  font-size:.78rem;
  cursor:pointer;
  box-shadow:0 10px 24px rgba(13,24,18,.06);
}
.nw-den-soft-link--full{width:100%;margin-top:12px;}
.nw-den-experience-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  margin-bottom:26px;
}
.nw-den-experience-card{
  position:relative;
  min-height:250px;
  padding:30px;
  border-radius:30px;
  border:1px solid rgba(21,36,29,.08);
  background:#fff;
  color:#15241d;
  text-align:left;
  cursor:pointer;
  box-shadow:0 18px 48px rgba(13,24,18,.07);
  overflow:hidden;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.nw-den-experience-card:hover{transform:translateY(-3px);box-shadow:0 24px 60px rgba(13,24,18,.11);border-color:rgba(150,236,108,.28);}
.nw-den-experience-card__number{position:absolute;top:20px;right:22px;color:rgba(21,36,29,.16);font-size:3rem;font-weight:950;letter-spacing:-.08em;}
.nw-den-experience-card__eyebrow{display:block;margin-bottom:22px;color:rgba(21,36,29,.62);font-family:Arial,Helvetica,sans-serif;font-size:.88rem;font-weight:950;letter-spacing:.16em;text-transform:uppercase;}
.nw-den-experience-card strong{display:block;color:#15241d;font-size:clamp(1.55rem,2vw,2rem);line-height:1.02;letter-spacing:-.035em;margin-bottom:14px;}
.nw-den-experience-card small{display:block;color:rgba(21,36,29,.72);font-size:1.08rem;line-height:1.45;}
.nw-den-experience-card--play{background:radial-gradient(circle at 20% 18%, rgba(150,236,108,.20), transparent 32%),linear-gradient(145deg,#1f3529 0%,#314f3e 100%);border-color:rgba(150,236,108,.26);}
.nw-den-experience-card--play .nw-den-experience-card__number,
.nw-den-experience-card--play .nw-den-experience-card__eyebrow,
.nw-den-experience-card--play strong,
.nw-den-experience-card--play small{color:#fff;}
.nw-den-experience-card--play small,
.nw-den-experience-card--play .nw-den-experience-card__eyebrow{opacity:.88;}
.nw-den-command-grid--clean{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,420px);gap:26px;align-items:start;min-width:0;}
.nw-den-command-main{min-width:0;}
.nw-home-pack-shell--clean{margin-top:0;max-width:100%;overflow:hidden;}
.nw-home-pack-shell--clean .nw-home-pack-note{max-width:720px;text-align:left;font-size:1.08rem;line-height:1.45;}
.nw-den-pack-status-card--clean{position:sticky;top:18px;padding:28px;}
.nw-den-side-stack{display:grid;gap:16px;margin-top:18px;}
.nw-den-side-panel{padding:20px;border-radius:22px;background:#f4f2e9;border:1px solid rgba(21,36,29,.08);}
.nw-den-side-panel > span{display:block;color:#15241d;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px;}
.nw-den-side-panel > small{display:block;color:rgba(21,36,29,.72);font-size:1.02rem;line-height:1.42;margin-bottom:14px;}
.nw-den-daily-reward-stack--side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.nw-den-daily-reward-stack--side .nw-den-reward-chip{min-width:0;width:100%;padding:12px;border-radius:18px;background:#fff !important;border:1px solid rgba(21,36,29,.10) !important;}
@media (max-width:1180px){
  .nw-den-experience-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .nw-den-status-strip{
    grid-template-columns:1fr;
  }
  .nw-den-overview-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .nw-den-overview-stat--goal{
    grid-column:1 / -1;
  }
  .nw-den-command-grid--clean{grid-template-columns:1fr;}
  .nw-den-pack-status-card--clean{position:static;}
}
@media (max-width:760px){
  .nw-den-command-hero--clean{grid-template-columns:1fr;padding:24px 20px;}
  .nw-den-command-hero--clean .nw-den-command-hero__sub{font-size:1.02rem;line-height:1.48;}
  .nw-den-account-mini{justify-content:flex-start;}
  .nw-den-status-strip{
    grid-template-columns:1fr;
    gap:12px;
  }
  .nw-den-overview-card,
  .nw-den-overview-actions{
    border-radius:22px;
  }
  .nw-den-overview-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .nw-den-overview-stat{
    min-height:72px;
    padding:13px 14px;
  }
  .nw-den-overview-stat--goal{
    grid-column:1 / -1;
  }
  .nw-den-overview-actions__row{
    grid-template-columns:1fr 1fr;
  }
  .nw-den-overview-action{
    min-height:96px;
  }
  .nw-den-experience-grid{grid-template-columns:1fr;}
  .nw-den-experience-card{min-height:190px;padding:24px;}
  .nw-den-experience-card strong{font-size:1.65rem;}
  .nw-den-experience-card small{font-size:1.04rem;}
  .nw-home-pack-head{grid-template-columns:1fr !important;}
  .nw-home-pack-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    justify-content:stretch !important;
    width:100% !important;
  }
  .nw-preview-action-btn{
    width:100% !important;
    min-width:0 !important;
    flex:0 1 auto !important;
  }
  .nw-den-summary__body .nw-home-pack-shell{
    width:100% !important;
    max-width:100% !important;
    overflow:hidden !important;
  }
  .nw-home-pack-rail-shell{
    width:100% !important;
    max-width:100% !important;
    overflow:hidden !important;
  }
  .nw-home-pack-card{
    flex:0 0 min(76vw,240px) !important;
    width:min(76vw,240px) !important;
    max-width:min(76vw,240px) !important;
  }
}
@media (max-width:520px){
  .nw-den-command-body--clean{padding:14px;}
  .nw-den-command-hero--clean .nw-den-command-hero__sub{font-size:1rem;}
  .nw-den-overview-grid{
    grid-template-columns:1fr;
  }
  .nw-den-overview-stat--goal{
    grid-column:auto;
  }
  .nw-den-overview-actions__row{
    grid-template-columns:1fr;
  }
  .nw-den-overview-action + .nw-den-overview-action{
    border-left:0;
    border-top:1px solid rgba(21,36,29,.08);
  }
  .nw-den-overview-action{
    min-height:78px;
  }
  .nw-den-overview-action strong{font-size:.96rem;}
  .nw-den-overview-action small{font-size:.72rem;}
  .nw-den-daily-reward-stack--side{grid-template-columns:1fr 1fr;}
  .nw-den-daily-reward-stack--side .nw-den-reward-chip{padding:10px 8px;}
  .nw-home-pack-title{font-size:2rem !important;}
  .nw-home-pack-note{font-size:1rem !important;}
  .nw-home-pack-card{
    flex-basis:78vw !important;
    width:78vw !important;
    max-width:78vw !important;
  }
}


/* ===== Split from next inline style block ===== */

/* Alpha Dev Pack Hub Redesign - Compact Large Text */
#nw-pack-den [hidden] {
  display: none !important;
}

.nw-den-command-body--clean {
  display: grid !important;
  gap: 16px !important;
}

.nw-den-experience-grid--pack-hub-first {
  margin-bottom: 0 !important;
}

.nw-pack-hub-redesign {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 26px !important;
  padding: 18px !important;
  background:
    radial-gradient(circle at 92% 10%, rgba(150,236,108,.12), transparent 28%),
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(249,247,240,.96)) !important;
  border: 1px solid rgba(21,36,29,.14) !important;
  box-shadow:
    0 18px 44px rgba(7,18,12,.16),
    inset 0 1px 0 rgba(255,255,255,.92) !important;
  color: #102018 !important;
}

.nw-pack-hub-redesign::after {
  display: none !important;
}

.nw-pack-hub-redesign__head {
  position: relative !important;
  z-index: 1 !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 14px !important;
  padding-bottom: 12px !important;
  margin-bottom: 14px !important;
  border-bottom: 1px solid rgba(21,36,29,.12) !important;
}

.nw-pack-hub-redesign__kicker,
.nw-pack-hub-redesign__stats span,
.nw-pack-hub-redesign__mini-stat span,
.nw-pack-hub-redesign__achievement span,
.nw-pack-hub-redesign__rewards-copy span {
  display: block !important;
  color: rgba(18,32,25,.66) !important;
  font-size: .86rem !important;
  line-height: 1.1 !important;
  font-weight: 950 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}

.nw-pack-hub-redesign__title {
  display: block !important;
  margin-top: 5px !important;
  color: #102018 !important;
  font-size: clamp(1.85rem, 3vw, 2.7rem) !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
  letter-spacing: -.045em !important;
}

.nw-pack-hub-redesign__help {
  flex: 0 0 auto !important;
  width: 44px !important;
  height: 44px !important;
  color: #102018 !important;
  border-color: rgba(21,36,29,.26) !important;
  background: rgba(18,32,25,.06) !important;
  font-size: 1.15rem !important;
  font-weight: 950 !important;
}

.nw-pack-hub-redesign__main {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  gap: 10px !important;
}

.nw-pack-hub-redesign__stats {
  display: grid !important;
  grid-template-columns: minmax(150px, .7fr) minmax(190px, .95fr) minmax(210px, 1fr) !important;
  gap: 10px !important;
  overflow: visible !important;
  border-radius: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.nw-pack-hub-redesign__rank,
.nw-pack-hub-redesign__spend,
.nw-pack-hub-redesign__achievement,
.nw-pack-hub-redesign__mini-stat,
.nw-pack-hub-redesign__rewards {
  min-width: 0 !important;
  border-radius: 20px !important;
  background: rgba(255,255,255,.64) !important;
  border: 1px solid rgba(21,36,29,.13) !important;
  box-shadow:
    0 10px 24px rgba(7,18,12,.06),
    inset 0 1px 0 rgba(255,255,255,.78) !important;
  color: #102018 !important;
}

.nw-pack-hub-redesign__rank,
.nw-pack-hub-redesign__spend,
.nw-pack-hub-redesign__achievement {
  padding: 16px !important;
}

.nw-pack-hub-redesign__spend,
.nw-pack-hub-redesign__achievement {
  border-left: 1px solid rgba(21,36,29,.13) !important;
}

.nw-pack-hub-redesign__rank strong {
  display: block !important;
  margin-top: 8px !important;
  color: #102018 !important;
  font-size: clamp(3.7rem, 6.4vw, 5.4rem) !important;
  line-height: .82 !important;
  font-weight: 1000 !important;
  letter-spacing: -.075em !important;
}

.nw-pack-hub-redesign__spend strong {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  margin-top: 8px !important;
  color: #102018 !important;
  font-size: clamp(3.25rem, 5.4vw, 4.6rem) !important;
  line-height: .9 !important;
  font-weight: 1000 !important;
  letter-spacing: -.06em !important;
}

.nw-pack-hub-redesign__star {
  display: inline-grid !important;
  place-items: center !important;
  width: 54px !important;
  height: 54px !important;
  border-radius: 999px !important;
  background: rgba(255,214,92,.17) !important;
  box-shadow: inset 0 0 0 1px rgba(172,127,18,.14) !important;
  font-size: 1.8rem !important;
  letter-spacing: 0 !important;
}

.nw-pack-hub-redesign__spend small,
.nw-pack-hub-redesign__achievement small,
.nw-pack-hub-redesign__mini-stat small,
.nw-pack-hub-redesign__rewards-copy small {
  display: block !important;
  margin-top: 8px !important;
  color: rgba(18,32,25,.78) !important;
  font-size: 1.12rem !important;
  line-height: 1.25 !important;
  font-weight: 850 !important;
}

.nw-pack-hub-redesign__achievement {
  appearance: none !important;
  cursor: pointer !important;
  text-align: left !important;
}

.nw-pack-hub-redesign__achievement:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(47,101,71,.28) !important;
  background: rgba(255,255,255,.78) !important;
}

.nw-pack-hub-redesign__achievement strong {
  display: block !important;
  margin-top: 16px !important;
  color: #102018 !important;
  font-size: clamp(1.6rem, 2.4vw, 2.35rem) !important;
  line-height: 1.05 !important;
  font-weight: 1000 !important;
  letter-spacing: -.035em !important;
}

.nw-pack-hub-redesign__achievement small {
  color: #1f5c38 !important;
}

.nw-pack-hub-redesign__lower {
  display: grid !important;
  grid-template-columns: minmax(150px, .8fr) minmax(130px, .58fr) minmax(240px, 1.2fr) !important;
  gap: 10px !important;
}

.nw-pack-hub-redesign__mini-stat {
  padding: 14px 16px !important;
}

.nw-pack-hub-redesign__mini-stat strong {
  display: block !important;
  margin-top: 7px !important;
  color: #102018 !important;
  font-size: clamp(2.05rem, 3.2vw, 3rem) !important;
  line-height: .95 !important;
  font-weight: 1000 !important;
  letter-spacing: -.045em !important;
}

.nw-pack-hub-redesign__mini-stat--goal strong {
  font-size: clamp(1.55rem, 2.35vw, 2.35rem) !important;
  line-height: 1.08 !important;
  letter-spacing: -.035em !important;
}

.nw-pack-hub-redesign__rewards {
  display: grid !important;
  grid-template-columns: minmax(210px, .65fr) minmax(0, 1.35fr) !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 12px !important;
}

.nw-pack-hub-redesign__rewards-copy {
  padding: 8px 10px !important;
}

.nw-pack-hub-redesign__rewards-copy span {
  font-size: .9rem !important;
  color: #6a4b11 !important;
}

.nw-pack-hub-redesign__rewards-copy small {
  font-size: 1.1rem !important;
  line-height: 1.35 !important;
}

.nw-pack-hub-redesign__reward-row {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.nw-pack-hub-redesign__reward-chip {
  margin: 0 !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: 112px !important;
  display: grid !important;
  grid-template-columns: 88px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 12px !important;
  text-align: left !important;
  padding: 12px !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 18% 50%, rgba(255,214,92,.18), transparent 36%),
    rgba(18,32,25,.055) !important;
  border: 1px solid rgba(21,36,29,.12) !important;
  box-shadow: none !important;
}

.nw-pack-hub-redesign__reward-chip .nw-treasure-chest-button {
  width: 82px !important;
  height: 82px !important;
}

.nw-pack-hub-redesign__reward-chip .nw-treasure-chest-image {
  max-width: 78px !important;
}

.nw-pack-hub-redesign__reward-chip .nw-treasure-chest-copy {
  min-width: 0 !important;
}

.nw-pack-hub-redesign__reward-chip .nw-treasure-chest-copy strong {
  color: #102018 !important;
  font-size: clamp(1.35rem, 2.2vw, 1.9rem) !important;
  line-height: 1.05 !important;
  font-weight: 1000 !important;
  letter-spacing: -.025em !important;
}

.nw-pack-hub-redesign__reward-chip .nw-treasure-chest-timer {
  color: #102018 !important;
  font-size: clamp(1.2rem, 2vw, 1.65rem) !important;
  line-height: 1.05 !important;
  font-weight: 1000 !important;
  margin-top: 4px !important;
}

.nw-pack-hub-redesign__reward-chip .nw-treasure-chest-status {
  color: rgba(18,32,25,.74) !important;
  font-size: 1.02rem !important;
  line-height: 1.15 !important;
  font-weight: 850 !important;
  margin-top: 5px !important;
}

.nw-pack-hub-redesign__mini-btn {
  appearance: none !important;
  border: 1px solid rgba(21,36,29,.2) !important;
  background: rgba(255,255,255,.72) !important;
  color: #102018 !important;
  border-radius: 999px !important;
  min-height: 42px !important;
  padding: 0 18px !important;
  margin-top: 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: .98rem !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  cursor: pointer !important;
  box-shadow: 0 8px 18px rgba(7,18,12,.08) !important;
}

.nw-pack-hub-redesign__mini-btn:hover {
  transform: translateY(-1px) !important;
  background: #102018 !important;
  color: #fff !important;
}

.nw-pack-hub-redesign__rankings,
.nw-pack-hub-redesign__footer {
  display: none !important;
}

@media (max-width: 980px) {
  .nw-pack-hub-redesign {
    padding: 16px !important;
    border-radius: 24px !important;
  }

  .nw-pack-hub-redesign__stats {
    grid-template-columns: 1fr 1fr !important;
  }

  .nw-pack-hub-redesign__achievement {
    grid-column: 1 / -1 !important;
  }

  .nw-pack-hub-redesign__lower {
    grid-template-columns: 1fr 1fr !important;
  }

  .nw-pack-hub-redesign__mini-stat--goal {
    grid-column: 1 / -1 !important;
  }

  .nw-pack-hub-redesign__rewards {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 640px) {
  .nw-den-command-body--clean {
    gap: 14px !important;
  }

  .nw-pack-hub-redesign {
    padding: 14px !important;
    border-radius: 22px !important;
  }

  .nw-pack-hub-redesign__head {
    align-items: center !important;
    gap: 10px !important;
    margin-bottom: 12px !important;
    padding-bottom: 10px !important;
  }

  .nw-pack-hub-redesign__title {
    font-size: clamp(1.65rem, 8vw, 2.15rem) !important;
  }

  .nw-pack-hub-redesign__help {
    width: 40px !important;
    height: 40px !important;
  }

  .nw-pack-hub-redesign__stats,
  .nw-pack-hub-redesign__lower {
    grid-template-columns: 1fr !important;
    gap: 9px !important;
  }

  .nw-pack-hub-redesign__achievement {
    grid-column: auto !important;
  }

  .nw-pack-hub-redesign__rank,
  .nw-pack-hub-redesign__spend,
  .nw-pack-hub-redesign__achievement,
  .nw-pack-hub-redesign__mini-stat {
    padding: 14px !important;
  }

  .nw-pack-hub-redesign__rank strong {
    font-size: 4.35rem !important;
  }

  .nw-pack-hub-redesign__spend strong {
    font-size: 3.7rem !important;
  }

  .nw-pack-hub-redesign__star {
    width: 48px !important;
    height: 48px !important;
    font-size: 1.55rem !important;
  }

  .nw-pack-hub-redesign__achievement strong {
    margin-top: 10px !important;
    font-size: 1.65rem !important;
  }

  .nw-pack-hub-redesign__mini-stat strong {
    font-size: 2.35rem !important;
  }

  .nw-pack-hub-redesign__mini-stat--goal strong {
    font-size: 1.65rem !important;
  }

  .nw-pack-hub-redesign__reward-row {
    grid-template-columns: 1fr !important;
  }

  .nw-pack-hub-redesign__reward-chip {
    min-height: 96px !important;
    grid-template-columns: 76px minmax(0, 1fr) !important;
    gap: 10px !important;
    padding: 10px !important;
  }

  .nw-pack-hub-redesign__reward-chip .nw-treasure-chest-button {
    width: 72px !important;
    height: 72px !important;
  }

  .nw-pack-hub-redesign__reward-chip .nw-treasure-chest-image {
    max-width: 68px !important;
  }

  .nw-pack-hub-redesign__reward-chip .nw-treasure-chest-copy strong {
    font-size: 1.35rem !important;
  }

  .nw-pack-hub-redesign__reward-chip .nw-treasure-chest-timer {
    font-size: 1.28rem !important;
  }

  .nw-pack-hub-redesign__reward-chip .nw-treasure-chest-status {
    font-size: .96rem !important;
  }

  .nw-pack-hub-redesign__mini-btn {
    min-height: 40px !important;
    padding: 0 16px !important;
    font-size: .96rem !important;
  }
}
#nw-guest-preview-modal .nw-modal-card,
#nw-guest-preview-modal .nw-modal-card h3,
#nw-guest-preview-modal .nw-modal-card p,
#nw-guest-preview-modal .nw-modal-card div,
#nw-guest-preview-modal .nw-modal-card span,
#nw-guest-preview-modal .nw-modal-copy,
#nw-guest-preview-title,
#nw-guest-preview-copy,
#nw-guest-preview-body {
  color: #101b14 !important;
}

#nw-guest-preview-modal .nw-modal-card strong,
#nw-guest-preview-modal .nw-modal-card b {
  color: #07120c !important;
}
/* ==========================================================
   Alpha Dev: Pack Hub Collapse / Expand
   Collapsed state matches Newsletter Archive structure
   Expanded state = current full Pack Hub
   ========================================================== */

#nw-den-summary-body.nw-pack-hub-section {
  transition:
    padding .22s ease,
    min-height .22s ease,
    box-shadow .22s ease,
    border-color .22s ease;
}

#nw-den-summary-body.nw-pack-hub-section.is-collapsed {
  display: block;
  min-height: 0;
  padding: 0;
  cursor: pointer;
  overflow: hidden;
}

#nw-pack-den.nw-pack-den--member #nw-den-summary-body.nw-pack-hub-section.is-collapsed {
  border-radius: 0 0 34px 34px;
}

#nw-den-summary-body.nw-pack-hub-section.is-collapsed > :not(.nw-pack-hub-section__header) {
  display: none;
}

#nw-den-summary-body.nw-pack-hub-section.is-collapsed .nw-pack-hub-section__header {
  width: 100%;
  min-height: 138px;
  display: grid;
  grid-template-columns: 74px minmax(0, 1fr) auto;
  align-items: center;
  gap: 24px;
  padding: clamp(22px, 2.8vw, 30px) clamp(24px, 3.4vw, 38px);
}

.nw-pack-hub-section__icon-wrap {
  width: 58px;
  height: 58px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.16);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    0 10px 26px rgba(0,0,0,.18);
}

.nw-pack-hub-section__icon {
  width: 42px;
  height: 42px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  background: rgba(7, 18, 12, .72);
  border: 1px solid rgba(255,255,255,.12);
  color: #f5f8f1;
  font-size: 1rem;
  font-weight: 950;
}

.nw-pack-hub-section__text {
  min-width: 0;
  display: grid;
  gap: 6px;
}

#nw-den-summary-body.nw-pack-hub-section.is-collapsed .nw-pack-hub-section__eyebrow {
  color: rgba(245,248,241,.72);
  font-size: .78rem;
  font-weight: 950;
  letter-spacing: .22em;
  text-transform: uppercase;
}

#nw-den-summary-body.nw-pack-hub-section.is-collapsed .nw-pack-hub-section__header h2 {
  margin: 0;
  color: #fff;
  font-size: clamp(2rem, 3.4vw, 3.2rem);
  line-height: .95;
  letter-spacing: -.055em;
}

#nw-den-summary-body.nw-pack-hub-section.is-collapsed .nw-pack-hub-section__header p {
  max-width: 820px;
  margin: 4px 0 0;
  color: rgba(245,248,241,.78);
  font-size: clamp(.98rem, 1.2vw, 1.08rem);
  line-height: 1.45;
  font-weight: 750;
}

.nw-pack-hub-section__side {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  white-space: nowrap;
}

.nw-pack-hub-section__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 22px;
  border-radius: 999px;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.16);
  color: rgba(245,248,241,.78);
  font-size: .78rem;
  font-weight: 950;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.nw-pack-hub-section__toggle {
  appearance: none;
  width: 42px;
  height: 42px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.10);
  color: rgba(255,255,255,.88);
  font-size: 1rem;
  font-weight: 1000;
  cursor: pointer;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    0 10px 24px rgba(0,0,0,.16);
  transition:
    transform .18s ease,
    background .18s ease,
    border-color .18s ease,
    box-shadow .18s ease;
}

.nw-pack-hub-section__toggle:hover,
.nw-pack-hub-section__toggle:focus-visible {
  transform: translateY(-1px);
  background: rgba(255,255,255,.16);
  border-color: rgba(255,255,255,.28);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.20),
    0 14px 32px rgba(0,0,0,.20);
  outline: none;
}

#nw-den-summary-body.nw-pack-hub-section:not(.is-collapsed) .nw-pack-hub-section__header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 18px;
}

#nw-den-summary-body.nw-pack-hub-section:not(.is-collapsed) .nw-pack-hub-section__icon-wrap {
  display: none;
}

#nw-den-summary-body.nw-pack-hub-section:not(.is-collapsed) .nw-pack-hub-section__text {
  display: block;
}

#nw-den-summary-body.nw-pack-hub-section:not(.is-collapsed) .nw-pack-hub-section__side {
  align-self: start;
}

#nw-den-summary-body.nw-pack-hub-section:not(.is-collapsed) .nw-pack-hub-section__badge {
  display: none;
}

@media (max-width: 749px) {
  #nw-den-summary-body.nw-pack-hub-section.is-collapsed {
    border-radius: 24px;
  }

  #nw-den-summary-body.nw-pack-hub-section.is-collapsed .nw-pack-hub-section__header {
    grid-template-columns: 48px minmax(0, 1fr) 40px;
    gap: 12px;
    padding: 16px;
  }

  .nw-pack-hub-section__icon-wrap {
    width: 48px;
    height: 48px;
  }

  .nw-pack-hub-section__side {
    justify-content: flex-end;
  }

  .nw-pack-hub-section__badge {
    display: none;
  }

  #nw-den-summary-body.nw-pack-hub-section.is-collapsed .nw-pack-hub-section__header h2 {
    font-size: 1.28rem;
    line-height: 1.05;
    letter-spacing: -.035em;
  }

  #nw-den-summary-body.nw-pack-hub-section.is-collapsed .nw-pack-hub-section__header p {
    font-size: .88rem;
    line-height: 1.35;
  }

  .nw-pack-hub-section__toggle {
    width: 40px;
    height: 40px;
  }
}

/* ==========================================================
   Nature Wolf Den Makeover
   Layout goal:
   1. Welcome panel first
   2. Newsletter Archive second
   3. Pack Hub third
   ========================================================== */

#nw-app:not([hidden]).nw-app--makeover {
  display: contents;
}

#nw-app:not([hidden]).nw-app--makeover > #nw-den-summary {
  order: 1;
}

#nw-archive-shell {
  order: 2;
}

#nw-app:not([hidden]).nw-app--makeover > #nw-den-summary-body {
  order: 3;
}

#nw-public-preview-shell {
  order: 4;
}

.nw-pack-den {
  padding: clamp(16px, 3vw, 34px) 14px 50px;
  color: #f6f4ea;
}

.nw-pack-den__inner {
  max-width: 1180px;
  gap: 16px;
}

.nw-pack-den--member .nw-pack-den__inner {
  gap: 0;
}

.nw-pack-den__overlay {
  background:
    radial-gradient(circle at 12% 8%, rgba(188, 231, 166, .13), transparent 30%),
    radial-gradient(circle at 88% 18%, rgba(255, 255, 255, .13), transparent 24%),
    linear-gradient(180deg, rgba(7, 18, 12, .18), rgba(5, 13, 9, .62));
}

.nw-welcome-panel,
.nw-pack-hub-section,
.nw-archive-panel {
  border-radius: 28px;
  border: 1px solid rgba(255, 255, 255, .16);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .12), rgba(255, 255, 255, .045)),
    rgba(8, 18, 13, .74);
  box-shadow:
    0 22px 70px rgba(0, 0, 0, .28),
    inset 0 1px 0 rgba(255, 255, 255, .10);
  backdrop-filter: blur(16px) saturate(1.08);
  -webkit-backdrop-filter: blur(16px) saturate(1.08);
}

.nw-welcome-panel {
  width: 100%;
  padding: clamp(20px, 2.6vw, 30px);
  overflow: hidden;
  position: relative;
}

#nw-pack-den.nw-pack-den--member .nw-welcome-panel {
  border-radius: 34px 34px 0 0;
  border-bottom-color: rgba(255,255,255,.08);
  background:
    radial-gradient(circle at 12% 0%, rgba(150,236,108,.13), transparent 34%),
    radial-gradient(circle at 88% 8%, rgba(255,255,255,.08), transparent 26%),
    linear-gradient(135deg, rgba(255,255,255,.105), rgba(255,255,255,.045)),
    rgba(8, 18, 13, .78);
  box-shadow:
    0 24px 70px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.10);
}

.nw-welcome-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 14% 0%, rgba(194,255,177,.13), transparent 36%),
    radial-gradient(circle at 76% 18%, rgba(255,255,255,.07), transparent 30%),
    linear-gradient(90deg, rgba(255,255,255,.045), transparent 62%);
  opacity: .95;
}

.nw-welcome-panel__shell,
.nw-welcome-panel__inner,
.nw-welcome-panel__stats {
  position: relative;
  z-index: 1;
}

.nw-welcome-panel__shell {
  display: grid;
  gap: 18px;
}

.nw-welcome-panel__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: start;
}

.nw-welcome-panel__eyebrow,
.nw-pack-hub-section__eyebrow,
.nw-pack-hub-action__eyebrow,
.nw-pack-hub-mini-head span,
.nw-pack-hub-status span,
.nw-welcome-panel__stat span,
.nw-welcome-panel__account-card span,
.nw-welcome-panel__stat-head span {
  display: block;
  color: rgba(230, 244, 226, .72);
  font-size: .74rem;
  font-weight: 950;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.nw-welcome-panel h2,
.nw-pack-hub-section__header h2 {
  margin: 4px 0 0;
  color: #ffffff;
  font-size: clamp(2.2rem, 4.2vw, 3.85rem);
  line-height: .94;
  letter-spacing: -.055em;
}

.nw-welcome-panel p,
.nw-pack-hub-section__header p {
  max-width: 760px;
  margin: 12px 0 0;
  color: rgba(245,248,241,.78);
  font-size: clamp(.98rem, 1.4vw, 1.12rem);
  line-height: 1.55;
}

.nw-welcome-panel__progress-guide {
  width: min(880px, 100%);
  margin-top: 16px;
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.055);
  overflow: hidden;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}

.nw-welcome-panel__progress-summary {
  position: relative;
  list-style: none;
  cursor: pointer;
  padding: 15px 52px 15px 18px;
  color: #ffffff;
  font-size: .95rem;
  font-weight: 900;
  letter-spacing: .01em;
  user-select: none;
}

.nw-welcome-panel__progress-summary::-webkit-details-marker {
  display: none;
}

.nw-welcome-panel__progress-summary::after {
  content: "▾";
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(255,255,255,.84);
  font-size: 1rem;
  font-weight: 900;
  transition: transform .18s ease;
}

.nw-welcome-panel__progress-guide[open] .nw-welcome-panel__progress-summary::after {
  transform: translateY(-50%) rotate(180deg);
}

.nw-welcome-panel__progress-body {
  display: grid;
  gap: 12px;
  padding: 0 18px 18px;
}

.nw-welcome-panel__progress-item {
  padding: 12px 14px;
  border-radius: 16px;
  background: rgba(0,0,0,.14);
  border: 1px solid rgba(255,255,255,.08);
}

.nw-welcome-panel__progress-item strong {
  display: block;
  color: #ffffff;
  font-size: .92rem;
  font-weight: 950;
  line-height: 1.2;
}

.nw-welcome-panel__progress-item p {
  max-width: none;
  margin: 7px 0 0 !important;
  color: rgba(245,248,241,.82) !important;
  font-size: .95rem !important;
  line-height: 1.55;
}

.nw-welcome-panel__aside {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

.nw-welcome-panel__account-card {
  min-width: 225px;
  padding: 14px 18px;
  border-radius: 20px;
  background: rgba(255,255,255,.09);
  border: 1px solid rgba(255,255,255,.15);
  text-align: right;
}

.nw-welcome-panel__account-card strong {
  display: block;
  margin-top: 6px;
  color: #fff;
  font-size: 1.08rem;
  line-height: 1.1;
  font-weight: 950;
}

.nw-welcome-panel__logout {
  min-height: 46px;
  padding: 0 20px;
  border-radius: 999px;
  color: #102015;
  background: rgba(255,255,255,.9);
  border: 0;
  font-weight: 950;
}

.nw-welcome-panel__stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(150px, 1fr));
  gap: 12px;
  max-width: 430px;
  margin: 0 0 0 auto;
  align-items: stretch;
}

.nw-welcome-panel__stat {
  position: relative;
  min-width: 0;
  min-height: 86px;
  display: grid;
  align-content: center;
  gap: 7px;
  padding: 14px 16px;
  border-radius: 18px;
  background:
    radial-gradient(circle at 100% 0%, rgba(255,255,255,.075), transparent 42%),
    rgba(1, 8, 5, .30);
  border: 1px solid rgba(255,255,255,.12);
}

.nw-welcome-panel__stat--xp {
  background:
    radial-gradient(circle at 100% 0%, rgba(150,236,108,.13), transparent 44%),
    rgba(1, 8, 5, .32);
  border-color: rgba(205,255,219,.16);
}

.nw-welcome-panel__stat > span,
.nw-welcome-panel__stat > small {
  display: block;
  color: rgba(230, 244, 226, .70);
  font-size: .64rem;
  line-height: 1.15;
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.nw-welcome-panel__stat > small {
  color: rgba(230, 244, 226, .58);
  letter-spacing: .08em;
}

.nw-welcome-panel__stat strong {
  color: #ffffff;
  line-height: .95;
  font-weight: 950;
  margin: 0;
}

.nw-welcome-panel__stat-value,
.nw-welcome-panel__stat strong.nw-welcome-panel__stat-value {
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  font-size: clamp(1.65rem, 2.45vw, 2.35rem);
  line-height: .92;
  letter-spacing: -.035em;
}

.nw-welcome-panel__stat-icon,
.nw-pack-hub-wallet__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: auto;
  height: auto;
  min-width: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  font-size: .5em;
  line-height: 1;
  filter: drop-shadow(0 4px 10px rgba(0,0,0,.16));
  transform: translateY(-.03em);
}

#nw-stars-available,
#nw-stars-alltime,
#nw-hearts-available,
#nw-pack-xp-display,
#nw-next-rank {
  color: #ffffff;
  font-size: 1em;
  line-height: .92;
  font-weight: 950;
  font-variant-numeric: tabular-nums;
  letter-spacing: -.035em;
}

.nw-pack-hub-wallet {
  display: grid;
  grid-template-columns: minmax(560px, 1fr) minmax(0, 1fr);
  gap: 14px;
  align-items: stretch;
  margin: 0 0 14px;
  padding: 16px;
  border-radius: 24px;
  background:
    radial-gradient(circle at 95% 0%, rgba(150,236,108,.14), transparent 38%),
    linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,.055));
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}

.nw-pack-hub-wallet__goal {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(190px, 1fr) auto;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  border-radius: 20px;
  background:
    radial-gradient(circle at 92% 0%, rgba(150,236,108,.10), transparent 36%),
    rgba(1, 8, 5, .24);
  border: 1px solid rgba(255,255,255,.12);
}

.nw-pack-hub-wallet__goal-copy {
  min-width: 0;
  display: grid;
  gap: 8px;
}

.nw-pack-hub-wallet__goal-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(112px, 1fr));
  gap: 10px;
  min-width: 250px;
}

.nw-pack-hub-wallet__goal-stat {
  min-width: 0;
  display: grid;
  align-content: center;
  gap: 6px;
  min-height: 74px;
  padding: 12px 14px;
  border-radius: 16px;
  background:
    radial-gradient(circle at 100% 0%, rgba(255,255,255,.075), transparent 42%),
    rgba(1, 8, 5, .28);
  border: 1px solid rgba(255,255,255,.10);
}

.nw-pack-hub-wallet__goal-stat--xp {
  background:
    radial-gradient(circle at 100% 0%, rgba(150,236,108,.13), transparent 44%),
    rgba(1, 8, 5, .30);
  border-color: rgba(205,255,219,.15);
}

.nw-pack-hub-wallet__goal-stat span,
.nw-pack-hub-wallet__goal-stat small {
  display: block;
  color: rgba(230,244,226,.70);
  font-size: .58rem;
  line-height: 1.12;
  font-weight: 950;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.nw-pack-hub-wallet__goal-stat small {
  color: rgba(230,244,226,.56);
  letter-spacing: .075em;
}

.nw-pack-hub-wallet__goal-stat strong {
  display: flex;
  align-items: center;
  gap: 7px;
  color: #ffffff;
  font-size: clamp(1.35rem, 1.85vw, 1.9rem);
  line-height: .9;
  font-weight: 950;
  font-style: normal;
  letter-spacing: -.035em;
  white-space: nowrap;
}

.nw-pack-hub-wallet__goal-stat strong em {
  font-style: normal;
  font-size: .52em;
  line-height: 1;
  filter: drop-shadow(0 4px 10px rgba(0,0,0,.16));
}

.nw-pack-hub-wallet__goal-stat strong b {
  color: #ffffff;
  font: inherit;
}

.nw-pack-hub-wallet__goal-copy span,
.nw-pack-hub-wallet__item span,
.nw-pack-hub-wallet__item small {
  display: block;
  color: rgba(230,244,226,.72);
  font-size: .66rem;
  font-weight: 950;
  line-height: 1.15;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.nw-pack-hub-wallet__goal-copy strong {
  color: #ffffff;
  font-size: clamp(1.15rem, 1.85vw, 1.7rem);
  line-height: 1.08;
  font-weight: 950;
}

.nw-pack-hub-wallet__item small {
  color: rgba(245,248,241,.62);
  letter-spacing: .07em;
}

.nw-pack-hub-wallet__leaderboard {
  appearance: none;
  border: 0;
  cursor: pointer;
  border-radius: 999px;
  min-height: 50px;
  padding: 0 22px;
  background: rgba(255,255,255,.92);
  color: #15241d;
  font-size: 1rem;
  font-weight: 900;
  white-space: nowrap;
  transition: transform .16s ease, background .16s ease, box-shadow .16s ease;
}

.nw-pack-hub-wallet__leaderboard:hover {
  transform: translateY(-1px);
  background: #ffffff;
  box-shadow: 0 10px 24px rgba(0,0,0,.16);
}

.nw-pack-hub-wallet__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.nw-pack-hub-wallet__item {
  min-width: 0;
  display: grid;
  align-content: center;
  gap: 7px;
  padding: 14px;
  border-radius: 18px;
  background: rgba(1, 8, 5, .24);
  border: 1px solid rgba(255,255,255,.10);
}

.nw-pack-hub-wallet__item--available {
  background:
    radial-gradient(circle at 100% 0%, rgba(150,236,108,.15), transparent 48%),
    rgba(1, 8, 5, .28);
  border-color: rgba(205,255,219,.17);
}

.nw-pack-hub-wallet__value {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #ffffff;
  font-size: clamp(1.45rem, 2vw, 2rem);
  line-height: .92;
  font-weight: 950;
  letter-spacing: -.035em;
  white-space: nowrap;
}

.nw-archive-shell {
  width: 100%;
  margin: 0;
}

#nw-pack-den.nw-pack-den--member .nw-archive-shell {
  max-width: 1220px;
  position: relative;
  border-left: 1px solid rgba(255,255,255,.18);
  border-right: 1px solid rgba(255,255,255,.18);
  background:
    radial-gradient(circle at 86% 0%, rgba(150,236,108,.08), transparent 30%),
    linear-gradient(135deg, rgba(9, 21, 14, .82), rgba(25, 39, 29, .74));
  box-shadow:
    0 18px 54px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.055);
}

.nw-archive-toggle {
  min-height: 112px;
  border-radius: 30px !important;
  padding: clamp(18px, 2.4vw, 28px) !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.92), rgba(244,247,239,.84)),
    rgba(255,255,255,.86) !important;
  color: #102015 !important;
  border: 1px solid rgba(16,32,21,.12) !important;
  box-shadow: 0 22px 70px rgba(0,0,0,.18) !important;
}

.nw-archive-toggle__text strong {
  color: #102015 !important;
  font-size: clamp(1.8rem, 3.5vw, 3.15rem) !important;
  letter-spacing: -.045em;
}

.nw-archive-toggle__text small,
.nw-archive-toggle__eyebrow,
.nw-archive-toggle__badge {
  color: rgba(16,32,21,.62) !important;
}

.nw-archive-toggle__icon {
  background: #163c25 !important;
  color: #fff !important;
  border-color: rgba(22,60,37,.18) !important;
}

.nw-archive-panel {
  margin-top: 14px !important;
  padding: clamp(16px, 2.2vw, 26px) !important;
}

.nw-archive-panel__head h3 {
  color: #fff !important;
  font-size: clamp(1.35rem, 2.4vw, 2.1rem) !important;
}

.nw-pack-hub-section {
  padding: clamp(22px, 3vw, 34px);
  position: relative;
  overflow: visible;
  isolation: isolate;
}

#nw-pack-den.nw-pack-den--member .nw-pack-hub-section {
  border-radius: 0 0 34px 34px;
  border-top-color: rgba(255,255,255,.08);
  background:
    radial-gradient(circle at 86% 6%, rgba(150,236,108,.12), transparent 30%),
    radial-gradient(circle at 10% 92%, rgba(255,255,255,.08), transparent 24%),
    linear-gradient(135deg, rgba(255,255,255,.09), rgba(255,255,255,.035)),
    rgba(8, 18, 13, .78);
  box-shadow:
    0 28px 80px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.08);
}

.nw-pack-hub-section::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 82% 0%, rgba(150,236,108,.16), transparent 30%),
    radial-gradient(circle at 10% 92%, rgba(255,255,255,.11), transparent 24%);
}

.nw-pack-hub-section > * {
  position: relative;
  z-index: 1;
}

.nw-pack-hub-section__header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: start;
  margin-bottom: 18px;
}

.nw-pack-hub-section__header h2 {
  max-width: 840px;
  font-size: clamp(2rem, 4.2vw, 3.65rem) !important;
}

.nw-pack-hub-section__help {
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
  justify-self: end;
  z-index: 40;
}

.nw-pack-hub-section__help::after {
  left: auto;
  right: 0;
  bottom: calc(100% + 12px);
  transform: translateY(4px);
  width: min(320px, calc(100vw - 48px));
  text-align: left;
  white-space: normal;
}

.nw-pack-hub-section__help:hover::after,
.nw-pack-hub-section__help:focus-visible::after {
  transform: translateY(0);
}

.nw-pack-hub-status {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: center;
  margin: 0 0 14px;
  padding: 14px 16px;
  border-radius: 22px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,.055));
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}

.nw-pack-hub-status__primary strong {
  display: block;
  margin-top: 4px;
  color: #fff;
  font-size: clamp(1.05rem, 1.55vw, 1.32rem);
  line-height: 1.2;
}

.nw-pack-hub-status__leaderboard,
.nw-pack-hub-mini-btn,
.nw-pack-hub-mini-btn--primary {
  min-height: 42px;
  padding: 0 17px;
  border-radius: 999px;
  cursor: pointer;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.10);
  color: #fff;
  font-weight: 950;
  transition: transform .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.nw-pack-hub-mini-btn--primary,
.nw-pack-hub-status__leaderboard {
  background: linear-gradient(135deg, #f7fbf3, #dfeadc);
  color: #102015;
  border-color: rgba(255,255,255,.46);
  box-shadow: 0 10px 24px rgba(0,0,0,.12);
}

.nw-pack-hub-status__leaderboard:hover,
.nw-pack-hub-mini-btn:hover {
  transform: translateY(-1px);
  background: rgba(255,255,255,.18);
}

.nw-pack-hub-mini-btn--primary:hover,
.nw-pack-hub-status__leaderboard:hover {
  background: #ffffff;
}

.nw-pack-hub-actions {
  display: grid;
  grid-template-columns: minmax(0, 1.04fr) minmax(0, .96fr);
  gap: 14px;
  margin-bottom: 14px;
}

.nw-pack-hub-action {
  position: relative;
  display: grid;
  grid-template-rows: auto 1fr auto;
  gap: 14px;
  min-height: 205px;
  padding: 22px;
  border-radius: 28px;
  text-align: left;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.16);
  background:
    radial-gradient(circle at 82% 18%, rgba(255,255,255,.13), transparent 30%),
    linear-gradient(145deg, rgba(255,255,255,.12), rgba(255,255,255,.045));
  color: #f8fbf5;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 18px 42px rgba(0,0,0,.13);
}

button.nw-pack-hub-action {
  cursor: pointer;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

button.nw-pack-hub-action:hover {
  transform: translateY(-2px);
  border-color: rgba(255,255,255,.28);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 24px 58px rgba(0,0,0,.19);
}

.nw-pack-hub-action--trivia {
  background:
    radial-gradient(circle at 86% 14%, rgba(150,236,108,.20), transparent 32%),
    linear-gradient(145deg, rgba(17,67,36,.98), rgba(7,35,21,.92));
}

.nw-pack-hub-action--wolves {
  background:
    radial-gradient(circle at 92% 10%, rgba(255,255,255,.42), transparent 28%),
    linear-gradient(145deg, rgba(255,255,255,.97), rgba(235,242,230,.90));
  color: #102015;
}

.nw-pack-hub-action__number {
  position: absolute;
  top: 18px;
  right: 20px;
  color: rgba(255,255,255,.18);
  font-size: clamp(2rem, 3.2vw, 2.8rem);
  font-weight: 950;
  line-height: 1;
}

.nw-pack-hub-action--wolves .nw-pack-hub-action__number {
  color: rgba(16,32,21,.10);
}

.nw-pack-hub-action__eyebrow {
  margin: 0;
}

.nw-pack-hub-action--wolves .nw-pack-hub-action__eyebrow {
  color: rgba(16,32,21,.54);
}

.nw-pack-hub-action__body {
  display: grid;
  gap: 9px;
  max-width: 560px;
  padding-right: 48px;
}

.nw-pack-hub-action strong {
  display: block;
  max-width: 460px;
  color: inherit;
  font-size: clamp(1.75rem, 2.45vw, 2.38rem);
  line-height: 1;
  letter-spacing: -.05em;
  font-weight: 950;
}

.nw-pack-hub-action__desc {
  margin: 0;
  color: rgba(245,248,241,.84);
  font-size: 1rem;
  line-height: 1.42;
  font-weight: 780;
}

.nw-pack-hub-action__desc--wolves {
  color: rgba(16,32,21,.82);
}

.nw-pack-hub-action__metrics {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 0;
}

.nw-pack-hub-action__metrics span {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  min-height: 36px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(16,32,21,.08);
  color: rgba(16,32,21,.68);
  font-weight: 900;
}

.nw-pack-hub-action__metrics b {
  color: #102015;
  font-size: 1.14rem;
}

.nw-pack-hub-action__footer {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 14px;
  margin-top: auto;
}

.nw-pack-hub-action__status {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.nw-pack-hub-action__status small {
  display: block;
  margin: 0;
  color: rgba(245,248,241,.92);
  font-size: .96rem;
  line-height: 1.22;
  font-weight: 900;
}

.nw-pack-hub-action__status small.is-complete {
  color: #d8f6c8;
}

.nw-pack-hub-action--wolves .nw-pack-hub-action__status small {
  color: rgba(16,32,21,.90);
}

.nw-pack-hub-action__subline {
  display: block;
  color: rgba(245,248,241,.66);
  font-size: .8rem;
  line-height: 1.2;
  font-weight: 850;
  letter-spacing: .03em;
}

.nw-pack-hub-action--wolves .nw-pack-hub-action__subline {
  color: rgba(16,32,21,.62);
}

.nw-pack-hub-action > em {
  position: static;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 18px;
  border-radius: 999px;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.16);
  color: #fff;
  font-style: normal;
  font-weight: 950;
  white-space: nowrap;
}

.nw-pack-hub-action--wolves > em {
  background: rgba(16,32,21,.08);
  border-color: rgba(16,32,21,.14);
  color: #102015;
}

.nw-pack-hub-secondary-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.04fr) minmax(250px, .74fr) minmax(300px, .92fr);
  gap: 14px;
  margin-bottom: 14px;
}

.nw-pack-hub-rewards,
.nw-pack-hub-achievements,
.nw-pack-hub-referral-card,
.nw-pack-hub-rankings-preview {
  padding: 18px;
  border-radius: 24px;
  background:
    radial-gradient(circle at 100% 0%, rgba(223,233,207,.10), transparent 34%),
    rgba(1,8,5,.24);
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}

#nw-pack-den .nw-pack-hub-rewards {
  padding: clamp(18px, 2.4vw, 24px);
  display: grid;
  align-content: start;
  gap: 16px;
}

#nw-pack-den .nw-pack-hub-mini-head {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: flex-start;
  margin-bottom: 0;
}

#nw-pack-den .nw-pack-hub-mini-head span {
  display: block;
  margin-bottom: 8px;
  color: rgba(230,244,226,.72);
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .14em;
  line-height: 1;
  text-transform: uppercase;
}

#nw-pack-den .nw-pack-hub-mini-head strong {
  display: block;
  max-width: 38ch;
  margin: 0;
  color: #fff;
  font-size: clamp(1.05rem, 1.35vw, 1.22rem);
  line-height: 1.22;
  letter-spacing: -.01em;
}

#nw-pack-den .nw-pack-hub-reward-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 12px;
  align-items: stretch;
}

#nw-pack-den .nw-pack-hub-reward-chip {
  position: relative;
  min-height: 118px;
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  margin: 0;
  padding: 15px;
  border-radius: 22px;
  background:
    radial-gradient(circle at 15% 50%, rgba(255,214,92,.16), transparent 36%),
    linear-gradient(145deg, rgba(255,255,255,.12), rgba(255,255,255,.045));
  border: 1px solid rgba(255,255,255,.14);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 14px 30px rgba(0,0,0,.14);
  text-align: left;
  overflow: hidden;
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

#nw-pack-den .nw-pack-hub-reward-chip:hover {
  transform: translateY(-1px);
  border-color: rgba(223,233,207,.28);
  background:
    radial-gradient(circle at 15% 50%, rgba(255,214,92,.21), transparent 36%),
    linear-gradient(145deg, rgba(255,255,255,.145), rgba(255,255,255,.055));
}

#nw-pack-den .nw-pack-hub-reward-chip[hidden] {
  display: none !important;
}

#nw-pack-den .nw-pack-hub-reward-chip .nw-treasure-chest-button {
  width: 70px;
  height: 70px;
  border-radius: 18px;
  animation: none;
}

#nw-pack-den .nw-pack-hub-reward-chip .nw-treasure-chest-glow {
  inset: 5px;
  filter: blur(9px);
  opacity: .75;
}

#nw-pack-den .nw-pack-hub-reward-chip .nw-treasure-chest-image {
  width: 62px;
  height: 62px;
  max-width: 62px;
  object-fit: contain;
}

#nw-pack-den #nw-heart-chest-wrap {
  background:
    radial-gradient(circle at 15% 50%, rgba(255,120,160,.13), transparent 36%),
    linear-gradient(145deg, rgba(255,255,255,.12), rgba(255,255,255,.045));
}

#nw-pack-den #nw-heart-chest-wrap .nw-treasure-chest-glow {
  background:
    radial-gradient(circle, rgba(255,120,160,.28) 0%, rgba(255,120,160,.12) 44%, transparent 74%);
}

#nw-pack-den .nw-pack-hub-reward-chip .nw-treasure-chest-copy {
  align-items: flex-start;
  justify-content: center;
  gap: 4px;
  width: auto;
  min-width: 0;
  text-align: left;
}

#nw-pack-den .nw-pack-hub-reward-chip .nw-treasure-chest-copy strong {
  color: rgba(246,244,234,.68);
  font-size: .66rem;
  line-height: 1.05;
  font-weight: 950;
  letter-spacing: .14em;
  text-transform: uppercase;
}

#nw-pack-den .nw-pack-hub-reward-chip .nw-treasure-chest-timer {
  color: #ffffff;
  font-size: clamp(1.08rem, 1.35vw, 1.28rem);
  line-height: 1.08;
  font-weight: 950;
  letter-spacing: -.015em;
}

#nw-pack-den .nw-pack-hub-reward-chip .nw-treasure-chest-status {
  max-width: none;
  color: rgba(246,244,234,.76);
  font-size: .82rem;
  line-height: 1.24;
  font-weight: 800;
}

@media (max-width: 520px) {
  #nw-pack-den .nw-pack-hub-reward-row {
    grid-template-columns: 1fr;
  }

  #nw-pack-den .nw-pack-hub-reward-chip {
    min-height: 106px;
    grid-template-columns: 62px minmax(0, 1fr);
    gap: 12px;
    padding: 14px;
    border-radius: 20px;
  }

  #nw-pack-den .nw-pack-hub-reward-chip .nw-treasure-chest-button {
    width: 60px;
    height: 60px;
  }

  #nw-pack-den .nw-pack-hub-reward-chip .nw-treasure-chest-image {
    width: 54px;
    height: 54px;
    max-width: 54px;
  }

  #nw-pack-den .nw-pack-hub-reward-chip .nw-treasure-chest-timer {
    font-size: 1.12rem;
  }
}

.nw-pack-hub-achievements {
  width: 100%;
  cursor: pointer;
  text-align: left;
  color: #fff;
  transition: transform .18s ease, border-color .18s ease;
}

.nw-pack-hub-achievements:hover {
  transform: translateY(-1px);
  border-color: rgba(255,255,255,.24);
}

.nw-pack-hub-achievements span {
  display: block;
  color: rgba(230,244,226,.72);
  font-size: .76rem;
  font-weight: 950;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.nw-pack-hub-achievements strong {
  display: block;
  margin-top: 8px;
  color: #fff;
  font-size: 1.45rem;
  line-height: 1.08;
}

.nw-pack-hub-achievements small {
  display: block;
  margin-top: 10px;
  color: rgba(245,248,241,.72);
  font-size: .98rem;
  line-height: 1.4;
}

.nw-pack-hub-rankings-preview__list {
  max-height: 330px;
  overflow: auto;
  padding-right: 3px;
}

.nw-pack-list--compact .nw-pack-item,
.nw-pack-hub-rankings-preview__list .nw-pack-item {
  border-radius: 18px;
  background: rgba(255,255,255,.075);
  border: 1px solid rgba(255,255,255,.11);
  padding: 16px 14px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}

.nw-pack-list--compact .nw-pack-item *,
.nw-pack-hub-rankings-preview__list .nw-pack-item * {
  color: #f8fbf5 !important;
}

.nw-pack-list--compact .nw-pack-item .nw-pack-member-trigger,
.nw-pack-hub-rankings-preview__list .nw-pack-item .nw-pack-member-trigger,
.nw-pack-list--compact .nw-pack-item .nw-meta,
.nw-pack-hub-rankings-preview__list .nw-pack-item .nw-meta,
.nw-pack-list--compact .nw-pack-item .nw-stars,
.nw-pack-hub-rankings-preview__list .nw-pack-item .nw-stars {
  color: #ffffff !important;
}

.nw-pack-list--compact .nw-pack-item .nw-meta,
.nw-pack-hub-rankings-preview__list .nw-pack-item .nw-meta {
  color: rgba(255,255,255,.76) !important;
}

@media (max-width: 980px) {
  .nw-welcome-panel__inner,
  .nw-pack-hub-section__header,
  .nw-pack-hub-secondary-grid {
    grid-template-columns: 1fr;
  }

  .nw-welcome-panel__aside {
    justify-content: flex-start;
  }

  .nw-welcome-panel__account-card {
    text-align: left;
  }

  .nw-welcome-panel__stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: none;
    margin-left: 0;
  }

  .nw-pack-hub-wallet {
    grid-template-columns: 1fr;
  }

  .nw-pack-hub-wallet__goal {
    grid-template-columns: 1fr;
  }

  .nw-pack-hub-wallet__goal-stats {
    min-width: 0;
  }
  .nw-pack-hub-wallet__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .nw-pack-hub-actions {
    grid-template-columns: 1fr;
  }

  .nw-pack-hub-action {
    min-height: 250px;
  }
}

@media (max-width: 620px) {
  .nw-pack-den {
    padding: 14px 10px 36px;
  }

  .nw-pack-den__inner {
    gap: 14px;
  }

  #nw-pack-den.nw-pack-den--member .nw-pack-den__inner {
    gap: 0;
  }

  .nw-welcome-panel,
  .nw-pack-hub-section,
  .nw-archive-panel {
    border-radius: 24px;
    padding: 16px;
  }

  #nw-pack-den.nw-pack-den--member .nw-welcome-panel {
    border-radius: 24px 24px 0 0;
  }

  #nw-pack-den.nw-pack-den--member #nw-archive-panel.nw-archive-panel--landing {
    border-radius: 0;
    padding: 0;
  }

  #nw-pack-den.nw-pack-den--member .nw-pack-hub-section {
    border-radius: 0 0 24px 24px;
  }

  .nw-welcome-panel h2,
  .nw-pack-hub-section__header h2 {
    font-size: 2.25rem !important;
    letter-spacing: -.05em;
  }

  .nw-welcome-panel p,
  .nw-pack-hub-section__header p {
    font-size: .98rem !important;
  }

  .nw-welcome-panel__aside {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: stretch;
    gap: 10px;
  }

  .nw-welcome-panel__account-card {
    min-width: 0;
    text-align: left;
  }

  .nw-welcome-panel__logout {
    min-height: 44px !important;
    padding: 0 14px !important;
  }

  .nw-welcome-panel__progress-summary {
    padding: 14px 44px 14px 14px;
    font-size: .92rem;
  }

  .nw-welcome-panel__progress-body {
    padding: 0 14px 14px;
  }

  .nw-welcome-panel__progress-item {
    padding: 11px 12px;
    border-radius: 14px;
  }

  .nw-welcome-panel__progress-item p {
    font-size: .9rem !important;
  }

  .nw-welcome-panel__stats {
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    max-width: none;
    margin-left: 0;
  }

  .nw-welcome-panel__stat {
    min-height: 78px;
    padding: 12px;
    border-radius: 16px;
    gap: 6px;
  }

  .nw-welcome-panel__stat > span,
  .nw-welcome-panel__stat > small {
    font-size: .58rem;
    letter-spacing: .1em;
  }

  .nw-welcome-panel__stat-value,
  .nw-welcome-panel__stat strong.nw-welcome-panel__stat-value {
    font-size: 1.55rem;
    gap: 7px;
  }

  #nw-next-rank {
    font-size: 1.75rem;
  }

  .nw-pack-hub-wallet {
    grid-template-columns: 1fr !important;
    padding: 11px !important;
    border-radius: 18px !important;
    gap: 8px !important;
  }

  .nw-pack-hub-wallet__goal {
    grid-template-columns: 1fr !important;
    gap: 9px !important;
    padding: 11px !important;
    border-radius: 15px !important;
  }

  .nw-pack-hub-wallet__goal-copy {
    gap: 5px !important;
  }

  .nw-pack-hub-wallet__goal-copy strong {
    font-size: 1.18rem !important;
    line-height: 1.05 !important;
  }

  .nw-pack-hub-wallet__goal-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .nw-pack-hub-wallet__goal-stat {
    min-height: 86px !important;
    padding: 10px !important;
    border-radius: 15px !important;
  }

  .nw-pack-hub-wallet__goal-stat strong,
  .nw-pack-hub-wallet__goal-stat strong b,
  #nw-next-rank {
    font-size: clamp(1.28rem, 7vw, 1.95rem) !important;
    line-height: .95 !important;
  }

  .nw-pack-hub-wallet__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .nw-pack-hub-wallet__item {
    min-height: 94px !important;
    padding: 11px 9px !important;
    border-radius: 15px !important;
    gap: 6px !important;
    align-content: center !important;
  }

  .nw-pack-hub-wallet__goal-copy span,
  .nw-pack-hub-wallet__goal-stat span,
  .nw-pack-hub-wallet__goal-stat small,
  .nw-pack-hub-wallet__item span,
  .nw-pack-hub-wallet__item small {
    font-size: .52rem !important;
    line-height: 1.05 !important;
    letter-spacing: .08em !important;
  }

  .nw-pack-hub-wallet__value {
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 5px !important;
    font-size: clamp(1.55rem, 7.4vw, 2.25rem) !important;
    line-height: .88 !important;
    font-weight: 1000 !important;
    letter-spacing: -.055em !important;
  }

  .nw-pack-hub-wallet__value span[id] {
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;
    letter-spacing: inherit !important;
  }

  .nw-pack-hub-wallet__icon {
    font-size: .55em !important;
    line-height: 1 !important;
  }

  .nw-archive-toggle {
    min-height: auto;
    grid-template-columns: 1fr;
    justify-items: center;
    align-items: center;
    text-align: center;
    gap: 10px;
    padding: 18px !important;
    border-radius: 22px !important;
  }

  .nw-archive-toggle__icon-wrap,
  .nw-archive-toggle__side {
    display: none !important;
  }

  .nw-archive-toggle__text {
    width: 100%;
    justify-items: center;
    text-align: center;
    gap: 6px;
  }

  .nw-archive-toggle__text strong {
    font-size: 2rem !important;
  }

  .nw-archive-toggle__text small {
    max-width: 100%;
    margin: 0 auto;
  }

  .nw-pack-hub-section__header {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
    gap: 14px;
  }

  .nw-pack-hub-section__header > div {
    width: 100%;
  }

  .nw-pack-hub-section__header p {
    max-width: 100%;
    margin: 0 auto;
  }

  .nw-pack-hub-section__help {
    justify-self: center;
  }

  .nw-pack-hub-section__help::after {
    left: 50%;
    right: auto;
    transform: translateX(-50%) translateY(4px);
    width: min(300px, calc(100vw - 36px));
  }

  .nw-pack-hub-section__help:hover::after,
  .nw-pack-hub-section__help:focus-visible::after {
    transform: translateX(-50%) translateY(0);
  }

  .nw-pack-hub-status,
  .nw-pack-hub-mini-head {
    align-items: stretch;
    flex-direction: column;
    text-align: center;
  }

  .nw-pack-hub-status__primary {
    text-align: center;
  }

  .nw-pack-hub-status__leaderboard,
  .nw-pack-hub-mini-btn {
    width: 100%;
    justify-content: center;
  }

  .nw-pack-hub-action {
    min-height: auto;
    gap: 12px;
    border-radius: 24px;
    padding: 18px;
  }

  .nw-pack-hub-action__number {
    top: 16px;
    right: 16px;
    font-size: 2.05rem;
  }

  .nw-pack-hub-action__body {
    padding-right: 42px;
  }

  .nw-pack-hub-action strong {
    font-size: 1.8rem;
  }

  .nw-pack-hub-action__desc {
    font-size: .95rem;
  }

  .nw-pack-hub-action__footer {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }

  .nw-pack-hub-action__status small {
    font-size: .95rem;
  }

  .nw-pack-hub-action__subline {
    font-size: .8rem;
  }

  .nw-pack-hub-action > em {
    width: 100%;
    justify-content: center;
  }

  .nw-pack-hub-reward-row {
    grid-template-columns: 1fr;
  }

  .nw-pack-hub-reward-chip .nw-treasure-chest-button {
    width: 58px !important;
    height: 58px !important;
  }

  .nw-pack-hub-reward-chip .nw-treasure-chest-image {
    width: 52px !important;
    height: 52px !important;
  }

  .nw-archive-item {
    grid-template-columns: 1fr !important;
  }
}
/* ==========================================================
   Alpha Dev: Pack XP Wolf Unlock Path
   Wolves are earned server-side, not purchased client-side.
   ========================================================== */

.nw-wolf-unlock-path-intro {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(160px, 220px);
  gap: 18px;
  align-items: stretch;
  padding: 22px;
  border-radius: 26px;
  border: 1px solid rgba(150,236,108,.22);
  background:
    radial-gradient(circle at 12% 18%, rgba(150,236,108,.18), transparent 32%),
    linear-gradient(135deg, rgba(12,30,20,.88), rgba(7,17,12,.72));
  box-shadow:
    0 18px 46px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.08);
}

.nw-wolf-unlock-path-intro h4 {
  margin: 6px 0 8px;
  color: #fff !important;
  font-size: clamp(1.55rem, 2.6vw, 2.4rem);
  line-height: 1;
  letter-spacing: -.04em;
}

.nw-wolf-unlock-path-intro p {
  margin: 0;
  max-width: 74ch;
  color: rgba(242,246,240,.78) !important;
  font-size: .98rem;
  line-height: 1.5;
  font-weight: 750;
}

.nw-wolf-unlock-path-intro__xp {
  display: grid;
  place-items: center;
  text-align: center;
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.08);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10);
  padding: 16px;
}

.nw-wolf-unlock-path-intro__xp span {
  display: block;
  color: rgba(242,246,240,.68) !important;
  font-size: .72rem;
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.nw-wolf-unlock-path-intro__xp strong {
  display: block;
  margin-top: 8px;
  color: #fff !important;
  font-size: 2.25rem;
  line-height: 1;
  font-weight: 1000;
}

.nw-wolf-unlock-card {
  position: relative;
  overflow: hidden;
}

.nw-wolf-unlock-card.is-owned {
  border-color: rgba(150,236,108,.36) !important;
  box-shadow:
    0 20px 46px rgba(0,0,0,.20),
    0 0 0 1px rgba(150,236,108,.12) inset,
    0 0 34px rgba(150,236,108,.10);
}

.nw-wolf-unlock-card.is-ready {
  border-color: rgba(255,240,186,.36) !important;
  box-shadow:
    0 20px 46px rgba(0,0,0,.20),
    0 0 0 1px rgba(255,240,186,.12) inset,
    0 0 34px rgba(255,240,186,.12);
}

.nw-wolf-unlock-card__image {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 190px;
  margin-bottom: 14px;
  border-radius: 22px;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 20%, rgba(150,236,108,.22), transparent 48%),
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
  border: 1px solid rgba(255,255,255,.10);
}

.nw-wolf-unlock-card__image img {
  width: min(76%, 210px);
  max-height: 184px;
  object-fit: contain;
  filter: drop-shadow(0 18px 34px rgba(0,0,0,.42));
  animation: nwWolfUnlockIdle 3.6s ease-in-out infinite;
}

.nw-wolf-unlock-card__seal {
  position: absolute;
  top: 12px;
  right: 12px;
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(5,20,11,.72);
  border: 1px solid rgba(150,236,108,.34);
  color: #eaffdf !important;
  font-size: .72rem;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.nw-wolf-unlock-progress {
  margin-top: 12px;
  padding: 12px;
  border-radius: 16px;
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.10);
}

.nw-wolf-unlock-progress__top {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
  color: rgba(242,246,240,.74) !important;
  font-size: .78rem;
  font-weight: 900;
}

.nw-wolf-unlock-progress__top strong {
  color: #fff !important;
}

.nw-wolf-unlock-progress__bar {
  height: 9px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(0,0,0,.24);
  border: 1px solid rgba(255,255,255,.08);
}

.nw-wolf-unlock-progress__bar span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #5f8f19, #96ec6c);
  box-shadow: 0 0 18px rgba(150,236,108,.34);
}

.nw-rank-unlock-card--wolf-xp .nw-rank-unlock-card {
  border-color: rgba(150,236,108,.48);
}

.nw-wolf-unlock-pop {
  animation: nwWolfUnlockPop .72s cubic-bezier(.2,.9,.2,1.15);
}

.nw-rank-unlock-card--wolf-xp .nw-rank-unlock-image {
  animation:
    nwWolfUnlockReveal .9s cubic-bezier(.2,.9,.2,1.08),
    nwWolfUnlockIdle 3.6s ease-in-out infinite .9s;
}

.nw-rank-unlock-card--wolf-xp .nw-rank-unlock-ring {
  animation: nwWolfUnlockRing 1.8s ease-in-out infinite;
}

@keyframes nwWolfUnlockPop {
  0% { transform: scale(.88) translateY(18px); opacity: 0; }
  60% { transform: scale(1.03) translateY(-4px); opacity: 1; }
  100% { transform: scale(1) translateY(0); opacity: 1; }
}

@keyframes nwWolfUnlockReveal {
  0% { transform: translateY(18px) scale(.82); opacity: 0; filter: blur(8px) drop-shadow(0 18px 34px rgba(0,0,0,.42)); }
  55% { transform: translateY(-4px) scale(1.06); opacity: 1; filter: blur(0) drop-shadow(0 22px 40px rgba(0,0,0,.42)); }
  100% { transform: translateY(0) scale(1); opacity: 1; filter: blur(0) drop-shadow(0 18px 34px rgba(0,0,0,.42)); }
}

@keyframes nwWolfUnlockRing {
  0%, 100% {
    box-shadow:
      0 0 0 12px rgba(150,236,108,.06),
      0 0 45px rgba(150,236,108,.18);
  }
  50% {
    box-shadow:
      0 0 0 20px rgba(150,236,108,.10),
      0 0 70px rgba(150,236,108,.30);
  }
}

@keyframes nwWolfUnlockIdle {
  0%, 100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-5px) scale(1.015); }
}

@media (max-width: 749px) {
  .nw-wolf-unlock-path-intro {
    grid-template-columns: 1fr;
    padding: 18px;
  }

  .nw-wolf-unlock-path-intro__xp {
    min-height: 94px;
  }

  .nw-wolf-unlock-card__image {
    min-height: 160px;
  }
}

/* =========================================================
   DEN CONTRAST HARDENING
   Keeps dark-theme panels readable across modals/cards.
========================================================= */

#nw-pack-den .nw-glass,
#nw-pack-den .nw-modal-card,
#nw-pack-den .nw-trivia-card,
#nw-pack-den .nw-trivia-card-inner,
#nw-pack-den .nw-trails-card,
#nw-pack-den .nw-trails-panel,
#nw-pack-den .nw-trails-menu-card,
#nw-pack-den .nw-trails-record-card,
#nw-pack-den .nw-trivia-challenge-card,
#nw-pack-den .nw-trivia-focus-card,
#nw-pack-den .nw-wolf-list-panel,
#nw-pack-den .nw-wolf-card,
#nw-pack-den .nw-home-pack-card,
#nw-pack-den .nw-den-command-card,
#nw-pack-den .nw-goal-card,
#nw-pack-den .nw-achievement-card {
  color: rgba(246, 255, 242, .92);
}

#nw-pack-den .nw-glass h1,
#nw-pack-den .nw-glass h2,
#nw-pack-den .nw-glass h3,
#nw-pack-den .nw-glass h4,
#nw-pack-den .nw-modal-card h1,
#nw-pack-den .nw-modal-card h2,
#nw-pack-den .nw-modal-card h3,
#nw-pack-den .nw-modal-card h4,
#nw-pack-den .nw-trivia-card h1,
#nw-pack-den .nw-trivia-card h2,
#nw-pack-den .nw-trivia-card h3,
#nw-pack-den .nw-trails-card h1,
#nw-pack-den .nw-trails-card h2,
#nw-pack-den .nw-trails-card h3 {
  color: #ffffff !important;
}

#nw-pack-den .nw-glass p,
#nw-pack-den .nw-glass small,
#nw-pack-den .nw-glass span,
#nw-pack-den .nw-modal-card p,
#nw-pack-den .nw-modal-card small,
#nw-pack-den .nw-modal-card span,
#nw-pack-den .nw-trivia-card p,
#nw-pack-den .nw-trivia-card small,
#nw-pack-den .nw-trivia-card span,
#nw-pack-den .nw-trails-card p,
#nw-pack-den .nw-trails-card small,
#nw-pack-den .nw-trails-card span {
  color: rgba(236, 248, 231, .88);
}

#nw-pack-den .nw-trivia-answer,
#nw-pack-den .nw-trivia-answer *,
#nw-pack-den .nw-trails-feedback,
#nw-pack-den .nw-trails-feedback *,
#nw-pack-den .nw-trivia-feedback,
#nw-pack-den .nw-trivia-feedback * {
  color: rgba(255, 255, 255, .94) !important;
}

#nw-pack-den .nw-trivia-answer:not(.nw-trails-answer) {
  background: rgba(4, 14, 9, .72) !important;
  border-color: rgba(205, 255, 219, .18) !important;
}

#nw-pack-den .nw-trivia-answer:not(.nw-trails-answer):hover {
  background: rgba(20, 48, 31, .86) !important;
}

#nw-pack-den .nw-trails-record-stat span,
#nw-pack-den .nw-trails-lifetime-stat span,
#nw-pack-den .nw-game-structure-label,
#nw-pack-den .nw-trivia-side-label,
#nw-pack-den .nw-trivia-challenge-stat__label {
  color: rgba(222, 244, 216, .78) !important;
}

#nw-pack-den .nw-trails-record-stat strong,
#nw-pack-den .nw-trails-lifetime-stat strong,
#nw-pack-den .nw-trivia-side-value,
#nw-pack-den .nw-trivia-challenge-stat__value {
  color: #ffffff !important;
}

#nw-pack-den .nw-pack-page-copy,
#nw-pack-den .nw-pack-item strong,
#nw-pack-den .nw-pack-member-trigger,
#nw-pack-den .nw-pack-item .nw-stars,
#nw-pack-den .nw-pack-item .nw-meta {
  color: rgba(246, 255, 242, .94) !important;
}

#nw-pack-modal .nw-modal-card,
#nw-pack-member-modal .nw-modal-card {
  background:
    radial-gradient(circle at 20% 0%, rgba(150, 236, 108, .12), transparent 34%),
    linear-gradient(180deg, rgba(12, 28, 18, .97), rgba(4, 12, 8, .98)) !important;
  color: rgba(246, 255, 242, .94) !important;
}

#nw-pack-modal .nw-pack-list {
  background: rgba(255, 255, 255, .06) !important;
  border-color: rgba(205, 255, 219, .14) !important;
}

#nw-pack-den .nw-wolf-shop-stats,
#nw-pack-den .nw-wolf-shop-stat-pair span {
  background: rgba(255, 255, 255, .08) !important;
  border-color: rgba(205, 255, 219, .13) !important;
}

#nw-pack-den .nw-wolf-shop-stats *,
#nw-pack-den .nw-wolf-shop-stat-pair span,
#nw-pack-den .nw-wolf-shop-stat-note,
#nw-pack-den .nw-wolf-shop-stats-empty,
#nw-pack-den .nw-store-owned-copy {
  color: rgba(246, 255, 242, .92) !important;
}

#nw-pack-den .nw-btn--ghost {
  color: rgba(246, 255, 242, .92);
  border-color: rgba(205, 255, 219, .24);
  background: rgba(255, 255, 255, .06);
}

#nw-pack-den .nw-btn--ghost:hover {
  color: #ffffff;
  background: rgba(255, 255, 255, .12);
}

/* ==========================================================
   Alpha Dev Pack Hub + Pack Collection Rebuild
   Two primary Hub actions, cleaner collection modal, categorized store.
   ========================================================== */

#nw-pack-den .nw-pack-hub-actions--two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

#nw-pack-den .nw-pack-hub-actions--two .nw-pack-hub-action {
  min-height: 230px;
}

#nw-pack-den .nw-pack-hub-action--wolves {
  border: 1px solid rgba(16, 32, 21, .12);
  background:
    radial-gradient(circle at 84% 8%, rgba(150, 236, 108, .18), transparent 30%),
    linear-gradient(135deg, rgba(246, 249, 241, .96), rgba(215, 225, 210, .90));
  color: #102015;
}

#nw-pack-den .nw-pack-hub-action--wolves strong {
  color: #102015;
}

#nw-pack-den .nw-pack-hub-action--wolves .nw-pack-hub-action__desc,
#nw-pack-den .nw-pack-hub-action--wolves .nw-pack-hub-action__status small {
  color: rgba(16, 32, 21, .86) !important;
  text-shadow: none;
}

#nw-pack-den .nw-pack-hub-action--wolves .nw-pack-hub-action__subline {
  color: rgba(16, 32, 21, .62) !important;
}

#nw-pack-den .nw-pack-hub-action--wolves > em {
  background: rgba(16, 32, 21, .08);
  border-color: rgba(16, 32, 21, .12);
  color: #102015;
}

#nw-pack-den .nw-pack-hub-action--wolves .nw-pack-hub-action__metrics span {
  background: rgba(16, 32, 21, .08);
  color: rgba(16, 32, 21, .78);
}

#nw-pack-den .nw-pack-hub-action--wolves .nw-pack-hub-action__metrics b {
  color: #102015;
}

#nw-pack-den .nw-collection-intro {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, .48fr);
  gap: 16px;
  align-items: stretch;
  margin: 16px 0 18px;
  padding: 18px;
  border-radius: 26px;
  border: 1px solid rgba(205, 255, 219, .14);
  background:
    radial-gradient(circle at 0% 0%, rgba(150, 236, 108, .14), transparent 32%),
    linear-gradient(135deg, rgba(12, 28, 18, .88), rgba(5, 12, 8, .92));
}

#nw-pack-den .nw-collection-intro__copy h4 {
  margin: 6px 0 8px;
  color: #fff;
  font-size: clamp(1.45rem, 2.4vw, 2.25rem);
  line-height: 1.02;
  letter-spacing: -.04em;
}

#nw-pack-den .nw-collection-intro__copy p {
  margin: 0;
  max-width: 760px;
  color: rgba(246, 255, 242, .78);
  font-size: .98rem;
  line-height: 1.5;
  font-weight: 750;
}

#nw-pack-den .nw-collection-intro {
  grid-template-columns: minmax(320px, .9fr) minmax(560px, 1.1fr);
  align-items: stretch;
  gap: 18px;
}

#nw-pack-den .nw-collection-intro__awards {
  display: grid;
  grid-template-columns: repeat(2, minmax(240px, 1fr));
  gap: 14px;
  align-items: stretch;
}

#nw-pack-den .nw-collection-intro__awards .nw-collection-next-wolf-card {
  min-height: 230px;
  display: grid;
  grid-template-columns: minmax(118px, .42fr) minmax(0, .58fr);
  align-items: stretch;
}

#nw-pack-den .nw-collection-intro__awards .nw-collection-next-wolf-card__art {
  min-height: 100%;
  border-right: 1px solid rgba(205, 255, 219, .10);
  border-bottom: 0;
}

#nw-pack-den .nw-collection-intro__awards .nw-collection-next-wolf-card__art img {
  width: min(72%, 150px);
  max-height: 150px;
}

#nw-pack-den .nw-collection-intro__awards .nw-collection-next-wolf-card__copy {
  display: grid;
  align-content: center;
  padding: 18px;
}

#nw-pack-den .nw-collection-intro__awards .nw-collection-next-wolf-card__copy h4 {
  font-size: clamp(1.18rem, 1.8vw, 1.55rem);
}

#nw-pack-den .nw-collection-intro__awards .nw-collection-next-wolf-card__copy p {
  font-size: .9rem;
}

#nw-pack-den .nw-collection-layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  margin-bottom: 16px;
}

#nw-pack-den .nw-collection-next-wolf-card,
#nw-pack-den .nw-wolf-list-panel--collection,
#nw-pack-den .nw-collection-editor-panel,
#nw-pack-den .nw-owned-panel--collection {
  border-radius: 26px;
  border: 1px solid rgba(205, 255, 219, .14);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .03)),
    rgba(5, 15, 10, .74);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .06),
    0 18px 38px rgba(0, 0, 0, .18);
}

#nw-pack-den .nw-collection-next-wolf-card {
  overflow: hidden;
}

#nw-pack-den .nw-collection-next-wolf-card__art {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 220px;
  background:
    radial-gradient(circle at center, rgba(150, 236, 108, .18), transparent 54%),
    linear-gradient(180deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .02));
  border-bottom: 1px solid rgba(205, 255, 219, .10);
}

#nw-pack-den .nw-collection-next-wolf-card__art img {
  width: min(76%, 220px);
  max-height: 210px;
  object-fit: contain;
  filter: brightness(0) contrast(1.35) drop-shadow(0 18px 26px rgba(0,0,0,.62));
  opacity: .60;
}

#nw-pack-den .nw-collection-next-wolf-card__art span {
  position: absolute;
  top: 14px;
  left: 14px;
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(0, 0, 0, .42);
  border: 1px solid rgba(255, 255, 255, .14);
  color: #fff;
  font-size: .72rem;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}

#nw-pack-den .nw-collection-next-wolf-card__copy {
  padding: 18px;
}

#nw-pack-den .nw-collection-next-wolf-card__copy h4 {
  margin: 8px 0 8px;
  color: #fff;
  font-size: 1.45rem;
  line-height: 1.05;
  letter-spacing: -.035em;
}

#nw-pack-den .nw-collection-next-wolf-card__copy p {
  margin: 0;
  color: rgba(246, 255, 242, .76);
  font-size: .95rem;
  line-height: 1.45;
  font-weight: 750;
}

#nw-pack-den .nw-collection-next-progress {
  margin-top: 14px;
}

#nw-pack-den .nw-collection-next-progress__top {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 8px;
  color: rgba(246, 255, 242, .76);
  font-size: .78rem;
  font-weight: 900;
}

#nw-pack-den .nw-collection-next-progress__top strong {
  color: #fff;
}

#nw-pack-den .nw-collection-next-progress__bar {
  height: 10px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(0, 0, 0, .30);
  border: 1px solid rgba(255, 255, 255, .10);
}

#nw-pack-den .nw-collection-next-progress__bar span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #5f8f19, #96ec6c);
  box-shadow: 0 0 18px rgba(150, 236, 108, .36);
}

#nw-pack-den .nw-collection-panel-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
}

#nw-pack-den .nw-collection-panel-head h4 {
  margin: 4px 0 0;
  color: #fff;
  font-size: 1.25rem;
  line-height: 1.1;
}

#nw-pack-den .nw-collection-panel-head p {
  max-width: 480px;
  margin: 0;
  color: rgba(246, 255, 242, .70);
  font-size: .9rem;
  line-height: 1.45;
  font-weight: 750;
  text-align: right;
}

#nw-pack-den .nw-customize-grid--collection {
  grid-template-columns: minmax(0, 1.18fr) minmax(280px, .82fr);
}

#nw-pack-den .nw-collection-editor-panel {
  padding: 18px;
}

#nw-pack-den .nw-wolf-card--collection {
  position: relative;
}

#nw-pack-den .nw-wolf-card__kicker {
  display: block;
  margin: 2px 0 6px;
  color: rgba(150, 236, 108, .86);
  font-size: .68rem;
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
}

#nw-pack-den .nw-store-grid--categorized {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 16px !important;
}

#nw-pack-den .nw-store-category {
  display: grid;
  gap: 12px;
  padding: 14px;
  border-radius: 24px;
  border: 1px solid rgba(205, 255, 219, .12);
  background: rgba(255, 255, 255, .05);
}

#nw-pack-den .nw-store-category__head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
}

#nw-pack-den .nw-store-category__head span {
  color: #fff;
  font-size: 1.1rem;
  font-weight: 950;
}

#nw-pack-den .nw-store-category__head strong {
  color: rgba(246, 255, 242, .62);
  font-size: .82rem;
  font-weight: 900;
}

#nw-pack-den .nw-store-category__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

#nw-pack-den .nw-wolf-unlock-limit-note {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  border-radius: 18px;
  background: rgba(150, 236, 108, .10);
  border: 1px solid rgba(150, 236, 108, .20);
}

#nw-pack-den .nw-wolf-unlock-limit-note strong {
  color: #fff;
  font-weight: 950;
}

#nw-pack-den .nw-wolf-unlock-limit-note span {
  color: rgba(246, 255, 242, .72);
  font-size: .9rem;
  font-weight: 750;
}

@media (max-width: 999px) {
  #nw-pack-den .nw-pack-hub-actions--two,
  #nw-pack-den .nw-collection-layout,
  #nw-pack-den .nw-customize-grid--collection,
  #nw-pack-den .nw-collection-intro {
    grid-template-columns: 1fr;
  }

  #nw-pack-den .nw-collection-panel-head {
    display: grid;
  }

  #nw-pack-den .nw-collection-panel-head p {
    text-align: left;
  }

  #nw-pack-den .nw-store-category__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 749px) {
  #nw-pack-den .nw-pack-hub-actions--two .nw-pack-hub-action {
    min-height: auto;
  }

  #nw-pack-den .nw-collection-intro,
  #nw-pack-den .nw-collection-next-wolf-card__copy,
  #nw-pack-den .nw-collection-editor-panel,
  #nw-pack-den .nw-store-category {
    padding: 14px;
    border-radius: 22px;
  }

  #nw-pack-den .nw-collection-intro__stats {
    grid-template-columns: 1fr;
  }

  #nw-pack-den .nw-store-category__grid {
    grid-template-columns: 1fr;
  }

  #nw-pack-den .nw-wolf-unlock-limit-note {
    display: grid;
  }
}
/* Alpha Dev: layer-order drag placement indicators */
#nw-pack-den .nw-editor-layer-chip {
  position: relative;
}

#nw-pack-den .nw-editor-layer-chip.is-drop-before::before,
#nw-pack-den .nw-editor-layer-chip.is-drop-after::after {
  content: "";
  position: absolute;
  top: 10px;
  bottom: 10px;
  width: 4px;
  border-radius: 999px;
  background: #96ec6c;
  box-shadow: 0 0 14px rgba(150, 236, 108, .72);
  pointer-events: none;
}

#nw-pack-den .nw-editor-layer-chip.is-drop-before::before {
  left: -12px;
}

#nw-pack-den .nw-editor-layer-chip.is-drop-after::after {
  right: -12px;
}
/* Alpha Dev: Force login card title to black */
#nw-pack-den #nw-auth-card.nw-auth-card h2 {
  color: #102015 !important;
}
/* Alpha Dev: server-backed wolf swag unlock system */
#nw-pack-den .nw-swag-store-card.is-locked {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 0%, rgba(150,236,108,.14), transparent 44%),
    linear-gradient(180deg, rgba(18,28,22,.96), rgba(5,10,7,.97)) !important;
  border-color: rgba(255,255,255,.13) !important;
  box-shadow: 0 18px 38px rgba(0,0,0,.28);
}

#nw-pack-den .nw-swag-locked-preview {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 168px;
  margin-bottom: 12px;
  border-radius: 18px;
  overflow: hidden;
  background:
    radial-gradient(circle at center, rgba(150,236,108,.16), transparent 52%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  border: 1px solid rgba(255,255,255,.10);
}

#nw-pack-den .nw-swag-locked-preview::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.08), transparent);
  transform: translateX(-120%);
  animation: nwLockedWolfSweep 3.4s ease-in-out infinite;
}

#nw-pack-den .nw-swag-locked-preview img {
  width: min(70%, 168px);
  max-height: 150px;
  object-fit: contain;
  filter: brightness(0) contrast(1.35) drop-shadow(0 16px 24px rgba(0,0,0,.55));
  opacity: .62;
  transform: scale(.96);
}

#nw-pack-den .nw-swag-lock-badge {
  position: absolute;
  top: 12px;
  left: 12px;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(0,0,0,.48);
  border: 1px solid rgba(255,255,255,.16);
  color: #fff;
  font-size: .72rem;
  font-weight: 950;
  letter-spacing: .06em;
  text-transform: uppercase;
}

#nw-pack-den .nw-swag-lock-copy {
  margin: 12px 0 0;
  padding: 12px;
  border-radius: 16px;
  background: rgba(255,255,255,.07);
  border: 1px dashed rgba(255,255,255,.16);
}

#nw-pack-den .nw-swag-lock-copy strong,
#nw-pack-den .nw-swag-lock-copy span {
  display: block;
}

#nw-pack-den .nw-swag-lock-copy strong {
  color: #fff !important;
  font-size: .84rem;
  font-weight: 950;
}

#nw-pack-den .nw-swag-lock-copy span {
  margin-top: 4px;
  color: rgba(246,255,242,.72) !important;
  font-size: .76rem;
  font-weight: 750;
  line-height: 1.4;
}

#nw-pack-den .nw-swag-unlocked-copy {
  margin: 4px 0 12px;
  color: rgba(16,27,20,.70) !important;
  font-size: .76rem;
  font-weight: 800;
  line-height: 1.35;
}

#nw-pack-den .nw-swag-unlock-card {
  position: relative;
  overflow: hidden;
  max-width: 560px;
  text-align: center;
  border-color: rgba(150,236,108,.48);
  background:
    radial-gradient(circle at 50% 0%, rgba(150,236,108,.28), transparent 44%),
    radial-gradient(circle at 15% 90%, rgba(255,225,120,.16), transparent 34%),
    linear-gradient(180deg, rgba(13,31,20,.96), rgba(5,12,8,.98));
}

#nw-pack-den .nw-swag-unlock-burst {
  position: absolute;
  inset: -28%;
  background:
    conic-gradient(from 0deg, transparent, rgba(150,236,108,.22), transparent, rgba(255,225,120,.14), transparent);
  animation: nwSwagUnlockSpin 4.2s linear infinite;
  opacity: .9;
  pointer-events: none;
}

#nw-pack-den .nw-swag-unlock-card > *:not(.nw-swag-unlock-burst) {
  position: relative;
  z-index: 1;
}

#nw-pack-den .nw-swag-unlock-kicker {
  display: inline-flex;
  margin-bottom: 10px;
  padding: 7px 11px;
  border-radius: 999px;
  background: rgba(150,236,108,.14);
  border: 1px solid rgba(150,236,108,.28);
  color: #101b14 !important;
  font-size: .72rem;
  font-weight: 950;
  letter-spacing: .11em;
  text-transform: uppercase;
}

#nw-pack-den .nw-swag-unlock-card h3 {
  color: #101b14 !important;
}

#nw-pack-den #nw-swag-unlock-message {
  color: #101b14 !important;
}

#nw-pack-den .nw-swag-unlock-card .nw-modal-copy {
  color: rgba(246,255,242,.78) !important;
}

#nw-pack-den .nw-swag-unlock-reel {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 250px;
  margin: 22px auto 16px;
  border-radius: 28px;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 42%, rgba(150,236,108,.22), transparent 46%),
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
  border: 1px solid rgba(255,255,255,.12);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 20px 48px rgba(0,0,0,.30);
}

#nw-pack-den .nw-swag-unlock-reel__glow {
  position: absolute;
  width: 170px;
  height: 170px;
  border-radius: 999px;
  background: rgba(150,236,108,.18);
  filter: blur(18px);
  animation: nwSwagUnlockPulse 1.2s ease-in-out infinite;
}

#nw-pack-den .nw-swag-unlock-image {
  position: relative;
  z-index: 2;
  width: min(58%, 210px);
  max-height: 185px;
  object-fit: contain;
  transition: filter .28s ease, transform .28s ease, opacity .28s ease;
}

#nw-pack-den .nw-swag-unlock-image.is-silhouette {
  filter: brightness(0) contrast(1.42) drop-shadow(0 18px 26px rgba(0,0,0,.55));
  opacity: .76;
  transform: scale(.94);
}

#nw-pack-den .nw-swag-unlock-image.is-revealed {
  filter: drop-shadow(0 18px 30px rgba(0,0,0,.42));
  opacity: 1;
  transform: scale(1.08);
  animation: nwSwagRevealPop .62s cubic-bezier(.2,.9,.2,1.18);
  cursor: pointer;
}

#nw-pack-den .nw-swag-unlock-name {
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 16px;
  padding: 10px 12px;
  border-radius: 999px;
  background: rgba(0,0,0,.46);
  border: 1px solid rgba(255,255,255,.14);
  color: #fff;
  font-size: .92rem;
  font-weight: 950;
}

#nw-pack-den .nw-swag-unlock-source {
  display: inline-grid;
  gap: 4px;
  margin-bottom: 18px;
  padding: 11px 14px;
  border-radius: 16px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.12);
}

#nw-pack-den .nw-swag-unlock-source span {
  color: #101b14 !important;
  font-size: .68rem;
  font-weight: 950;
  letter-spacing: .1em;
  text-transform: uppercase;
}

#nw-pack-den .nw-swag-unlock-source strong {
  color: #101b14 !important;
  font-size: .95rem;
  font-weight: 950;
}

@keyframes nwSwagUnlockSpin {
  to { transform: rotate(360deg); }
}

@keyframes nwSwagUnlockPulse {
  0%, 100% { transform: scale(.92); opacity: .55; }
  50% { transform: scale(1.08); opacity: .9; }
}

@keyframes nwSwagRevealPop {
  0% { transform: scale(.72); opacity: .4; }
  70% { transform: scale(1.14); opacity: 1; }
  100% { transform: scale(1.08); opacity: 1; }
}

@media (max-width: 749px) {
  #nw-pack-den .nw-swag-unlock-card {
    max-width: calc(100vw - 24px);
  }

  #nw-pack-den .nw-swag-unlock-reel {
    min-height: 220px;
  }

  #nw-pack-den .nw-swag-unlock-image {
    width: min(66%, 190px);
  }
}
/* Alpha Dev: claim-based swag unlock upgrades */
#nw-pack-den .nw-collection-unlock-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  align-self: start;
}

#nw-pack-den .nw-collection-next-swag-card__art img {
  width: min(64%, 180px);
  max-height: 190px;
  object-fit: contain;
  filter: brightness(0) contrast(1.35) drop-shadow(0 18px 26px rgba(0,0,0,.62));
  opacity: .62;
}

#nw-pack-den .nw-collection-claim-swag {
  width: 100%;
  margin-top: 14px;
  min-height: 46px;
  border-radius: 999px;
  box-shadow:
    0 14px 30px rgba(95,143,25,.24),
    inset 0 1px 0 rgba(255,255,255,.18);
}

#nw-pack-den .nw-swag-store-card.is-locked .nw-wolf-unlock-progress {
  display: none !important;
}

#nw-pack-den .nw-swag-unlock-popup {
  z-index: 999999 !important;
}

#nw-pack-den .nw-swag-unlock-popup.is-frontmost {
  z-index: 999999 !important;
}

#nw-pack-den .nw-swag-unlock-popup.is-frontmost .nw-swag-unlock-card {
  box-shadow:
    0 34px 110px rgba(0,0,0,.58),
    0 0 0 1px rgba(150,236,108,.22),
    inset 0 1px 0 rgba(255,255,255,.08);
}

#nw-pack-den .nw-claim-swag-btn[hidden],
#nw-sim-result-claim-swag[hidden] {
  display: none !important;
}

@media (max-width: 1199px) {
  #nw-pack-den .nw-collection-intro {
    grid-template-columns: 1fr;
  }

  #nw-pack-den .nw-collection-intro__awards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 999px) {
  #nw-pack-den .nw-collection-intro__awards {
    grid-template-columns: 1fr;
  }

  #nw-pack-den .nw-collection-intro__awards .nw-collection-next-wolf-card {
    grid-template-columns: minmax(104px, .36fr) minmax(0, .64fr);
    min-height: 200px;
  }
}

@media (max-width: 640px) {
  #nw-pack-den .nw-collection-intro__awards .nw-collection-next-wolf-card {
    grid-template-columns: 1fr;
  }

  #nw-pack-den .nw-collection-intro__awards .nw-collection-next-wolf-card__art {
    min-height: 170px;
    border-right: 0;
    border-bottom: 1px solid rgba(205, 255, 219, .10);
  }
}
/* Alpha Dev: swag store owned quantity badge */
#nw-pack-den .nw-swag-owned-quantity {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin: 8px 0 6px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(150, 236, 108, .14);
  border: 1px solid rgba(150, 236, 108, .34);
  color: #eaffdf !important;
  font-size: .76rem;
  font-weight: 950;
  letter-spacing: .04em;
}

/* Alpha Dev: darker Pack Arcade + Pack Collection modal gradients */
#nw-goals-modal .nw-gc-modal-card,
#nw-customize-modal .nw-combined-modal-card {
  background:
    radial-gradient(circle at 16% 0%, rgba(72, 120, 77, .20), transparent 34%),
    radial-gradient(circle at 88% 12%, rgba(150, 236, 108, .08), transparent 26%),
    linear-gradient(180deg, rgba(5, 13, 9, .985), rgba(2, 7, 5, .992) 58%, rgba(1, 4, 3, .995)) !important;
  color: rgba(246, 255, 242, .96) !important;
  border-color: rgba(205, 255, 219, .16) !important;
  box-shadow:
    0 34px 100px rgba(0, 0, 0, .56),
    inset 0 1px 0 rgba(255, 255, 255, .05) !important;
}

/* Keep Pack Collection readable after darkening the modal */
#nw-customize-modal .nw-combined-modal-card > .nw-modal-head h3,
#nw-customize-modal .nw-combined-modal-card .nw-wolf-list-panel h4,
#nw-customize-modal .nw-combined-modal-card .nw-owned-panel h4,
#nw-customize-modal .nw-collection-intro h4,
#nw-customize-modal .nw-collection-next-wolf-card h4,
#nw-customize-modal .nw-store-card strong,
#nw-customize-modal .nw-shop-head strong {
  color: #ffffff !important;
}

#nw-customize-modal .nw-combined-modal-card .nw-modal-copy,
#nw-customize-modal .nw-combined-modal-card .nw-owned-panel > .nw-modal-copy,
#nw-customize-modal .nw-collection-intro p,
#nw-customize-modal .nw-collection-panel-head p,
#nw-customize-modal .nw-collection-next-wolf-card p,
#nw-customize-modal .nw-swag-unlocked-copy,
#nw-customize-modal .nw-slot {
  color: rgba(232, 244, 235, .82) !important;
}

#nw-customize-modal .nw-den-summary__inventory--modal .nw-den-summary__inventory-pill,
#nw-customize-modal .nw-collection-intro,
#nw-customize-modal .nw-wolf-list-panel,
#nw-customize-modal .nw-owned-panel,
#nw-customize-modal .nw-collection-next-wolf-card,
#nw-customize-modal .nw-store-card {
  background: rgba(255, 255, 255, .065) !important;
  border-color: rgba(205, 255, 219, .14) !important;
}

#nw-customize-modal .nw-den-summary__inventory--modal .nw-den-summary__inventory-label,
#nw-customize-modal .nw-den-summary__inventory--modal .nw-den-summary__inventory-value,
#nw-customize-modal .nw-collection-intro__stats span,
#nw-customize-modal .nw-collection-intro__stats strong {
  color: rgba(246, 255, 242, .94) !important;
}

/* Keep Pack Arcade cards readable against the darker shell */
#nw-goals-modal .nw-arcade-hero,
#nw-goals-modal .nw-arcade-card,
#nw-goals-modal .nw-goal-item,
#nw-goals-modal .nw-gc-panel,
#nw-goals-modal .nw-trails-lifetime-panel {
  background:
    radial-gradient(circle at top right, rgba(104, 154, 96, .12), transparent 34%),
    linear-gradient(180deg, rgba(7, 17, 12, .92), rgba(3, 8, 6, .96)) !important;
  border-color: rgba(205, 255, 219, .14) !important;
}

#nw-goals-modal .nw-arcade-hero__copy h3,
#nw-goals-modal .nw-arcade-card h3,
#nw-goals-modal .nw-goal-item h4,
#nw-goals-modal .nw-gc-hero h3 {
  color: #ffffff !important;
}

#nw-goals-modal .nw-arcade-hero__copy p,
#nw-goals-modal .nw-arcade-card__desc,
#nw-goals-modal .nw-goal-item p,
#nw-goals-modal .nw-modal-copy {
  color: rgba(232, 244, 235, .82) !important;
}
#nw-pack-den .nw-archive-type-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 12px;
}

#nw-pack-den .nw-archive-type-filter {
  appearance: none;
  border: 1px solid rgba(16, 32, 21, .12);
  background: rgba(255, 255, 255, .72);
  color: #18221c;
  border-radius: 999px;
  padding: 10px 14px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: .82rem;
  font-weight: 900;
  letter-spacing: .04em;
  text-transform: uppercase;
  cursor: pointer;
  transition: transform .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease;
}

#nw-pack-den .nw-archive-type-filter:hover {
  transform: translateY(-1px);
  border-color: rgba(49, 81, 65, .24);
  box-shadow: 0 10px 20px rgba(13, 24, 18, .08);
}

#nw-pack-den .nw-archive-type-filter.is-active {
  background: #18221c;
  border-color: rgba(24, 34, 28, .88);
  color: #ffffff;
  box-shadow: 0 12px 24px rgba(13, 24, 18, .14);
}

#nw-pack-den .nw-archive-item--deeper_trail {
  background:
    radial-gradient(circle at 0% 0%, rgba(205, 168, 109, .18), transparent 34%),
    linear-gradient(135deg, rgba(255, 251, 241, .98), rgba(237, 229, 213, .96)) !important;
  border-color: rgba(120, 86, 43, .18) !important;
}

#nw-pack-den .nw-archive-item--deeper_trail .nw-archive-item__label {
  color: #7b572a !important;
}

#nw-pack-den .nw-archive-item--deeper_trail .nw-archive-item__pill--access {
  background: rgba(123, 87, 42, .10);
  border-color: rgba(123, 87, 42, .18);
  color: #684820;
}

#nw-pack-den .nw-archive-item--deeper_trail.is-pack-plus .nw-archive-item__pill--access {
  background: rgba(24, 34, 28, .92);
  border-color: rgba(205, 168, 109, .32);
  color: #f4dfb8;
}

#nw-pack-den .nw-archive-item--monthly_letter {
  background:
    radial-gradient(circle at 0% 0%, rgba(121, 150, 122, .12), transparent 32%),
    #ffffff !important;
}

@media (max-width: 900px) {
  #nw-pack-den .nw-archive-mode-switcher {
    grid-template-columns: 1fr !important;
  }

  #nw-pack-den .nw-archive-filter-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #nw-pack-den .nw-archive-type-filter {
    width: 100%;
  }
}

@media (max-width: 520px) {
  #nw-pack-den .nw-archive-filter-row {
    grid-template-columns: 1fr;
  }
}
#nw-pack-den #nw-stars-available,
#nw-pack-den #nw-stars-alltime,
#nw-pack-den #nw-shop-stars-available,
#nw-pack-den #nw-goals-stars-available,
#nw-pack-den #nw-trails-head-stars {
  display: none !important;
}

#nw-pack-den .nw-price {
  display: none !important;
}

/* Alpha Dev: professional Pack Hub dashboard, hearts relocation, compact unlock panels, mobile modal close */
#nw-pack-den .nw-pack-hub-dashboard {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, .5fr);
  gap: 12px;
  align-items: stretch;
  margin: 0 0 14px;
  padding: 12px;
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, .12);
  background:
    radial-gradient(circle at 94% 0%, rgba(223, 233, 207, .12), transparent 34%),
    linear-gradient(135deg, rgba(255, 255, 255, .09), rgba(255, 255, 255, .035)),
    rgba(3, 12, 8, .28);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .07),
    0 16px 38px rgba(0, 0, 0, .14);
}

#nw-pack-den .nw-pack-hub-dashboard__main {
  min-width: 0;
  display: grid;
  align-content: center;
  gap: 8px;
  min-height: 112px;
  padding: clamp(18px, 2.2vw, 26px);
  border-radius: 23px;
  background:
    radial-gradient(circle at 88% 12%, rgba(150,236,108,.13), transparent 34%),
    linear-gradient(135deg, rgba(6,18,12,.78), rgba(2,10,7,.54));
  border: 1px solid rgba(255,255,255,.12);
}

#nw-pack-den .nw-pack-hub-dashboard__kicker,
#nw-pack-den .nw-pack-hub-dashboard__metric span,
#nw-pack-den .nw-pack-hub-dashboard__metric small {
  display: block;
  color: rgba(230,244,226,.68);
  font-size: .64rem;
  line-height: 1.12;
  font-weight: 950;
  letter-spacing: .13em;
  text-transform: uppercase;
}

#nw-pack-den .nw-pack-hub-dashboard__main strong {
  color: #ffffff;
  font-size: clamp(1.55rem, 2.8vw, 2.65rem);
  line-height: .98;
  letter-spacing: -.045em;
  font-weight: 950;
}

#nw-pack-den .nw-pack-hub-dashboard__main small {
  max-width: 760px;
  color: rgba(245,248,241,.70);
  font-size: .94rem;
  line-height: 1.42;
  font-weight: 750;
}

#nw-pack-den .nw-pack-hub-dashboard__metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

#nw-pack-den .nw-pack-hub-dashboard__metric {
  min-width: 0;
  display: grid;
  align-content: center;
  gap: 7px;
  min-height: 112px;
  padding: 16px;
  border-radius: 22px;
  background:
    radial-gradient(circle at 100% 0%, rgba(255,255,255,.09), transparent 40%),
    rgba(2, 10, 7, .34);
  border: 1px solid rgba(255,255,255,.11);
}

#nw-pack-den .nw-pack-hub-dashboard__metric--xp {
  background:
    radial-gradient(circle at 100% 0%, rgba(150,236,108,.16), transparent 42%),
    rgba(2, 10, 7, .38);
  border-color: rgba(205,255,219,.16);
}

#nw-pack-den .nw-pack-hub-dashboard__metric strong {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #ffffff;
  font-size: clamp(1.6rem, 2.4vw, 2.35rem);
  line-height: .9;
  font-weight: 950;
  letter-spacing: -.045em;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

#nw-pack-den .nw-pack-hub-dashboard__metric strong em {
  font-style: normal;
  font-size: .48em;
  line-height: 1;
  filter: drop-shadow(0 4px 10px rgba(0,0,0,.18));
}

#nw-pack-den .nw-pack-hub-dashboard__metric strong b {
  color: #ffffff;
  font: inherit;
}

#nw-pack-den .nw-pack-hub-action--trivia .nw-pack-hub-action__number {
  left: 20px;
  right: auto;
  color: rgba(255,255,255,.15);
}

#nw-pack-den .nw-pack-hub-action__heart-balance {
  position: absolute;
  top: 18px;
  right: 18px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 36px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.14);
  border: 1px solid rgba(255,255,255,.18);
  color: #ffffff;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 10px 22px rgba(0,0,0,.13);
  z-index: 3;
}

#nw-pack-den .nw-pack-hub-action__heart-balance b {
  color: #ffffff;
  font-size: .98rem;
  line-height: 1;
  font-weight: 950;
  font-variant-numeric: tabular-nums;
}

#nw-pack-den .nw-pack-hub-action__heart-balance small {
  color: rgba(255,255,255,.76);
  font-size: .66rem;
  line-height: 1;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}

#nw-pack-den .nw-collection-intro {
  grid-template-columns: 1fr !important;
  gap: 14px !important;
  align-items: stretch !important;
  margin: 12px 0 16px !important;
  padding: 16px !important;
  border-radius: 24px !important;
}

#nw-pack-den .nw-collection-intro__copy {
  display: grid;
  gap: 7px;
}

#nw-pack-den .nw-collection-intro__copy h4 {
  margin: 0 !important;
  max-width: 920px;
  font-size: clamp(1.28rem, 2vw, 1.85rem) !important;
  line-height: 1.06 !important;
}

#nw-pack-den .nw-collection-intro__copy p {
  max-width: 980px !important;
  font-size: .92rem !important;
  line-height: 1.42 !important;
}

#nw-pack-den .nw-collection-intro__awards {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  align-items: stretch !important;
}

#nw-pack-den .nw-collection-intro__awards .nw-collection-next-wolf-card {
  min-height: 0 !important;
  display: grid !important;
  grid-template-columns: 86px minmax(0, 1fr) !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.07), rgba(255,255,255,.03)),
    rgba(3, 12, 8, .70) !important;
}

#nw-pack-den .nw-collection-intro__awards .nw-collection-next-wolf-card__art {
  min-height: 116px !important;
  border-right: 1px solid rgba(205,255,219,.10) !important;
  border-bottom: 0 !important;
  background:
    radial-gradient(circle at center, rgba(150,236,108,.16), transparent 58%),
    rgba(255,255,255,.035) !important;
}

#nw-pack-den .nw-collection-intro__awards .nw-collection-next-wolf-card__art img,
#nw-pack-den .nw-collection-intro__awards .nw-collection-next-swag-card__art img {
  width: min(72%, 62px) !important;
  max-height: 72px !important;
  object-fit: contain !important;
}

#nw-pack-den .nw-collection-intro__awards .nw-collection-next-wolf-card__art span {
  top: 8px !important;
  left: 8px !important;
  min-height: 22px !important;
  padding: 0 7px !important;
  font-size: .48rem !important;
  letter-spacing: .07em !important;
}

#nw-pack-den .nw-collection-intro__awards .nw-collection-next-wolf-card__copy {
  display: grid !important;
  align-content: center !important;
  padding: 12px 14px !important;
}

#nw-pack-den .nw-collection-intro__awards .nw-collection-next-wolf-card__copy h4 {
  margin: 5px 0 5px !important;
  font-size: 1.04rem !important;
  line-height: 1.05 !important;
}

#nw-pack-den .nw-collection-intro__awards .nw-collection-next-wolf-card__copy p {
  font-size: .78rem !important;
  line-height: 1.28 !important;
}

#nw-pack-den .nw-collection-intro__awards .nw-collection-next-progress {
  margin-top: 8px !important;
}

#nw-pack-den .nw-collection-intro__awards .nw-collection-next-progress__top {
  margin-bottom: 5px !important;
  font-size: .72rem !important;
}

#nw-pack-den .nw-collection-intro__awards .nw-collection-next-progress__bar {
  height: 7px !important;
}

#nw-pack-den .nw-mobile-modal-close {
  display: none;
}

@media (max-width: 980px) {
  #nw-pack-den .nw-pack-hub-dashboard {
    grid-template-columns: 1fr;
  }

  #nw-pack-den .nw-pack-hub-dashboard__metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 749px) {
  #nw-pack-den .nw-pack-hub-dashboard {
    padding: 11px !important;
    gap: 9px !important;
    border-radius: 20px !important;
  }

  #nw-pack-den .nw-pack-hub-dashboard__main {
    min-height: auto !important;
    padding: 15px !important;
    border-radius: 17px !important;
    text-align: left !important;
  }

  #nw-pack-den .nw-pack-hub-dashboard__main strong {
    font-size: 1.55rem !important;
  }

  #nw-pack-den .nw-pack-hub-dashboard__main small {
    font-size: .84rem !important;
  }

  #nw-pack-den .nw-pack-hub-dashboard__metrics {
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
  }

  #nw-pack-den .nw-pack-hub-dashboard__metric {
    min-height: 82px !important;
    padding: 11px !important;
    border-radius: 15px !important;
  }

  #nw-pack-den .nw-pack-hub-dashboard__metric span,
  #nw-pack-den .nw-pack-hub-dashboard__metric small,
  #nw-pack-den .nw-pack-hub-dashboard__kicker {
    font-size: .51rem !important;
    letter-spacing: .08em !important;
  }

  #nw-pack-den .nw-pack-hub-dashboard__metric strong {
    font-size: clamp(1.25rem, 7vw, 1.95rem) !important;
  }

  #nw-pack-den .nw-pack-hub-action__heart-balance {
    top: 14px !important;
    right: 14px !important;
    min-height: 32px !important;
    padding: 0 10px !important;
  }

  #nw-pack-den .nw-pack-hub-action--trivia .nw-pack-hub-action__body {
    padding-right: 90px !important;
  }

  #nw-pack-den .nw-collection-intro {
    gap: 11px !important;
    padding: 13px !important;
  }

  #nw-pack-den .nw-collection-intro__awards {
    grid-template-columns: 1fr !important;
  }

  #nw-pack-den .nw-collection-intro__awards .nw-collection-next-wolf-card {
    grid-template-columns: 76px minmax(0, 1fr) !important;
  }

  #nw-pack-den .nw-collection-intro__awards .nw-collection-next-wolf-card__art {
    min-height: 104px !important;
  }

  #nw-pack-den .nw-collection-intro__awards .nw-collection-next-wolf-card__art img,
  #nw-pack-den .nw-collection-intro__awards .nw-collection-next-swag-card__art img {
    width: min(70%, 54px) !important;
    max-height: 60px !important;
  }

  #nw-pack-den .nw-mobile-modal-close {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 52px;
    margin-top: 18px;
    border: 0;
    border-radius: 999px;
    background: linear-gradient(135deg, #96ec6c, #69d6a8);
    color: #07110c;
    font-size: .94rem;
    font-weight: 950;
    letter-spacing: .04em;
    text-transform: uppercase;
    cursor: pointer;
    position: sticky;
    bottom: 10px;
    z-index: 30;
    box-shadow:
      0 16px 34px rgba(0,0,0,.25),
      inset 0 1px 0 rgba(255,255,255,.28);
  }

  #nw-pack-den .nw-modal-card {
    padding-bottom: max(18px, env(safe-area-inset-bottom)) !important;
  }
}

/* Alpha Dev: Achievements command-center redesign */
#nw-goals-modal.nw-modal {
  align-items: start;
  justify-items: center;
  overflow-y: auto;
  overscroll-behavior: contain;
}

#nw-goals-modal .nw-gc-modal-card {
  width: min(1320px, 96vw);
  max-height: calc(100dvh - 28px);
  overflow-y: auto;
  overscroll-behavior: contain;
  background:
    radial-gradient(circle at 12% 0%, rgba(141, 226, 124, .12), transparent 24%),
    radial-gradient(circle at 96% 8%, rgba(255, 255, 255, .09), transparent 20%),
    linear-gradient(180deg, rgba(14, 24, 19, .98), rgba(3, 9, 7, .98));
}

#nw-goals-modal .nw-gc-hero {
  align-items: stretch;
}

#nw-goals-modal .nw-gc-hero__main {
  min-width: 0;
  padding: 6px 0;
}

#nw-goals-modal .nw-gc-hero__main p {
  max-width: 720px;
  margin: 10px 0 0;
  color: rgba(236, 247, 238, .76);
  font-size: .98rem;
  line-height: 1.45;
  font-weight: 650;
}

#nw-goals-modal .nw-gc-balance-rail {
  grid-template-columns: repeat(2, minmax(92px, 1fr));
}

#nw-goals-modal .nw-achievements-shell {
  display: grid;
  gap: 16px;
}

#nw-goals-modal .nw-achievements-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: end;
  margin: 0;
  padding: 18px;
  border-radius: 28px;
  border: 1px solid rgba(205, 227, 210, .12);
  background:
    radial-gradient(circle at 0% 0%, rgba(141, 226, 124, .11), transparent 32%),
    linear-gradient(135deg, rgba(255, 255, 255, .065), rgba(255, 255, 255, .026));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 18px 42px rgba(0,0,0,.14);
}

#nw-goals-modal .nw-achievements-head__copy {
  min-width: 0;
  max-width: 780px;
}

#nw-goals-modal .nw-achievements-head .nw-gc-section-head__eyebrow {
  margin-bottom: 8px;
  color: #9fd2a7;
  font-size: .72rem;
  letter-spacing: .16em;
}

#nw-goals-modal .nw-achievements-head h4 {
  margin: 0;
  color: #ffffff;
  font-size: clamp(1.9rem, 3.1vw, 3.2rem);
  line-height: .95;
  letter-spacing: -.045em;
}

#nw-goals-modal .nw-achievements-head p {
  max-width: 720px;
  margin: 10px 0 0;
  color: rgba(236, 247, 238, .78);
  font-size: 1rem;
  line-height: 1.45;
  font-weight: 650;
}

#nw-goals-modal .nw-achievements-toolbar {
  display: flex;
  align-items: end;
  justify-content: flex-end;
  gap: 10px;
  margin: 0;
}

#nw-goals-modal .nw-achievements-filter {
  display: grid;
  gap: 7px;
  min-width: 210px;
  margin: 0;
}

#nw-goals-modal .nw-achievements-filter span {
  color: rgba(232, 242, 234, .62);
  font-size: .62rem;
  line-height: 1;
  font-weight: 950;
  letter-spacing: .14em;
  text-transform: uppercase;
}

#nw-goals-modal .nw-gc-select {
  min-height: 50px;
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.045));
  border: 1px solid rgba(205,227,210,.16);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}

#nw-goals-modal .nw-achievements-toggle {
  min-height: 50px;
  margin: 0;
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.045));
  border-color: rgba(205,227,210,.16);
}

#nw-goals-modal .nw-achievements-list-root {
  display: grid;
  gap: 14px;
}

#nw-goals-modal .nw-achievements-overview {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  padding: 14px;
  border-radius: 28px;
  border: 1px solid rgba(205, 227, 210, .12);
  background:
    linear-gradient(135deg, rgba(255,255,255,.055), rgba(255,255,255,.02)),
    rgba(3, 12, 8, .35);
}

#nw-goals-modal .nw-achievements-overview__main {
  min-width: 0;
  display: grid;
  align-content: center;
  gap: 8px;
  padding: 18px;
  border-radius: 22px;
  background:
    radial-gradient(circle at 100% 0%, rgba(141, 226, 124, .13), transparent 38%),
    rgba(3, 12, 8, .42);
  border: 1px solid rgba(205, 227, 210, .10);
}

#nw-goals-modal .nw-achievements-overview__eyebrow,
#nw-goals-modal .nw-achievements-metric span,
#nw-goals-modal .nw-achievement-card__eyebrow,
#nw-goals-modal .nw-achievement-card__reward span,
#nw-goals-modal .nw-achievement-card__reward small {
  color: rgba(220, 238, 223, .62);
  font-size: .62rem;
  line-height: 1;
  font-weight: 950;
  letter-spacing: .13em;
  text-transform: uppercase;
}

#nw-goals-modal .nw-achievements-overview__main strong {
  color: #ffffff;
  font-size: clamp(1.25rem, 2vw, 2rem);
  line-height: 1.06;
  letter-spacing: -.025em;
}

#nw-goals-modal .nw-achievements-overview__main > span {
  color: rgba(236, 247, 238, .74);
  font-size: .92rem;
  line-height: 1.35;
  font-weight: 700;
}

#nw-goals-modal .nw-achievements-progress-track {
  height: 10px;
  overflow: hidden;
  margin-top: 4px;
  border-radius: 999px;
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.06);
}

#nw-goals-modal .nw-achievements-progress-track span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #8ee66e, #6bd7a8);
  box-shadow: 0 0 22px rgba(142, 230, 110, .24);
}

#nw-goals-modal .nw-achievements-progress-copy {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  color: rgba(236, 247, 238, .78);
  font-size: .78rem;
  font-weight: 850;
}

#nw-goals-modal .nw-achievements-progress-copy small {
  color: rgba(236, 247, 238, .54);
  font: inherit;
}



#nw-goals-modal .nw-achievements-metric strong {
  color: #ffffff;
  font-size: clamp(1.45rem, 2.4vw, 2.25rem);
  line-height: .9;
  font-weight: 950;
  letter-spacing: -.04em;
  font-variant-numeric: tabular-nums;
}

#nw-goals-modal .nw-achievements-list {
  display: grid;
  gap: 12px;
}

#nw-goals-modal .nw-achievement-card {
  position: relative;
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr) 118px auto;
  gap: 14px;
  align-items: center;
  padding: 16px;
  border-radius: 24px;
  border: 1px solid rgba(205, 227, 210, .115);
  background:
    radial-gradient(circle at 100% 0%, rgba(255,255,255,.055), transparent 24%),
    linear-gradient(180deg, rgba(12, 22, 16, .78), rgba(5, 11, 8, .90));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 14px 32px rgba(0,0,0,.12);
}

#nw-goals-modal .nw-achievement-card--available {
  border-color: rgba(142, 230, 110, .34);
  background:
    radial-gradient(circle at 100% 0%, rgba(142, 230, 110, .14), transparent 32%),
    linear-gradient(180deg, rgba(15, 31, 18, .88), rgba(5, 13, 8, .94));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 18px 44px rgba(0,0,0,.18),
    0 0 0 1px rgba(142, 230, 110, .08);
}

#nw-goals-modal .nw-achievement-card--completed {
  opacity: .78;
}

#nw-goals-modal .nw-achievement-card__mark {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  background: rgba(255,255,255,.065);
  border: 1px solid rgba(255,255,255,.08);
  color: rgba(236, 247, 238, .88);
  font-size: 1.05rem;
  font-weight: 950;
}

#nw-goals-modal .nw-achievement-card__mark--available {
  color: #102015;
  background: linear-gradient(135deg, #8ee66e, #6bd7a8);
  box-shadow: 0 14px 28px rgba(105, 214, 168, .18);
}

#nw-goals-modal .nw-achievement-card__mark--completed {
  color: #17241d;
  background: rgba(236, 247, 238, .78);
}

#nw-goals-modal .nw-achievement-card__info {
  min-width: 0;
}

#nw-goals-modal .nw-achievement-card__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

#nw-goals-modal .nw-achievement-card__main {
  min-width: 0;
}

#nw-goals-modal .nw-achievement-card__title {
  display: block;
  margin-top: 5px;
  color: #ffffff;
  font-size: 1.02rem;
  line-height: 1.2;
  font-weight: 950;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#nw-goals-modal .nw-achievement-card__desc {
  display: block;
  margin: 7px 0 0;
  color: rgba(232, 243, 235, .72);
  font-size: .86rem;
  line-height: 1.35;
  font-weight: 650;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#nw-goals-modal .nw-achievement-card__compact-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 10px;
}

#nw-goals-modal .nw-achievement-card__compact-meta span {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  min-height: 28px;
  padding: 5px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.065);
  color: rgba(238,248,240,.78);
  font-size: .74rem;
  line-height: 1.1;
  font-weight: 850;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#nw-goals-modal .nw-achievement-card__pill,
#nw-goals-modal .nw-goal-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 6px 11px;
  border-radius: 999px;
  border: 1px solid rgba(205,227,210,.14);
  background: rgba(255,255,255,.055);
  color: #e8f3ea;
  font-size: .66rem;
  font-weight: 950;
  letter-spacing: .1em;
  text-transform: uppercase;
  white-space: nowrap;
}

#nw-goals-modal .nw-achievement-card__pill--available,
#nw-goals-modal .nw-goal-status--available {
  background: rgba(142, 230, 110, .14);
  border-color: rgba(142, 230, 110, .28);
  color: #dfffd7;
}

#nw-goals-modal .nw-achievement-card__pill--completed,
#nw-goals-modal .nw-goal-status--completed {
  background: rgba(236,247,238,.12);
  border-color: rgba(236,247,238,.16);
}

#nw-goals-modal .nw-achievement-card__reward {
  min-width: 0;
  display: grid;
  justify-items: center;
  gap: 5px;
  padding: 12px 10px;
  border-radius: 18px;
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(255,255,255,.07);
  text-align: center;
}

#nw-goals-modal .nw-achievement-card__reward strong {
  color: #ffffff;
  font-size: 1.25rem;
  line-height: .9;
  font-weight: 950;
  font-variant-numeric: tabular-nums;
}

#nw-goals-modal .nw-achievement-card__actions,
#nw-goals-modal .nw-goal-actions {
  min-width: 138px;
  display: flex;
  justify-content: flex-end;
  margin-left: 0;
}

#nw-goals-modal .nw-goal-claim-btn {
  min-height: 42px;
  padding: 10px 15px;
  border-radius: 999px;
  font-size: .82rem;
  font-weight: 950;
  white-space: nowrap;
  box-shadow:
    0 14px 30px rgba(0,0,0,.20),
    0 0 22px rgba(142,230,110,.14);
}

#nw-goals-modal .nw-gc-empty {
  padding: 28px;
  border-radius: 24px;
  border: 1px solid rgba(205,227,210,.12);
  background:
    radial-gradient(circle at 100% 0%, rgba(142,230,110,.10), transparent 32%),
    linear-gradient(180deg, rgba(10,18,14,.76), rgba(7,12,10,.82));
}

@media (max-width: 1020px) {
  #nw-goals-modal .nw-achievements-head,
  #nw-goals-modal .nw-achievements-overview {
    grid-template-columns: 1fr;
  }

  #nw-goals-modal .nw-achievements-toolbar {
    justify-content: stretch;
  }

  #nw-goals-modal .nw-achievements-filter,
  #nw-goals-modal .nw-achievements-toggle {
    flex: 1 1 0;
  }

  #nw-goals-modal .nw-achievement-card {
    grid-template-columns: 46px minmax(0, 1fr) auto;
  }

  #nw-goals-modal .nw-achievement-card__reward {
    display: none;
  }
}

@media (max-width: 640px) {
  #nw-goals-modal {
    padding: 8px 6px;
    place-items: stretch;
  }

  #nw-goals-modal .nw-gc-modal-card {
    width: calc(100vw - 12px);
    max-height: calc(100dvh - 16px);
    padding: 10px;
    border-radius: 22px;
  }

  #nw-goals-modal .nw-gc-hero {
    gap: 10px;
    margin-bottom: 10px;
  }

  #nw-goals-modal .nw-gc-hero__main {
    display: grid;
    padding: 12px;
    border-radius: 20px;
    background: rgba(255,255,255,.045);
    border: 1px solid rgba(255,255,255,.07);
  }

  #nw-goals-modal .nw-gc-hero__eyebrow {
    margin-bottom: 6px;
    font-size: .62rem;
    letter-spacing: .13em;
  }

  #nw-goals-modal .nw-gc-hero h3 {
    margin: 0;
    font-size: 1.75rem;
  }

  #nw-goals-modal .nw-gc-hero__main p {
    margin-top: 7px;
    font-size: .84rem;
    line-height: 1.34;
  }

  #nw-goals-modal .nw-gc-hero__side {
    grid-template-columns: minmax(0, 1fr) 44px;
  }

  #nw-goals-modal .nw-gc-balance-rail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #nw-goals-modal .nw-gc-tabs {
    width: 100%;
  }

  #nw-goals-modal .nw-achievements-head {
    gap: 12px;
    padding: 14px;
    border-radius: 22px;
  }

  #nw-goals-modal .nw-achievements-head h4 {
    font-size: 1.85rem;
    line-height: 1;
  }

  #nw-goals-modal .nw-achievements-head p {
    font-size: .88rem;
    line-height: 1.35;
  }

  #nw-goals-modal .nw-achievements-toolbar {
    display: grid;
    grid-template-columns: 1fr;
    gap: 9px;
  }

  #nw-goals-modal .nw-achievements-filter {
    min-width: 0;
  }

  #nw-goals-modal .nw-gc-select,
  #nw-goals-modal .nw-achievements-toggle {
    width: 100%;
    min-height: 46px;
    border-radius: 16px;
  }

  #nw-goals-modal .nw-achievements-overview {
    gap: 10px;
    padding: 10px;
    border-radius: 22px;
  }

  #nw-goals-modal .nw-achievements-overview__main {
    padding: 14px;
    border-radius: 18px;
  }

  #nw-goals-modal .nw-achievements-overview__main strong {
    font-size: 1.22rem;
  }

  #nw-goals-modal .nw-achievement-card {
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 11px;
    align-items: start;
    padding: 13px;
    border-radius: 20px;
  }

  #nw-goals-modal .nw-achievement-card__mark {
    width: 38px;
    height: 38px;
    border-radius: 14px;
  }

  #nw-goals-modal .nw-achievement-card__top {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
  }

  #nw-goals-modal .nw-achievement-card__title {
    white-space: normal;
    font-size: 1rem;
  }

  #nw-goals-modal .nw-achievement-card__desc {
    white-space: normal;
    font-size: .85rem;
  }

  #nw-goals-modal .nw-achievement-card__compact-meta span {
    white-space: normal;
    overflow: visible;
  }

  #nw-goals-modal .nw-achievement-card__actions,
  #nw-goals-modal .nw-goal-actions {
    grid-column: 1 / -1;
    width: 100%;
    min-width: 0;
    justify-content: stretch;
  }

  #nw-goals-modal .nw-goal-claim-btn,
  #nw-goals-modal .nw-goal-status {
    width: 100%;
    min-height: 42px;
  }
}
/* Alpha Dev: account-wide Pack referral link */
.nw-pack-hub-referral-card {
  display: grid;
  align-content: start;
  gap: 10px;
  color: #ffffff;
  background:
    radial-gradient(circle at 100% 0%, rgba(150,236,108,.15), transparent 36%),
    linear-gradient(135deg, rgba(255,255,255,.065), rgba(255,255,255,.025)),
    rgba(1,8,5,.28);
}

.nw-pack-hub-referral-card[hidden] {
  display: none;
}

.nw-pack-hub-referral-card span,
.nw-achievements-referral-starter__copy span {
  display: block;
  color: rgba(230,244,226,.72);
  font-size: .72rem;
  line-height: 1;
  font-weight: 950;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.nw-pack-hub-referral-card strong,
.nw-achievements-referral-starter__copy strong {
  display: block;
  color: #ffffff;
  font-size: clamp(1.25rem, 1.8vw, 1.65rem);
  line-height: 1.05;
  letter-spacing: -.035em;
}

.nw-pack-hub-referral-card small,
.nw-achievements-referral-starter__copy p {
  display: block;
  margin: 0;
  color: rgba(245,248,241,.74);
  font-size: .92rem;
  line-height: 1.4;
  font-weight: 720;
}

.nw-pack-referral-card__link-row,
.nw-achievements-referral-starter__link-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  margin-top: 4px;
}

.nw-pack-referral-card__input,
.nw-achievements-referral-starter__input {
  width: 100%;
  min-height: 42px;
  border-radius: 14px;
  border: 1px solid rgba(205,255,219,.13);
  background: rgba(255,255,255,.07);
  color: rgba(246,255,242,.92);
  padding: 0 11px;
  font-size: .78rem;
  font-weight: 750;
  outline: none;
}

.nw-pack-referral-card__copy,
.nw-achievements-referral-starter__copy-btn {
  min-height: 42px;
  border: 0;
  border-radius: 14px;
  padding: 0 13px;
  background: linear-gradient(135deg, #96ec6c, #69d6a8);
  color: #07110c;
  cursor: pointer;
  font-size: .78rem;
  font-weight: 950;
  letter-spacing: .03em;
  white-space: nowrap;
}

.nw-pack-referral-card__status {
  color: rgba(245,248,241,.58);
  font-size: .78rem;
  line-height: 1.28;
  font-weight: 750;
}

.nw-achievements-referral-starter {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, .72fr);
  gap: 14px;
  align-items: center;
  padding: 18px;
  border-radius: 24px;
  border: 1px solid rgba(150,236,108,.22);
  background:
    radial-gradient(circle at 100% 0%, rgba(150,236,108,.16), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.065), rgba(255,255,255,.025)),
    rgba(4,14,9,.72);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 16px 38px rgba(0,0,0,.16);
}

.nw-achievements-referral-starter__copy {
  min-width: 0;
  display: grid;
  gap: 8px;
}

@media (max-width: 1180px) {
  .nw-pack-hub-secondary-grid {
    grid-template-columns: 1fr 1fr;
  }

  .nw-pack-hub-referral-card {
    grid-column: 1 / -1;
  }
}

@media (max-width: 749px) {
  .nw-pack-hub-secondary-grid,
  .nw-achievements-referral-starter {
    grid-template-columns: 1fr;
  }

  .nw-pack-referral-card__link-row,
  .nw-achievements-referral-starter__link-row {
    grid-template-columns: 1fr;
  }

  .nw-pack-referral-card__copy,
  .nw-achievements-referral-starter__copy-btn {
    width: 100%;
  }
}
/* Alpha Dev: Pack Hub command-center rebuild */
#nw-pack-den .nw-pack-hub-actions--command {
  display: grid;
  grid-template-columns: minmax(0, 1.18fr) minmax(0, .91fr) minmax(0, .91fr);
  gap: 14px;
  align-items: stretch;
  margin-bottom: 14px;
}

#nw-pack-den .nw-pack-hub-actions--command .nw-pack-hub-action {
  min-height: 248px;
}

#nw-pack-den .nw-pack-hub-action--achievements {
  position: relative;
  overflow: hidden;
  border-color: rgba(150, 236, 108, .30);
  background:
    radial-gradient(circle at 86% 12%, rgba(150, 236, 108, .24), transparent 32%),
    radial-gradient(circle at 8% 100%, rgba(105, 214, 168, .14), transparent 36%),
    linear-gradient(145deg, rgba(22, 72, 37, .98), rgba(6, 28, 17, .96));
  color: #f8fff6;
}

#nw-pack-den .nw-pack-hub-action--achievements.is-quiet {
  border-color: rgba(255,255,255,.16);
  background:
    radial-gradient(circle at 86% 12%, rgba(150, 236, 108, .13), transparent 32%),
    linear-gradient(145deg, rgba(18, 48, 29, .96), rgba(5, 24, 15, .93));
}

#nw-pack-den .nw-pack-hub-action--achievements.has-notification {
  border-color: rgba(150, 236, 108, .62);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 24px 58px rgba(0,0,0,.24),
    0 0 0 1px rgba(150,236,108,.14),
    0 0 46px rgba(150,236,108,.18);
}

#nw-pack-den .nw-pack-hub-action--achievements.has-notification::after {
  content: "";
  position: absolute;
  inset: 10px;
  border-radius: 24px;
  border: 1px solid rgba(150,236,108,.18);
  pointer-events: none;
}

#nw-pack-den .nw-pack-hub-action--achievements .nw-pack-hub-action__number {
  color: rgba(255,255,255,.16);
}

#nw-pack-den .nw-pack-hub-action__badge {
  position: absolute;
  top: 18px;
  right: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  max-width: max-content;
  min-width: 72px;
  min-height: 32px;
  padding: 0 13px;
  border-radius: 999px;
  background: linear-gradient(135deg, #96ec6c, #69d6a8);
  border: 1px solid rgba(255,255,255,.30);
  color: #07110c;
  font-size: .64rem;
  line-height: 1;
  font-style: normal;
  font-weight: 950;
  letter-spacing: .09em;
  text-align: center;
  text-transform: uppercase;
  box-shadow:
    0 12px 24px rgba(0,0,0,.20),
    0 0 20px rgba(150,236,108,.18);
  z-index: 4;
}

#nw-pack-den .nw-pack-hub-action__badge[hidden] {
  display: none;
}

#nw-pack-den .nw-pack-hub-achievements .nw-pack-hub-action__body strong {
  display: block;
  max-width: 460px;
  margin: 0;
  color: inherit;
  font-size: clamp(1.85rem, 2.6vw, 2.7rem);
  line-height: .98;
  letter-spacing: -.055em;
  font-weight: 950;
}

#nw-pack-den .nw-pack-hub-achievements .nw-pack-hub-action__desc {
  display: block;
  max-width: 520px;
  margin: 0;
  color: rgba(245, 248, 241, .84);
  font-size: 1rem;
  line-height: 1.42;
  font-weight: 780;
}

#nw-pack-den .nw-pack-hub-achievements .nw-pack-hub-action__footer > em {
  background: rgba(255,255,255,.16);
  border-color: rgba(255,255,255,.22);
  color: #ffffff;
}

#nw-pack-den .nw-pack-hub-action--achievements.has-notification .nw-pack-hub-action__footer > em {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  max-width: max-content;
  min-width: 112px;
  min-height: 42px;
  padding: 0 16px;
  border-radius: 999px;
  background: linear-gradient(135deg, #96ec6c, #69d6a8);
  border: 1px solid rgba(255,255,255,.30);
  color: #07110c;
  font-size: .88rem;
  font-style: normal;
  font-weight: 950;
  line-height: 1;
  text-align: center;
  box-shadow:
    0 14px 28px rgba(0,0,0,.18),
    0 0 18px rgba(150,236,108,.14);
}

#nw-pack-den .nw-pack-hub-action--trivia {
  background:
    radial-gradient(circle at 86% 14%, rgba(105,214,168,.19), transparent 32%),
    linear-gradient(145deg, rgba(15, 48, 31, .98), rgba(5, 25, 17, .94));
}

#nw-pack-den .nw-pack-hub-action--trivia .nw-pack-hub-action__body {
  padding-right: 86px;
}

#nw-pack-den .nw-pack-hub-action--wolves {
  background:
    radial-gradient(circle at 92% 10%, rgba(150, 236, 108, .20), transparent 28%),
    linear-gradient(145deg, rgba(255,255,255,.97), rgba(229,238,223,.92));
}

#nw-pack-den .nw-pack-hub-support-grid {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(300px, .82fr) minmax(0, 1.05fr);
  gap: 14px;
  margin-bottom: 14px;
}

#nw-pack-den .nw-pack-hub-support-grid .nw-pack-hub-rewards,
#nw-pack-den .nw-pack-hub-support-grid .nw-pack-hub-referral-card,
#nw-pack-den .nw-pack-hub-support-grid .nw-pack-hub-rankings-preview {
  min-height: 100%;
}

#nw-pack-den .nw-pack-hub-support-grid .nw-pack-hub-rankings-preview__list {
  max-height: 238px;
  overflow: auto;
}

#nw-pack-den .nw-pack-hub-support-grid .nw-pack-hub-mini-head strong {
  font-size: 1.12rem;
}

#nw-pack-den .nw-pack-hub-support-grid .nw-pack-hub-reward-row {
  align-items: stretch;
}

@media (max-width: 1180px) {
  #nw-pack-den .nw-pack-hub-actions--command {
    grid-template-columns: 1fr 1fr;
  }

  #nw-pack-den .nw-pack-hub-action--achievements {
    grid-column: 1 / -1;
  }

  #nw-pack-den .nw-pack-hub-actions--command .nw-pack-hub-action {
    min-height: 220px;
  }

  #nw-pack-den .nw-pack-hub-support-grid {
    grid-template-columns: 1fr 1fr;
  }

  #nw-pack-den .nw-pack-hub-support-grid .nw-pack-hub-rankings-preview {
    grid-column: 1 / -1;
  }
}

@media (max-width: 749px) {
  #nw-pack-den .nw-pack-hub-actions--command,
  #nw-pack-den .nw-pack-hub-support-grid {
    grid-template-columns: 1fr;
  }

  #nw-pack-den .nw-pack-hub-action--achievements,
  #nw-pack-den .nw-pack-hub-support-grid .nw-pack-hub-rankings-preview {
    grid-column: auto;
  }

  #nw-pack-den .nw-pack-hub-actions--command .nw-pack-hub-action {
    min-height: auto;
  }

  #nw-pack-den .nw-pack-hub-achievements .nw-pack-hub-action__body strong {
    font-size: clamp(1.75rem, 8vw, 2.35rem);
  }

  #nw-pack-den .nw-pack-hub-action__badge {
    top: 16px;
    right: 16px;
    width: auto;
    max-width: max-content;
    min-width: 66px;
    min-height: 30px;
    padding: 0 11px;
    background: linear-gradient(135deg, #96ec6c, #69d6a8);
    border: 1px solid rgba(255,255,255,.30);
    color: #07110c;
    font-size: .58rem;
    text-align: center;
    box-shadow:
      0 10px 20px rgba(0,0,0,.20),
      0 0 16px rgba(150,236,108,.16);
  }

  #nw-pack-den .nw-pack-hub-action--achievements.has-notification .nw-pack-hub-action__footer > em {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    max-width: max-content;
    min-width: 112px;
    min-height: 40px;
    padding: 0 15px;
    border-radius: 999px;
    background: linear-gradient(135deg, #96ec6c, #69d6a8);
    border: 1px solid rgba(255,255,255,.30);
    color: #07110c;
    font-size: .86rem;
    font-style: normal;
    font-weight: 950;
    line-height: 1;
    text-align: center;
    box-shadow:
      0 12px 24px rgba(0,0,0,.18),
      0 0 16px rgba(150,236,108,.14);
  }

  #nw-pack-den .nw-pack-hub-action--trivia .nw-pack-hub-action__body {
    padding-right: 90px;
  }

  #nw-pack-den .nw-pack-hub-support-grid {
    gap: 12px;
  }

  #nw-pack-den .nw-pack-hub-support-grid .nw-pack-hub-rankings-preview__list {
    max-height: 330px;
  }
}
/* Alpha Dev: account pill jumps to expanded Pack Hub */
#nw-pack-den button.nw-welcome-panel__account-card {
  appearance: none;
  font: inherit;
  color: inherit;
  cursor: pointer;
}

#nw-pack-den .nw-welcome-panel__account-card--jump {
  transition:
    transform .16s ease,
    border-color .16s ease,
    background .16s ease,
    box-shadow .16s ease;
}

#nw-pack-den .nw-welcome-panel__account-card--jump:hover {
  transform: translateY(-1px);
  border-color: rgba(150,236,108,.32);
  background: rgba(255,255,255,.12);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 12px 28px rgba(0,0,0,.16);
}

#nw-pack-den .nw-welcome-panel__account-card--jump:focus-visible {
  outline: 2px solid rgba(150,236,108,.72);
  outline-offset: 4px;
}
/* Alpha Dev: professional compact mobile archive */
@media (max-width: 749px) {
  #nw-pack-den .nw-archive-panel {
    padding: 0 !important;
    overflow: hidden;
    border-radius: 24px !important;
  }

  #nw-pack-den .nw-archive-toggle-main {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 12px !important;
    min-height: auto !important;
    padding: 16px !important;
    border-radius: 24px !important;
  }

  #nw-pack-den .nw-archive-panel.is-expanded .nw-archive-toggle-main {
    border-radius: 24px 24px 0 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.10) !important;
  }

  #nw-pack-den .nw-archive-toggle-main__icon,
  #nw-pack-den .nw-archive-toggle-main__badge {
    display: none !important;
  }

  #nw-pack-den .nw-archive-toggle-main__text {
    gap: 3px !important;
  }

  #nw-pack-den .nw-archive-toggle-main__text .nw-archive-panel__eyebrow {
    margin: 0 !important;
    font-size: .62rem !important;
    letter-spacing: .13em !important;
  }

  #nw-pack-den .nw-archive-toggle-main__text strong {
    font-size: 1.45rem !important;
    line-height: 1 !important;
    letter-spacing: -.04em !important;
  }

  #nw-pack-den .nw-archive-toggle-main__text small {
    display: none !important;
  }

  #nw-pack-den .nw-archive-toggle-main__side {
    gap: 0 !important;
  }

  #nw-pack-den .nw-archive-toggle-main__chevron {
    width: 36px !important;
    height: 36px !important;
  }

  #nw-pack-den .nw-archive-body {
    margin-top: 0 !important;
    padding: 14px !important;
    background: rgba(247, 246, 241, .96);
    color: #152019;
  }

  #nw-pack-den .nw-archive-panel__head {
    display: none !important;
  }

  #nw-pack-den .nw-archive-toolbar {
    display: grid !important;
    gap: 10px !important;
    margin: 0 0 12px !important;
  }

  #nw-pack-den #nw-archive-search {
    min-height: 46px !important;
    border-radius: 999px !important;
    padding: 0 16px !important;
    background: #ffffff !important;
    color: #152019 !important;
    border: 1px solid rgba(21,32,25,.12) !important;
    box-shadow: 0 10px 22px rgba(10,18,13,.06) !important;
  }

  #nw-pack-den #nw-archive-search::placeholder {
    color: rgba(21,32,25,.48) !important;
  }

  #nw-pack-den .nw-archive-type-filters {
    display: flex !important;
    grid-template-columns: none !important;
    gap: 8px !important;
    overflow-x: auto !important;
    padding-bottom: 2px !important;
    -webkit-overflow-scrolling: touch;
  }

  #nw-pack-den .nw-archive-type-filter {
    width: auto !important;
    flex: 0 0 auto !important;
    min-height: 38px !important;
    padding: 0 14px !important;
    border-radius: 999px !important;
    white-space: nowrap !important;
    font-size: .72rem !important;
  }

  #nw-pack-den .nw-archive-status {
    margin: 10px 0 12px !important;
    color: rgba(21,32,25,.66) !important;
    font-size: .84rem !important;
    font-weight: 800 !important;
  }

  #nw-pack-den .nw-archive-list {
    gap: 14px !important;
  }

  #nw-pack-den .nw-archive-item {
    padding: 12px !important;
    border-radius: 22px !important;
  }

  #nw-pack-den .nw-share-explainer {
    margin: 18px 0 0 !important;
    padding: 14px !important;
    border-radius: 18px !important;
    background: rgba(21,32,25,.06) !important;
    border: 1px solid rgba(21,32,25,.08) !important;
    color: #152019 !important;
  }

  #nw-pack-den .nw-share-explainer strong {
    display: block !important;
    margin-bottom: 5px !important;
    color: #152019 !important;
    font-size: .88rem !important;
  }

  #nw-pack-den .nw-share-explainer span {
    color: rgba(21,32,25,.70) !important;
    font-size: .82rem !important;
    line-height: 1.45 !important;
  }

  #nw-pack-den .nw-archive-footer {
    margin-top: 14px !important;
  }
}
@media (max-width: 749px) {
  #nw-pack-den .nw-archive-toggle-main {
    grid-template-columns: 1fr auto 1fr !important;
    text-align: center !important;
  }

  #nw-pack-den .nw-archive-toggle-main__text {
    grid-column: 2 !important;
    align-items: center !important;
    text-align: center !important;
  }

  #nw-pack-den .nw-archive-toggle-main__text .nw-archive-panel__eyebrow {
    font-size: .78rem !important;
    letter-spacing: .16em !important;
  }

  #nw-pack-den .nw-archive-toggle-main__text strong {
    font-size: clamp(2rem, 8.4vw, 2.75rem) !important;
    line-height: .95 !important;
  }

  #nw-pack-den .nw-archive-toggle-main__side {
    grid-column: 3 !important;
    justify-self: end !important;
  }
}
/* ==========================================================
   Den guest entry
   Subscriber-first Den access page.
   ========================================================== */

#nw-pack-den .nw-den-entry-shell,
#nw-pack-den .nw-den-entry-shell * {
  box-sizing: border-box;
}

#nw-pack-den .nw-den-entry-shell {
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
  padding: clamp(12px, 2vw, 20px) 0 clamp(14px, 2.6vw, 24px);
  color: #132018;
}

#nw-pack-den .nw-den-entry-top {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: clamp(16px, 2.4vw, 28px);
  align-items: end;
  justify-items: start;
  padding-bottom: clamp(16px, 2.6vw, 24px);
}

#nw-pack-den .nw-den-entry-top-copy {
  display: grid;
  gap: 8px;
  max-width: 740px;
  justify-items: start;
  text-align: left;
}

#nw-pack-den .nw-den-entry-top-copy .nw-den-entry-kicker {
  margin: 0;
}

#nw-pack-den .nw-den-entry-top-copy h1 {
  margin: 0;
  color: #132018;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(3.15rem, 5.8vw, 6.4rem);
  line-height: .86;
  letter-spacing: -.075em;
  text-align: left;
  text-shadow: 0 1px 0 rgba(255,255,255,.68);
}

#nw-pack-den .nw-den-entry-top-copy p:not(.nw-den-entry-kicker) {
  max-width: 660px;
  margin: 0;
  color: rgba(19,32,24,.72);
  font-size: clamp(1rem, 1.18vw, 1.16rem);
  line-height: 1.5;
  font-weight: 780;
}

#nw-pack-den .nw-den-entry-top-meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  max-width: 260px;
}

#nw-pack-den .nw-den-entry-top-meta span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(248,247,242,.76);
  border: 1px solid rgba(19,32,24,.10);
  color: rgba(19,32,24,.70);
  font-family: Arial, Helvetica, sans-serif;
  font-size: .68rem;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
  box-shadow: 0 10px 22px rgba(13,24,18,.06);
}

#nw-pack-den .nw-den-entry-copy {
  display: none !important;
}

#nw-pack-den .nw-den-entry-hero {
  display: block;
}

#nw-pack-den .nw-den-entry-panel {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(340px, .92fr);
  gap: clamp(14px, 2vw, 22px);
  align-items: stretch;
}

#nw-pack-den .nw-den-entry-side {
  display: grid;
  grid-template-rows: auto 1fr;
  gap: 14px;
  min-width: 0;
}

#nw-pack-den.nw-pack-den--setup-mode .nw-den-entry-top {
  grid-template-columns: minmax(0, 1fr);
  max-width: 860px;
  margin: 0 auto;
  justify-items: center;
  text-align: center;
}

#nw-pack-den.nw-pack-den--setup-mode .nw-den-entry-top-copy {
  max-width: 760px;
  justify-items: center;
  text-align: center;
}

#nw-pack-den.nw-pack-den--setup-mode .nw-den-entry-top-copy h1,
#nw-pack-den.nw-pack-den--setup-mode .nw-den-entry-top-copy p {
  text-align: center;
}

#nw-pack-den.nw-pack-den--setup-mode .nw-den-entry-top-meta {
  display: none;
}

#nw-pack-den.nw-pack-den--setup-mode .nw-den-entry-panel {
  grid-template-columns: minmax(0, 760px);
  justify-content: center;
}

#nw-pack-den.nw-pack-den--setup-mode .nw-den-auth-card {
  min-height: auto;
}

#nw-pack-den.nw-pack-den--setup-mode .nw-den-entry-side {
  display: none;
}

#nw-pack-den.nw-pack-den--setup-mode .nw-den-join-card {
  display: none !important;
}

#nw-pack-den .nw-den-auth-card,
#nw-pack-den .nw-den-join-card {
  position: relative;
  overflow: hidden;
  min-height: 100%;
  border-radius: 34px;
  box-shadow:
    0 30px 82px rgba(13, 24, 18, .18),
    0 1px 0 rgba(255,255,255,.28) inset;
}

#nw-pack-den .nw-den-auth-card {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: auto;
  padding: clamp(28px, 3vw, 36px);
  background:
    radial-gradient(circle at 90% 0%, rgba(150,236,108,.18), transparent 34%),
    radial-gradient(circle at 0% 100%, rgba(255,255,255,.08), transparent 42%),
    linear-gradient(145deg, rgba(22, 48, 33, .98), rgba(5, 18, 12, .98));
  border: 1px solid rgba(255,255,255,.16);
  color: #f8f7f1;
}

#nw-pack-den.nw-pack-den--setup-mode .nw-den-auth-card {
  padding: clamp(34px, 5vw, 62px);
  box-shadow:
    0 34px 96px rgba(13,24,18,.24),
    0 0 0 1px rgba(150,236,108,.16),
    0 1px 0 rgba(255,255,255,.28) inset;
}

#nw-pack-den .nw-den-auth-card::before {
  content: "";
  position: absolute;
  inset: 18px;
  border-radius: 26px;
  border: 1px solid rgba(255,255,255,.09);
  pointer-events: none;
}

#nw-pack-den .nw-den-join-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: auto;
  padding: clamp(22px, 2.6vw, 30px);
  background:
    radial-gradient(circle at 100% 0%, rgba(208,231,191,.18), transparent 34%),
    linear-gradient(180deg, rgba(250,248,241,.98), rgba(237,233,222,.98));
  border: 1px solid rgba(19,32,24,.09);
  color: #132018;
}

#nw-pack-den .nw-den-entry-kicker {
  margin: 0 0 12px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: .72rem;
  font-weight: 950;
  letter-spacing: .18em;
  line-height: 1;
  text-transform: uppercase;
}

#nw-pack-den .nw-den-auth-card .nw-den-entry-kicker {
  color: #96ec6c;
}

#nw-pack-den .nw-den-join-card .nw-den-entry-kicker {
  color: #9b7b43;
}

#nw-pack-den .nw-den-auth-card h2,
#nw-pack-den .nw-den-join-card h2,
#nw-pack-den .nw-den-after-subscribe h2 {
  margin: 0;
  font-family: Georgia, "Times New Roman", serif;
  line-height: .94;
  letter-spacing: -.055em;
}

#nw-pack-den .nw-den-auth-card h2 {
  color: #f8f7f1;
  font-size: clamp(2.55rem, 3.8vw, 4.2rem);
}

#nw-pack-den .nw-den-join-card h2,
#nw-pack-den .nw-den-after-subscribe h2 {
  color: #132018;
  font-size: clamp(1.72rem, 2.2vw, 2.35rem);
}

#nw-pack-den .nw-den-auth-card p,
#nw-pack-den .nw-den-join-card p,
#nw-pack-den .nw-den-after-subscribe p {
  margin: 14px 0 0;
  font-size: .96rem;
  line-height: 1.55;
  font-weight: 760;
}

#nw-pack-den .nw-den-auth-card p {
  max-width: 34ch;
  color: rgba(248,247,241,.82);
}

#nw-pack-den .nw-den-join-card p,
#nw-pack-den .nw-den-after-subscribe p {
  color: rgba(19,32,24,.72);
}

#nw-pack-den .nw-den-auth-card label,
#nw-pack-den .nw-den-join-card label {
  display: block;
  margin: 24px 0 8px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: .68rem;
  font-weight: 950;
  letter-spacing: .12em;
  line-height: 1;
  text-transform: uppercase;
}

#nw-pack-den .nw-den-auth-card label {
  margin-top: 20px;
  color: rgba(248,247,241,.86);
}

#nw-pack-den .nw-den-join-card label {
  color: #132018;
}

#nw-pack-den .nw-den-auth-card input,
#nw-pack-den .nw-den-join-card input {
  width: 100%;
  min-height: 60px;
  padding: 0 18px;
  border-radius: 18px;
  font-size: 1rem;
  outline: none;
}

#nw-pack-den .nw-den-auth-card input {
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.94);
  color: #132018;
  box-shadow:
    0 18px 34px rgba(0,0,0,.12),
    inset 0 1px 0 rgba(255,255,255,.76);
}

#nw-pack-den .nw-den-join-card input {
  border: 1px solid rgba(19,32,24,.14);
  background: rgba(255,255,255,.96);
  color: #132018;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.76);
}

#nw-pack-den .nw-den-auth-card input::placeholder,
#nw-pack-den .nw-den-join-card input::placeholder {
  color: rgba(19,32,24,.30);
}

#nw-pack-den .nw-den-auth-card input:focus,
#nw-pack-den .nw-den-join-card input:focus {
  border-color: rgba(150,236,108,.62);
  box-shadow:
    0 0 0 4px rgba(150,236,108,.14),
    0 18px 34px rgba(0,0,0,.12);
}

#nw-pack-den .nw-den-entry-help,
#nw-pack-den .nw-den-entry-note {
  color: rgba(19,32,24,.58);
  font-size: .84rem;
  line-height: 1.4;
  font-weight: 750;
}

#nw-pack-den .nw-den-auth-card .nw-den-entry-help {
  color: rgba(248,247,241,.66);
}

#nw-pack-den .nw-den-join-card .nw-den-entry-note {
  color: rgba(19,32,24,.58);
}

#nw-pack-den .nw-den-entry-actions {
  margin-top: 18px;
}

#nw-pack-den .nw-den-auth-card .nw-alert {
  margin: 0 0 18px;
  padding: 13px 14px;
  border-radius: 16px;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.14);
  color: rgba(248,247,241,.88);
  font-size: .92rem;
  font-weight: 800;
}

#nw-pack-den .nw-den-auth-card .nw-btn--primary {
  min-height: 58px;
  padding: 0 24px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.22);
  background: linear-gradient(135deg, #b8ff8d, #71f0b0);
  color: #07110c;
  font-size: .96rem;
  font-weight: 950;
  letter-spacing: .01em;
  box-shadow:
    0 22px 42px rgba(0,0,0,.24),
    0 0 28px rgba(150,236,108,.28);
}

#nw-pack-den .nw-den-auth-card .nw-btn--ghost {
  background: rgba(255,255,255,.10);
  color: #f8f7f1;
  border: 1px solid rgba(255,255,255,.16);
}

#nw-pack-den .nw-den-auth-card #nw-check-email,
#nw-pack-den .nw-den-auth-card #nw-send-code {
  min-width: 210px;
  align-self: flex-start;
}

#nw-pack-den .nw-shopify-newsletter-form {
  display: grid;
  gap: 10px;
  margin-top: 16px;
}

#nw-pack-den .nw-shopify-newsletter-form__row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}

#nw-pack-den .nw-den-subscribe-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: stretch;
}

#nw-pack-den .nw-den-join-card .nw-guest-landing-btn,
#nw-pack-den .nw-den-join-card .nw-guest-landing-btn--primary,
#nw-pack-den .nw-den-more-info-link {
  appearance: none;
  min-height: 52px;
  border-radius: 17px;
  padding: 0 18px;
  cursor: pointer;
  font-family: Arial, Helvetica, sans-serif;
  font-size: .9rem;
  font-weight: 950;
  text-decoration: none;
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease;
}

#nw-pack-den .nw-den-join-card .nw-guest-landing-btn,
#nw-pack-den .nw-den-join-card .nw-guest-landing-btn--primary {
  width: 100%;
  border: 1px solid rgba(19,32,24,.14);
  background: #132018;
  color: #f8f7f1;
  box-shadow: 0 12px 26px rgba(13,24,18,.12);
}

#nw-pack-den .nw-den-more-info-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 108px;
  border: 1px solid rgba(19,32,24,.12);
  background: rgba(19,32,24,.06);
  color: #132018;
}

#nw-pack-den .nw-den-join-card .nw-guest-landing-btn:hover,
#nw-pack-den .nw-den-more-info-link:hover {
  transform: translateY(-1px);
}

#nw-pack-den .nw-den-more-info-link:hover {
  border-color: rgba(19,32,24,.22);
  background: rgba(19,32,24,.09);
}

#nw-pack-den .nw-den-after-actions {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  margin-top: 18px;
}

#nw-pack-den .nw-den-join-card .nw-btn--primary {
  background: #132018;
  color: #f8f7f1;
}

#nw-pack-den .nw-den-join-card .nw-btn--ghost {
  color: #132018;
  border-color: rgba(19,32,24,.14);
  background: rgba(19,32,24,.06);
}

#nw-pack-den .nw-guest-entry-card__trust {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 22px;
  padding: 12px 14px;
  border-radius: 17px;
  border: 1px solid rgba(19,32,24,.10);
  background: rgba(255,255,255,.46);
  color: rgba(19,32,24,.70);
  font-size: .8rem;
  line-height: 1.35;
  font-weight: 750;
}

#nw-pack-den .nw-guest-entry-card__trust span {
  display: inline-grid;
  place-items: center;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  border-radius: 999px;
  background: #dfe9cf;
  color: #132018;
  font-weight: 900;
}

/* Archive directly below the two cards */

#nw-pack-den #nw-app {
  order: 2;
}

#nw-pack-den .nw-discovery-grid {
  order: 3;
  width: min(1180px, calc(100% - 40px));
  margin: clamp(12px, 2vw, 18px) auto 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
  align-items: start;
}

#nw-pack-den.nw-pack-den--member .nw-discovery-grid {
  width: 100%;
  max-width: none;
  margin: 18px 0 22px;
  gap: 0;
}

#nw-pack-den.nw-pack-den--member .nw-archive-shell {
  width: 100%;
  max-width: none;
  margin: 0;
}

#nw-pack-den.nw-pack-den--member #nw-archive-panel.nw-archive-panel--landing {
  width: 100%;
  max-width: none;
}

#nw-pack-den .nw-archive-shell {
  width: 100%;
  max-width: none;
  margin: 0 auto;
}

#nw-pack-den .nw-archive-panel--landing {
  width: 100%;
  padding: 12px;
  border-radius: 28px;
  overflow: hidden;
  background:
    radial-gradient(circle at 100% 0%, rgba(121,150,122,.13), transparent 34%),
    linear-gradient(180deg, rgba(250,248,241,.98), rgba(239,236,225,.98));
  border: 1px solid rgba(19,32,24,.10);
  box-shadow: 0 18px 52px rgba(13,24,18,.10);
  color: #132018;
}

#nw-pack-den.nw-pack-den--member .nw-archive-panel--landing {
  padding: 16px;
  border-radius: 30px;
}

#nw-pack-den .nw-archive-toggle-main {
  appearance: none;
  width: 100%;
  min-height: 82px;
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
  border: 0;
  border-radius: 22px;
  padding: clamp(16px, 2vw, 22px);
  cursor: pointer;
  text-align: left;
  background:
    radial-gradient(circle at 96% 0%, rgba(150,236,108,.14), transparent 34%),
    linear-gradient(135deg, rgba(248,247,242,.98), rgba(232,239,229,.96));
  color: #132018;
}

#nw-pack-den .nw-archive-toggle-main:hover {
  background:
    radial-gradient(circle at 96% 0%, rgba(150,236,108,.19), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.98), rgba(232,239,229,.98));
}

#nw-pack-den .nw-archive-toggle-main__icon {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border-radius: 999px;
  background: rgba(19,32,24,.07);
  border: 1px solid rgba(19,32,24,.12);
  color: #476a58;
  font-size: 1rem;
  font-weight: 950;
}

#nw-pack-den .nw-archive-toggle-main__text {
  display: grid;
  gap: 7px;
  min-width: 0;
}

#nw-pack-den .nw-archive-toggle-main__text .nw-archive-panel__eyebrow {
  margin: 0;
  color: #9b7b43;
  font-family: Arial, Helvetica, sans-serif;
  font-size: .68rem;
  font-weight: 950;
  letter-spacing: .16em;
  line-height: 1;
  text-transform: uppercase;
}

#nw-pack-den .nw-archive-toggle-main__text strong {
  color: #132018;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.55rem, 2.35vw, 2.35rem);
  line-height: .98;
  letter-spacing: -.055em;
}

#nw-pack-den .nw-archive-toggle-main__text small {
  max-width: 72ch;
  color: rgba(19,32,24,.66);
  font-size: .95rem;
  line-height: 1.42;
  font-weight: 780;
}

#nw-pack-den .nw-archive-toggle-main__side {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

#nw-pack-den .nw-archive-toggle-main__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0 15px;
  border-radius: 999px;
  background: rgba(19,32,24,.07);
  border: 1px solid rgba(19,32,24,.11);
  color: rgba(19,32,24,.72);
  font-family: Arial, Helvetica, sans-serif;
  font-size: .68rem;
  font-weight: 950;
  letter-spacing: .07em;
  text-transform: uppercase;
  white-space: nowrap;
}

#nw-pack-den .nw-archive-toggle-main__chevron {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: 999px;
  background: #132018;
  border: 1px solid rgba(19,32,24,.14);
  color: #f8f7f1;
  font-size: 1rem;
  font-weight: 950;
}

#nw-pack-den .nw-archive-body {
  margin-top: 0;
  padding: 4px clamp(14px, 2vw, 22px) clamp(16px, 2vw, 22px);
}

#nw-pack-den .nw-archive-body[hidden] {
  display: none !important;
}

#nw-pack-den .nw-archive-panel__head--landing {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 20px;
  align-items: start;
  margin: 18px 0;
}

#nw-pack-den .nw-archive-panel__head-copy p,
#nw-pack-den .nw-archive-panel__note {
  margin: 0;
  color: rgba(19,32,24,.72) !important;
  font-size: .98rem;
  line-height: 1.58;
  font-weight: 720;
}

#nw-pack-den .nw-archive-panel__note {
  margin-top: 8px;
}

#nw-pack-den .nw-archive-panel__head-actions {
  display: flex;
  justify-content: flex-end;
}

#nw-pack-den .nw-archive-toolbar {
  margin-bottom: 16px;
}

#nw-pack-den .nw-archive-toolbar input {
  width: 100%;
  min-height: 56px;
  padding: 0 16px;
  border-radius: 18px;
  border: 1px solid rgba(19,32,24,.12);
  background: rgba(255,255,255,.96);
  color: #132018;
  font-size: 1rem;
}

@media (max-width: 1100px) {
  #nw-pack-den .nw-den-entry-top {
    grid-template-columns: 1fr;
    align-items: start;
  }

  #nw-pack-den .nw-den-entry-top-meta {
    justify-content: flex-start;
    max-width: none;
  }

  #nw-pack-den .nw-den-entry-panel {
    grid-template-columns: 1fr;
    max-width: 760px;
    margin: 0 auto;
  }

  #nw-pack-den .nw-den-entry-side {
    grid-template-rows: auto;
  }

  #nw-pack-den .nw-den-auth-card,
  #nw-pack-den .nw-den-join-card {
    min-height: auto;
  }
}

@media (max-width: 840px) {
  #nw-pack-den .nw-archive-toggle-main {
    grid-template-columns: 54px minmax(0, 1fr);
  }

  #nw-pack-den .nw-archive-toggle-main__side {
    grid-column: 1 / -1;
    justify-content: flex-start;
    padding-left: 74px;
  }

  #nw-pack-den .nw-archive-panel__head--landing {
    grid-template-columns: 1fr;
  }

  #nw-pack-den .nw-archive-panel__head-actions {
    justify-content: flex-start;
  }
}

@media (max-width: 640px) {
  #nw-pack-den .nw-den-entry-shell,
  #nw-pack-den .nw-discovery-grid {
    width: min(100% - 24px, 1180px);
  }

  #nw-pack-den.nw-pack-den--member .nw-discovery-grid {
    width: 100%;
  }

  #nw-pack-den .nw-den-entry-top {
    padding-bottom: 26px;
  }



  #nw-pack-den .nw-den-entry-top-copy h1 {
    font-size: clamp(3.4rem, 17vw, 5.2rem);
  }

  #nw-pack-den .nw-den-auth-card,
  #nw-pack-den .nw-den-join-card {
    border-radius: 26px;
    padding: 24px;
  }

  #nw-pack-den .nw-den-auth-card h2 {
    font-size: clamp(2.7rem, 14vw, 4rem);
  }

  #nw-pack-den .nw-den-subscribe-actions {
    grid-template-columns: 1fr;
  }

  #nw-pack-den .nw-den-more-info-link {
    width: 100%;
  }

  #nw-pack-den .nw-row {
    align-items: stretch;
    flex-direction: column;
  }

  #nw-pack-den .nw-row .nw-btn,
  #nw-pack-den .nw-row a.nw-btn {
    width: 100%;
    justify-content: center;
  }

  #nw-pack-den .nw-archive-panel--landing,
  #nw-pack-den.nw-pack-den--member .nw-archive-panel--landing {
    padding: 12px;
    border-radius: 24px;
  }

  #nw-pack-den .nw-archive-toggle-main {
    min-height: 0;
    grid-template-columns: 1fr;
    gap: 14px;
    padding: 22px;
    border-radius: 20px;
  }

  #nw-pack-den .nw-archive-toggle-main__icon {
    width: 44px;
    height: 44px;
  }

  #nw-pack-den .nw-archive-toggle-main__side {
    grid-column: auto;
    justify-content: space-between;
    padding-left: 0;
  }

  #nw-pack-den .nw-archive-toggle-main__text strong {
    font-size: clamp(2rem, 10vw, 2.85rem);
  }
}
#nw-app:not([hidden]).nw-app--makeover > #nw-den-summary {
  order: 1;
}

#nw-archive-shell {
  order: 2;
}

#nw-app:not([hidden]).nw-app--makeover > #nw-den-summary-body {
  order: 3;
}

#nw-pack-den .nw-archive-pack-plus-offer[hidden] {
  display: none;
}

#nw-pack-den .nw-archive-pack-plus-offer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
  margin: 0 0 16px;
  padding: 16px;
  border-radius: 22px;
  border: 1px solid rgba(205,168,109,.26);
  background:
    radial-gradient(circle at 0% 0%, rgba(205,168,109,.18), transparent 34%),
    linear-gradient(135deg, rgba(25,39,29,.92), rgba(79,91,76,.78));
  box-shadow:
    0 16px 36px rgba(0,0,0,.16),
    inset 0 1px 0 rgba(255,255,255,.08);
}

#nw-pack-den .nw-archive-pack-plus-offer__copy {
  display: grid;
  gap: 6px;
  min-width: 0;
}

#nw-pack-den .nw-archive-pack-plus-offer__eyebrow {
  display: inline-flex;
  width: fit-content;
  padding: 6px 9px;
  border-radius: 999px;
  background: rgba(205,168,109,.16);
  border: 1px solid rgba(205,168,109,.26);
  color: #f4dfb8;
  font-family: Arial, Helvetica, sans-serif;
  font-size: .62rem;
  font-weight: 950;
  letter-spacing: .16em;
  line-height: 1;
  text-transform: uppercase;
}

#nw-pack-den .nw-archive-pack-plus-offer__copy strong {
  color: #ffffff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.25rem, 2vw, 1.75rem);
  line-height: 1.05;
  letter-spacing: -.035em;
}

#nw-pack-den .nw-archive-pack-plus-offer__copy p {
  max-width: 640px;
  margin: 0;
  color: rgba(247,246,242,.76);
  font-size: .92rem;
  line-height: 1.45;
  font-weight: 700;
}

#nw-pack-den .nw-archive-pack-plus-offer__plans {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

#nw-pack-den .nw-archive-pack-plus-offer__plan {
  min-width: 118px;
  min-height: 50px;
  display: grid;
  align-content: center;
  gap: 2px;
  padding: 10px 13px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(247,246,242,.96);
  color: #102015;
  font-family: Arial, Helvetica, sans-serif;
  cursor: pointer;
  text-align: left;
  box-shadow: 0 10px 22px rgba(0,0,0,.13);
}

#nw-pack-den .nw-archive-pack-plus-offer__plan span,
#nw-pack-den .nw-archive-pack-plus-offer__plan small {
  display: block;
}

#nw-pack-den .nw-archive-pack-plus-offer__plan span {
  color: rgba(16,32,21,.62);
  font-size: .62rem;
  font-weight: 950;
  letter-spacing: .12em;
  line-height: 1;
  text-transform: uppercase;
}

#nw-pack-den .nw-archive-pack-plus-offer__plan strong {
  color: #102015;
  font-size: .98rem;
  font-weight: 950;
  line-height: 1.05;
}

#nw-pack-den .nw-archive-pack-plus-offer__plan small {
  color: rgba(16,32,21,.62);
  font-size: .68rem;
  font-weight: 850;
  line-height: 1.1;
}#nw-pack-den .nw-pack-hub-action__badge {
  position: absolute;
  top: 18px;
  right: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  max-width: max-content;
  min-height: 30px;
  padding: 0 11px;
  border-radius: 999px;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.20);
  color: rgba(248,247,241,.92);
  font-size: .64rem;
  line-height: 1;
  font-style: normal;
  font-weight: 950;
  letter-spacing: .09em;
  text-transform: uppercase;
  box-shadow: none;
  z-index: 4;
}

#nw-pack-den .nw-archive-pack-plus-offer__plan--yearly {
  background: linear-gradient(135deg, #cda86d, #f1d59f);#nw-pack-den .nw-pack-hub-action__badge {
  position: absolute;
  top: 18px;
  right: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  max-width: max-content;
  min-height: 30px;
  padding: 0 11px;
  border-radius: 999px;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.20);
  color: rgba(248,247,241,.92);
  font-size: .64rem;
  line-height: 1;
  font-style: normal;
  font-weight: 950;
  letter-spacing: .09em;
  text-transform: uppercase;
  box-shadow: none;
  z-index: 4;
}
}

@media (max-width: 780px) {
  #nw-pack-den .nw-archive-pack-plus-offer {
    grid-template-columns: 1fr;
  }

  #nw-pack-den .nw-archive-pack-plus-offer__plans {
    justify-content: stretch;
  }

  #nw-pack-den .nw-archive-pack-plus-offer__plan {
    flex: 1 1 140px;
  }
}
#nw-pack-den .nw-archive-filter-group--deeper
  .nw-archive-type-filter--pack-plus:not(.is-active),
#nw-pack-den .nw-archive-filter-group--deeper
  .nw-archive-type-filter--pack-plus:not(.is-active) span {
  color: #18221c !important;
  opacity: 1 !important;
}