.halloween-deal { --hw-orange: #ffad55; --hw-light: #ffe1ae; border-color: #c16b2a; background: linear-gradient(145deg,#281008,#100b0f 48%,#29110a); box-shadow: 0 0 0 1px #7d41152b,0 15px 60px #e06a171c; }
.halloween-deal .news-update-summary { position: relative; padding-right: 116px; background: radial-gradient(ellipse at 95% 60%,#ff82242e,transparent 45%),linear-gradient(115deg,#31170c,#160d0d 60%); }
.halloween-deal .news-update-title h2 { color: #ffd08f; font-size: clamp(1.08rem,2vw,1.6rem); }
.halloween-deal .news-update-title p { max-width: 670px; color: #d1b3a1; }
.halloween-deal .news-badge { color: #ffda9e; border-color: #e9934f91; background: #c9631426; font-weight: 800; white-space: nowrap; }
.halloween-deal .news-new-badge { color: #241207; background: #ffc075; border-color: #f2a24c; }
.news-page .halloween-deal .halloween-active-badge { display: inline-flex; min-height: 30px; padding: 6px 11px; font-size: .66rem; }
.news-page:not(.news-detail-mode) .halloween-deal .news-update-summary { grid-template-columns: minmax(0,1fr); padding: 22px 116px 22px 24px; gap: 13px; }
.news-page:not(.news-detail-mode) .halloween-deal .news-update-head { display: flex; grid-column: 1; grid-row: 1; flex-direction: row; align-items: center; flex-wrap: wrap; gap: 10px; }
.news-page:not(.news-detail-mode) .halloween-deal .news-update-head time { margin-left: auto; font-size: .73rem; color: #c6a58c; }
.news-page:not(.news-detail-mode) .halloween-deal .news-update-title { grid-column: 1; grid-row: 2; }
.news-page:not(.news-detail-mode) .halloween-deal .news-update-title p { -webkit-line-clamp: 2; line-height: 1.7; font-size: .8rem; }
.news-page .halloween-deal .news-new-badge { display: none; }
.halloween-summary-pumpkin { position: absolute; width: 78px; height: 78px; right: 23px; top: 50%; transform: translateY(-50%) rotate(7deg); filter: drop-shadow(0 0 17px #ff7b3259); pointer-events: none; }
.halloween-deal .news-update-body.halloween-body { padding: clamp(18px,3vw,38px); color: #d4bba9; background: radial-gradient(ellipse at 0 15%,#873a161b,transparent 42%),radial-gradient(ellipse at 100% 80%,#853a1d20,transparent 42%),#120c0b; }
.halloween-body > section + section { margin-top: 54px; }
.halloween-body h3 { margin: 8px 0 16px; color: #ffe0ae; font-family: 'Cinzel',serif; font-size: clamp(1.25rem,2.8vw,1.85rem); line-height: 1.45; }
.halloween-body h4 { color: #f5d5ac; font-family: 'Cinzel',serif; }
.halloween-body p { line-height: 1.85; }
.halloween-body a { color: #ffd396; }
.halloween-eyebrow { display: block; margin: 0 0 9px; color: #e99552; font: 800 .66rem/1.6 'Inter',sans-serif; letter-spacing: .17em; text-transform: uppercase; }
.halloween-hero { position: relative; isolation: isolate; overflow: hidden; padding: 40px 30px 0; border: 1px solid #af612d6b; border-radius: 22px; background: radial-gradient(ellipse at 50% 60%,#bd541326,transparent 63%),linear-gradient(165deg,#281408,#130a0a); text-align: center; }
.halloween-hero:before { content: ''; position: absolute; inset: 0; z-index: -1; opacity: .5; background: radial-gradient(circle at 12% 55%,#ffb958 0 1px,transparent 2px),radial-gradient(circle at 80% 32%,#ff9e43 0 1px,transparent 2px),radial-gradient(circle at 64% 80%,#e48b31 0 1px,transparent 2px); background-size: 103px 157px,173px 209px,211px 89px; }
.halloween-web { position: absolute; top: 0; width: 175px; opacity: .42; pointer-events: none; }
.halloween-web-left { left: 0; }
.halloween-web-right { right: 0; transform: scaleX(-1); }
.halloween-hero-pumpkin { display: block; position: relative; width: 135px; height: 135px; margin: 0 auto 15px; filter: drop-shadow(0 0 34px #ed732046); animation: halloween-float 6s ease-in-out infinite; }
.halloween-hero h2 { margin: 10px 0 18px; color: #fff1d1; font: 700 clamp(1.75rem,4vw,3.15rem)/1.2 'Cinzel',serif; letter-spacing: -.025em; }
.halloween-hero h2 span { color: #f7aa57; }
.halloween-hero > p { color: #ceb3a0; font-size: .96rem; }
.halloween-hero-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 20px; margin: 26px 0 33px; }
.halloween-body .halloween-button { display: inline-flex; justify-content: center; align-items: center; gap: 12px; min-height: 48px; padding: 13px 20px; color: #2b170a; border: 1px solid #ffe0a3; border-radius: 10px; background: linear-gradient(120deg,#ffdd96,#f69843); box-shadow: 0 8px 26px #e4791a25; font: 800 .75rem/1.6 'Inter',sans-serif; text-decoration: none; }
.halloween-button:hover { filter: brightness(1.08); transform: translateY(-1px); }
.halloween-text-link { display: inline-flex; align-items: center; padding-block: 8px; color: #ffc583; font-size: .76rem; font-weight: 700; text-decoration: none; }
.halloween-text-link:hover { color: #ffe9c6; text-decoration: underline; }
.halloween-date-strip { display: grid; grid-template-columns: 1fr 1fr; margin: 0 -30px; border-top: 1px solid #b466303b; background: #120a095e; }
.halloween-date-strip > span { padding: 17px 12px; font-size: .69rem; color: #cbb09e; }
.halloween-date-strip strong { display: block; margin-bottom: 4px; color: #ffe0b0; font-size: .73rem; }
.halloween-date-strip > span + span { border-left: 1px solid #b466303b; }
.halloween-choice-grid,.halloween-live-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.halloween-single-column { grid-template-columns: minmax(0,1fr); }
.halloween-choice-card { position: relative; padding: 26px; border: 1px solid #92542b73; border-radius: 18px; background: radial-gradient(ellipse at 100% 0,#9c451519,transparent 55%),#1c110c; }
.halloween-choice-number { position: absolute; right: 20px; top: 15px; font: 700 2.5rem/1 'Cinzel',serif; color: #b265302e; }
.halloween-choice-card h4 { margin: 0; font-size: 1.25rem; }
.halloween-choice-card .halloween-choice-threshold { margin: 10px 0 17px; color: #ffc573; font: 700 2.15rem/1.25 'Cinzel',serif; }
.halloween-choice-threshold span { display: block; margin-top: 7px; font: 500 .72rem/1.65 'Inter',sans-serif; color: #bd9980; }
.halloween-choice-card p:not(.halloween-choice-threshold) { font-size: .79rem; }
.halloween-choice-individual { border-color: #e68e4469; background: radial-gradient(ellipse at 0 0,#b65b2329,transparent 65%),#22140d; }
.halloween-choice-note { padding: 20px 23px; margin-top: 18px; border: 1px solid #de8f454d; border-left: 3px solid #efaa62; border-radius: 12px; background: #8a401512; font-size: .82rem; line-height: 1.9; }
.halloween-choice-note strong,.halloween-body li strong { color: #f4d2a9; }
.halloween-deal .news-update-body .halloween-choice-card .halloween-godmode-warning { margin: 13px 0 17px; padding: 13px 14px; border: 1px solid #ff6b7259; border-left: 3px solid #ff6b72; border-radius: 8px; background: #a61b2814; color: #ff6b72; font-size: .77rem; font-weight: 700; line-height: 1.8; }
.halloween-deal .halloween-godmode-warning strong { color: inherit; }
.halloween-purchase-note { margin: 18px 2px 0; color: #cdb098; font-size: .8rem; }
.halloween-purchase-note strong { color: #ffcf96; }
.halloween-steps { list-style: none; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 23px 28px; }
.halloween-steps li { display: flex; align-items: flex-start; gap: 15px; margin: 0; }
.halloween-steps li > span { flex: 0 0 32px; display: grid; place-items: center; height: 32px; border: 1px solid #e9925263; border-radius: 10px; color: #ffc17c; background: #b15a1625; font: 700 1rem 'Cinzel',serif; }
.halloween-steps h4 { margin: 3px 0 5px; font-size: .84rem; }
.halloween-steps p { margin: 0; font-size: .77rem; }
.halloween-live-section > p:not(.halloween-eyebrow),.halloween-prizes > p:not(.halloween-eyebrow) { font-size: .83rem; }
.halloween-live-card { min-width: 0; align-self: start; overflow: hidden; padding: 13px; border: 1px solid #a7673766; border-radius: 18px; background: #1a100c; }
.halloween-live-card-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 8px 18px; border-bottom: 1px solid #965b3333; }
.halloween-live-card-heading span { color: #ffe0ad; font: 700 1rem 'Cinzel',serif; }
.halloween-live-card-heading strong { color: #d9a168; font: 600 .6rem/1.6 'Inter',sans-serif; text-align: right; }
.halloween-wheel-frame { display: block; width: 100%; border: 0; background: transparent; color-scheme: dark; }
.halloween-live-card > a { display: flex; justify-content: center; border-top: 1px solid #9d613332; margin-top: 4px; padding: 15px 6px 8px; }
.halloween-prize-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.halloween-prize-grid article { position: relative; display: flex; flex-direction: column; align-items: center; padding: 19px 12px 15px; min-width: 0; text-align: center; border: 1px solid #8b573e4d; border-radius: 14px; background: radial-gradient(ellipse at 50% 35%,#82441316,transparent 70%),#1b120d; }
.halloween-prize-grid article > div { display: flex; justify-content: center; align-items: center; width: 100%; height: 91px; margin-bottom: 12px; }
.halloween-prize-grid img { display: block; object-fit: contain; max-width: 82px; max-height: 91px; filter: drop-shadow(0 6px 10px #0008); }
.halloween-prize-grid img[src$="donator-5000.png"] { width: 43px; image-rendering: pixelated; }
.halloween-prize-grid h4 { margin: 0 0 12px; font: 600 .7rem/1.7 'Inter',sans-serif; }
.halloween-prize-grid article > span { margin-top: auto; padding: 4px 10px; color: #eab178; border: 1px solid #bc793638; border-radius: 20px; background: #b4671412; font-size: .65rem; font-weight: 700; }
.halloween-prize-grid small { position: absolute; top: 9px; left: 11px; font-size: .46rem; letter-spacing: .1em; color: #f2b365; text-transform: uppercase; }
.halloween-prize-grid .halloween-prize-rare { border-color: #b267388c; background: radial-gradient(ellipse at 50% 35%,#df682326,transparent 75%),#201309; }
.halloween-prize-grid .halloween-prize-gold { border-color: #f0c1719c; background: radial-gradient(ellipse at 50% 35%,#f4ae3b2e,transparent 75%),#23180d; }
.halloween-bonds img { width: 45px; height: 57px; }
.halloween-bonds img + img { margin-left: -13px; }
.halloween-small { color: #967d6a; font-size: .69rem !important; }
.halloween-rules { padding: 25px; border: 1px solid #a05e373f; border-radius: 18px; background: #1a100c; }
.halloween-rule-list { display: grid; gap: 15px; padding-left: 20px; margin: 0; font-size: .78rem; line-height: 1.9; }
.halloween-rule-list li::marker { color: #e2954f; }
.halloween-finale { display: flex; align-items: center; justify-content: center; gap: 24px; padding: 30px; border-top: 1px solid #a767373b; text-align: left; }
.halloween-finale > img { flex: 0 0 100px; width: 100px; height: 100px; filter: drop-shadow(0 0 25px #f8862433); }
.halloween-finale h3 { margin-bottom: 7px; }
.halloween-finale p:not(.halloween-eyebrow) { font-size: .8rem; margin-top: 0; }
@media (min-width: 841px) and (max-width: 1100px) {
  .news-page .nav-group > a,.news-page .nav-dropdown-trigger { font-size: .76rem; padding-inline: 5px; letter-spacing: .01em; }
  .news-page .nav-group { gap: 0; }
  .news-page .nav-center-gap { flex-basis: 110px; }
  .news-page .nav-dropdown-menu { left: auto; right: 0; }
}
@media (min-width: 841px) and (max-width: 899px) {
  .news-page .nav-group > a,.news-page .nav-dropdown-trigger { font-size: .74rem; }
  .news-page .crest-brand img { width: 100px; }
}
@keyframes halloween-float { 0%,100% { transform: translateY(0) rotate(-3deg); } 50% { transform: translateY(-7px) rotate(3deg); } }
@media(max-width:900px) { .halloween-live-grid { grid-template-columns: 1fr; } .halloween-live-card { max-width: 700px; width: 100%; margin-inline: auto; } }
@media(max-width:640px) { .halloween-deal .news-update-summary { padding: 19px 72px 19px 18px; } .halloween-summary-pumpkin { width: 59px; height: 59px; right: 9px; top: 45px; } .halloween-deal .news-update-title h2 { font-size: 1rem; } .halloween-deal .news-update-title p { font-size: .74rem; } .halloween-deal .news-update-head { flex-direction: row; gap: 8px; flex-wrap: wrap; } .halloween-deal .news-update-body.halloween-body { padding: 14px; } .halloween-hero { padding: 27px 17px 0; } .halloween-hero-pumpkin { width: 110px; height: 110px; } .halloween-web { width: 120px; } .halloween-date-strip { margin-inline: -17px; } .halloween-date-strip > span { font-size: .6rem; padding-inline: 8px; } .halloween-date-strip strong { font-size: .65rem; } .halloween-hero > p { font-size: .79rem; } .halloween-choice-grid,.halloween-steps { grid-template-columns: 1fr; } .halloween-choice-card { padding: 22px; } .halloween-body > section + section { margin-top: 38px; } .halloween-prize-grid { grid-template-columns: 1fr 1fr; gap: 9px; } .halloween-prize-grid article:last-child { grid-column: 1 / -1; } .halloween-prize-grid h4 { font-size: .62rem; } .halloween-rules { padding: 18px; } .halloween-live-card { padding: 5px; } .halloween-finale { flex-direction: column; text-align: center; padding-inline: 5px; gap: 10px; } .halloween-hero-actions { gap: 13px; } .halloween-button { width: 100%; } }
@media(prefers-reduced-motion:reduce) { .halloween-hero-pumpkin { animation: none; } .halloween-button:hover { transform: none; } }
@media(max-width:640px) { .news-page:not(.news-detail-mode) .halloween-deal .news-update-summary { padding: 18px 70px 18px 17px; } .news-page:not(.news-detail-mode) .halloween-deal .news-update-head { gap: 7px; } .news-page:not(.news-detail-mode) .halloween-deal .news-update-head time { width: 100%; margin: 0; font-size: .64rem; } .news-page:not(.news-detail-mode) .halloween-deal .news-update-number { font-size: .63rem; padding-inline: 7px; } .news-page .halloween-deal .halloween-active-badge { font-size: .6rem; padding-inline: 7px; } .news-page:not(.news-detail-mode) .halloween-deal .news-update-title h2 { font-size: .97rem; } }

.goodie-bag-announcement { padding: clamp(22px,4vw,36px); border: 1px solid #b88745; border-radius: 18px; background: radial-gradient(ellipse at 100% 0,#9c6b302b,transparent 65%),#1c130c; color: #d7c2a6; }
.goodie-bag-announcement[hidden],.news-detail-mode .goodie-bag-announcement { display: none !important; }
.goodie-bag-announcement h2 { margin: 8px 0 15px; color: #ffe0ae; font: 700 clamp(1.2rem,3vw,1.8rem)/1.4 'Cinzel',serif; }
.goodie-bag-announcement p,.goodie-bag-announcement li { font-size: .84rem; line-height: 1.85; }
.goodie-bag-announcement strong { color: #ffcf8d; }
.goodie-bag-announcement ol { margin: 18px 0; padding-left: 22px; }
.goodie-bag-announcement li + li { margin-top: 7px; }
.goodie-bag-announcement .halloween-button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 46px; margin-top: 8px; padding: 12px 19px; border: 1px solid #ffe0a3; border-radius: 10px; background: linear-gradient(120deg,#ffdd96,#f69843); color: #2b170a; font-size: .8rem; font-weight: 800; text-decoration: none; }
@media(max-width:640px) { .goodie-bag-announcement .halloween-button { width: 100%; box-sizing: border-box; } }