.itemcodes-page{background:#111210}.codes-hero{position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid #aa89542e;background:radial-gradient(ellipse at 75% 55%,#48403355,transparent 55%),#141513}.codes-hero__inner{position:relative;padding-block:26px 58px;min-height:560px}.codes-hero .crumbs{margin-bottom:50px}.codes-hero__copy{width:55%;position:relative;z-index:2}.codes-eyebrow{font-size:10px;letter-spacing:.23em;color:#bfa473;font-weight:500}.codes-kicker{font-family:var(--display);color:#dcc391;font-size:19px;margin-top:22px}.codes-hero h1{font:500 clamp(32px,3.4vw,54px)/1.35 var(--display);max-width:630px;color:#f1eade;margin:10px 0 18px}.codes-intro{max-width:450px;color:#aead9f;line-height:1.9;font-size:15px}.codes-actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:28px}.codes-text-link{font-size:13px;color:#d6c6a6}.codes-text-link span{margin-left:12px}.codes-tally{display:flex;align-items:center;gap:26px;margin-top:38px;border-top:1px solid #bc97562e;padding-top:20px}.codes-tally>div{display:flex;align-items:center;gap:10px}.codes-tally strong{font:32px var(--display);color:#d7bd88}.codes-tally span,.codes-tally a{font-size:11px;color:#a5a493}.codes-tally>a{margin-left:auto}.codes-hero__art{position:absolute;inset:0;z-index:-1;overflow:hidden}.codes-hero__scene{position:absolute;right:0;width:70%;height:100%;object-fit:cover;opacity:.2;mask-image:linear-gradient(90deg,transparent,#000 50%)}.codes-hero__character{position:absolute;right:0;bottom:-12%;width:57%;height:112%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 15px 35px #0008)}.codes-hero__art>span{position:absolute;right:5%;top:20%;font:180px var(--han);color:#d2ae6430;z-index:-1}.codes-section{padding-block:52px;scroll-margin-top:110px}.codes-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:27px}.codes-heading h2{font:400 clamp(23px,2vw,30px) var(--display);color:#e4d4b5;margin-top:10px}.codes-heading>p{font-size:12px;color:#959589}.codes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.code-card{position:relative;isolation:isolate;overflow:hidden;border:1px solid #9a804140;background:linear-gradient(145deg,#262820,#181a17);border-radius:5px;min-width:0;transition:border-color .2s,transform .2s}.code-card:hover{border-color:#bd995d;transform:translateY(-3px)}.code-card__art{position:relative;height:155px;overflow:hidden;background:radial-gradient(ellipse at bottom,#90826745,transparent 70%);border-bottom:1px solid #ae94532b}.code-card__art img{position:absolute;inset:-12% 0 auto;margin:auto;width:85%;height:250%;object-fit:contain;object-position:top}.code-card__art>span{position:absolute;left:24px;top:10px;font:80px var(--han);color:#e0c28b45}.code-card__content{padding:23px}.code-card__top{display:flex;gap:10px;justify-content:space-between;align-items:center}.code-card__top .codes-eyebrow{letter-spacing:.1em}.code-status{font-size:10px;color:#a6cfa5;background:#82b08713;border:1px solid #82b08733;padding:4px 8px;border-radius:20px}.code-card h3{font:400 20px/1.5 var(--display);color:#e9dcc5;min-height:60px;margin:18px 0 14px;overflow-wrap:anywhere}.code-value{display:block;padding:16px 10px;border:1px dashed #b0966255;background:#0d100d66;color:#ead7a5;text-align:center;font:500 21px/1.5 monospace;letter-spacing:.06em;overflow-wrap:anywhere;user-select:all}.code-usage{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:11px;color:#a19f8f;margin:20px 0 10px}.code-usage strong{font-weight:400;color:#d2c7af}.code-progress{height:3px;background:#ffffff0c}.code-progress>span{display:block;height:100%;background:#baa16f}.code-expiry{display:flex;flex-wrap:wrap;gap:7px;align-items:center;font-size:11px;color:#9a9b8e;margin:16px 0}.code-expiry .ico{width:13px}.code-copy{display:flex;justify-content:center;align-items:center;gap:9px;width:100%;padding:12px;border:1px solid #b29a6355;background:#b29a631c;color:#e4d4ad;font:13px var(--font);cursor:pointer;border-radius:2px}.code-copy:hover{background:#b29a6338}.code-copy:disabled{color:#777c70;background:#ffffff04;border-color:#ffffff12;cursor:default}.code-card.is-full .code-status{color:#bd9c91;border-color:#bd9c9133;background:#bd9c9113}.code-card.is-full .code-card__art{filter:saturate(.35)}.codes-empty{padding:60px 24px;border:1px dashed #a68c5140;text-align:center;background:#1b1d1766}.codes-empty>.ico{font-size:38px;color:#bea678}.codes-empty h3{font:400 24px var(--display);margin:20px 0 12px;color:#e0cfab}.codes-empty p{font-size:14px;color:#97998d}.codes-empty .btn{margin-top:22px}.codes-how{border-top:1px solid #a58b5133;padding-bottom:70px}.codes-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.codes-steps article{position:relative;padding-left:50px}.codes-steps article>span{position:absolute;left:0;top:0;font:30px var(--display);color:#b7a07166}.codes-steps h3{font:400 18px var(--display);color:#d5c5a7;margin-bottom:12px}.codes-steps p{font-size:13px;color:#97998e;line-height:1.9}.itemcodes-page :focus-visible{outline:2px solid #d6b47a;outline-offset:4px}
@media(max-width:1000px){.codes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.codes-hero__copy{width:62%}.codes-tally{gap:15px;flex-wrap:wrap}.codes-hero__character{right:-15%;width:70%;opacity:.7}.codes-steps{gap:24px}.codes-heading{align-items:start;flex-direction:column;gap:12px}}
@media(max-width:600px){.codes-hero__inner{padding-block:20px 32px;min-height:0}.codes-hero .crumbs{margin-bottom:130px}.codes-hero__copy{width:100%}.codes-hero__character{width:100%;height:380px;right:-22%;top:-20px;bottom:auto;opacity:.5;mask-image:linear-gradient(#000 45%,transparent)}.codes-hero__art>span{font-size:120px;top:30px;left:20px}.codes-kicker{margin-top:0}.codes-intro{font-size:14px}.codes-tally>a{margin-left:0}.codes-section{padding-block:32px}.codes-grid,.codes-steps{grid-template-columns:1fr}.code-card__art{height:170px}.codes-steps{gap:28px}.codes-tally{gap:18px}.codes-heading h2{font-size:24px}.codes-actions{gap:20px}.codes-hero__scene{width:100%}}
@media(prefers-reduced-motion:reduce){.code-card{transition:none}.code-card:hover{transform:none}}

.codes-hero h1>span{display:inline-block}.code-card{display:flex;flex-direction:column}.code-card__content{display:flex;flex:1;flex-direction:column}.code-copy{margin-top:auto}.code-expiry{margin-bottom:16px}

/* Illustrated rewards campaign: artwork based on the original game characters. */
.itemcodes-page{background:#100e0d}
.codes-hero{background:#100e0d;border-bottom:1px solid #c793493d}
.codes-hero__inner{min-height:650px;padding-block:26px 52px}
.codes-hero__art{z-index:-1}
.codes-hero__keyart{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 42%}
.codes-hero__art::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0e0c0bc9 0%,#0e0c0b80 30%,transparent 59%),linear-gradient(0deg,#100e0d 0%,transparent 25%)}
.codes-hero__copy{width:45%;padding-top:24px}
.codes-hero .crumbs{margin-bottom:35px}
.codes-hero h1{font-size:clamp(30px,3.2vw,48px);color:#fff1d9;text-shadow:0 3px 22px #0009}
.codes-kicker{color:#e7b571}
.codes-eyebrow{color:#c99960}
.codes-intro{color:#c4b8aa;max-width:410px}
.codes-actions .btn--gold{background:linear-gradient(120deg,#e6bd78,#bb7f3f);border-color:#efc98a;color:#26150d;box-shadow:0 6px 30px #b3582026}
.codes-tally{margin-top:35px;gap:20px;flex-wrap:wrap;border-color:#dfab6240;max-width:430px}
.codes-tally>a{margin-left:0;flex-basis:100%;color:#bdaa90}
.codes-tally strong{color:#ecc385}
.codes-heading h2{color:#eed8b5}
.code-card{border-color:#8d602e66;background:linear-gradient(145deg,#28201a,#171310)}
.code-card:hover{border-color:#d79f5d;box-shadow:0 12px 32px #0005}
.code-card__art{height:185px;background:#120d0a;border-color:#bc804e40}
.code-card__art img{inset:0 0 auto auto;margin:0;max-width:none;width:155%;height:100%;object-fit:cover;object-position:right 25%}
.code-card:nth-child(even) .code-card__art img{object-position:right 10%}
.code-card__art::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#211911,transparent 60%)}
.code-card__art>span{display:grid;place-items:center;left:18px;top:18px;width:36px;height:36px;border:1px solid #d3a05c77;background:#100b07ad;color:#e8c18c;font-size:18px;border-radius:50%;z-index:1}
.code-value{background:#0d0a0880;border-color:#c1925666;color:#f0ce91}
.code-progress>span{background:linear-gradient(90deg,#ac4527,#edbc70)}
.code-copy{background:#ba824522;border-color:#bc874f66;color:#edca94}
.code-copy:hover{background:#ba824540}
.codes-empty{border-style:solid;border-color:#b07b403b;background:radial-gradient(ellipse at top,#9b4b171b,transparent 70%),#191411}
.codes-how{border-color:#9f6b323d}
.codes-steps article>span{color:#bc834b88}
@media(min-width:1700px){.codes-hero__inner{min-height:720px}.codes-hero__keyart{object-position:center 38%}}
@media(max-width:1000px){
 .codes-hero__inner{min-height:620px}
 .codes-hero__copy{width:53%;padding-top:10px}
 .codes-hero__keyart{object-position:61% center}
 .codes-hero__art::after{background:linear-gradient(90deg,#0e0c0be6,#0e0c0b80 38%,transparent 75%),linear-gradient(0deg,#100e0d,transparent 35%)}
}
@media(max-width:600px){
 .codes-hero__inner{min-height:0;padding-block:18px 32px}
 .codes-hero .crumbs{margin-bottom:0;position:relative;z-index:2;text-shadow:0 2px 6px #000}
 .codes-hero__art{height:390px}
 .codes-hero__keyart{object-position:86% top;object-fit:cover}
 .codes-hero__art::after{background:linear-gradient(0deg,#100e0d 0%,#100e0d12 65%),linear-gradient(180deg,#100e0d77,transparent 25%)}
 .codes-hero__copy{width:100%;padding-top:260px}
 .codes-hero h1{font-size:32px;line-height:1.4}
 .codes-kicker{font-size:16px;margin-top:14px}
 .codes-hero__copy>.codes-eyebrow{font-size:9px;letter-spacing:.19em}
 .codes-tally{margin-top:27px;gap:20px}
 .codes-tally>a{flex-basis:auto;margin-left:auto}
 .codes-intro{color:#bdb0a0}
 .code-card__art{height:180px}
}