.new-player-event-page{background:#070909;color:#eee9df;min-height:70vh}.new-player-event-hero:before{background:radial-gradient(circle at 78% 12%,rgba(202,161,82,.13),transparent 38%),linear-gradient(180deg,rgba(11,14,13,.2),rgba(7,9,9,.94))}.new-player-event-layout{display:grid;gap:20px}.new-player-event-panel,.new-player-event-notice{border:1px solid rgba(180,143,72,.42);background:linear-gradient(135deg,rgba(25,29,35,.94),rgba(10,13,14,.97));padding:30px}.new-player-event-kicker{color:#d8ad55;font-size:12px;letter-spacing:.16em}.new-player-event-panel h2{margin:8px 0 22px;font-family:Georgia,"Noto Serif TC",serif;font-size:28px}.new-player-event-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.new-player-event-steps>div{border:1px solid rgba(180,143,72,.25);background:rgba(5,8,9,.42);padding:18px}.new-player-event-steps strong{color:#d8ad55;font:24px Georgia,serif}.new-player-event-steps p{margin:8px 0 0;color:#c7c3ba;line-height:1.8}.new-player-event-steps b{color:#f1d487}.new-player-line-button{margin-top:22px;display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 20px;border-radius:4px;background:#06c755;color:#fff;text-decoration:none;font-weight:700}.new-player-line-button span{font-size:12px;border:1px solid rgba(255,255,255,.65);border-radius:50%;padding:4px}.new-player-reward-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.new-player-reward-card{border:1px solid rgba(180,143,72,.35);background:#101419;padding:20px}.new-player-reward-head{display:flex;align-items:center;gap:16px}.new-player-reward-head>div:last-child>span{font-size:11px;color:#b79a63;letter-spacing:.13em}.new-player-reward-head h3{margin:5px 0 0;font-size:20px}.new-player-reward-icon{width:80px;height:80px;flex:0 0 80px;display:grid;place-items:center;border:1px solid #806634;border-radius:18px;background:radial-gradient(circle,rgba(214,171,87,.18),rgba(21,24,28,.96) 68%);box-shadow:inset 0 0 24px rgba(214,171,87,.08),0 0 18px rgba(214,171,87,.05)}.new-player-reward-icon img{width:64px;height:64px;object-fit:contain;image-rendering:auto}.new-player-reward-icon span{color:#d8ad55;font:26px Georgia,serif}.new-player-reward-card details{margin-top:18px;border-top:1px solid rgba(180,143,72,.25)}.new-player-reward-card summary{cursor:pointer;padding:15px 0;color:#e5c579}.new-player-reward-card summary small{float:right;color:#8e918f}.new-player-reward-items{display:grid;gap:8px}.new-player-reward-item{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;min-height:58px;padding:7px 10px;border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.16)}.new-player-item-icon{width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(180,143,72,.28);border-radius:10px;background:radial-gradient(circle,rgba(214,171,87,.12),rgba(9,12,14,.95))}.new-player-item-icon img{max-width:32px;max-height:32px;object-fit:contain}.new-player-reward-item strong{font-weight:500}.new-player-reward-item em{font-style:normal;color:#e8c56f}.new-player-reward-empty{padding:16px;color:#8f918d}.new-player-reward-card--secondary p{color:#aeb2b3;line-height:1.8;margin:20px 0 0}.new-player-event-notice{border-left:3px solid #c49a47;padding:18px 22px}.new-player-event-notice strong{color:#e5c579}.new-player-event-notice p{display:inline;margin-left:12px;color:#c6c3bc;line-height:1.7}@media(max-width:820px){.new-player-event-steps,.new-player-reward-grid{grid-template-columns:1fr}.new-player-event-panel{padding:22px}.new-player-event-notice p{display:block;margin:8px 0 0}}

/* NETPC-2-6 Hotfix-26-2 | New Player Reward Layout Polish */

/* Improve hero/title readability without changing the hero structure. */
.new-player-event-hero h1,
.new-player-event-hero__title,
.new-player-event-page .page-hero h1,
.new-player-event-page .hero h1{
  color:#f3efe6!important;
  text-shadow:0 2px 18px rgba(0,0,0,.35)!important;
}
.new-player-event-hero p,
.new-player-event-hero__subtitle,
.new-player-event-page .page-hero p,
.new-player-event-page .hero p{
  color:#aeb7c2!important;
}

/* The reward section currently has one package only: let it use the full row. */
.new-player-reward-grid,
.new-player-package-grid,
.new-player-event-rewards,
.new-player-event-page .reward-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:14px!important;
}

/* Full-width horizontal reward card */
.new-player-reward-card,
.new-player-package-card,
.new-player-event-page .reward-card{
  width:100%!important;
  max-width:none!important;
  display:grid!important;
  grid-template-columns:96px minmax(0,1fr)!important;
  align-items:center!important;
  gap:16px!important;
  padding:20px!important;
  box-sizing:border-box!important;
}

/* Icon remains compact and aligned with the shop visual language. */
.new-player-reward-card__icon,
.new-player-package-card__icon,
.new-player-event-page .reward-card__icon{
  width:80px!important;
  height:80px!important;
  min-width:80px!important;
  min-height:80px!important;
  display:grid!important;
  place-items:center!important;
}
.new-player-reward-card__icon img,
.new-player-package-card__icon img,
.new-player-event-page .reward-card__icon img{
  width:64px!important;
  height:64px!important;
  max-width:64px!important;
  max-height:64px!important;
  object-fit:contain!important;
}

/* Reward content should use the remaining row width instead of leaving dead space. */
.new-player-reward-card__body,
.new-player-package-card__body,
.new-player-event-page .reward-card__body{
  min-width:0!important;
  width:100%!important;
}

/* Keep the expandable package-content row clean and full width. */
.new-player-package-toggle,
.new-player-reward-card details,
.new-player-package-card details,
.new-player-event-page .reward-card details{
  width:100%!important;
}

/* Step cards: maintain equal height and spacing. */
.new-player-steps,
.new-player-event-steps{
  align-items:stretch!important;
}
.new-player-step,
.new-player-event-step{
  height:100%!important;
  box-sizing:border-box!important;
}

/* Mobile: stack reward icon above the text. */
@media(max-width:640px){
  .new-player-reward-card,
  .new-player-package-card,
  .new-player-event-page .reward-card{
    grid-template-columns:1fr!important;
  }
}


/* NETPC-2-6 Hotfix-26-2-1 | Hero Overlay Stacking Order Fix
   Keep the dark atmospheric overlay, but move it below the hero copy. */
.new-player-event-hero,
.new-player-event-page .page-hero,
.new-player-event-page .hero{
  position:relative!important;
  isolation:isolate!important;
}

/* Background/decorative overlays */
.new-player-event-hero::before,
.new-player-event-hero::after,
.new-player-event-page .page-hero::before,
.new-player-event-page .page-hero::after,
.new-player-event-page .hero::before,
.new-player-event-page .hero::after{
  z-index:0!important;
  pointer-events:none!important;
}

/* Promote every real content wrapper above the overlay. */
.new-player-event-hero > *,
.new-player-event-page .page-hero > *,
.new-player-event-page .hero > *{
  position:relative!important;
  z-index:2!important;
}

/* Explicitly protect the copy in case legacy CSS targets it directly. */
.new-player-event-hero h1,
.new-player-event-hero p,
.new-player-event-hero__title,
.new-player-event-hero__subtitle,
.new-player-event-page .page-hero h1,
.new-player-event-page .page-hero p,
.new-player-event-page .hero h1,
.new-player-event-page .hero p{
  position:relative!important;
  z-index:3!important;
  opacity:1!important;
  filter:none!important;
}


/* NETPC-2-6 Hotfix-26-2-2 | Reward Card Layout Regression Fix */

/*
  Hotfix-26-2 used generic grid selectors that accidentally turned the inner
  package header into a narrow grid column. Restore the original internal
  flow while keeping the outer reward card full width.
*/
.new-player-reward-card,
.new-player-package-card,
.reward-package-card{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  padding:20px!important;
  box-sizing:border-box!important;
}

/* Package heading: icon + text side by side */
.new-player-reward-card__head,
.new-player-package-card__head,
.reward-package-card__head,
.new-player-reward-card > header,
.new-player-package-card > header{
  display:grid!important;
  grid-template-columns:80px minmax(0,1fr)!important;
  gap:16px!important;
  align-items:center!important;
  width:100%!important;
}

/* Never allow reward title text to collapse into a one-character column. */
.new-player-reward-card__title,
.new-player-package-card__title,
.reward-package-card__title,
.new-player-reward-card h3,
.new-player-package-card h3{
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  white-space:normal!important;
  word-break:keep-all!important;
  overflow-wrap:normal!important;
  writing-mode:horizontal-tb!important;
}

/* Eyebrow/label remains horizontal. */
.new-player-reward-card .eyebrow,
.new-player-package-card .eyebrow,
.reward-package-card .eyebrow{
  display:block!important;
  white-space:nowrap!important;
  writing-mode:horizontal-tb!important;
}

/* Icon holder */
.new-player-reward-card__icon,
.new-player-package-card__icon,
.reward-package-card__icon{
  width:80px!important;
  height:80px!important;
  min-width:80px!important;
  min-height:80px!important;
  display:grid!important;
  place-items:center!important;
  grid-column:1!important;
}
.new-player-reward-card__icon img,
.new-player-package-card__icon img,
.reward-package-card__icon img{
  width:64px!important;
  height:64px!important;
  max-width:64px!important;
  max-height:64px!important;
  object-fit:contain!important;
}

/* Text content must occupy the full second column. */
.new-player-reward-card__body,
.new-player-package-card__body,
.reward-package-card__body{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  grid-column:2!important;
}

/* Package details/toggle go under the header, spanning full width. */
.new-player-reward-card details,
.new-player-package-card details,
.reward-package-card details,
.new-player-package-toggle{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin-top:16px!important;
  clear:both!important;
}
.new-player-reward-card summary,
.new-player-package-card summary,
.reward-package-card summary{
  width:100%!important;
  box-sizing:border-box!important;
}

/* Generic safety for the visible title/label block from the current markup. */
.new-player-reward-card strong,
.new-player-package-card strong,
.reward-package-card strong{
  writing-mode:horizontal-tb!important;
  word-break:keep-all!important;
  overflow-wrap:normal!important;
}

/* Outer reward section remains single-column full width. */
.new-player-reward-grid,
.new-player-package-grid,
.new-player-event-rewards,
.new-player-event-page .reward-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  width:100%!important;
}

/* Mobile */
@media(max-width:640px){
  .new-player-reward-card__head,
  .new-player-package-card__head,
  .reward-package-card__head,
  .new-player-reward-card > header,
  .new-player-package-card > header{
    grid-template-columns:64px minmax(0,1fr)!important;
    gap:12px!important;
  }
  .new-player-reward-card__icon,
  .new-player-package-card__icon,
  .reward-package-card__icon{
    width:64px!important;
    height:64px!important;
    min-width:64px!important;
    min-height:64px!important;
  }
  .new-player-reward-card__icon img,
  .new-player-package-card__icon img,
  .reward-package-card__icon img{
    width:52px!important;
    height:52px!important;
    max-width:52px!important;
    max-height:52px!important;
  }
}